@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/amd/ButtonSetItem-0f8f7660.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonSetButton-af5f14b6', './ButtonSetIconButton-f3c6a05e', 'preact/hooks', './useButtonSetContext-dffdaea3', './ButtonSetPositionContext-fd98cc11', './useButtonSetPositionContext-b8534679', './toggleButtonUtils-0ebe4c56'], (function(t,e,o,n,u,s,i,l,a){"use strict";const c=({isDisabled:t,...i})=>{const{display:c,inputType:d,isDisabled:S,buttonSetValue:r,onCommit:v,...b}=s.useButtonSetContext(),f=l.useButtonSetPositionContext(),p=t??S,x={tooltip:i.label,value:i.value},g="radio"===d,C=u.useCallback((()=>{g&&v?.({previousValue:r,value:[i.value]})}),[r,v,g,i.value]),m=u.useCallback((()=>{if(!g){const t=a.toggleButtonSetItem(i.value,r);v?.({previousValue:r,value:t})}}),[r,v,g,i.value]);return"icons"===c?e.jsx(n.ButtonSetIconButton,{isSelected:B(i.value,r),onToggle:g?C:m,isDisabled:p,...x,...f,...b,children:i.startIcon}):e.jsx(o.ButtonSetButton,{isSelected:B(i.value,r),onToggle:g?C:m,isDisabled:p,...i,...f,...b})};function B(t,e){return!!e&&e?.indexOf(t)>-1}c.displayName="ButtonSetItem",t.ButtonSetItem=c}));
+//# sourceMappingURL=ButtonSetItem-0f8f7660.js.map

package/amd/ButtonSetItem-0f8f7660.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSetItem-0f8f7660.js","sources":["../../src/UNSAFE_ButtonSetItem/ButtonSetItem.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 } from 'preact';\n\nimport { ButtonSetButton } from '../UNSAFE_ButtonSetButton';\nimport { ButtonSetIconButton } from '../UNSAFE_ButtonSetIconButton';\nimport { useCallback } from 'preact/hooks';\n\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useButtonSetContext } from '../hooks/UNSAFE_useButtonSetContext';\nimport { useButtonSetPositionContext } from '../hooks/UNSAFE_useButtonSetPositionContext';\nimport { toggleButtonSetItem } from '#utils/UNSAFE_buttonUtils';\n\nexport type ButtonSetItemProps = TestIdProps & {\n  /**\n   * Value of the selected buttonSetItem option.\n   */\n  value: string;\n\n  /**\n   * label - label\n   */\n  label?: string;\n\n  /**\n   * The startIcon is the button's start icon.\n   */\n  startIcon?: ComponentChildren;\n\n  /**\n   * The endIcon is the button's end icon.\n   */\n  endIcon?: ComponentChildren;\n\n  /**\n   * Specifies that the ButtonSetSingle element should be disabled.\n   */\n  isDisabled?: boolean;\n};\n\n/**\n * A ButtonSetItem specifies buttons for a buttonset.\n */\nexport const ButtonSetItem = ({ isDisabled: isPropsDisabled, ...props }: ButtonSetItemProps) => {\n  // The buttonSetItem context determines if a buttonset button or icon button rendered\n  // The buttonset context control provides variant, size, isItemDisabled, inputType, inputName. value\n  // The buttonset position control provides position, isSelected,\n  const {\n    display,\n    inputType,\n    isDisabled: isSetDisabled,\n    buttonSetValue,\n    onCommit,\n    ...buttonsetProps\n  } = useButtonSetContext();\n\n  const positionProps = useButtonSetPositionContext();\n  // The property isItemDisabled, if defined, overrides buttonSetItem settings.\n  const isItemDisabled = isPropsDisabled ?? isSetDisabled;\n  const iconProps = {\n    tooltip: props.label,\n    value: props.value\n  };\n\n  const isRadio = inputType === 'radio';\n\n  const onToggleHandlerSingle = useCallback(() => {\n    if (isRadio) {\n      onCommit?.({\n        previousValue: buttonSetValue,\n        value: [props.value]\n      });\n    }\n  }, [buttonSetValue, onCommit, isRadio, props.value]);\n\n  const onToggleHandlerMultiple = useCallback(() => {\n    if (!isRadio) {\n      const newButtonSetValue = toggleButtonSetItem(props.value, buttonSetValue);\n      onCommit?.({\n        previousValue: buttonSetValue,\n        value: newButtonSetValue\n      });\n    }\n  }, [buttonSetValue, onCommit, isRadio, props.value]);\n\n  // When toggled, the button invokes the buttonset commit, which can update the buttonset value, which then\n  // updates the buttonset context buttonSetValue causing this buttonSetItem to render appropriately.\n  return display === 'icons' ? (\n    <ButtonSetIconButton\n      isSelected={isButtonSetItemSelected(props.value, buttonSetValue)}\n      onToggle={isRadio ? onToggleHandlerSingle : onToggleHandlerMultiple}\n      isDisabled={isItemDisabled}\n      {...iconProps}\n      {...positionProps}\n      {...buttonsetProps}>\n      {props.startIcon}\n    </ButtonSetIconButton>\n  ) : (\n    <ButtonSetButton\n      isSelected={isButtonSetItemSelected(props.value, buttonSetValue)}\n      onToggle={isRadio ? onToggleHandlerSingle : onToggleHandlerMultiple}\n      isDisabled={isItemDisabled}\n      {...props}\n      {...positionProps}\n      {...buttonsetProps}></ButtonSetButton>\n  );\n};\n\n/**\n * Check if buttonSetValue contains the buttonSetItem.\n * Note the buttonSetValue can be a set of strings or a string, depending on whether a checkbox or\n * radio type is used.\n * @param buttonSetItemValue\n * @param buttonSetValue\n * @returns\n */\nfunction isButtonSetItemSelected(\n  buttonSetItemValue: string,\n  buttonSetValue: Array<string> | undefined\n): boolean {\n  if (!buttonSetValue) {\n    return false;\n  }\n  return buttonSetValue?.indexOf(buttonSetItemValue) > -1;\n}\n\nButtonSetItem.displayName = 'ButtonSetItem';\n"],"names":["ButtonSetItem","isDisabled","isPropsDisabled","props","display","inputType","isSetDisabled","buttonSetValue","onCommit","buttonsetProps","useButtonSetContext","positionProps","useButtonSetPositionContext","isItemDisabled","iconProps","tooltip","label","value","isRadio","onToggleHandlerSingle","useCallback","previousValue","onToggleHandlerMultiple","newButtonSetValue","toggleButtonSetItem","_jsx","ButtonSetIconButton","isSelected","isButtonSetItemSelected","onToggle","children","startIcon","ButtonSetButton","buttonSetItemValue","indexOf","displayName"],"mappings":"8SAgDa,MAAAA,EAAgB,EAAGC,WAAYC,KAAoBC,MAI9D,MAAMC,QACJA,EAAOC,UACPA,EACAJ,WAAYK,EAAaC,eACzBA,EAAcC,SACdA,KACGC,GACDC,EAAAA,sBAEEC,EAAgBC,EAAAA,8BAEhBC,EAAiBX,GAAmBI,EACpCQ,EAAY,CAChBC,QAASZ,EAAMa,MACfC,MAAOd,EAAMc,OAGTC,EAAwB,UAAdb,EAEVc,EAAwBC,EAAAA,aAAY,KACpCF,GACFV,IAAW,CACTa,cAAed,EACfU,MAAO,CAACd,EAAMc,QAEjB,GACA,CAACV,EAAgBC,EAAUU,EAASf,EAAMc,QAEvCK,EAA0BF,EAAAA,aAAY,KAC1C,IAAKF,EAAS,CACZ,MAAMK,EAAoBC,EAAmBA,oBAACrB,EAAMc,MAAOV,GAC3DC,IAAW,CACTa,cAAed,EACfU,MAAOM,GAEV,IACA,CAAChB,EAAgBC,EAAUU,EAASf,EAAMc,QAI7C,MAAmB,UAAZb,EACLqB,EAAAA,IAACC,EAAmBA,qBAClBC,WAAYC,EAAwBzB,EAAMc,MAAOV,GACjDsB,SAAUX,EAAUC,EAAwBG,EAC5CrB,WAAYY,KACRC,KACAH,KACAF,EACHqB,SAAA3B,EAAM4B,YAGTN,MAACO,kBAAe,CACdL,WAAYC,EAAwBzB,EAAMc,MAAOV,GACjDsB,SAAUX,EAAUC,EAAwBG,EAC5CrB,WAAYY,KACRV,KACAQ,KACAF,GACP,EAWH,SAASmB,EACPK,EACA1B,GAEA,QAAKA,GAGEA,GAAgB2B,QAAQD,IAAuB,CACxD,CAEAjC,EAAcmC,YAAc"}

package/amd/Chart-061335fe.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './PRIVATE_Chart/themes/ChartStyles.css', './TrackResizeContainer-a4999df9', './useTextDimensions-f254e8f5', './useCssVars-5b3bc31e', 'preact/hooks', './Gridlines-c6c1fbb5', './useId-c9578d26', './Axis-3b37075a', './useChartViewport-167a8e6b', './utils-8ccd1b88', './useChartNav-a162c821', './mergeProps-bcfa6a92', './ScrollBar-fae26188', './useSelectDrill-3b31318e', './useUser-12ec03f1', './useTestId-9afc201a', './cssUtils-1609d0af', './useChartContextMenu-59688a67', './useChartDnd-e1facca9', './eventsUtils-5fb81c3e', './accUtils-acd70e81', './layoutUtils-641af87a', './useTooltip-75a63697', './logger-0f873e29', './LayerHost-daf96749', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './useChartMarquee-33a329da', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useOverviewContext-dd00c487', './scale-2f3251e1', './OverviewSlidingWindow-366528eb', './PRIVATE_VisOverview/themes/VisOverview.css', './useTranslationBundle-8e42d505', './useChartDatatip-7beb4b24'], (function(e,t,o,r,i,a,n,s,l,d,c,u,x,p,g,h,v,f,I,m,y,w,S,A,b,C,D,P,T,j,M,R,G,k,F,O,L,V,B,N,z){"use strict";function E(e,t,o,r){if(1===e[t][o].path.length)return{levelIndex:t,groupIndex:o};let i=Math.max(0,t-1);const a=e[t][o],{start:n,end:s}=a;for(;i>=0;){for(let t=0;t<e[i].length;t++){const{start:o,end:a}=e[i][t];if(o<=n&&s<=a&&r(i,t))return{groupIndex:t,levelIndex:i}}i-=1}return{levelIndex:t,groupIndex:o}}function U(e,t,o,r){if(t===e.length-1)return{levelIndex:t,groupIndex:o};const i=Math.min(e.length-1,t+1),a=e[t][o],{start:n,end:s}=a;for(;i<=e.length-1;)for(let t=0;t<e[i].length;t++){const{start:o,end:a}=e[i][t];if(n<=o&&a<=s&&r(i,t))return{groupIndex:t,levelIndex:i}}return{levelIndex:t,groupIndex:o}}function W(e,t,o){const r=t.groupIndex+1,i=t.levelIndex;if(!(r>e[i].length-1))return o(i,r)?{groupIndex:r,levelIndex:i}:W(e,{groupIndex:r,levelIndex:i},o)}function H(e,t){const o=e.groupIndex-1,r=e.levelIndex;if(!(o<0))return t(r,o)?{groupIndex:o,levelIndex:r}:H({groupIndex:o,levelIndex:r},t)}function X({x:e,width:o,height:r,y:i,windowX:a,windowHeight:n,windowWidth:s,windowY:l}){return t.jsxs(t.Fragment,{children:[t.jsx("rect",{x:e,y:i,width:Math.max(0,a-e),height:r,class:B.styles.overviewBackground}),t.jsx("rect",{x:a+s,width:Math.max(0,e+o-a-s),y:i,height:r,class:B.styles.overviewBackground}),t.jsx("rect",{x:a,y:i,height:Math.max(0,l-i),width:s,class:B.styles.overviewBackground}),t.jsx("rect",{x:a,y:l+n,width:s,class:B.styles.overviewBackground,height:Math.max(i+r-l-n,0)})]})}const q=I.getChartVars();function Y({width:e,height:r,selectedIds:I,hiddenIds:S,hideAndShowBehavior:C="none",orientation:D="vertical",xAxis:P,yAxis:T,y2Axis:j,plotArea:M,dragMode:R="user",series:B,groups:Y,isStacked:Z=!1,getDataItem:$,selectionMode:_="none",drilling:J="off",dataCursorPosition:K,onSelectionChange:Q,isDataCursorEnabled:ee,dataCursorStyle:te,onViewportChange:oe,onDataCursorPositionChange:re,onItemDrill:ie,onGroupDrill:ae,onItemHover:ne,onItemFocus:se,datatip:le,zoomAndScroll:de="off",getNavUtil:ce,getDataItemPos:ue,getGapRatio:xe,valueFormats:pe,findNearest:ge,getMarkerInfo:he,isRtl:ve,children:fe,testId:Ie,renderGridLinesInFront:me,isDataXAxis:ye,contextMenuConfig:we,overview:Se="off",getStartAndEndAxesOffset:Ae,defaultOverviewContentRenderer:be,isOverview:Ce,yAxisSize:De,overviewRenderer:Pe,...Te}){const je=f.useTestId(Ie),Me=n.useRef(null),Re=void 0!==je["data-testid"],Ge="horizontal"===D,{xAxisPosition:ke,yAxisPosition:Fe,y2AxisPosition:Oe}=u.getAxesPosition(T,j,Ge,ve),{resolvedVars:Le,cssContent:Ve}=a.useCssVars(q),Be=Array.from(Array(12)).map(((e,t)=>Le[`color${t+1}`])),{textMeasureContent:Ne,getTextDimensions:ze}=i.useTextDimensions();let Ee=u.getAvailSpace(e,r);if(Ce&&De){const e=Ee.width-De,t=u.getOuterGaps(e,r);Ee.width-=De-2*t.width,Ee.x+=De-t.width}const Ue=null!=P?.timeAxisType,We=u.getScrollBarSpace(Ue,Ee,de,ke,Se);let He=We.scrollDims;Ee=We.availSpace;const{locale:Xe}=v.useUser(),{x:qe,y:Ye,width:Ze,height:$e}=Ee,_e=Le.labelFontSize,Je=j?.split??"off",Ke="off"!==Je,Qe="off"!==Je?Je:.5,et=n.useMemo((()=>{const e=new Set(S);return u.getLayoutInfo(B,Y,$,P,T,j,{x:qe,y:Ye,width:Ze,height:$e},e,C,Ge,ve,Z,_e,Ae,Xe,Ke,Qe,ze,Re,ye)}),[qe,Ye,Ze,$e,$,ze,Y,S,C,ye,Ge,ve,Z,Re,Xe,Ae,_e,B,P,T,j,Qe,Ke]),{getGroupFromPath:tt,levelsArray:ot,xAxisInfo:rt,xProps:it,xScale:at,yProps:nt,y2Props:st,yScale:lt,y2Scale:dt,yMaxDim:ct,yAxisInfo:ut,plotAreaSpace:xt,xSpace:pt,ySpace:gt,y2Space:ht,idToDataMap:vt,y2AxisInfo:ft}=et,It=ot.length>0?ot[ot.length-1]:[];He=u.updateScrollBarSpace(He,"bottom"===ke,ve,ct);const mt=xe(rt.startIndex,rt.endIndex),yt=ce(rt.startIndex,rt.endIndex),{getNextNavGroup:wt,getDefaultNavGroup:St}=function(e,t,o,r,i){const a=(o,r)=>{const a=e[o][r].item,n=a.name||a.id,s=a.drilling;return!!i?.(o,r)&&null!=n&&("on"===t||"groupsOnly"===t)&&"off"!=s};return{getNextNavGroup:(t,i)=>{let n;return"ArrowRight"===i?n=r?o?E(e,t.levelIndex,t.groupIndex,a):U(e,t.levelIndex,t.groupIndex,a):o?H(t,a):W(e,t,a):"ArrowLeft"===i?n=r?o?U(e,t.levelIndex,t.groupIndex,a):E(e,t.levelIndex,t.groupIndex,a):o?W(e,t,a):H(t,a):"ArrowDown"===i?n=r?W(e,t,a):E(e,t.levelIndex,t.groupIndex,a):"ArrowUp"===i&&(n=r?H(t,a):U(e,t.levelIndex,t.groupIndex,a)),n||t},getDefaultNavGroup:()=>{for(let t=0;t<e.length;t++){const o=e[t].length;for(let e=0;e<o;e++)if(a(t,e))return{groupIndex:e,levelIndex:t}}return{groupIndex:0,levelIndex:0}}}}(ot,J,ve,Ge,it.isGroupLabelRendered),{ignoreSelectPointerUp:At,cursor:bt,yAxisCursor:Ct,marqueeProps:Dt,marqueeContent:Pt,toggleButtonContent:Tt,isPointInsideMarquee:jt,dragMode:Mt}=G.useChartMarquee({rootRef:Me,plotAreaSpace:xt,xSpace:pt,ySpace:gt,dragMode:R,chartWidth:e,isMultiSelection:"multiple"===_,onViewportChange:oe,isZoomScroll:"live"===de,xScale:at,selectedIds:I,getDataById:e=>vt.get(e),onSelectionChange:Q,isRtl:ve,xAxisInfo:rt}),{touchResponse:Rt,touchResponseStyle:Gt}=k.useVisTouchResponse({type:"auto",supportsTouchDragGestures:"off"!==Mt,rootRef:Me}),{activeId:kt,focusedItemInfo:Ft,hoveredItemInfo:Ot,focusedGroupInfo:Lt,navProps:Vt,onFocusUpdate:Bt}=x.useChartNav({rootRef:Me,getNextChartItem:yt,getNextNavGroup:wt,getDefaultNavGroup:St,touchResponse:Rt,onItemHover:ne,onItemFocus:se,drilling:J,xAxisInfo:rt}),Nt=N.useTranslationBundle("@oracle/oraclejet-preact"),{tooltipContent:zt,tooltipProps:Et}=function({getTextAndBounds:e,width:t,isRtl:o}){const[r,i]=n.useState(),a=n.useRef(),{tooltipContent:s,tooltipProps:l}=b.useTooltip({text:r,position:"top-start",offset:A.calculateOffset(o,t,a.current)});return{tooltipContent:s,tooltipProps:p.mergeProps({onPointerMove:t=>{const o=e(t.target);o?(a.current=o.bounds,i(o.text)):i(void 0)}},l)}}({getTextAndBounds:e=>{if(e!=Me.current){const t=w.getElementData(Me,e),o=t?.ojPrivateText;if(!o)return;if(o===P?.title)return{text:o,bounds:it.titleProps?.dims};if(o===T?.title)return{text:o,bounds:nt.titleProps?.dims};if(o===j?.title)return{text:o,bounds:st.titleProps?.dims};if(t?.ojPrivateGroupIndex&&t?.ojPrivateLevelIndex)return{bounds:it.tickLabels.find((({dataProps:e})=>e["data-oj-private-level-index"]===t.ojPrivateLevelIndex&&e["data-oj-private-group-index"]===t.ojPrivateGroupIndex)).dims,text:o}}if(e===Me.current&&Lt.isFocusVisible){const e=Y[Lt.groupIndex||0];return{bounds:it.tickLabels[Lt?.groupIndex||0].dims,text:e.name||e.id}}},width:e,isRtl:ve}),Ut=c.useChartViewport({rootRef:Me,width:e,height:r,xAxisInfo:rt,yAxisInfo:ut,y2AxisInfo:ft,xScale:at,yScale:lt,y2Scale:dt,plotAreaSpace:xt,isRtl:ve,isHoriz:Ge,zoomAndScroll:de,onViewportChange:oe}),{selectDrillProps:Wt,selectionContent:Ht}=h.useSelectDrill({selectionMode:_,selection:[...I],onChange:Q,rootRef:Me,drilling:J,onItemDrill:ie,onGroupDrill:ae,focusedGroupInfo:Lt,focusedItemInfo:Ft,levelsArray:ot,getDataItem:$,getDataById:e=>vt.get(e),ignoreAsTrigger:e=>{if(!e)return!1;const t=w.getElementData(Me,e);return!((!t||"marquee"!==t.ojPrivateObject&&"dragModeControls"!==t.ojPrivateObject&&"scrollBar"!==t.ojPrivateObject)&&!At)}}),Xt=ge(at,lt,dt,it.axisStepWidth,it.averageGroupZ,mt),qt=ue(at,lt,dt,it.axisStepWidth,it.averageGroupZ,mt),[Yt,Zt]=n.useState(!1),$t=z.getAriaLabelGenerator(B,Nt,pe,It,P,!!ye,tt,it.defaultLabelFormatter,nt.defaultLabelFormatter,st.defaultLabelFormatter),{datatipContent:_t,dataCursorContent:Jt,datatipProps:{"aria-describedby":Kt,...Qt}}=h.useChartDatatipAndCursor({series:B,leafGroupsInfo:It,width:e,height:r,findNearest:Xt,plotAreaSpace:xt,onDataCursorPositionChange:re,isDataCursorEnabled:ee,dataCursorPosition:K,dataCursorStyle:te,hoveredItemInfo:Ot,focusedItemInfo:Ft,getDataItem:$,getMarkerInfo:he,getDataItemPos:qt,datatip:le,valueFormats:pe,isHoriz:Ge,touchResponse:Rt,isDisabled:Yt,xScale:at,yScale:lt,y2Scale:dt,timeAxisType:P?.timeAxisType,defaultXFormatter:it.defaultLabelFormatter,defaultYFormatter:nt.defaultLabelFormatter,defaultY2Formatter:st.defaultLabelFormatter,hasXYValues:ye,getGroupFromPath:tt,translations:Nt}),eo=l.useId(),to=t.jsx(s.Gridlines,{plotArea:M,availSpace:xt,xAxisPosition:ke,isRtl:ve,yMinorTicks:ut.minorTicks,xMinorTicks:rt.minorTicks,xScale:at,yScale:lt,y2Scale:dt,isLog:"log"===T?.scale,yAxisPosition:Fe,isDataXAxis:ye,xAxis:P,yAxis:T,y2Axis:j,hasAxisLine:!Ce,y2MinorTicks:ft?.minorTicks,y2Ticks:ft.ticks,yTicks:ut.ticks,xTicks:rt.ticks,isSplitDualY:Ke}),oo=B.length>0&&Y.length>0,{contextMenuContent:ro,contextMenuProps:io}=m.useChartContextMenu({isRtl:ve,width:e,height:r,getDataItemPosition:qt,series:B,levelsArray:ot,focusedGroupInfo:Lt,getDataItem:$,focusedItemInfo:Ft,rootRef:Me,xAxisTitle:P?.title,yAxisTitle:T?.title,contextMenuConfig:oo?we:void 0,onContextMenuDismissed:e=>{"keyboard"===e&&Bt()}}),[ao,no]=n.useState({accepted:void 0,type:""}),{draggable:so,dndProps:lo,dndContent:co}=y.useChartDnd({onDrag:Te.onDrag,onDragStart:Te.onDragStart,onDragEnd:Te.onDragEnd,onDragEnter:Te.onDragEnter,onDragLeave:Te.onDragLeave,onDragOver:Te.onDragOver,onDrop:Te.onDrop,itemsDraggable:Te.itemsDraggable,groupDraggable:Te.groupDraggable,rootRef:Me,levelsArray:ot,series:B,selectedIds:I,getDataItem:$,xSpace:pt,ySpace:gt,plotAreaSpace:xt,setDragOver:no,setDatatipDisabled:Zt,onSelectionChange:Q}),uo=p.mergeProps(Vt,Wt,Ut,Qt,Dt,Et,io,lo),xo="off"==Se||"on"!==Se&&Se.renderer?void 0:be,{background:po,slidingWindow:go}=Pe(xt);return t.jsxs(t.Fragment,{children:[ze&&null!=Le.labelFontSize&&t.jsxs("div",{tabIndex:Ce?void 0:0,draggable:so,ref:Me,"aria-activedescendant":kt,"aria-label":Te["aria-label"],"aria-labelledby":Te["aria-labelledby"],"aria-describedby":F.l([Te["aria-describedby"],Kt]),style:{...Gt},role:Ce?void 0:"application",className:o.styles.baseChartStyle,"data-oj-private-selection-mode":Re?_:void 0,...je,...Ce?{}:uo,children:[t.jsxs("svg",{width:"100%",height:0!=He.height&&"off"!=Se?Math.ceil(100*(We.availSpace.height+10))/r+"%":"100%",children:[t.jsx("clipPath",{id:`${eo}`,children:t.jsx("rect",{...xt})}),po,t.jsx(s.PlotArea,{color:M?.color,dragOverStyle:"plotArea"!==ao.type?"none":ao.accepted?"accept":"reject",cursor:bt,availSpace:xt}),!me&&to,t.jsx(d.Axis,{...nt,axisPosition:Fe,isRtl:ve,cursor:Ct,availSpace:gt,dragOverStyle:"yAxis"!==ao.type?"none":ao.accepted?"accept":"reject"}),t.jsx(d.Axis,{...st,axisPosition:Oe,isRtl:ve,cursor:Ct,availSpace:ht,dragOverStyle:"y2Axis"!==ao.type?"none":ao.accepted?"accept":"reject"}),t.jsx(d.Axis,{...it,isRtl:ve,axisPosition:ke,isTextInteractive:e=>{if(null!=P?.timeAxisType)return!1;const t=Y[e]?.drilling;return"on"===t||"off"!=t&&("on"===J||"groupsOnly"===J)},activeId:kt,cursor:bt,focusedGroupIndex:Lt.isFocusVisible?Lt.groupIndex:void 0,focusedGroupLevelIndex:Lt.isFocusVisible?Lt.levelIndex:void 0,availSpace:pt,dragOverStyle:"xAxis"!==ao.type?"none":ao.accepted?"accept":"reject",separatorColor:P?.groupSeparators?.color}),t.jsxs("g",{children:[fe({xStartIndex:rt.startIndex,xEndIndex:rt.endIndex,getItemAriaLabel:$t,groupsInfo:It,colors:Be,xScale:at,yScale:lt,y2Scale:dt,isPointInsideMarquee:jt,defaultFontSize:Le.labelFontSize,gapRatio:mt,activeId:kt,focusedItemInfo:Ft,hoveredItemInfo:Ot,getTextDimensions:ze,axisStepWidth:it.axisStepWidth,averageGroupZ:it.averageGroupZ,plotAreaClipPathId:eo}),me&&to,Jt]}),go,"live"===de&&!Ce&&t.jsx(g.ScrollBar,{availSpace:He,isRtl:ve,viewport:rt,axisExtent:rt,isHoriz:"bottom"===ke}),Pt]}),t.jsx(O.OverviewContext.Provider,{value:{yAxisSize:gt.width,isOverview:!0,width:e,height:He.height,overviewRenderer:e=>{const{xScale:o,...r}=function(e,t,o,r,i,a){const n=[o.min,o.max],s=e?[a.x+a.width,a.x]:[a.x,a.x+a.width],l=new L.ScaleLinear(n,s),d=[i.min,i.max],c=[a.y+a.height,a.y],u=new L.ScaleLinear(d,c),x=l.transform(t.viewportMin),p=Math.abs(l.transform(t.viewportMax)-l.transform(t.viewportMin));return{windowX:e?x-p:x,windowWidth:p,windowY:u.transform(r.viewportMax),windowHeight:Math.abs(u.transform(r.viewportMax)-u.transform(r.viewportMin)),xScale:l,yScale:u}}(ve,rt,rt,ut,ut,e);return function(e,o,r,i,a,n,s){return{slidingWindow:t.jsx(V.OverviewSlidingWindow,{...i,...a,hasHandles:n,onWindowDimsChange:t=>{u.updateViewportFromOverview(e,o,a.windowX,a.windowWidth,t.deltaX,t.deltaWidth,r,s)}}),background:t.jsx(X,{...i,...a})}}(rt,ve,o,e,r,!0,oe)}},children:!Ce&&"off"!==Se&&xo&&t.jsx("div",{style:{width:e,height:He.height},children:xo()})}),Tt,_t,zt,ro,Ht,co]}),Ne,Ve]})}e.Chart=function({width:e,height:i,...a}){const{isOverview:n,overviewRenderer:s,yAxisSize:l,width:d,height:c}=O.useOverviewContext();let u=e,x=i;return void 0===u&&n&&void 0!==d&&(u=`${d}px`),void 0===x&&n&&void 0!==c&&(x=`${c}px`),t.jsx(r.TrackResizeContainer,{width:u,height:x,class:o.dimensionStyle,children:(e,o)=>e||o?t.jsx(Y,{width:e,height:o,...a,yAxisSize:l,isOverview:n,overviewRenderer:s}):void 0})}}));
+//# sourceMappingURL=Chart-061335fe.js.map

package/amd/Chart-061335fe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chart-061335fe.js","sources":["../../src/PRIVATE_Axis/utils/axisNavUtils.ts","../../src/PRIVATE_VisOverview/OverviewBackground.tsx","../../src/PRIVATE_Chart/ChartWithDimensions.tsx","../../src/PRIVATE_VisSVGText/useTextTruncation.ts","../../src/PRIVATE_VisOverview/utils.ts","../../src/PRIVATE_Chart/overviewUtils.tsx","../../src/PRIVATE_Chart/Chart.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 { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\nimport { ChartGroupInfo } from '#utils/UNSAFE_visTypes/chart';\n\ntype isGroupNavigableType = (levelIndex: number, groupIndex: number) => boolean;\n\n/**\n * Returns the parent group for the navigable item.\n * @param levelsArray The levels array.\n * @param levelIndex The levelIndex of current naviable group..\n * @param groupIndex The groupIndex of current navigable group.\n * @returns\n */\nexport function getParentGroup(\n  levelsArray: GroupLevelItem[][],\n  levelIndex: number,\n  groupIndex: number,\n  isGroupNavigable: isGroupNavigableType\n) {\n  const path = levelsArray[levelIndex][groupIndex].path;\n  if (path.length === 1) {\n    return {\n      levelIndex,\n      groupIndex\n    };\n  }\n\n  let lIndex = Math.max(0, levelIndex - 1);\n  const groupItem = levelsArray[levelIndex][groupIndex];\n  const { start, end } = groupItem;\n\n  while (lIndex >= 0) {\n    for (let i = 0; i < levelsArray[lIndex].length; i++) {\n      const { start: s, end: e } = levelsArray[lIndex][i];\n      if (s <= start && end <= e) {\n        if (isGroupNavigable(lIndex, i)) {\n          return { groupIndex: i, levelIndex: lIndex };\n        }\n      }\n    }\n    lIndex -= 1;\n  }\n\n  return {\n    levelIndex,\n    groupIndex\n  };\n}\n\n/**\n * @param levelsArray The levels array.\n * @param levelIndex The levelIndex of current navigable item.\n * @param groupIndex The groupIndex of current navigable item.\n * @returns\n */\nexport function getChildGroup(\n  levelsArray: GroupLevelItem[][],\n  levelIndex: number,\n  groupIndex: number,\n  isGroupNavigable: isGroupNavigableType\n) {\n  if (levelIndex === levelsArray.length - 1) {\n    return { levelIndex, groupIndex };\n  }\n\n  const lIndex = Math.min(levelsArray.length - 1, levelIndex + 1);\n\n  const groupItem = levelsArray[levelIndex][groupIndex];\n  const { start, end } = groupItem;\n\n  while (lIndex <= levelsArray.length - 1) {\n    for (let i = 0; i < levelsArray[lIndex].length; i++) {\n      const { start: s, end: e } = levelsArray[lIndex][i];\n      if (start <= s && e <= end) {\n        if (isGroupNavigable(lIndex, i)) {\n          return { groupIndex: i, levelIndex: lIndex };\n        }\n      }\n    }\n  }\n  return {\n    levelIndex,\n    groupIndex\n  };\n}\n\nexport function getNextGroup(\n  levelsArray: GroupLevelItem[][],\n  info: ChartGroupInfo,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex! + 1;\n  const levelIndex = info.levelIndex!;\n\n  const maxgroup = levelsArray[levelIndex].length - 1;\n\n  if (groupIndex > maxgroup) {\n    return;\n  }\n\n  if (isGroupNavigable(levelIndex!, groupIndex)) {\n    return { groupIndex, levelIndex };\n  }\n  return getNextGroup(levelsArray, { groupIndex, levelIndex }, isGroupNavigable);\n}\n\nexport function getPreviousGroup(\n  info: ChartGroupInfo,\n  isGroupNavigable: isGroupNavigableType\n): ChartGroupInfo | undefined {\n  const groupIndex = info.groupIndex! - 1;\n  const levelIndex = info.levelIndex;\n  if (groupIndex < 0) {\n    return;\n  }\n  if (isGroupNavigable(levelIndex!, groupIndex)) {\n    return { groupIndex, levelIndex };\n  }\n  return getPreviousGroup({ groupIndex, levelIndex }, isGroupNavigable);\n}\n\nexport function getGroupNavUtil(\n  levelsArray: GroupLevelItem[][],\n  drilling: 'on' | 'off' | 'groupsOnly',\n  isRtl: boolean,\n  isHoriz: boolean,\n  isGroupLabelRendered?: (levelIndex: number, groupIndex: number) => boolean\n) {\n  const isGroupNavigable = (levelIndex: number, groupIndex: number) => {\n    const group = levelsArray[levelIndex][groupIndex].item;\n    const groupName = group.name || group.id;\n    const groupsDrilling = group.drilling;\n    const isLabelRendered = !!isGroupLabelRendered?.(levelIndex, groupIndex);\n    return (\n      isLabelRendered &&\n      groupName != null &&\n      (drilling === 'on' || drilling === 'groupsOnly') &&\n      groupsDrilling != 'off'\n    );\n  };\n\n  const getDefaultNavGroup = () => {\n    for (let levelIndex = 0; levelIndex < levelsArray.length; levelIndex++) {\n      const numGroups = levelsArray[levelIndex].length;\n      for (let groupIndex = 0; groupIndex < numGroups; groupIndex++) {\n        if (isGroupNavigable(levelIndex, groupIndex)) {\n          return { groupIndex, levelIndex };\n        }\n      }\n    }\n    return { groupIndex: 0, levelIndex: 0 };\n  };\n\n  const getNextNavGroup = (\n    info: ChartGroupInfo,\n    arrow: 'ArrowRight' | 'ArrowLeft' | 'ArrowUp' | 'ArrowDown'\n  ) => {\n    let nextGroup;\n\n    if (arrow === 'ArrowRight') {\n      if (isHoriz) {\n        nextGroup = !isRtl\n          ? getChildGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable)\n          : getParentGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable);\n      } else {\n        nextGroup = isRtl\n          ? getPreviousGroup(info, isGroupNavigable)\n          : getNextGroup(levelsArray, info, isGroupNavigable);\n      }\n    } else if (arrow === 'ArrowLeft') {\n      if (isHoriz) {\n        nextGroup = isRtl\n          ? getChildGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable)\n          : getParentGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable);\n      } else {\n        nextGroup = isRtl\n          ? getNextGroup(levelsArray, info, isGroupNavigable)\n          : getPreviousGroup(info, isGroupNavigable);\n      }\n    } else if (arrow === 'ArrowDown') {\n      nextGroup = isHoriz\n        ? getNextGroup(levelsArray, info, isGroupNavigable)\n        : getParentGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable);\n    } else if (arrow === 'ArrowUp') {\n      nextGroup = isHoriz\n        ? getPreviousGroup(info, isGroupNavigable)\n        : getChildGroup(levelsArray, info.levelIndex!, info.groupIndex!, isGroupNavigable);\n    }\n    return nextGroup || info;\n  };\n\n  return { getNextNavGroup, getDefaultNavGroup };\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 { OverviewProps } from './overview.types';\nimport { styles } from './themes/VisOverview.css';\n\nexport function OverviewBackground({\n  x,\n  width,\n  height,\n  y,\n  windowX,\n  windowHeight,\n  windowWidth,\n  windowY\n}: OverviewProps) {\n  return (\n    <>\n      <rect\n        x={x}\n        y={y}\n        width={Math.max(0, windowX - x)}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX + windowWidth}\n        width={Math.max(0, x + width - windowX - windowWidth)}\n        y={y}\n        height={height}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={y}\n        height={Math.max(0, windowY - y)}\n        width={windowWidth}\n        class={styles.overviewBackground}></rect>\n\n      <rect\n        x={windowX}\n        y={windowY + windowHeight}\n        width={windowWidth}\n        class={styles.overviewBackground}\n        height={Math.max(y + height - windowY - windowHeight, 0)}></rect>\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 */\n\nimport { useTextDimensions } from '#hooks/PRIVATE_useTextDimensions';\nimport { useCssVars } from '#hooks/PRIVATE_useCssVars/useCssVars';\nimport { styles } from './themes/ChartStyles.css';\nimport { useMemo, useRef, useState } from 'preact/hooks';\nimport { PlotArea } from '#PRIVATE_PlotArea';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { Axis } from '#PRIVATE_Axis/Axis';\nimport { useChartViewport } from '#hooks/PRIVATE_useChartViewport';\nimport {\n  getAvailSpace,\n  getLayoutInfo,\n  getOuterGaps,\n  getScrollBarSpace,\n  updateScrollBarSpace\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { useChartNav } from '#hooks/PRIVATE_useChartNav/useChartNav';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getAxesPosition } from '#PRIVATE_Axis/utils/axisUtils';\nimport { ScrollBar } from '#PRIVATE_ChartScrollBar';\nimport { useSelectDrill } from '#hooks/PRIVATE_useChartEvents/useSelectDrill';\nimport { useChartDatatipAndCursor } from '#hooks/PRIVATE_useChartEvents/useDatatipAndCursor';\nimport { getGroupNavUtil } from '#PRIVATE_Axis/utils/axisNavUtils';\nimport { GroupAxisProps, DataAxisProps, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { Gridlines } from '#PRIVATE_PlotArea/Gridlines';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { getChartVars } from '#utils/PRIVATE_chartUtils';\nimport { useChartContextMenu } from '#hooks/PRIVATE_useChartContextMenu';\nimport { useChartDnd } from '#hooks/PRIVATE_useChartDnd';\nimport { getElementData } from '#utils/UNSAFE_visUtils';\nimport { useTextTruncation } from '#PRIVATE_VisSVGText/useTextTruncation';\nimport { useChartMarquee } from '#hooks/PRIVATE_useChartMarquee';\nimport { ChartProps } from './Chart';\nimport type { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { OverviewContext } from '#hooks/PRIVATE_useOverviewContext';\nimport { getWindowCoords } from '#PRIVATE_VisOverview/utils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { getRenderer } from './overviewUtils';\nimport { ComponentChildren } from 'preact';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getAriaLabelGenerator } from '#utils/PRIVATE_chartUtils/dataTipUtils';\n\ntype ChartWithDimensionsProps<K, D> = Omit<ChartProps<K, D>, 'width' | 'height'> & {\n  width: number;\n  height: number;\n  overviewRenderer: (props: Dimension) => {\n    background: ComponentChildren;\n    slidingWindow: ComponentChildren;\n  };\n  yAxisSize: number;\n  isOverview: boolean;\n};\n\nconst OVERVIEW_GAP = 10;\n\nconst chartVars = getChartVars();\n\nexport function ChartWithDimensions<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({\n  width,\n  height,\n  selectedIds,\n  hiddenIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  xAxis,\n  yAxis,\n  y2Axis,\n  plotArea,\n  dragMode = 'user',\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataCursorPosition,\n  onSelectionChange,\n  isDataCursorEnabled,\n  dataCursorStyle,\n  onViewportChange,\n  onDataCursorPositionChange,\n  onItemDrill,\n  onGroupDrill,\n  onItemHover,\n  onItemFocus,\n  datatip,\n  zoomAndScroll = 'off',\n  getNavUtil,\n  getDataItemPos,\n  getGapRatio,\n  valueFormats,\n  findNearest,\n  getMarkerInfo,\n  isRtl,\n  children,\n  testId,\n  renderGridLinesInFront,\n  isDataXAxis,\n  contextMenuConfig,\n  overview = 'off',\n  getStartAndEndAxesOffset,\n  defaultOverviewContentRenderer,\n  isOverview,\n  yAxisSize,\n  overviewRenderer,\n  ...props\n}: ChartWithDimensionsProps<K, D>) {\n  const testIdProps = useTestId(testId);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isTestEnv = testIdProps['data-testid'] !== undefined;\n  const isHoriz = orientation === 'horizontal';\n  const { xAxisPosition, yAxisPosition, y2AxisPosition } = getAxesPosition(\n    yAxis,\n    y2Axis,\n    isHoriz,\n    isRtl\n  );\n  const { resolvedVars, cssContent } = useCssVars(chartVars);\n  const colors = Array.from(Array(12)).map((_, index) => {\n    return resolvedVars[`color${index + 1}`];\n  });\n  const { textMeasureContent, getTextDimensions } = useTextDimensions();\n  let availSpace = getAvailSpace(width, height);\n\n  if (isOverview && yAxisSize) {\n    const w = availSpace.width - yAxisSize;\n    const gaps = getOuterGaps(w, height);\n    availSpace.width -= yAxisSize - 2 * gaps.width;\n    availSpace.x += yAxisSize - gaps.width;\n  }\n  const isTimeAxis = (xAxis as TimeAxisProps)?.timeAxisType != null;\n\n  const updatedSpace = getScrollBarSpace(\n    isTimeAxis,\n    availSpace,\n    zoomAndScroll,\n    xAxisPosition,\n    overview\n  );\n  let scrollDims = updatedSpace.scrollDims;\n  availSpace = updatedSpace.availSpace;\n  const { locale } = useUser();\n  const { x, y, width: _width, height: _height } = availSpace;\n  const labelFontSize = resolvedVars['labelFontSize'];\n\n  const split = y2Axis?.split ?? 'off';\n  const isSplitDualY = split !== 'off';\n  const splitterPosition = split !== 'off' ? split : 0.5;\n\n  const layoutInfo = useMemo(() => {\n    const hiddenSet = new Set(hiddenIds);\n    return getLayoutInfo<K, D>(\n      series,\n      groups,\n      getDataItem,\n      xAxis,\n      yAxis,\n      y2Axis,\n      { x, y, width: _width, height: _height }, // availSpace\n      hiddenSet,\n      hideAndShowBehavior,\n      isHoriz,\n      isRtl,\n      isStacked,\n      labelFontSize,\n      getStartAndEndAxesOffset,\n      locale,\n      isSplitDualY,\n      splitterPosition,\n      getTextDimensions,\n      isTestEnv,\n      isDataXAxis\n    );\n  }, [\n    x,\n    y,\n    _width,\n    _height,\n    getDataItem,\n    getTextDimensions,\n    groups,\n    hiddenIds,\n    hideAndShowBehavior,\n    isDataXAxis,\n    isHoriz,\n    isRtl,\n    isStacked,\n    isTestEnv,\n    locale,\n    getStartAndEndAxesOffset,\n    labelFontSize,\n    series,\n    xAxis,\n    yAxis,\n    y2Axis,\n    splitterPosition,\n    isSplitDualY\n  ]);\n\n  const {\n    getGroupFromPath,\n    levelsArray,\n    xAxisInfo,\n    xProps,\n    xScale,\n    yProps,\n    y2Props,\n    yScale,\n    y2Scale,\n    yMaxDim,\n    yAxisInfo,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    y2Space,\n    idToDataMap,\n    y2AxisInfo\n  } = layoutInfo;\n\n  const leafGroupsInfo = levelsArray.length > 0 ? levelsArray[levelsArray.length - 1] : [];\n\n  scrollDims = updateScrollBarSpace(scrollDims, xAxisPosition === 'bottom', isRtl, yMaxDim);\n\n  const gapRatio = getGapRatio(xAxisInfo.startIndex!, xAxisInfo.endIndex!);\n\n  const getNextChartItem = getNavUtil(xAxisInfo.startIndex!, xAxisInfo.endIndex!);\n\n  const { getNextNavGroup, getDefaultNavGroup } = getGroupNavUtil(\n    levelsArray,\n    drilling,\n    isRtl,\n    isHoriz,\n    xProps.isGroupLabelRendered\n  );\n\n  const {\n    ignoreSelectPointerUp,\n    cursor,\n    yAxisCursor,\n    marqueeProps,\n    marqueeContent,\n    toggleButtonContent,\n    isPointInsideMarquee,\n    dragMode: mode\n  } = useChartMarquee<K, D>({\n    rootRef,\n    plotAreaSpace,\n    xSpace,\n    ySpace,\n    dragMode,\n    chartWidth: width,\n    isMultiSelection: selectionMode === 'multiple',\n    onViewportChange,\n    isZoomScroll: zoomAndScroll === 'live',\n    xScale,\n    selectedIds,\n    getDataById: (id) => idToDataMap.get(id),\n    onSelectionChange,\n    isRtl,\n    xAxisInfo\n  });\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({\n    type: 'auto',\n    supportsTouchDragGestures: mode !== 'off',\n    rootRef\n  });\n\n  const { activeId, focusedItemInfo, hoveredItemInfo, focusedGroupInfo, navProps, onFocusUpdate } =\n    useChartNav({\n      rootRef,\n      getNextChartItem,\n      getNextNavGroup,\n      getDefaultNavGroup,\n      touchResponse,\n      onItemHover,\n      onItemFocus,\n      drilling,\n      xAxisInfo\n    });\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      onFocusUpdate();\n    }\n  };\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const getTextAndBounds = (target: EventTarget | null) => {\n    if (target != rootRef.current) {\n      const dataSet = getElementData(rootRef, target as HTMLElement);\n      const text = dataSet?.['ojPrivateText']!;\n\n      if (!text) {\n        return;\n      }\n\n      if (text === xAxis?.title) {\n        return {\n          text,\n          bounds: xProps.titleProps?.dims\n        };\n      } else if (text === yAxis?.title) {\n        return {\n          text,\n          bounds: yProps.titleProps?.dims\n        };\n      } else if (text === y2Axis?.title) {\n        return {\n          text,\n          bounds: y2Props.titleProps?.dims\n        };\n      } else if (dataSet?.['ojPrivateGroupIndex'] && dataSet?.['ojPrivateLevelIndex']) {\n        return {\n          // @ts-ignore\n          bounds: xProps.tickLabels.find(\n            ({ dataProps }) =>\n              dataProps['data-oj-private-level-index'] === dataSet['ojPrivateLevelIndex'] &&\n              dataProps['data-oj-private-group-index'] === dataSet['ojPrivateGroupIndex']\n          ).dims,\n          text: text!\n        };\n      }\n    }\n\n    if (target === rootRef.current && focusedGroupInfo.isFocusVisible) {\n      const group = groups[focusedGroupInfo.groupIndex || 0];\n      return {\n        bounds: xProps.tickLabels[focusedGroupInfo?.groupIndex || 0].dims,\n        text: group.name || group.id\n      };\n    }\n    return;\n  };\n\n  const { tooltipContent, tooltipProps } = useTextTruncation({\n    getTextAndBounds,\n    width,\n    isRtl\n  });\n\n  const viewportProps = useChartViewport({\n    rootRef,\n    width,\n    height,\n    xAxisInfo,\n    yAxisInfo,\n    y2AxisInfo,\n    xScale,\n    yScale,\n    y2Scale,\n    plotAreaSpace,\n    isRtl,\n    isHoriz,\n    zoomAndScroll,\n    onViewportChange\n  });\n\n  const ignoreAsTrigger = (target: EventTarget | null) => {\n    if (!target) {\n      return false;\n    }\n\n    const dataset = getElementData(rootRef, target as HTMLElement);\n    if (\n      (dataset &&\n        (dataset['ojPrivateObject'] === 'marquee' ||\n          dataset['ojPrivateObject'] === 'dragModeControls' ||\n          dataset['ojPrivateObject'] === 'scrollBar')) ||\n      ignoreSelectPointerUp\n    ) {\n      return true;\n    }\n\n    return false;\n  };\n\n  const { selectDrillProps, selectionContent } = useSelectDrill<K, D>({\n    selectionMode,\n    selection: [...selectedIds],\n    onChange: onSelectionChange,\n    rootRef,\n    drilling,\n    onItemDrill,\n    onGroupDrill,\n    focusedGroupInfo,\n    focusedItemInfo,\n    levelsArray,\n    getDataItem,\n    getDataById: (id) => idToDataMap.get(id),\n    ignoreAsTrigger\n  });\n\n  const findNearestData = findNearest(\n    xScale as any,\n    yScale,\n    y2Scale,\n    xProps.axisStepWidth!,\n    xProps.averageGroupZ!,\n    gapRatio\n  );\n  const getDataItemPosition = getDataItemPos(\n    xScale as any,\n    yScale,\n    y2Scale,\n    xProps.axisStepWidth!,\n    xProps.averageGroupZ!,\n    gapRatio\n  );\n  const [datatipDisabled, setDatatipDisabled] = useState(false);\n\n  const getItemAriaLabel = getAriaLabelGenerator(\n    series,\n    translations,\n    valueFormats,\n    leafGroupsInfo,\n    xAxis,\n    !!isDataXAxis,\n    getGroupFromPath,\n    xProps.defaultLabelFormatter,\n    yProps.defaultLabelFormatter,\n    y2Props.defaultLabelFormatter\n  );\n\n  const {\n    datatipContent,\n    dataCursorContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = useChartDatatipAndCursor<K, D>({\n    series,\n    leafGroupsInfo,\n    width,\n    height,\n    findNearest: findNearestData,\n    plotAreaSpace,\n    onDataCursorPositionChange,\n    isDataCursorEnabled,\n    dataCursorPosition,\n    dataCursorStyle,\n    hoveredItemInfo,\n    focusedItemInfo,\n    getDataItem,\n    getMarkerInfo,\n    getDataItemPos: getDataItemPosition,\n    datatip,\n    valueFormats,\n    isHoriz,\n    touchResponse,\n    isDisabled: datatipDisabled,\n    xScale: xScale as any,\n    yScale,\n    y2Scale,\n    timeAxisType: (xAxis as TimeAxisProps)?.timeAxisType,\n    defaultXFormatter: xProps.defaultLabelFormatter,\n    defaultYFormatter: yProps.defaultLabelFormatter,\n    defaultY2Formatter: y2Props.defaultLabelFormatter,\n    hasXYValues: isDataXAxis,\n    getGroupFromPath,\n    translations\n  });\n\n  const isGroupInteractive = (index: number) => {\n    if ((xAxis as TimeAxisProps)?.timeAxisType != null) {\n      return false;\n    }\n    const groupDrill = groups[index]?.drilling;\n    if (groupDrill === 'on') {\n      return true;\n    }\n\n    if (groupDrill != 'off' && (drilling === 'on' || drilling === 'groupsOnly')) {\n      return true;\n    }\n    return false;\n  };\n\n  const plotAreaClipPathId = useId();\n\n  //  const { yTicks, y2Ticks } = getYY2Ticks(yAxisInfo.ticks, y2AxisInfo.ticks, isHoriz, isSplitDualY);\n  const gridLines = (\n    <Gridlines\n      plotArea={plotArea}\n      availSpace={plotAreaSpace}\n      xAxisPosition={xAxisPosition}\n      isRtl={isRtl}\n      yMinorTicks={yAxisInfo.minorTicks}\n      xMinorTicks={xAxisInfo.minorTicks}\n      xScale={xScale}\n      yScale={yScale}\n      y2Scale={y2Scale}\n      isLog={yAxis?.scale === 'log'}\n      yAxisPosition={yAxisPosition}\n      isDataXAxis={isDataXAxis}\n      xAxis={xAxis as DataAxisProps}\n      yAxis={yAxis}\n      y2Axis={y2Axis}\n      hasAxisLine={!isOverview}\n      y2MinorTicks={y2AxisInfo?.minorTicks}\n      y2Ticks={y2AxisInfo.ticks}\n      yTicks={yAxisInfo.ticks}\n      xTicks={xAxisInfo.ticks}\n      isSplitDualY={isSplitDualY}\n    />\n  );\n  const hasData = series.length > 0 && groups.length > 0;\n\n  const { contextMenuContent, contextMenuProps } = useChartContextMenu<K, D>({\n    isRtl,\n    width,\n    height,\n    getDataItemPosition,\n    series,\n    levelsArray,\n    focusedGroupInfo,\n    getDataItem,\n    focusedItemInfo,\n    rootRef,\n    xAxisTitle: xAxis?.title,\n    yAxisTitle: yAxis?.title,\n    contextMenuConfig: hasData ? contextMenuConfig : undefined,\n    onContextMenuDismissed\n  });\n\n  const [dragOver, setDragOver] = useState<{ accepted: boolean | undefined; type: string }>({\n    accepted: undefined,\n    type: ''\n  });\n\n  const { draggable, dndProps, dndContent } = useChartDnd<K, D>({\n    onDrag: props.onDrag,\n    onDragStart: props.onDragStart,\n    onDragEnd: props.onDragEnd,\n    onDragEnter: props.onDragEnter,\n    onDragLeave: props.onDragLeave,\n    onDragOver: props.onDragOver,\n    onDrop: props.onDrop,\n    itemsDraggable: props.itemsDraggable,\n    groupDraggable: props.groupDraggable,\n    rootRef,\n    levelsArray,\n    series,\n    selectedIds,\n    getDataItem,\n    xSpace,\n    ySpace,\n    plotAreaSpace,\n    setDragOver,\n    setDatatipDisabled,\n    onSelectionChange\n  });\n\n  const eventsProps = mergeProps(\n    navProps,\n    selectDrillProps,\n    viewportProps,\n    datatipProps,\n    marqueeProps,\n    tooltipProps,\n    contextMenuProps,\n    dndProps\n  );\n\n  const overviewContentRenderer =\n    overview != 'off' && (overview === 'on' || !overview.renderer)\n      ? defaultOverviewContentRenderer\n      : undefined;\n\n  const { background, slidingWindow } = overviewRenderer(plotAreaSpace);\n  return (\n    <>\n      {getTextDimensions && resolvedVars['labelFontSize'] != undefined && (\n        <div\n          tabIndex={isOverview ? undefined : 0}\n          draggable={draggable}\n          ref={rootRef}\n          aria-activedescendant={activeId}\n          aria-label={props['aria-label']}\n          aria-labelledby={props['aria-labelledby']}\n          aria-describedby={merge([props['aria-describedby'], datatipAriaDescribedby])}\n          style={{ ...touchResponseStyle }}\n          role={isOverview ? undefined : 'application'}\n          className={styles.baseChartStyle}\n          data-oj-private-selection-mode={isTestEnv ? selectionMode : undefined}\n          {...testIdProps}\n          {...(isOverview ? {} : eventsProps)}>\n          <svg\n            width=\"100%\"\n            height={\n              scrollDims.height != 0 && overview != 'off'\n                ? `${Math.ceil((updatedSpace.availSpace.height + OVERVIEW_GAP) * 100) / height}%`\n                : '100%'\n            }>\n            <clipPath id={`${plotAreaClipPathId}`}>\n              <rect {...plotAreaSpace}></rect>\n            </clipPath>\n            {background}\n            <PlotArea\n              color={plotArea?.color}\n              dragOverStyle={\n                dragOver.type !== 'plotArea' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n              cursor={cursor}\n              availSpace={plotAreaSpace}\n            />\n            {!renderGridLinesInFront && gridLines}\n            <Axis\n              {...(yProps as any)}\n              axisPosition={yAxisPosition}\n              isRtl={isRtl}\n              cursor={yAxisCursor}\n              availSpace={ySpace}\n              dragOverStyle={\n                dragOver.type !== 'yAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n            />\n            <Axis\n              {...(y2Props as any)}\n              axisPosition={y2AxisPosition}\n              isRtl={isRtl}\n              cursor={yAxisCursor}\n              availSpace={y2Space}\n              dragOverStyle={\n                dragOver.type !== 'y2Axis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n            />\n            <Axis\n              {...xProps}\n              isRtl={isRtl}\n              axisPosition={xAxisPosition}\n              isTextInteractive={isGroupInteractive}\n              activeId={activeId}\n              cursor={cursor}\n              focusedGroupIndex={\n                focusedGroupInfo.isFocusVisible ? focusedGroupInfo.groupIndex : undefined\n              }\n              focusedGroupLevelIndex={\n                focusedGroupInfo.isFocusVisible ? focusedGroupInfo.levelIndex : undefined\n              }\n              availSpace={xSpace}\n              dragOverStyle={\n                dragOver.type !== 'xAxis' ? 'none' : dragOver.accepted ? 'accept' : 'reject'\n              }\n              separatorColor={(xAxis as GroupAxisProps)?.groupSeparators?.color}\n            />\n            <g>\n              {children({\n                xStartIndex: xAxisInfo.startIndex!,\n                xEndIndex: xAxisInfo.endIndex!,\n                getItemAriaLabel,\n                groupsInfo: leafGroupsInfo,\n                colors,\n                xScale: xScale as any,\n                yScale,\n                y2Scale,\n                isPointInsideMarquee,\n                defaultFontSize: resolvedVars['labelFontSize'],\n                gapRatio,\n                activeId,\n                focusedItemInfo,\n                hoveredItemInfo,\n                getTextDimensions,\n                axisStepWidth: xProps.axisStepWidth!,\n                averageGroupZ: xProps.averageGroupZ!,\n                plotAreaClipPathId\n              })}\n              {renderGridLinesInFront && gridLines}\n              {dataCursorContent}\n            </g>\n            {slidingWindow}\n            {zoomAndScroll === 'live' && !isOverview && (\n              <ScrollBar\n                availSpace={scrollDims}\n                isRtl={isRtl}\n                viewport={xAxisInfo}\n                axisExtent={xAxisInfo}\n                isHoriz={xAxisPosition === 'bottom'}\n              />\n            )}\n            {marqueeContent}\n          </svg>\n          <OverviewContext.Provider\n            value={{\n              yAxisSize: ySpace.width,\n              isOverview: true,\n              width,\n              height: scrollDims.height,\n              overviewRenderer: (overviewChartPlotArea: Dimension) => {\n                const { xScale: overviewXScale, ...windowCoords } = getWindowCoords(\n                  isRtl,\n                  xAxisInfo,\n                  xAxisInfo,\n                  yAxisInfo,\n                  yAxisInfo,\n                  overviewChartPlotArea\n                );\n                return getRenderer(\n                  xAxisInfo,\n                  isRtl,\n                  overviewXScale,\n                  overviewChartPlotArea,\n                  windowCoords,\n                  true,\n                  onViewportChange\n                );\n              }\n            }}>\n            {!isOverview && overview !== 'off' && overviewContentRenderer && (\n              <div style={{ width, height: scrollDims.height }}>{overviewContentRenderer()}</div>\n            )}\n          </OverviewContext.Provider>\n          {toggleButtonContent}\n          {datatipContent}\n          {tooltipContent}\n          {contextMenuContent}\n          {selectionContent}\n          {dndContent}\n        </div>\n      )}\n      {textMeasureContent}\n      {cssContent}\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 */\n\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { useTooltip } from '#hooks/UNSAFE_useTooltip';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { useRef, useState } from 'preact/hooks';\n\ntype Props = {\n  getTextAndBounds: (target: EventTarget | null) =>\n    | {\n        text?: string;\n        bounds?: Dimension;\n      }\n    | undefined;\n  isRtl: boolean;\n  width: number;\n};\n\nexport function useTextTruncation({ getTextAndBounds, width, isRtl }: Props) {\n  const [text, setText] = useState<string>();\n  const bounds = useRef<Dimension>();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text,\n    position: 'top-start',\n    offset: calculateOffset(isRtl, width, bounds.current)\n  });\n\n  const onPointerMove = (event: Event) => {\n    const textAndBounds = getTextAndBounds(event.target);\n\n    if (textAndBounds) {\n      bounds.current = textAndBounds.bounds;\n      setText(textAndBounds.text);\n    } else {\n      setText(undefined);\n    }\n  };\n\n  return {\n    tooltipContent,\n    tooltipProps: mergeProps({ onPointerMove }, tooltipProps)\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 */\n\nimport { ScaleLinear } from '#utils/PRIVATE_chartUtils';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getWindowCoords(\n  isRtl: boolean,\n  xViewportExtent: { viewportMin: number; viewportMax: number },\n  xAxisExtent: { min: number; max: number },\n  yViewportExtent: { viewportMin: number; viewportMax: number },\n  yAxisExtent: { min: number; max: number },\n  plotAreaSpace: Dimension\n) {\n  const xDomain = [xAxisExtent.min, xAxisExtent.max] as [number, number];\n  const xRange = (\n    isRtl\n      ? [plotAreaSpace.x + plotAreaSpace.width, plotAreaSpace.x]\n      : [plotAreaSpace.x, plotAreaSpace.x + plotAreaSpace.width]\n  ) as [number, number];\n  const xScale = new ScaleLinear(xDomain, xRange);\n\n  const yDomain = [yAxisExtent.min, yAxisExtent.max] as [number, number];\n  const yRange = [plotAreaSpace.y + plotAreaSpace.height, plotAreaSpace.y] as [number, number];\n\n  const yScale = new ScaleLinear(yDomain, yRange);\n\n  const windowX = xScale.transform(xViewportExtent.viewportMin);\n  const windowWidth = Math.abs(\n    xScale.transform(xViewportExtent.viewportMax) - xScale.transform(xViewportExtent.viewportMin)\n  );\n\n  return {\n    windowX: isRtl ? windowX - windowWidth : windowX,\n    windowWidth: windowWidth,\n    windowY: yScale.transform(yViewportExtent.viewportMax),\n    windowHeight: Math.abs(\n      yScale.transform(yViewportExtent.viewportMax) - yScale.transform(yViewportExtent.viewportMin)\n    ),\n    xScale,\n    yScale\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 */\n\nimport { OverviewSlidingWindow } from '#PRIVATE_VisOverview';\nimport { OverviewBackground } from '#PRIVATE_VisOverview/OverviewBackground';\nimport { updateViewportFromOverview } from '#utils/PRIVATE_chartUtils/overviewUtils';\nimport { Scale } from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension } from '#utils/UNSAFE_visTypes/common';\n\nexport function getRenderer(\n  xAxisExtent: { min: number; max: number },\n  isRtl: boolean,\n  overviewXScale: Scale,\n  plotAreaSpace: Dimension,\n  windowCoords: { windowX: number; windowY: number; windowHeight: number; windowWidth: number },\n  hasHandles: boolean,\n  onViewportChange?: (detail: {\n    xMin?: number;\n    xMax?: number;\n    yMin?: number;\n    yMax?: number;\n  }) => void\n) {\n  return {\n    slidingWindow: (\n      <OverviewSlidingWindow\n        {...plotAreaSpace}\n        {...windowCoords}\n        hasHandles={hasHandles}\n        onWindowDimsChange={(props: { deltaX: number; deltaWidth: number }) => {\n          updateViewportFromOverview(\n            xAxisExtent,\n            isRtl,\n            windowCoords.windowX,\n            windowCoords.windowWidth,\n            props.deltaX,\n            props.deltaWidth,\n            overviewXScale,\n            onViewportChange\n          );\n        }}\n      />\n    ),\n    background: <OverviewBackground {...plotAreaSpace} {...windowCoords} />\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 */\n\nimport { dimensionStyle } from './themes/ChartStyles.css';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { ChartWithDimensions } from './ChartWithDimensions';\nimport {\n  ChartCommonProps,\n  ChartSeriesData,\n  GetNextChartItemType,\n  Info,\n  Scale,\n  getDataPosType\n} from '#utils/UNSAFE_visTypes/chart';\nimport { Dimension, MarkerShapes } from '#utils/UNSAFE_visTypes/common';\nimport { ComponentChildren } from 'preact';\nimport { Property } from 'csstype';\nimport { LineAreaItem } from '#UNSAFE_LineAreaChart/lineAreaChart.types';\nimport { ScatterItem } from '#UNSAFE_ScatterChart/scatterChart.types';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { useOverviewContext } from '#hooks/PRIVATE_useOverviewContext';\nimport { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\n\nexport type ChartProps<K, D> = {\n  selectedIds: Set<K>;\n  getGapRatio: (startIndex: number, endIndex: number) => number;\n  getNavUtil: (startIndex: number, endIndex: number) => GetNextChartItemType;\n  getDataItemPos: (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => getDataPosType;\n  findNearest: (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => (\n    x: number,\n    y?: number,\n    y2?: number\n  ) =>\n    | {\n        seriesIndex: number;\n        groupIndex: number;\n        y: number | undefined;\n        y2: number | undefined;\n        x: number;\n      }\n    | undefined;\n  children: (context: {\n    getItemAriaLabel: (\n      data: D,\n      seriesIndex: number,\n      groupIndex: number,\n      isSelectionEnabled: boolean,\n      isSelected: boolean,\n      isDrillable: boolean\n    ) => string;\n    xStartIndex: number;\n    xEndIndex: number;\n    xScale: Scale;\n    yScale: Scale;\n    y2Scale: Scale;\n    gapRatio: number;\n    activeId?: string;\n    focusedItemInfo: Info;\n    hoveredItemInfo?: Info;\n    axisStepWidth: number;\n    averageGroupZ: number;\n    isPointInsideMarquee: ((id: K, point: { x: number; y: number }) => boolean) | undefined;\n    getTextDimensions?: (text: string, style: Record<string, any>) => Dimension;\n    defaultFontSize: string;\n    colors: string[];\n    groupsInfo: GroupLevelItem[];\n    plotAreaClipPathId: string;\n  }) => ComponentChildren;\n  getStartAndEndAxesOffset: (groupCount: number) => { startOffset: number; endOffset: number };\n  series: ChartSeriesData<K, D>[];\n  isRtl: boolean;\n  renderGridLinesInFront: boolean;\n  isDataXAxis?: boolean;\n  getMarkerInfo: (\n    seriesIndex: number,\n    groupIndex: number\n  ) => { color: Property.Color | undefined; type?: MarkerShapes };\n  defaultOverviewContentRenderer: () => ComponentChildren;\n} & Omit<ChartCommonProps<K, D>, 'highlightedIds' | 'hoverBehavior' | 'selectedIds'>;\n\nexport function Chart<\n  K extends string | number,\n  D extends LineAreaItem<K> | ScatterItem<K> | BarItemData<K>\n>({ width, height, ...props }: ChartProps<K, D>) {\n  // TODO: reevaluate how we handle empty data\n  const {\n    isOverview,\n    overviewRenderer,\n    yAxisSize,\n    width: overviewWidth,\n    height: overviewHeight\n  } = useOverviewContext();\n\n  let chartWidth = width;\n  let chartHeight = height;\n\n  if (chartWidth === undefined && isOverview && overviewWidth !== undefined) {\n    chartWidth = `${overviewWidth}px`;\n  }\n\n  if (chartHeight === undefined && isOverview && overviewHeight !== undefined) {\n    chartHeight = `${overviewHeight}px`;\n  }\n\n  return (\n    <TrackResizeContainer width={chartWidth} height={chartHeight} class={dimensionStyle}>\n      {(width, height) =>\n        width || height ? (\n          <ChartWithDimensions\n            width={width}\n            height={height}\n            {...props}\n            yAxisSize={yAxisSize}\n            isOverview={isOverview}\n            overviewRenderer={overviewRenderer}\n          />\n        ) : undefined\n      }\n    </TrackResizeContainer>\n  );\n}\n"],"names":["getParentGroup","levelsArray","levelIndex","groupIndex","isGroupNavigable","path","length","lIndex","Math","max","groupItem","start","end","i","s","e","getChildGroup","min","getNextGroup","info","getPreviousGroup","OverviewBackground","x","width","height","y","windowX","windowHeight","windowWidth","windowY","_jsxs","jsxs","_Fragment","children","_jsx","jsx","class","styles","overviewBackground","chartVars","getChartVars","ChartWithDimensions","selectedIds","hiddenIds","hideAndShowBehavior","orientation","xAxis","yAxis","y2Axis","plotArea","dragMode","series","groups","isStacked","getDataItem","selectionMode","drilling","dataCursorPosition","onSelectionChange","isDataCursorEnabled","dataCursorStyle","onViewportChange","onDataCursorPositionChange","onItemDrill","onGroupDrill","onItemHover","onItemFocus","datatip","zoomAndScroll","getNavUtil","getDataItemPos","getGapRatio","valueFormats","findNearest","getMarkerInfo","isRtl","testId","renderGridLinesInFront","isDataXAxis","contextMenuConfig","overview","getStartAndEndAxesOffset","defaultOverviewContentRenderer","isOverview","yAxisSize","overviewRenderer","props","testIdProps","useTestId","rootRef","useRef","isTestEnv","undefined","isHoriz","xAxisPosition","yAxisPosition","y2AxisPosition","getAxesPosition","resolvedVars","cssContent","useCssVars","colors","Array","from","map","_","index","textMeasureContent","getTextDimensions","useTextDimensions","availSpace","getAvailSpace","w","gaps","getOuterGaps","isTimeAxis","timeAxisType","updatedSpace","getScrollBarSpace","scrollDims","locale","useUser","_width","_height","labelFontSize","split","isSplitDualY","splitterPosition","layoutInfo","useMemo","hiddenSet","Set","getLayoutInfo","getGroupFromPath","xAxisInfo","xProps","xScale","yProps","y2Props","yScale","y2Scale","yMaxDim","yAxisInfo","plotAreaSpace","xSpace","ySpace","y2Space","idToDataMap","y2AxisInfo","leafGroupsInfo","updateScrollBarSpace","gapRatio","startIndex","endIndex","getNextChartItem","getNextNavGroup","getDefaultNavGroup","isGroupLabelRendered","group","item","groupName","name","id","groupsDrilling","arrow","nextGroup","numGroups","getGroupNavUtil","ignoreSelectPointerUp","cursor","yAxisCursor","marqueeProps","marqueeContent","toggleButtonContent","isPointInsideMarquee","mode","useChartMarquee","chartWidth","isMultiSelection","isZoomScroll","getDataById","get","touchResponse","touchResponseStyle","useVisTouchResponse","type","supportsTouchDragGestures","activeId","focusedItemInfo","hoveredItemInfo","focusedGroupInfo","navProps","onFocusUpdate","useChartNav","translations","useTranslationBundle","tooltipContent","tooltipProps","getTextAndBounds","text","setText","useState","bounds","useTooltip","position","offset","calculateOffset","current","mergeProps","onPointerMove","event","textAndBounds","target","useTextTruncation","dataSet","getElementData","title","titleProps","dims","tickLabels","find","dataProps","isFocusVisible","viewportProps","useChartViewport","selectDrillProps","selectionContent","useSelectDrill","selection","onChange","ignoreAsTrigger","dataset","findNearestData","axisStepWidth","averageGroupZ","getDataItemPosition","datatipDisabled","setDatatipDisabled","getItemAriaLabel","getAriaLabelGenerator","defaultLabelFormatter","datatipContent","dataCursorContent","datatipProps","datatipAriaDescribedby","useChartDatatipAndCursor","isDisabled","defaultXFormatter","defaultYFormatter","defaultY2Formatter","hasXYValues","plotAreaClipPathId","useId","gridLines","Gridlines","yMinorTicks","minorTicks","xMinorTicks","isLog","scale","hasAxisLine","y2MinorTicks","y2Ticks","ticks","yTicks","xTicks","hasData","contextMenuContent","contextMenuProps","useChartContextMenu","xAxisTitle","yAxisTitle","onContextMenuDismissed","gesture","dragOver","setDragOver","accepted","draggable","dndProps","dndContent","useChartDnd","onDrag","onDragStart","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDrop","itemsDraggable","groupDraggable","eventsProps","overviewContentRenderer","renderer","background","slidingWindow","tabIndex","ref","merge","l","style","role","className","baseChartStyle","ceil","PlotArea","color","dragOverStyle","Axis","axisPosition","isTextInteractive","groupDrill","focusedGroupIndex","focusedGroupLevelIndex","separatorColor","groupSeparators","xStartIndex","xEndIndex","groupsInfo","defaultFontSize","ScrollBar","viewport","axisExtent","OverviewContext","Provider","value","overviewChartPlotArea","overviewXScale","windowCoords","xViewportExtent","xAxisExtent","yViewportExtent","yAxisExtent","xDomain","xRange","ScaleLinear","yDomain","yRange","transform","viewportMin","abs","viewportMax","getWindowCoords","hasHandles","OverviewSlidingWindow","onWindowDimsChange","updateViewportFromOverview","deltaX","deltaWidth","getRenderer","overviewWidth","overviewHeight","useOverviewContext","chartHeight","TrackResizeContainer","dimensionStyle"],"mappings":"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"}

package/amd/Checkbox-8160d2e6.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './logger-0f873e29', './TabbableModeContext-a9c97640', 'preact/hooks', './useId-c9578d26', './LayerHost-daf96749', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useTestId-9afc201a', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './CheckboxRadioContext-6a0fead0', './stringUtils-4ffd9d59', './CheckboxControl-c5240f9a'], (function(e,s,t,o,n,a,i,r,c,l,d,u,m,h,p,b,y,S,C,A,x,f,U,g,F,T,w,k,v,E,I,M,N,_,B,R,L,D,V,j,P,q,H,G,$,K){"use strict";const z=t.forwardRef((({"aria-describedby":e,assistiveText:o,columnSpan:n,helpSourceLink:a,helpSourceText:r,isDisabled:c,isReadonly:l,isRequired:d=!1,messages:m,onCommit:h,userAssistanceDensity:p,value:b,testId:y,children:C},A=null)=>{const{isDisabled:x,isReadonly:f,userAssistanceDensity:U}=H.useFormContext(),g=t.useRef(null),F=i.useId(),T=S.useTestId(y),w=y?`${y}-inline-user-assistance`:void 0,k=c??x,v=l??f,E=p??U,I=!k,M=I?`${F}-bottom-ua`:void 0,N=I?$.l([M,e]):e,_=t.useCallback((e=>{const{key:s}=e,t=void 0!==s;if(t&&" "!==s)return;const o=e.target,n=t?!o.checked:o.checked,a=!!b;a!==n&&h({value:n,previousValue:a})}),[h,b]);return t.useImperativeHandle(A,(()=>({focus:()=>{!k&&g.current?.focus()},blur:()=>{const e=document.activeElement;g.current===e&&e.blur()}}))),s.jsx("div",{...T,children:s.jsxs(G.CheckboxRadioContext.Provider,{value:{isFocusRingShown:!k},children:[s.jsx(K.CheckboxControl,{...k||v?{}:{onChange:_,onKeyUp:_},"aria-describedby":N,assistiveText:o,columnSpan:n,helpSourceLink:a,helpSourceText:r,isChecked:b,isDisabled:k,isReadonly:v,isRequired:d,ref:g,children:C}),I?s.jsx(u.InlineUserAssistance,{id:M,isRequiredShown:!v&&!!d&&!b,requiredAlignment:"start",messages:m,userAssistanceDensity:"reflow"===E?"reflow":"efficient",testId:w}):"reflow"===E?void 0:s.jsx(u.InlineUserAssistance,{userAssistanceDensity:"efficient",testId:w})]})})}));e.Checkbox=z}));
+//# sourceMappingURL=Checkbox-8160d2e6.js.map

package/amd/Checkbox-8160d2e6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-8160d2e6.js","sources":["../../src/UNSAFE_Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentChildren, ComponentProps, Ref, JSX } from 'preact';\nimport { forwardRef, useCallback, useImperativeHandle, useRef } from 'preact/compat';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { CheckboxControl } from '#PRIVATE_CheckboxControl';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { CheckboxRadioContext } from '#PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { merge } from '#utils/UNSAFE_stringUtils';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide the user with additional information.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * Content associated with checkbox. This can be a label or a block of text.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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 checkbox requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox is disabled.\n   */\n  isDisabled?: boolean;\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 checkbox selection.\n   */\n  onCommit: (detail: ValueUpdateDetail<boolean>) => 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 checkbox.\n   */\n  value?: boolean;\n} & TestIdProps;\n\n/**\n * Checkbox is a single standalone checkbox control. It represents a boolean value.\n */\nexport const Checkbox = forwardRef(\n  (\n    {\n      'aria-describedby': propAriaDescribedBy,\n      assistiveText,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value: propValue,\n      testId,\n      children\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    const id = useId();\n    const testIdProps = useTestId(testId);\n    const UAtestId = testId ? `${testId}-inline-user-assistance` : undefined;\n\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const bottomUaId = hasBottomUserAssistance ? `${id}-bottom-ua` : undefined;\n    const ariaDescribedBy = hasBottomUserAssistance\n      ? merge([bottomUaId, propAriaDescribedBy])\n      : propAriaDescribedBy;\n\n    const onChangeHandler = useCallback(\n      (e: Event) => {\n        // return early on keyup if key isn't spacebar\n        const { key } = e as KeyboardEvent;\n        const hasKey = key !== undefined;\n\n        if (hasKey && key !== ' ') {\n          return;\n        }\n\n        const input = e.target as HTMLInputElement;\n        // While mouse clicking StyledCheckbox results in toggling the checked state on an input element, spacebar key events do not.\n        // If it is a spacebar key event, we will return the toggled value of its current state.\n        const value = hasKey ? !input.checked : input.checked;\n        const previousValue = !!propValue;\n\n        if (previousValue !== value) {\n          onCommit({\n            value,\n            previousValue\n          });\n        }\n      },\n      [onCommit, propValue]\n    );\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        !isDisabled && checkboxRef.current?.focus();\n      },\n      blur: () => {\n        const activeElement = document.activeElement as HTMLElement;\n        checkboxRef.current === activeElement && activeElement.blur();\n      }\n    }));\n\n    // TODO fix issue with tooltip and link in label\n    // \n\n    return (\n      <div {...testIdProps}>\n        <CheckboxRadioContext.Provider value={{ isFocusRingShown: !isDisabled }}>\n          <CheckboxControl\n            {...(!isDisabled && !isReadonly\n              ? {\n                  onChange: onChangeHandler,\n                  onKeyUp: onChangeHandler\n                }\n              : {})}\n            aria-describedby={ariaDescribedBy}\n            assistiveText={assistiveText}\n            columnSpan={columnSpan}\n            helpSourceLink={helpSourceLink}\n            helpSourceText={helpSourceText}\n            isChecked={propValue}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={checkboxRef}>\n            {children}\n          </CheckboxControl>\n          {hasBottomUserAssistance ? (\n            <InlineUserAssistance\n              id={bottomUaId}\n              isRequiredShown={!isReadonly && !!isRequired && !propValue}\n              requiredAlignment=\"start\"\n              messages={messages}\n              userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n              testId={UAtestId}\n            />\n          ) : userAssistanceDensity === 'reflow' ? undefined : (\n            /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled or readonly fields */\n            <InlineUserAssistance userAssistanceDensity=\"efficient\" testId={UAtestId} />\n          )}\n        </CheckboxRadioContext.Provider>\n      </div>\n    );\n  }\n);\n"],"names":["Checkbox","forwardRef","propAriaDescribedBy","assistiveText","columnSpan","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","propValue","testId","children","ref","isFormDisabled","isFormReadonly","formUserAssistanceDensity","useFormContext","checkboxRef","useRef","id","useId","testIdProps","useTestId","UAtestId","undefined","hasBottomUserAssistance","bottomUaId","ariaDescribedBy","merge","onChangeHandler","useCallback","e","key","hasKey","input","target","checked","previousValue","useImperativeHandle","focus","current","blur","activeElement","document","_jsx","jsx","_jsxs","CheckboxRadioContext","Provider","isFocusRingShown","CheckboxControl","onChange","onKeyUp","isChecked","InlineUserAssistance","isRequiredShown","requiredAlignment"],"mappings":"mzDAmFa,MAAAA,EAAWC,EAAUA,YAChC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,WACAC,WACAC,sBAAuBC,EACvBC,MAAOC,EACPC,SACAC,YAEFC,EAA4B,QAE5B,MACEb,WAAYc,EACZZ,WAAYa,EACZR,sBAAuBS,GACrBC,EAAAA,iBAEEC,EAAcC,SAAyB,MACvCC,EAAKC,EAAAA,QACLC,EAAcC,YAAUZ,GACxBa,EAAWb,EAAS,GAAGA,gCAAkCc,EAGzDzB,EAAaC,GAAkBa,EAC/BZ,EAAaC,GAAkBY,EAC/BR,EAAwBC,GAA6BQ,EAGrDU,GAA2B1B,EAC3B2B,EAAaD,EAA0B,GAAGN,mBAAiBK,EAC3DG,EAAkBF,EACpBG,IAAM,CAACF,EAAYhC,IACnBA,EAEEmC,EAAkBC,eACrBC,IAEC,MAAMC,IAAEA,GAAQD,EACVE,OAAiBT,IAARQ,EAEf,GAAIC,GAAkB,MAARD,EACZ,OAGF,MAAME,EAAQH,EAAEI,OAGV3B,EAAQyB,GAAUC,EAAME,QAAUF,EAAME,QACxCC,IAAkB5B,EAEpB4B,IAAkB7B,GACpBH,EAAS,CACPG,QACA6B,iBAEH,GAEH,CAAChC,EAAUI,IAgBb,OAbA6B,EAAmBA,oBAAC1B,GAAK,KAAO,CAC9B2B,MAAO,MACJxC,GAAckB,EAAYuB,SAASD,OAAO,EAE7CE,KAAM,KACJ,MAAMC,EAAgBC,SAASD,cAC/BzB,EAAYuB,UAAYE,GAAiBA,EAAcD,MAAM,MAQ/DG,EAASC,IAAA,MAAA,IAAAxB,EACPV,SAAAmC,OAACC,EAAAA,qBAAqBC,SAAQ,CAACxC,MAAO,CAAEyC,kBAAmBlD,GAAYY,SAAA,CACrEiC,EAAAA,IAACM,EAAAA,gBACK,IAAEnD,GAAeE,EAKjB,CAAA,EAJA,CACEkD,SAAUtB,EACVuB,QAASvB,GAGG,mBAAAF,EAClBhC,cAAeA,EACfC,WAAYA,EACZC,eAAgBA,EAChBC,eAAgBA,EAChBuD,UAAW5C,EACXV,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZS,IAAKK,EACJN,SAAAA,IAEFc,EACCmB,EAACC,IAAAS,uBACC,CAAAnC,GAAIO,EACJ6B,iBAAkBtD,KAAgBE,IAAeM,EACjD+C,kBAAkB,QAClBpD,SAAUA,EACVE,sBAAiD,WAA1BA,EAAqC,SAAW,YACvEI,OAAQa,IAEkB,WAA1BjB,OAAqCkB,EAGvCoB,EAAAA,IAACU,EAAoBA,qBAAA,CAAChD,sBAAsB,YAAYI,OAAQa,QAItE"}

package/amd/CheckboxControl-c5240f9a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './CheckboxRadioContext-6a0fead0', './HiddenAccessible-037ef42d', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './classNames-08d99695', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useTranslationBundle-8e42d505', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './useId-c9578d26', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormContext-6b0879a0', './FormFieldContext-a024b891', './InputGroupContext-372087af', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', './useFocusWithin-5a504fca', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-0c55d53f', './StyledCheckbox-7e4522ca', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './useActive-bb5dc069', './LayoutStyles.css-e2543ca1'], (function(e,s,o,t,a,n,c,l,i,r,d,u,b,h,p,m,y,S,C,x,f,F,A,T,U,g,k,w,v,M,B,E,N,_,R,L,j,D,I,V,P,K,H,q,G,W,$,z,J,O){"use strict";const Q=o.forwardRef((({"aria-describedby":e,name:i,value:u,children:b,isChecked:h,isDisabled:p,isReadonly:m,isRequired:y,onChange:S,onKeyUp:C,assistiveText:x,helpSourceLink:F,helpSourceText:A,columnSpan:T=1},U=null)=>{const g=f.useId(),k=o.useRef(null),{isTabbable:w}=r.useTabbableMode(),{isActive:v,activeProps:M}=J.useActive(),{isFocusRingShown:B}=t.useCheckboxRadioContext(),E=o.createRef(),{isFocus:N,focusProps:{onFocus:_,onBlur:R}}=c.useFocus(),{classes:L,styles:{valueLabelStyle:j,checkboxSpanStyle:D}}=n.useComponentTheme(z.CheckboxRedwoodTheme,{cursor:p||m?"arrow":"pointer",disabled:p?"isDisabled":"notDisabled",focused:N&&B?"isFocused":"notFocused"}),I=!(p||m||!x&&!F),V=I?`${g}-help-available`:void 0,P=I?`${g}-icon-ua`:void 0,{formControl_helpAvailable:H}=d.useTranslationBundle("@oracle/oraclejet-preact"),q=H(),G=I?s.jsx(a.HiddenAccessible,{id:V,children:q}):void 0;delete M.onKeyDown;const{focusProps:Q,isFocused:X}=K.useFocusWithin(),Y=o.useRef(null),Z=U||Y;o.useEffect((()=>{!(document.activeElement===Z?.current)&&N&&B&&E?.current?.scrollIntoView({block:"nearest"})}),[Z,N,B,E]);const ee=O.layoutSpanStyles.layoutSpanColumn[T];return s.jsxs("label",{ref:E,class:l.classNames([L,ee]),children:[s.jsx("span",{class:D,...M,children:s.jsx($.StyledCheckbox,{"aria-describedby":e,name:i,value:u,onChange:S,onBlur:R,onFocus:_,onKeyUp:C,onKeyDown:e=>{const{key:s}=e;m||void 0===s||" "!==s||e.preventDefault()},isActive:v,isChecked:h?"checked":"unchecked",isDisabled:p,isReadonly:m,isRequired:y,ref:Z})}),s.jsxs("span",{class:j,children:[s.jsx("span",{...M,...Q,onMouseDown:e=>{const s=e.target.closest("a");s&&k.current?.contains(s)?e.stopPropagation():M.onMouseDown?.(e)},ref:k,children:b}),G,I&&s.jsx(W.IconUserAssistance,{assistiveText:x,helpSourceLink:F,helpSourceText:A,isTabbable:w&&(N||X),id:P})]})]})}));e.CheckboxControl=Q}));
+//# sourceMappingURL=CheckboxControl-c5240f9a.js.map

package/amd/CheckboxControl-c5240f9a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxControl-c5240f9a.js","sources":["../../src/PRIVATE_CheckboxControl/CheckboxControl.tsx"],"sourcesContent":["import { ComponentChild, ComponentProps, Ref, RefObject } from 'preact';\nimport { forwardRef, createRef, useEffect, useRef } from 'preact/compat';\n\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { IconUserAssistance, InlineUserAssistance } from '../UNSAFE_UserAssistance';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { StyledCheckbox } from '../PRIVATE_StyledCheckbox';\nimport { CheckboxRedwoodTheme } from '../UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport {\n  CheckboxVariantOptions,\n  CheckboxStyles\n} from '../UNSAFE_Checkbox/themes/CheckboxStyles.css';\nimport { useFocusWithin } from '#hooks/UNSAFE_useFocusWithin';\nimport { LayoutColumnSpan, layoutSpanStyles } from '#utils/UNSAFE_styles/Layout';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\ntype StyledCheckboxProps = ComponentProps<typeof StyledCheckbox>;\n\ntype CheckboxControlProps = Pick<\n  StyledCheckboxProps,\n  | 'aria-describedby'\n  | 'name'\n  | 'value'\n  | 'onChange'\n  | 'onKeyUp'\n  | 'isReadonly'\n  | 'isDisabled'\n  | 'isRequired'\n> &\n  Pick<InlineUserAssistanceProps, 'assistiveText' | 'helpSourceLink' | 'helpSourceText'> & {\n    /**\n     * Text that describes the checkbox value.\n     */\n    children: ComponentChild;\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n    /**\n     * Whether the input element is checked.\n     */\n    isChecked?: boolean;\n  };\n\n/**\n * CheckboxControl is an internal subcomponent used by both Checkbox and CheckboxItem.\n * It handles styling, placement of label, assistive text, and accessibility text for both parent components.\n * onCommit handling is handled in the parent components.\n */\nconst CheckboxControl = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      name,\n      value,\n      children,\n      isChecked,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      onChange,\n      onKeyUp,\n      assistiveText,\n      helpSourceLink,\n      helpSourceText,\n      columnSpan = 1\n    }: CheckboxControlProps,\n    ref: Ref<HTMLInputElement> = null\n  ) => {\n    // hooks\n    const id = useId();\n    const childWrapperRef = useRef<HTMLSpanElement>(null);\n    const { isTabbable } = useTabbableMode();\n    const { isActive, activeProps } = useActive();\n    const { isFocusRingShown } = useCheckboxRadioContext();\n    const labelRef = createRef<HTMLLabelElement>();\n    const {\n      isFocus,\n      focusProps: { onFocus, onBlur }\n    } = useFocus();\n\n    // styling\n    const {\n      classes: checkboxClasses,\n      styles: { valueLabelStyle, checkboxSpanStyle }\n    } = useComponentTheme<CheckboxVariantOptions, CheckboxStyles>(CheckboxRedwoodTheme, {\n      cursor: isDisabled || isReadonly ? 'arrow' : 'pointer',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      focused: isFocus && isFocusRingShown ? 'isFocused' : 'notFocused'\n    });\n\n    // help available\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 { formControl_helpAvailable } = useTranslationBundle<BundleType>(\n      '@oracle/oraclejet-preact'\n    );\n    const helpAvailableString = formControl_helpAvailable();\n    const userAssistiveHelp = hasUserAssistive ? (\n      <HiddenAccessible id={helpAvailableId}>{helpAvailableString}</HiddenAccessible>\n    ) : undefined;\n\n    // prevent auto scrolling\n    const onKeyDown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (!isReadonly && key !== undefined && key === ' ') {\n        event.preventDefault();\n      }\n    };\n\n    // we want to prevent mouseDown on Links to set active\n    const onMouseDownHandler = (e: Event) => {\n      // check to see if the target is within an <a> tag and the tag is within the label\n      const closestAnchor = (e.target as Element).closest('a');\n      if (closestAnchor && childWrapperRef.current?.contains(closestAnchor)) {\n        e.stopPropagation();\n      } else {\n        activeProps['onMouseDown']?.(e);\n      }\n    };\n\n    // don't allow key down to set active state\n    delete activeProps['onKeyDown'];\n    const { focusProps, isFocused: isFocusedWithin } = useFocusWithin();\n\n    // JET-70100 - ensure checkbox is scrolled into view when focused and focus ring is shown\n    const scrollRef = useRef<HTMLInputElement>(null);\n    const inputRef = ref || scrollRef;\n\n    useEffect(() => {\n      const isActiveElement =\n        document.activeElement === (inputRef as RefObject<HTMLInputElement>)?.current;\n      if (!isActiveElement && isFocus && isFocusRingShown) {\n        labelRef?.current?.scrollIntoView({ block: 'nearest' });\n      }\n    }, [inputRef, isFocus, isFocusRingShown, labelRef]);\n\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <label ref={labelRef} class={classNames([checkboxClasses, classes])}>\n        <span class={checkboxSpanStyle} {...activeProps}>\n          <StyledCheckbox\n            aria-describedby={ariaDescribedBy}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            onFocus={onFocus}\n            onKeyUp={onKeyUp}\n            onKeyDown={onKeyDown}\n            isActive={isActive}\n            isChecked={isChecked ? 'checked' : 'unchecked'}\n            isDisabled={isDisabled}\n            isReadonly={isReadonly}\n            isRequired={isRequired}\n            ref={inputRef}\n          />\n        </span>\n        <span class={valueLabelStyle}>\n          <span\n            {...activeProps}\n            {...focusProps}\n            onMouseDown={onMouseDownHandler}\n            ref={childWrapperRef}>\n            {children}\n          </span>\n          {userAssistiveHelp}\n          {hasUserAssistive && (\n            <IconUserAssistance\n              assistiveText={assistiveText}\n              helpSourceLink={helpSourceLink}\n              helpSourceText={helpSourceText}\n              isTabbable={isTabbable && (isFocus || isFocusedWithin)}\n              id={uaId}\n            />\n          )}\n        </span>\n      </label>\n    );\n  }\n);\n\nexport { CheckboxControl };\n"],"names":["CheckboxControl","forwardRef","ariaDescribedBy","name","value","children","isChecked","isDisabled","isReadonly","isRequired","onChange","onKeyUp","assistiveText","helpSourceLink","helpSourceText","columnSpan","ref","id","useId","childWrapperRef","useRef","isTabbable","useTabbableMode","isActive","activeProps","useActive","isFocusRingShown","useCheckboxRadioContext","labelRef","createRef","isFocus","focusProps","onFocus","onBlur","useFocus","classes","checkboxClasses","styles","valueLabelStyle","checkboxSpanStyle","useComponentTheme","CheckboxRedwoodTheme","cursor","disabled","focused","hasUserAssistive","helpAvailableId","undefined","uaId","formControl_helpAvailable","useTranslationBundle","helpAvailableString","userAssistiveHelp","_jsx","HiddenAccessible","isFocused","isFocusedWithin","useFocusWithin","scrollRef","inputRef","useEffect","document","activeElement","current","scrollIntoView","block","layoutSpanStyles","layoutSpanColumn","_jsxs","jsxs","class","classNames","StyledCheckbox","onKeyDown","event","key","preventDefault","onMouseDown","e","closestAnchor","target","closest","contains","stopPropagation","IconUserAssistance"],"mappings":"s4DAyDA,MAAMA,EAAkBC,EAAAA,YACtB,EAEI,mBAAoBC,EACpBC,OACAC,QACAC,WACAC,YACAC,aACAC,aACAC,aACAC,WACAC,UACAC,gBACAC,iBACAC,iBACAC,aAAa,GAEfC,EAA6B,QAG7B,MAAMC,EAAKC,EAAAA,QACLC,EAAkBC,SAAwB,OAC1CC,WAAEA,GAAeC,EAAAA,mBACjBC,SAAEA,EAAQC,YAAEA,GAAgBC,EAASA,aACrCC,iBAAEA,GAAqBC,EAAAA,0BACvBC,EAAWC,EAAAA,aACXC,QACJA,EACAC,YAAYC,QAAEA,EAAOC,OAAEA,IACrBC,EAAAA,YAIFC,QAASC,EACTC,QAAQC,gBAAEA,EAAeC,kBAAEA,IACzBC,EAAiBA,kBAAyCC,uBAAsB,CAClFC,OAAQnC,GAAcC,EAAa,QAAU,UAC7CmC,SAAUpC,EAAa,aAAe,cACtCqC,QAASd,GAAWJ,EAAmB,YAAc,eAIjDmB,IAAoBtC,GAAeC,IAAiBI,IAAiBC,GACrEiC,EAAkBD,EAAmB,GAAG5B,wBAAsB8B,EAC9DC,EAAOH,EAAmB,GAAG5B,iBAAe8B,GAC5CE,0BAAEA,GAA8BC,EAAoBA,qBACxD,4BAEIC,EAAsBF,IACtBG,EAAoBP,EACxBQ,MAACC,mBAAgB,CAACrC,GAAI6B,WAAkBK,SACtCJ,SAsBGvB,EAAuB,UAC9B,MAAMO,WAAEA,EAAYwB,UAAWC,GAAoBC,EAAcA,iBAG3DC,EAAYtC,SAAyB,MACrCuC,EAAW3C,GAAO0C,EAExBE,EAAAA,WAAU,OAENC,SAASC,gBAAmBH,GAA0CI,UAChDjC,GAAWJ,GACjCE,GAAUmC,SAASC,eAAe,CAAEC,MAAO,WAC5C,GACA,CAACN,EAAU7B,EAASJ,EAAkBE,IAGzC,MAAMO,GAAU+B,EAAAA,iBAAiBC,iBAAiBpD,GAElD,OACEqD,EAAAC,KAAA,QAAA,CAAOrD,IAAKY,EAAU0C,MAAOC,aAAW,CAACnC,EAAiBD,KAAS9B,SAAA,CACjEgD,MAAM,OAAA,CAAAiB,MAAO/B,KAAuBf,WAClC6B,EAAAA,IAACmB,EAAcA,eACK,CAAA,mBAAAtE,EAClBC,KAAMA,EACNC,MAAOA,EACPM,SAAUA,EACVuB,OAAQA,EACRD,QAASA,EACTrB,QAASA,EACT8D,UAhDWC,IACjB,MAAMC,IAAEA,GAAQD,EACXlE,QAAsBuC,IAAR4B,GAA6B,MAARA,GACtCD,EAAME,gBACP,EA6CKrD,SAAUA,EACVjB,UAAWA,EAAY,UAAY,YACnCC,WAAYA,EACZC,WAAYA,EACZC,WAAYA,EACZO,IAAK2C,MAGTS,eAAME,MAAOhC,EAAejC,SAAA,CAC1BgD,MACM,OAAA,IAAA7B,KACAO,EACJ8C,YArDoBC,IAE1B,MAAMC,EAAiBD,EAAEE,OAAmBC,QAAQ,KAChDF,GAAiB5D,EAAgB4C,SAASmB,SAASH,GACrDD,EAAEK,kBAEF3D,EAAyB,cAAIsD,EAC9B,EA+CK9D,IAAKG,EACJd,SAAAA,IAEF+C,EACAP,GACCQ,EAAAA,IAAC+B,EAAkBA,oBACjBxE,cAAeA,EACfC,eAAgBA,EAChBC,eAAgBA,EAChBO,WAAYA,IAAeS,GAAW0B,GACtCvC,GAAI+B,SAKZ"}

package/amd/CheckboxRadioField-18bf3cc2.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', './useCollectionFocusRing-35d278f5', './useTranslationBundle-8e42d505', './Flex-07d2aa5b', './Label-3c17bcc9', './InlineHelp-1fc7b3a9', './logger-0f873e29', './TabbableModeContext-a9c97640', 'preact/hooks', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-e406e352', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './utils-ad4761c9', './useTestId-9afc201a', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-232d63fc', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', './HiddenAccessible-037ef42d', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './CheckboxRadioFieldStyles.css-bf7d0e95', './CheckboxRadioContext-6a0fead0', './LayoutStyles.css-e2543ca1', './CheckboxRadioLabelValueLayout-edb44215'], (function(e,s,t,a,o,n,r,i,l,c,d,u,p,b,h,m,y,A,S,x,U,f,C,g,w,F,T,E,I,R,B,L,j,M,V,_,k,v,N,P,D,H,q,$,W,G,O,z){"use strict";const J=t.forwardRef((({"aria-describedby":e,assistiveText:l,baseId:c,direction:d="column",columnSpan:u=1,hasValue:p,helpSourceLink:b,helpSourceText:m,isDisabled:y,isReadonly:A,isRequired:S,label:f,labelEdge:C,labelStartWidth:g="33%",parentComponentVariant:w,messages:F,userAssistanceDensity:T,role:E,children:I,testId:R},B=null)=>{const L=U.useTestId(R),M=`${R}-inline-user-assistance`,V=R?`${M}-top`:void 0,_=R?`${M}-bottom`:void 0,k=!(y||A||!l&&!b),v=!y,N=t.useRef(null),{groupProps:P,labelProps:D,topUserAssistanceProps:H,bottomUserAssistanceProps:q,readonlyId:$}=W.useCheckboxRadioField({ariaDescribedBy:e,baseId:c,isRequired:S,isReadonly:A,isDisabled:y,label:f,labelEdge:C,messages:F,hasValue:p,hasTopUserAssistance:k,hasBottomUserAssistance:v,parentComponentVariant:w}),J=o.useTranslationBundle("@oracle/oraclejet-preact").formControl_readOnly(),K="radioSet"===w;t.useImperativeHandle(B,(()=>({focus:()=>{if(!y){const e=N.current?.querySelectorAll("input")??[],s=Array.from(e).find((e=>e.checked));s?s.focus():e[0].focus()}},blur:()=>{N.current?.contains(document.activeElement)&&document.activeElement.blur()}})));const[Q,X]=a.useCollectionFocusRing(N,K?["ArrowUp","ArrowRight","ArrowDown","ArrowLeft"]:["Tab"]),Y=s.jsxs(s.Fragment,{children:[k&&s.jsx("div",{id:`${c}-top-ua-container`,class:"start"===C?W.topUAContainerStyles.start:W.topUAContainerStyles.top,children:s.jsx(h.InlineUserAssistanceContainer,{...H,testId:V,children:s.jsx(i.InlineHelp,{assistiveText:l,sourceLink:b,sourceText:m})})}),s.jsx(n.Flex,{direction:d,..."row"===d&&{gap:[0,x.xUnits(8)],wrap:"wrap"},children:s.jsx(G.CheckboxRadioContext.Provider,{value:{isFocusRingShown:Q},children:I})}),v?s.jsx(h.InlineUserAssistance,{...q,requiredAlignment:"start",messages:F,userAssistanceDensity:"reflow"===T?"reflow":"efficient",testId:_}):"reflow"===T?void 0:s.jsx(h.InlineUserAssistance,{id:q?.id,userAssistanceDensity:"efficient",testId:_})]}),Z=O.layoutSpanStyles.layoutSpanColumn[u];return s.jsxs("div",{role:E,ref:N,class:Z,...P,...X,...L,children:["none"===C?Y:s.jsx(z.CheckboxRadioLabelValueLayout,{columnSpan:u,parentComponentVariant:w,hasTopUserAssistance:k,label:s.jsx(r.Label,{...D,variant:C,userAssistanceDensity:"efficient",parentComponentVariant:w,children:f}),labelEdge:C,labelStartWidth:g,children:Y}),A&&s.jsx(j.HiddenAccessible,{id:$,isHidden:!0,children:J})]})}));e.CheckboxRadioField=J}));
+//# sourceMappingURL=CheckboxRadioField-18bf3cc2.js.map

package/amd/CheckboxRadioField-18bf3cc2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRadioField-18bf3cc2.js","sources":["../../src/PRIVATE_CheckboxRadioField/CheckboxRadioField.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 type { ComponentChildren, ComponentProps, Ref, JSX } from 'preact';\nimport { forwardRef, useImperativeHandle, useRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\n\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useCollectionFocusRing } from '#hooks/PRIVATE_useCollectionFocusRing';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { BundleType } from '#resources/nls/bundle';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Label } from '#UNSAFE_Label';\nimport {\n  InlineHelp,\n  InlineUserAssistance,\n  InlineUserAssistanceContainer,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { useCheckboxRadioField } from './useCheckboxRadioField';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { xUnits } from '#UNSAFE_Theme';\nimport { topUAContainerStyles } from './CheckboxRadioFieldStyles.css';\nimport { CheckboxRadioContext } from './CheckboxRadioContext';\nimport { layoutSpanStyles, LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { CheckboxRadioLabelValueLayout } from '#UNSAFE_CheckboxRadioField/CheckboxRadioLabelValueLayout';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype AriaProps = Pick<UnpackSignals<JSX.AriaAttributes>, 'aria-describedby'>;\n\ntype Props = TestIdProps &\n  AriaProps & {\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n    /**\n     * baseId, used to generate other element IDs.\n     */\n    baseId: string;\n    /**\n     * <RadioItem /> or <CheckboxItem />\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     * Value of the radio option.\n     */\n    hasValue?: boolean;\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 if the radio group is disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * Specifies if the radio group is read-only.\n     */\n    isReadonly?: boolean;\n    /**\n     * Specifies whether the radio group requires a selection to be made.\n     */\n    isRequired?: boolean;\n    /**\n     * Label text for the group of radio buttons.\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    role?: 'radiogroup' | 'group';\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    parentComponentVariant: 'radioSet' | 'checkboxSet';\n  };\n\nexport const CheckboxRadioField = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      baseId,\n      direction = 'column',\n      columnSpan = 1,\n      hasValue,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isReadonly,\n      isRequired,\n      label,\n      labelEdge,\n      labelStartWidth = '33%',\n      parentComponentVariant,\n      messages,\n      userAssistanceDensity,\n      role,\n      children,\n      testId\n    }: Props,\n    ref: Ref<FocusableHandle> = null\n  ) => {\n    const testIdProps = useTestId(testId);\n    const UAtestId = `${testId}-inline-user-assistance`;\n    const UAtestIdTop = testId ? `${UAtestId}-top` : undefined;\n    const UAtestIdBottom = testId ? `${UAtestId}-bottom` : undefined;\n    const hasTopUserAssistance =\n      !isDisabled && !isReadonly && (!!assistiveText || !!helpSourceLink);\n    // we still render <InlineUserAssistance/> if density is 'efficient' or 'compact' to save space,\n    // even though we don't render user assistance for disabled fields\n    const hasBottomUserAssistance = !isDisabled;\n    const groupRef = useRef<HTMLDivElement>(null);\n\n    const {\n      groupProps,\n      labelProps,\n      topUserAssistanceProps,\n      bottomUserAssistanceProps,\n      readonlyId\n    } = useCheckboxRadioField({\n      ariaDescribedBy,\n      baseId,\n      isRequired,\n      isReadonly,\n      isDisabled,\n      label,\n      labelEdge,\n      messages,\n      hasValue,\n      hasTopUserAssistance,\n      hasBottomUserAssistance,\n      parentComponentVariant\n    });\n\n    const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n    const readonlyLabel = translations.formControl_readOnly();\n    const isRadioSet = parentComponentVariant === 'radioSet';\n\n    useImperativeHandle(ref, () => ({\n      focus: () => {\n        if (!isDisabled) {\n          const inputChildren = groupRef.current?.querySelectorAll<HTMLInputElement>('input') ?? [];\n          const selectedChild = Array.from(inputChildren).find((child) => child.checked);\n\n          if (selectedChild) {\n            selectedChild.focus();\n          } else {\n            inputChildren[0].focus();\n          }\n        }\n      },\n      blur: () => {\n        if (groupRef.current?.contains(document.activeElement)) {\n          (document.activeElement as HTMLElement).blur();\n        }\n      }\n    }));\n\n    // the props from the hook are used for focus management on the radioset variant to allow for arrow navigation\n    // while checkboxset uses tabbing\n    const [isFocusRingShown, focusRingProps] = useCollectionFocusRing(\n      groupRef,\n      isRadioSet ? ['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'] : ['Tab']\n    );\n\n    const content = (\n      <>\n        {hasTopUserAssistance && (\n          <div\n            id={`${baseId}-top-ua-container`}\n            class={labelEdge === 'start' ? topUAContainerStyles.start : topUAContainerStyles.top}>\n            <InlineUserAssistanceContainer {...topUserAssistanceProps} testId={UAtestIdTop}>\n              <InlineHelp\n                assistiveText={assistiveText}\n                sourceLink={helpSourceLink}\n                sourceText={helpSourceText}\n              />\n            </InlineUserAssistanceContainer>\n          </div>\n        )}\n        <Flex\n          direction={direction}\n          {...(direction === 'row' && { gap: [0, xUnits(8) as Size], wrap: 'wrap' })}>\n          <CheckboxRadioContext.Provider value={{ isFocusRingShown }}>\n            {children}\n          </CheckboxRadioContext.Provider>\n        </Flex>\n        {hasBottomUserAssistance ? (\n          <InlineUserAssistance\n            {...bottomUserAssistanceProps}\n            requiredAlignment=\"start\"\n            messages={messages}\n            userAssistanceDensity={userAssistanceDensity === 'reflow' ? 'reflow' : 'efficient'}\n            testId={UAtestIdBottom}\n          />\n        ) : userAssistanceDensity === 'reflow' ? undefined : (\n          /* save space for user assistance if density is 'efficient' or 'compact', even though we don't\n             render user assistance for disabled fields */\n          <InlineUserAssistance\n            id={bottomUserAssistanceProps?.id}\n            userAssistanceDensity=\"efficient\"\n            testId={UAtestIdBottom}\n          />\n        )}\n      </>\n    );\n    // The top level element needs the column span class on it.\n    const classes = layoutSpanStyles.layoutSpanColumn[columnSpan];\n\n    return (\n      <div\n        role={role}\n        ref={groupRef}\n        class={classes}\n        {...groupProps}\n        {...focusRingProps}\n        {...testIdProps}>\n        {labelEdge === 'none' ? (\n          content\n        ) : (\n          <CheckboxRadioLabelValueLayout\n            columnSpan={columnSpan}\n            parentComponentVariant={parentComponentVariant}\n            hasTopUserAssistance={hasTopUserAssistance}\n            label={\n              <Label\n                {...labelProps}\n                variant={labelEdge}\n                userAssistanceDensity=\"efficient\"\n                parentComponentVariant={parentComponentVariant}>\n                {label}\n              </Label>\n            }\n            labelEdge={labelEdge}\n            labelStartWidth={labelStartWidth}>\n            {content}\n          </CheckboxRadioLabelValueLayout>\n        )}\n        {isReadonly && (\n          <HiddenAccessible id={readonlyId} isHidden={true}>\n            {readonlyLabel}\n          </HiddenAccessible>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["CheckboxRadioField","forwardRef","ariaDescribedBy","assistiveText","baseId","direction","columnSpan","hasValue","helpSourceLink","helpSourceText","isDisabled","isReadonly","isRequired","label","labelEdge","labelStartWidth","parentComponentVariant","messages","userAssistanceDensity","role","children","testId","ref","testIdProps","useTestId","UAtestId","UAtestIdTop","undefined","UAtestIdBottom","hasTopUserAssistance","hasBottomUserAssistance","groupRef","useRef","groupProps","labelProps","topUserAssistanceProps","bottomUserAssistanceProps","readonlyId","useCheckboxRadioField","readonlyLabel","useTranslationBundle","formControl_readOnly","isRadioSet","useImperativeHandle","focus","inputChildren","current","querySelectorAll","selectedChild","Array","from","find","child","checked","blur","contains","document","activeElement","isFocusRingShown","focusRingProps","useCollectionFocusRing","content","_jsxs","_Fragment","_jsx","id","class","topUAContainerStyles","start","top","InlineUserAssistanceContainer","InlineHelp","sourceLink","sourceText","Flex","gap","xUnits","wrap","jsx","CheckboxRadioContext","Provider","value","InlineUserAssistance","requiredAlignment","classes","layoutSpanStyles","layoutSpanColumn","CheckboxRadioLabelValueLayout","Label","variant","HiddenAccessible","isHidden"],"mappings":"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"}

package/amd/CheckboxRadioLabelValueLayout-edb44215.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './useComponentTheme-5aa41a8f', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme', './StyledLabelValueLayout-5737d116', 'css!./CheckboxRadioLabelValueLayoutStyles.styles.css', './formControlUtils-a737ac5e'], (function(e,t,a,o,l,s,d,b,n,i,h,r,m,c,S){"use strict";var u="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_startRadioSetWithoutTopUA__dgf9120",y="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_insideRadioSet__dgf9121",x="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_startCheckboxSetWithoutTopUA__dgf9122",L="CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_insideCheckboxSet__dgf9123";e.CheckboxRadioLabelValueLayout=({columnSpan:e=1,label:o,labelEdge:s,children:c,parentComponentVariant:C,labelStartWidth:p="33%",hasTopUserAssistance:R=!1})=>{const{baseTheme:T}=b.useComponentTheme(n.RadioRedwoodTheme),{baseTheme:_}=b.useComponentTheme(r.CheckboxRedwoodTheme),{baseTheme:F}=b.useComponentTheme(i.LabelRedwoodTheme),{baseTheme:k}=b.useComponentTheme(h.FormLayoutRedwoodTheme),f="radioSet"===C,w="checkboxSet"===C,A="start"===s,I="top"===s||"inside"===s,U="inside"===s,V=S.computeStartLabelWidth(p,e),W=`calc(100% - ${V})`,g=A?{flexBasis:V,width:V,maxWidth:V}:{},N=A?{flexBasis:W,width:W,maxWidth:W}:{},{isFormLayout:E,isReadonly:j,labelWrapping:v}=l.useFormContext(),{isReadonly:B}=d.useFormFieldContext(),P=E&&j||!E&&B,$=a.classNames([k,m.labelSlotStyles.base,A&&m.labelSlotStyles.start,I&&m.labelSlotStyles.top,I&&R&&m.labelSlotStyles.topAndTopUA,I&&P&&m.labelSlotStyles.topPureReadonly]),q=a.classNames([f&&T,w&&_,F,k,m.labelInnerStyles.base,A&&m.labelInnerStyles.start,f&&U&&y,w&&U&&L,f&&A&&!R&&u,w&&A&&!R&&x,"truncate"===v&&m.labelInnerStyles.noWrap]);return t.jsx(m.StyledLabelValueLayout,{flexAlign:B&&A?"stretch":"start",labelStyleClasses:$,labelStyles:g,labelInnerClasses:q,label:o,valueStyles:N,children:c})}}));
+//# sourceMappingURL=CheckboxRadioLabelValueLayout-edb44215.js.map

package/amd/CheckboxRadioLabelValueLayout-edb44215.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxRadioLabelValueLayout-edb44215.js","sources":["../../src/UNSAFE_CheckboxRadioField/CheckboxRadioLabelValueLayout.tsx"],"sourcesContent":["import { ComponentChildren, JSX } from 'preact';\n\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { Size } from '#utils/UNSAFE_size';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { RadioRedwoodTheme } from '#UNSAFE_RadioItem/themes/redwood/RadioTheme';\nimport { LabelRedwoodTheme } from '#UNSAFE_Label/themes/redwood/LabelTheme';\nimport { FormLayoutRedwoodTheme } from '#UNSAFE_TextField/themes/redwood/FormLayoutTheme';\nimport { CheckboxRedwoodTheme } from '#UNSAFE_Checkbox/themes/redwood/CheckboxTheme';\nimport {\n  labelSlotStyles,\n  labelInnerStyles\n} from '#UNSAFE_LabelValueLayout/LabelValueLayoutStyles.css';\nimport { StyledLabelValueLayout } from '#UNSAFE_LabelValueLayout/StyledLabelValueLayout';\nimport { checkboxRadioLabelInnerStyles } from './CheckboxRadioLabelValueLayoutStyles.css';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { computeStartLabelWidth } from '#utils/UNSAFE_formControlUtils';\n\ntype Props = {\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\n  /**\n   * Defines how the label is going to be positioned. For CheckboxSet or RadioSet the start, top and inside values are supported.\n   */\n  labelEdge?: 'start' | 'top' | 'inside';\n  /**\n   * Specifies if the parent component is a CheckboxSet or RadioSet\n   */\n  parentComponentVariant: 'radioSet' | 'checkboxSet';\n  /**\n   * Specifies if there is assistive text or links at the top of the component below the label\n   */\n  hasTopUserAssistance?: boolean;\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n  /**\n   * Defines the label width for labelEdge 'start' ('top' is always 100%)\n   */\n  labelStartWidth?: Size;\n  /**\n   * Value content of the layout\n   */\n  children: ComponentChildren;\n};\n\n/**\n * A layout component for rendering a label and value pair, used in form components\n * such as CheckboxSet and RadioSet.\n */\nexport const CheckboxRadioLabelValueLayout = ({\n  columnSpan = 1,\n  label,\n  labelEdge,\n  children,\n  parentComponentVariant,\n  labelStartWidth = '33%',\n  hasTopUserAssistance = false\n}: Props) => {\n  const { baseTheme: radioTheme } = useComponentTheme(RadioRedwoodTheme);\n  const { baseTheme: checkboxTheme } = useComponentTheme(CheckboxRedwoodTheme);\n  const { baseTheme: labelTheme } = useComponentTheme(LabelRedwoodTheme);\n  const { baseTheme: formLayoutTheme } = useComponentTheme(FormLayoutRedwoodTheme);\n\n  const isRadio = parentComponentVariant === 'radioSet';\n  const isCheckbox = parentComponentVariant === 'checkboxSet';\n  const isStart = labelEdge === 'start';\n  const isTop = labelEdge === 'top' || labelEdge === 'inside'; // 'inside' needs to pick up all 'top' styles.\n  const isInside = labelEdge === 'inside';\n\n  // JET-68190 - labelStartWidth needs to take columnSpan into account\n  const width = computeStartLabelWidth(labelStartWidth, columnSpan);\n  const valueWidth = `calc(100% - ${width})`;\n\n  const labelStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: width, width: width, maxWidth: width }\n    : {};\n\n  const valueStyles: JSX.CSSProperties = isStart\n    ? { flexBasis: valueWidth, width: valueWidth, maxWidth: valueWidth }\n    : {};\n\n  const { isFormLayout, isReadonly: isFormReadonly, labelWrapping } = useFormContext();\n  const { isReadonly } = useFormFieldContext();\n  const isPureReadonly = (isFormLayout && isFormReadonly) || (!isFormLayout && isReadonly);\n\n  const labelStyleClasses = classNames([\n    formLayoutTheme,\n    labelSlotStyles.base,\n    isStart && labelSlotStyles.start,\n    isTop && labelSlotStyles.top,\n    isTop && hasTopUserAssistance && labelSlotStyles.topAndTopUA,\n    isTop && isPureReadonly && labelSlotStyles.topPureReadonly\n  ]);\n\n  const labelInnerClasses = classNames([\n    isRadio && radioTheme,\n    isCheckbox && checkboxTheme,\n    labelTheme,\n    formLayoutTheme,\n    labelInnerStyles.base,\n    isStart && labelInnerStyles.start,\n    isRadio && isInside && checkboxRadioLabelInnerStyles.insideRadioSet,\n    isCheckbox && isInside && checkboxRadioLabelInnerStyles.insideCheckboxSet,\n    isRadio &&\n      isStart &&\n      !hasTopUserAssistance &&\n      checkboxRadioLabelInnerStyles.startRadioSetWithoutTopUA,\n    isCheckbox &&\n      isStart &&\n      !hasTopUserAssistance &&\n      checkboxRadioLabelInnerStyles.startCheckboxSetWithoutTopUA,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\n    <StyledLabelValueLayout\n      // For readonly start aligned labels, we want the div that is the parent of the label to\n      // stretch to the height of the value content, including the end content (InputSensitiveText)\n      flexAlign={isReadonly && isStart ? 'stretch' : 'start'}\n      labelStyleClasses={labelStyleClasses}\n      labelStyles={labelStyles}\n      labelInnerClasses={labelInnerClasses}\n      label={label}\n      valueStyles={valueStyles}>\n      {children}\n    </StyledLabelValueLayout>\n  );\n};\n"],"names":["columnSpan","label","labelEdge","children","parentComponentVariant","labelStartWidth","hasTopUserAssistance","baseTheme","radioTheme","useComponentTheme","RadioRedwoodTheme","checkboxTheme","CheckboxRedwoodTheme","labelTheme","LabelRedwoodTheme","formLayoutTheme","FormLayoutRedwoodTheme","isRadio","isCheckbox","isStart","isTop","isInside","width","computeStartLabelWidth","valueWidth","labelStyles","flexBasis","maxWidth","valueStyles","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","labelStyleClasses","classNames","labelSlotStyles","base","start","top","topAndTopUA","topPureReadonly","labelInnerClasses","labelInnerStyles","checkboxRadioLabelInnerStyles","noWrap","_jsx","StyledLabelValueLayout","flexAlign"],"mappings":"q/BAuD6C,EAC3CA,aAAa,EACbC,QACAC,YACAC,WACAC,yBACAC,kBAAkB,MAClBC,wBAAuB,MAEvB,MAAQC,UAAWC,GAAeC,EAAiBA,kBAACC,EAAiBA,oBAC7DH,UAAWI,GAAkBF,EAAiBA,kBAACG,EAAoBA,uBACnEL,UAAWM,GAAeJ,EAAiBA,kBAACK,EAAiBA,oBAC7DP,UAAWQ,GAAoBN,EAAiBA,kBAACO,EAAsBA,wBAEzEC,EAAqC,aAA3Bb,EACVc,EAAwC,gBAA3Bd,EACbe,EAAwB,UAAdjB,EACVkB,EAAsB,QAAdlB,GAAqC,WAAdA,EAC/BmB,EAAyB,WAAdnB,EAGXoB,EAAQC,EAAAA,uBAAuBlB,EAAiBL,GAChDwB,EAAa,eAAeF,KAE5BG,EAAiCN,EACnC,CAAEO,UAAWJ,EAAOA,MAAOA,EAAOK,SAAUL,GAC5C,GAEEM,EAAiCT,EACnC,CAAEO,UAAWF,EAAYF,MAAOE,EAAYG,SAAUH,GACtD,IAEEK,aAAEA,EAAcC,WAAYC,EAAcC,cAAEA,GAAkBC,EAAAA,kBAC9DH,WAAEA,GAAeI,EAAAA,sBACjBC,EAAkBN,GAAgBE,IAAqBF,GAAgBC,EAEvEM,EAAoBC,EAAAA,WAAW,CACnCtB,EACAuB,EAAAA,gBAAgBC,KAChBpB,GAAWmB,EAAeA,gBAACE,MAC3BpB,GAASkB,EAAeA,gBAACG,IACzBrB,GAASd,GAAwBgC,EAAAA,gBAAgBI,YACjDtB,GAASe,GAAkBG,EAAAA,gBAAgBK,kBAGvCC,EAAoBP,EAAAA,WAAW,CACnCpB,GAAWT,EACXU,GAAcP,EACdE,EACAE,EACA8B,EAAAA,iBAAiBN,KACjBpB,GAAW0B,EAAgBA,iBAACL,MAC5BvB,GAAWI,GAAYyB,EACvB5B,GAAcG,GAAYyB,EAC1B7B,GACEE,IACCb,GACDwC,EACF5B,GACEC,IACCb,GACDwC,EACgB,aAAlBd,GAAgCa,EAAAA,iBAAiBE,SAGnD,OACEC,MAACC,EAAsBA,wBAGrBC,UAAWpB,GAAcX,EAAU,UAAY,QAC/CiB,kBAAmBA,EACnBX,YAAaA,EACbmB,kBAAmBA,EACnB3C,MAAOA,EACP2B,YAAaA,EAAWzB,SACvBA,GAEH"}

package/amd/CheckboxSet-678ea1d4.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContextProps-08e673cf', 'css!./CheckboxSetStyles.styles.css', './useId-c9578d26', './CheckboxRadioField-18bf3cc2'], (function(e,s,t,i,o,a,l,r,n,d,c,u){"use strict";const b=t.createContext({});var x="CheckboxSetStyles_styles_ul__68p6630";const h=o.forwardRef((({"aria-describedby":e,assistiveText:o,columnSpan:a,direction:d="column",helpSourceLink:h,helpSourceText:m,isDisabled:C,isReadonly:p,isRequired:S=!1,label:y,labelEdge:F,labelStartWidth:k,messages:v,onCommit:R,userAssistanceDensity:f,value:D,children:g,testId:j},I)=>{const A=void 0!==D&&D.size>0,P=c.useId(),{isDisabled:T,isReadonly:_,labelEdge:E,labelStartWidth:V,userAssistanceDensity:W}=l.useFormContext(),q=C??T,L=p??_,w=F??E,z=k??V,B=f??W,M=n.useFormFieldContextProps({hasValue:A,isDisabled:q,isReadonly:L}),N=i.useMemo((()=>({name:P,value:D,onCommit:R})),[P,R,D]),G=t.toChildArray(g).filter(Boolean).map((e=>s.jsx("li",{children:e})));return s.jsx(r.FormFieldContext.Provider,{value:M,children:s.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:o,baseId:P,columnSpan:a,direction:d,helpSourceLink:h,helpSourceText:m,isDisabled:q,isReadonly:L,isRequired:S,label:y,labelEdge:w,labelStartWidth:z,parentComponentVariant:"checkboxSet",messages:v,userAssistanceDensity:B,hasValue:A,role:"group",testId:j,ref:I,children:s.jsx(b.Provider,{value:N,children:s.jsx("ul",{className:x,children:G})})})})}));e.CheckboxSet=h,e.CheckboxSetContext=b,e.useCheckboxSetContext=()=>i.useContext(b)}));
+//# sourceMappingURL=CheckboxSet-678ea1d4.js.map

package/amd/CheckboxSet-678ea1d4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSet-678ea1d4.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray, JSX } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: UnpackSignals<JSX.AriaAttributes>['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\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 checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\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<Set<string | number>>) => 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 selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = 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      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\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 checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\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=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["CheckboxSetContext","createContext","CheckboxSet","forwardRef","ariaDescribedBy","assistiveText","columnSpan","direction","helpSourceLink","helpSourceText","isDisabled","propIsDisabled","isReadonly","propIsReadonly","isRequired","label","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","onCommit","userAssistanceDensity","propUserAssistanceDensity","value","children","testId","ref","hasValue","undefined","size","baseId","useId","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formUserAssistanceDensity","useFormContext","formFieldContext","useFormFieldContextProps","checkboxSetContext","useMemo","name","wrappedChildren","toChildArray","filter","Boolean","map","item","_jsx","FormFieldContext","Provider","CheckboxRadioField","parentComponentVariant","role","jsx","className","styles","useContext"],"mappings":"6UAWA,MAAMA,EAAqBC,EAAaA,cAA0B,iDC4F3D,MAAMC,EAAcC,EAAUA,YACnC,EAEI,mBAAoBC,EACpBC,gBACAC,aACAC,YAAY,SACZC,iBACAC,iBACAC,WAAYC,EACZC,WAAYC,EACZC,cAAa,EACbC,QACAC,UAAWC,EACXC,gBAAiBC,EACjBC,WACAC,WACAC,sBAAuBC,EACvBC,QACAC,WACAC,UAEFC,KAEA,MAAMC,OAAqBC,IAAVL,GAAsBA,EAAMM,KAAO,EAC9CC,EAASC,EAAAA,SAGbtB,WAAYuB,EACZrB,WAAYsB,EACZlB,UAAWmB,EACXjB,gBAAiBkB,EACjBd,sBAAuBe,GACrBC,EAAcA,iBAGZ5B,EAAaC,GAAkBsB,EAC/BrB,EAAaC,GAAkBqB,EAC/BlB,EAAYC,GAAiBkB,EAC7BjB,EAAkBC,GAAuBiB,EACzCd,EAAwBC,GAA6Bc,EAErDE,EAAmBC,EAAAA,yBAAyB,CAChDZ,WACAlB,aACAE,eAGI6B,EAAqBC,EAAAA,SACzB,KAAO,CACLC,KAAMZ,EACNP,QACAH,cAEF,CAACU,EAAQV,EAAUG,IAKfoB,EADgBC,EAAAA,aAAapB,GAAUqB,OAAOC,SACdC,KAAKC,GAASC,MAAA,KAAA,CAAAzB,SAAKwB,MAEzD,OACEC,EAAAA,IAACC,EAAAA,iBAAiBC,UAAS5B,MAAOe,EAAgBd,SAChDyB,EAAAA,IAACG,EAAAA,uCACmBjD,EAClBC,cAAeA,EACf0B,OAAQA,EACRzB,WAAYA,EACZC,UAAWA,EACXC,eAAgBA,EAChBC,eAAgBA,EAChBC,WAAYA,EACZE,WAAYA,EACZE,WAAYA,EACZC,MAAOA,EACPC,UAAWA,EACXE,gBAAiBA,EACjBoC,uBAAuB,cACvBlC,SAAUA,EACVE,sBAAuBA,EACvBM,SAAUA,EACV2B,KAAK,QACL7B,OAAQA,EACRC,IAAKA,EACLF,SAAAyB,EAAAM,IAACxD,EAAmBoD,SAAQ,CAAC5B,MAAOiB,EAAkBhB,SACpDyB,EAAAA,UAAIO,UAAWC,EAASjC,SAAGmB,SAIjC,mEDpLwB,IAAMe,EAAAA,WAAW3D"}

package/amd/CheckboxStyles.styles.css

@@ -26,4 +26,10 @@
   padding-block-start: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) + 1px) * 0.5);
   padding-block-end: calc((var(--rowHeight__1qyga5a2) - var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-line-height) * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size) - 1px) * 0.5);
   font-size: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-body-md-font-size);
+}
+.CheckboxStyles_valueLabelStyle__13w91qj3 .LinkBaseTheme_baseTheme__eahcnn0 {
+  margin-top: calc(-1 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, 0.25rem));
+}
+.oj-scale-sm .CheckboxStyles_valueLabelStyle__13w91qj3 .LinkBaseTheme_baseTheme__eahcnn0, :root.oj-scale-sm .CheckboxStyles_valueLabelStyle__13w91qj3 .LinkBaseTheme_baseTheme__eahcnn0 {
+  margin-top: -5px;
 }

package/amd/ClearIcon-13bd61d3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTranslationBundle-8e42d505', './IconButton-232d63fc', './DeleteCircleS-1120c906', './TabbableModeContext-a9c97640', 'preact/hooks'], (function(e,t,n,o,r,a,c){"use strict";e.ClearIcon=function({onClick:e,testId:c}){const i=n.useTranslationBundle("@oracle/oraclejet-preact").formControl_clear();return t.jsx(a.TabbableModeContext.Provider,{value:{isTabbable:!1},children:t.jsx("div",{"aria-hidden":"true",children:t.jsx(o.IconButton,{variant:"ghost",size:"sm",onAction:e,tooltip:i,testId:c,children:t.jsx(r.SvgDeleteCircleS,{})})})})}}));
+//# sourceMappingURL=ClearIcon-13bd61d3.js.map

package/amd/ClearIcon-13bd61d3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearIcon-13bd61d3.js","sources":["../../src/PRIVATE_ClearIcon/ClearIcon.tsx"],"sourcesContent":["import type { BundleType } from '#resources/nls/bundle';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { IconButton } from '#UNSAFE_IconButton';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { DeleteIcon } from '#PRIVATE_ThemedIcons/DeleteIcon';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\n\ntype Props = {\n  onClick?: () => void;\n} & TestIdProps;\n\n/**\n * ClearIcon is used to clear an input value.\n * @param onClick Callback for clearing value when button is clicked\n * @param testId ID used for testing purposes\n */\nexport function ClearIcon({ onClick, testId }: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const clearStr = translations.formControl_clear();\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <div aria-hidden=\"true\">\n        <IconButton variant=\"ghost\" size=\"sm\" onAction={onClick} tooltip={clearStr} testId={testId}>\n          <DeleteIcon />\n        </IconButton>\n      </div>\n    </TabbableModeContext.Provider>\n  );\n}\n"],"names":["onClick","testId","clearStr","useTranslationBundle","formControl_clear","_jsx","TabbableModeContext","Provider","value","isTabbable","jsx","IconButton","variant","size","onAction","tooltip","DeleteIcon"],"mappings":"yOAgB0BA,QAAEA,EAAOC,OAAEA,IACnC,MACMC,EADeC,uBAAiC,4BACxBC,oBAE9B,OACEC,EAAAA,IAACC,EAAAA,oBAAoBC,SAAS,CAAAC,MAAO,CAAEC,YAAY,YACjDJ,EAAiBK,IAAA,MAAA,CAAA,cAAA,gBACfL,EAACK,IAAAC,aAAW,CAAAC,QAAQ,QAAQC,KAAK,KAAKC,SAAUd,EAASe,QAASb,EAAUD,OAAQA,WAClFI,EAACK,IAAAM,4BAKX"}

package/amd/ColorPalette-b26f3861.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './ColorSwatch-57d78771', './swatchData-ef8329c2', './Flex-07d2aa5b', './useTestId-9afc201a', './dimensions-f24f9a2b', './padding-2e7f02fe', './colors-17f17162', './aria-232c9168', './mergeInterpolations-9ede4cf7', './resources/nls/en/bundle', './SwatchFlexView-bb78745d'], (function(e,a,t,l,s,r,o,n,c,i,u,d,f,p,h){"use strict";const v=[...Object.values(c.dimensionInterpolations),...Object.values(u.colorInterpolations),...Object.values(d.ariaInterpolations),...Object.values(i.paddingInterpolations)],b=f.mergeInterpolations(v),w=t.forwardRef((({value:e,swatchSize:c="sm",palette:i,onCommit:u,testId:d,...f},v)=>{const{class:w,ariaLabel:y,ariaLabelledBy:m,...S}=b(f),x=l.useRef(null),I=n.useTestId(d),g=p.default.accColorPalette(),[j,C]=t.useState(void 0),[k,P]=t.useState({all:!1,keys:new Set([e??void 0])});t.useEffect((()=>{P({all:!1,keys:new Set([r.parseColorValue(e??void 0)])})}),[e]),t.useEffect((()=>{}),[k]);t.useImperativeHandle(v,(()=>({focus:()=>{x.current&&x.current.focus()},blur:()=>{x.current&&x.current.blur()}})));return a.jsx("div",{"aria-labelledby":m,className:w,style:{width:"100%",height:"100%"},...I,...S,children:a.jsx(o.Flex,{align:"center",children:a.jsx(h.SwatchFlexView,{ref:x,"aria-label":y||g,focusBehavior:"content",data:i?r.convertPalette(r.sortPalette(i)):null,getRowKey:e=>e,currentKey:j,onCurrentKeyChange:e=>{C(e.value)},selectedKeys:k,children:e=>a.jsx(s.ColorSwatch,{size:c,testId:d+"_palette_colorSwatch_"+e.data,"aria-hidden":!0,value:e.data,onToggle:()=>{u?.({value:e.data,previousValue:k.keys?.values().next().value}),P({all:!1,keys:new Set([e.data])})},isSelected:k.keys?.has(e.data)})})})})}));w.displayName="ColorPalette",e.ColorPalette=w}));
+//# sourceMappingURL=ColorPalette-b26f3861.js.map

package/amd/ColorPalette-b26f3861.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPalette-b26f3861.js","sources":["../../src/UNSAFE_ColorPalette/ColorPalette.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 { useState, useEffect, forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useRef } from 'preact/hooks';\nimport { Ref } from 'preact';\nimport { SwatchFlexView } from '#PRIVATE_SwatchFlexView';\nimport { ColorSwatch } from '#UNSAFE_ColorSwatch';\nimport { parseColorValue, type ColorValue } from '#utils/UNSAFE_color';\nimport { Flex } from '#UNSAFE_Flex/Flex';\nimport { Keys } from '#utils/UNSAFE_keys';\nimport { ListItemRendererContext } from '#UNSAFE_Collection';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { PaddingProps, paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport { ColorProps, colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { sortPalette, convertPalette } from '#utils/UNSAFE_color';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport translations from '#resources/nls/en/bundle';\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\nexport type ColorPaletteProps = StyleProps &\n  TestIdProps & {\n    /**\n     * The selected color of the palette\n     */\n    value?: ColorValue;\n\n    /**\n     * The swatch size indicates how large the color swatches are rendered.\n     */\n    swatchSize?: 'xs' | 'sm';\n\n    /**\n     * An array of colors for the palette\n     */\n    palette?: Array<ColorValue>;\n\n    /**\n     * Invoked when a swatch is toggled\n     */\n    onCommit?: (details: ValueUpdateDetail<ColorValue>) => void;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(ariaInterpolations),\n  ...Object.values(paddingInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<ColorPaletteProps>(interpolations);\n\n/**\n * A Color Palette is an interface that displays a variety of color swatches allowing\n * users to select a color value.\n *\n * @param {ColorPaletteProps} props ColorPalette component props.\n * @returns {JSX.Element} ColorPalette component element.\n */\nexport const ColorPalette = forwardRef(\n  (\n    { value, swatchSize = 'sm', palette, onCommit, testId, ...props }: ColorPaletteProps,\n    focusHandleRef?: Ref<FocusableHandle>\n  ) => {\n    const {\n      class: mergedClasses,\n      ariaLabel,\n      ariaLabelledBy,\n      ...mergedStyles\n    } = mergedInterpolations(props);\n\n    const rootRef = useRef<HTMLDivElement>(null);\n\n    const testIdProps = useTestId(testId);\n    const colorPaletteTranslated = translations.accColorPalette();\n\n    const [current, setCurrent] = useState<string | undefined>(undefined);\n    const [selected, setSelected] = useState<Keys<string | number>>({\n      all: false,\n      keys: new Set([(value as string) ?? undefined])\n    });\n\n    useEffect(() => {\n      setSelected({\n        all: false,\n        keys: new Set([parseColorValue(value ?? undefined)])\n      });\n    }, [value]);\n\n    useEffect(() => {}, [selected]); // redraw when selection occurs\n\n    const getRowKey = (data: unknown) => {\n      return data as string;\n    };\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(focusHandleRef!, () => ({\n      focus: () => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (rootRef.current) {\n          rootRef.current.blur();\n        }\n      }\n    }));\n\n    const dropdownStyle = {\n      width: '100%',\n      height: '100%'\n    };\n\n    return (\n      <div\n        aria-labelledby={ariaLabelledBy}\n        className={mergedClasses}\n        style={dropdownStyle}\n        {...testIdProps}\n        {...mergedStyles}>\n        <Flex align=\"center\">\n          <SwatchFlexView\n            ref={rootRef}\n            aria-label={ariaLabel ? ariaLabel : colorPaletteTranslated}\n            focusBehavior=\"content\"\n            data={palette ? convertPalette(sortPalette(palette)) : null}\n            getRowKey={getRowKey}\n            currentKey={current}\n            onCurrentKeyChange={(detail) => {\n              setCurrent(detail.value as string);\n            }}\n            selectedKeys={selected}>\n            {(context: ListItemRendererContext<string | number, unknown>) => (\n              <ColorSwatch\n                size={swatchSize}\n                testId={testId + '_palette' + '_colorSwatch_' + context.data}\n                aria-hidden={true}\n                value={context.data as ColorValue}\n                onToggle={() => {\n                  onCommit?.({\n                    value: context.data as ColorValue,\n                    previousValue: selected.keys?.values().next().value as ColorValue\n                  });\n                  setSelected({ all: false, keys: new Set([context.data as string]) });\n                }}\n                isSelected={selected.keys?.has(context.data as string)}></ColorSwatch>\n            )}\n          </SwatchFlexView>\n        </Flex>\n      </div>\n    );\n  }\n);\n\nColorPalette.displayName = 'ColorPalette';\n"],"names":["interpolations","Object","values","dimensionInterpolations","colorInterpolations","ariaInterpolations","paddingInterpolations","mergedInterpolations","mergeInterpolations","ColorPalette","forwardRef","value","swatchSize","palette","onCommit","testId","props","focusHandleRef","class","mergedClasses","ariaLabel","ariaLabelledBy","mergedStyles","rootRef","useRef","testIdProps","useTestId","colorPaletteTranslated","translations","accColorPalette","current","setCurrent","useState","undefined","selected","setSelected","all","keys","Set","useEffect","parseColorValue","useImperativeHandle","focus","blur","_jsx","jsx","className","style","width","height","children","Flex","align","SwatchFlexView","ref","focusBehavior","data","convertPalette","sortPalette","getRowKey","currentKey","onCurrentKeyChange","detail","selectedKeys","context","ColorSwatch","size","onToggle","previousValue","next","isSelected","has","displayName"],"mappings":"mYAuDA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,0BACdH,OAAOC,OAAOG,yBACdJ,OAAOC,OAAOI,0BAGbC,EAAuBC,EAAAA,oBAAuCR,GASvDS,EAAeC,EAAUA,YACpC,EACIC,QAAOC,aAAa,KAAMC,UAASC,WAAUC,YAAWC,GAC1DC,KAEA,MACEC,MAAOC,EAAaC,UACpBA,EAASC,eACTA,KACGC,GACDf,EAAqBS,GAEnBO,EAAUC,SAAuB,MAEjCC,EAAcC,YAAUX,GACxBY,EAAyBC,UAAaC,mBAErCC,EAASC,GAAcC,EAAQA,cAAqBC,IACpDC,EAAUC,GAAeH,WAAgC,CAC9DI,KAAK,EACLC,KAAM,IAAIC,IAAI,CAAE3B,QAAoBsB,MAGtCM,EAAAA,WAAU,KACRJ,EAAY,CACVC,KAAK,EACLC,KAAM,IAAIC,IAAI,CAACE,EAAeA,gBAAC7B,QAASsB,MACxC,GACD,CAACtB,IAEJ4B,EAAAA,WAAU,QAAU,CAACL,IAOrBO,EAAmBA,oBAACxB,GAAiB,KAAO,CAC1CyB,MAAO,KACDnB,EAAQO,SACVP,EAAQO,QAAQY,OACjB,EAEHC,KAAM,KACApB,EAAQO,SACVP,EAAQO,QAAQa,MACjB,MASL,OACEC,EAAAC,IAAA,MAAA,CAAA,kBACmBxB,EACjByB,UAAW3B,EACX4B,MATkB,CACpBC,MAAO,OACPC,OAAQ,WAQFxB,KACAH,EACJ4B,SAAAN,EAAAC,IAACM,OAAI,CAACC,MAAM,SACVF,SAAAN,EAAAC,IAACQ,iBACC,CAAAC,IAAK/B,eACOH,GAAwBO,EACpC4B,cAAc,UACdC,KAAM3C,EAAU4C,EAAcA,eAACC,EAAWA,YAAC7C,IAAY,KACvD8C,UApCWH,GACVA,EAoCDI,WAAY9B,EACZ+B,mBAAqBC,IACnB/B,EAAW+B,EAAOnD,MAAgB,EAEpCoD,aAAc7B,EACbgB,SAACc,GACApB,MAACqB,cAAW,CACVC,KAAMtD,EACNG,OAAQA,0BAAwCiD,EAAQR,KAC3C,eAAA,EACb7C,MAAOqD,EAAQR,KACfW,SAAU,KACRrD,IAAW,CACTH,MAAOqD,EAAQR,KACfY,cAAelC,EAASG,MAAMnC,SAASmE,OAAO1D,QAEhDwB,EAAY,CAAEC,KAAK,EAAOC,KAAM,IAAIC,IAAI,CAAC0B,EAAQR,QAAmB,EAEtEc,WAAYpC,EAASG,MAAMkC,IAAIP,EAAQR,aAKjD,IAIN/C,EAAa+D,YAAc"}

package/amd/ColorPicker-d578df9c.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './useTestId-9afc201a', './UNSAFE_ColorPicker/themes/ColorPickerContract.css', './useComponentTheme-5aa41a8f', './UNSAFE_ColorPicker/themes/redwood/ColorPickerTheme', './ColorPalette-b26f3861', 'preact/compat', './Flex-07d2aa5b', './clientUtils-f1eea2db'], (function(e,o,t,i,r,s,c,a,l,d){"use strict";const h=a.forwardRef((({swatchSize:e="xs",palette:a,height:h,maxWidth:m,value:n,testId:P,width:C,onCommit:p},u)=>{const{classes:x}=r.useComponentTheme(s.ColorPickerRedwoodTheme),k=t.useTestId(P);return o.jsx("div",{ref:u,class:x,...k,children:o.jsx(l.Flex,{direction:"column",height:"auto"===h||d.isMobile()?void 0:i.colorPickerPropVars.maxHeight,maxWidth:void 0!==m?m:d.isMobile()?"100%":i.colorPickerPropVars.maxWidth,width:void 0!==C?C:i.colorPickerPropVars.width,children:o.jsx(c.ColorPalette,{palette:a,swatchSize:e,value:n,testId:P?P+"_picker":void 0,onCommit:p})})})}));e.ColorPicker=h}));
+//# sourceMappingURL=ColorPicker-d578df9c.js.map

package/amd/ColorPicker-d578df9c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker-d578df9c.js","sources":["../../src/UNSAFE_ColorPicker/ColorPicker.tsx"],"sourcesContent":["// import { Flex } from '#UNSAFE_Flex';\nimport { useTestId, type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { colorPickerPropVars } from './themes/ColorPickerContract.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { ColorPickerRedwoodTheme } from './themes/redwood/ColorPickerTheme';\nimport { ColorPalette } from '#UNSAFE_ColorPalette';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ComponentProps } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { type ColorValue } from '#utils/UNSAFE_color';\nimport { Flex } from '#UNSAFE_Flex';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\n\ntype ColorPaletteProps = ComponentProps<typeof ColorPalette>;\ntype PickedPropsFromColorPalette = Pick<ColorPaletteProps, 'swatchSize' | 'palette'>;\n\ntype Props = TestIdProps &\n  PickedPropsFromColorPalette & {\n    /**\n     * The selected color\n     */\n    value?: ColorValue;\n\n    /**\n     * When property is set to \"auto\", the color picker will automatically adjust to the height of the palette.\n     * This is mainly to be used in conjunction with InputColor.\n     * <p>If not specified, defaults to the theme specified height.<br/>\n     */\n    height?: 'auto';\n\n    /**\n     * Specifies the component style maxWidth.\n     * <p>If not specified, defaults to the theme specified maxWidth.<br/>\n     * This attribute accepts values of type:<br/>\n     * 0 | `${number}${CssUnits}` | `${number}x` | `--${string}` | `var($string})` | `${number}%`</p>\n     * <p>When this component is used in composition and the component should take up 100% of the parent container's\n     * width, set maxWidth to '100%'.<br/>\n     * Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    maxWidth?: Size;\n\n    /**\n     * Specifies the component style width.\n     * <p>If not specified, defaults to '100%'.</p>\n     * <p>This attribute accepts values of type:</p>\n     * <p>0 | `${number}${CssUnits}` | `${number}x` | `--${string}`  | `var($string})` | `${number}%`</p>\n     * <br/>\n     * <p>Because there is a theme default value for maxWidth, when setting the width property to achieve a fixed width,\n     * set the maxWidth property to the same value.</p>\n     */\n    width?: Size;\n\n    /**\n     * Callback invoked when the user selects a color in the Palette. This callback is called even when the previous\n     * value and the value are the same, that is, when the user selects an already selected color.\n     * The app needs to handle this to write back the controlled 'value' property, or else no color will be shown\n     * to be selected.\n     */\n    onCommit: (detail: ValueUpdateDetail<ColorValue>) => void;\n  };\n\n/**\n * A ColorPicker is a component that allows users to select a single color.\n */\nexport const ColorPicker = forwardRef(\n  (\n    { swatchSize = 'xs', palette, height, maxWidth, value, testId, width, onCommit }: Props,\n    pickerRef?: ForwardedRef<HTMLDivElement>\n  ) => {\n    // we need to render the baseTheme on the root dom element so that the CSS vars in colorPickerPropVars will be defined.\n    const { classes } = useComponentTheme(ColorPickerRedwoodTheme);\n\n    const testIdProps = useTestId(testId);\n\n    return (\n      <div ref={pickerRef} class={classes} {...testIdProps}>\n        <Flex\n          direction=\"column\"\n          height={\n            height === 'auto' ? undefined : isMobile() ? undefined : colorPickerPropVars.maxHeight\n          }\n          maxWidth={\n            maxWidth !== undefined ? maxWidth : isMobile() ? '100%' : colorPickerPropVars.maxWidth\n          }\n          width={width !== undefined ? width : colorPickerPropVars.width}>\n          <ColorPalette\n            palette={palette}\n            swatchSize={swatchSize}\n            value={value}\n            testId={testId ? testId + '_picker' : undefined}\n            onCommit={onCommit}></ColorPalette>\n        </Flex>\n      </div>\n    );\n  }\n);\n"],"names":["ColorPicker","forwardRef","swatchSize","palette","height","maxWidth","value","testId","width","onCommit","pickerRef","classes","useComponentTheme","ColorPickerRedwoodTheme","testIdProps","useTestId","_jsx","jsx","ref","class","children","Flex","direction","isMobile","undefined","colorPickerPropVars","maxHeight","ColorPalette"],"mappings":"4UAkEa,MAAAA,EAAcC,EAAAA,YACzB,EACIC,aAAa,KAAMC,UAASC,SAAQC,WAAUC,QAAOC,SAAQC,QAAOC,YACtEC,KAGA,MAAMC,QAAEA,GAAYC,EAAiBA,kBAACC,EAAuBA,yBAEvDC,EAAcC,YAAUR,GAE9B,OACES,EAAKC,IAAA,MAAA,CAAAC,IAAKR,EAAWS,MAAOR,KAAaG,EACvCM,SAAAJ,EAAAC,IAACI,EAAIA,KAAA,CACHC,UAAU,SACVlB,OACa,SAAXA,GAAgCmB,EAAAA,gBAAZC,EAAqCC,sBAAoBC,UAE/ErB,cACemB,IAAbnB,EAAyBA,EAAWkB,EAAAA,WAAa,OAASE,EAAAA,oBAAoBpB,SAEhFG,WAAiBgB,IAAVhB,EAAsBA,EAAQiB,sBAAoBjB,MAAKY,SAC9DJ,EAAAA,IAACW,EAAAA,aACC,CAAAxB,QAASA,EACTD,WAAYA,EACZI,MAAOA,EACPC,OAAQA,EAASA,EAAS,eAAYiB,EACtCf,SAAUA,OAGhB"}

package/amd/ColorSwatch-57d78771.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './BareButton-7b68bbbf', './IconButton-232d63fc', './useToggleAction-59741954', './useTooltip-75a63697', './useHover-8b8a1496', './mergeProps-bcfa6a92', './useComponentTheme-5aa41a8f', './LayerHost-daf96749', './useColorScheme-3022ec9a', './classNames-08d99695', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './useActive-bb5dc069', './clientHints-6d361eaa', './UNSAFE_ColorSwatch/themes/redwood/ColorSwatchTheme', './buttonUtils-cbbb0130', './swatchData-ef8329c2', './resources/nls/en/bundle', './CheckboxCrossed-5a1e4f21'], (function(e,s,t,o,a,l,i,r,n,c,d,h,u,p,b,v,m,g,S,C,x,w,f,y,T,N){"use strict";const j=()=>s.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 48 48",preserveAspectRatio:"none",width:"100%",height:"100%",children:s.jsx("path",{"stroke-width":"2","vector-effect":"non-scaling-stroke",d:"M0 0L48 48"})}),D=a.forwardRef((({size:e="sm",isSelected:a=!1,isButton:u=!1,onToggle:v,isDisabled:m=!1,isTooltipDisabled:g=!1,testId:S,value:D,...A},H)=>{const B="events"===x.getClientHints().hoverSupport,k=D,F=k&&k.length,P=F?k?.toLocaleLowerCase():D,E=!!F&&"transparent"===P,I=!(!D||!F)&&y.isEightDigitHex(D),L=T.default.vis_stateSelected(),U=T.default.labelNone(),V=T.default.accColorSwatch(),{globalEventProps:_,ariaProps:{"aria-label":z,"aria-hidden":R,"aria-roledescription":G,...M}}=f.processGlobals(A),{hoverProps:q,isHover:J}=c.useHover({isDisabled:!B}),{activeProps:K,isActive:O}=C.useActive({isDisabled:m}),Q=o.useCallback((e=>"transparent"===e?.toLowerCase()?U:y.parseColorValue(e)),[U]),[W,X]=o.useState(z||(Q(D)+a?" "+L:"")),Y=p.useColorScheme(),{classes:Z,styles:{alphaHalfStyles:$,swatchStyles:ee,buttonStyles:se,noFillStyles:te,noFillDisabledStyles:oe,noFillHoverStyles:ae,smallButtonContainerStyles:le}}=h.useComponentTheme(w.ColorSwatchRedwoodTheme,{size:e,selected:a?"isSelected":"notSelected",active:O?"isActive":"notActive",disabled:m?"isDisabled":"notDisabled",hover:J?"isHover":"notHover",noFill:E?"isNoFill":"notNoFill",hasValue:F?"hasValue":"notHasValue",button:u?"isButton":"notButton",colorScheme:Y});o.useEffect((()=>{z||X((a?L+" ":"")+Q(D))}),[a,D,Q,L,z]);const{triggerProps:ie}=r.useToggleAction({onToggle:v}),{tooltipContent:re,tooltipProps:ne}=n.useTooltip({text:W,isDisabled:m||g}),ce=()=>F?s.jsx("div",{className:b.classNames([le,u&&se,!u&&ee]),style:E||m||I?{}:{backgroundColor:D},children:E?s.jsx("div",{className:m?oe:te,children:s.jsx(j,{})}):I?s.jsxs(t.Fragment,{children:[s.jsx("div",{className:$,style:m?{}:{backgroundColor:y.getSixDigitHex(D)}}),s.jsx("div",{className:$,style:m?{}:{backgroundColor:D}})]}):void 0}):s.jsx("div",{className:b.classNames([!u&&ee,m?oe:ae]),children:s.jsx(N.SvgCheckboxCrossed,{})});return u?s.jsx(i.IconButton,{"aria-label":W,"aria-roledescription":G??V,...M,isDisabled:m,ref:H,size:"sm",testId:S,variant:"ghost",onAction:()=>v?.({value:a}),children:ce()}):s.jsxs(t.Fragment,{children:[s.jsx(l.BareButton,{ref:H,elementDetails:{type:"div"},...d.mergeProps(ie,_,q,K,_,ne),testId:S,isDisabled:m,"aria-label":W,"aria-roledescription":G??V,...M,classNames:Z,onAction:()=>v?.({value:a}),children:ce()}),re]})}));D.displayName="ColorSwatch",e.ColorSwatch=D}));
+//# sourceMappingURL=ColorSwatch-57d78771.js.map

package/amd/ColorSwatch-57d78771.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatch-57d78771.js","sources":["../../src/UNSAFE_ColorSwatch/NoFill.tsx","../../src/UNSAFE_ColorSwatch/ColorSwatch.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\n/**\n * The NoFill image\n */\nexport const NoFill = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 48 48\"\n    preserveAspectRatio=\"none\"\n    width=\"100%\"\n    height=\"100%\">\n    <path stroke-width=\"2\" vector-effect=\"non-scaling-stroke\" d=\"M0 0L48 48\" />\n  </svg>\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 { Fragment, Ref } from 'preact';\nimport { useEffect, useState, useCallback } from 'preact/hooks';\nimport { forwardRef, ElementRef } from 'preact/compat';\n\nimport { BareButton } from '../UNSAFE_BareButton';\nimport { IconButton } from '../UNSAFE_IconButton';\nimport { useToggleAction, ToggleDetail } from '../hooks/UNSAFE_useToggleAction';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { useActive } from '../hooks/UNSAFE_useActive';\nimport { useColorScheme } from '../hooks/UNSAFE_useColorScheme';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ColorSwatchVariantOptions } from './themes/ColorSwatchStyles.css';\nimport { ColorSwatchRedwoodTheme } from './themes/redwood/ColorSwatchTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { NoFill } from './NoFill';\nimport { processGlobals } from '../utils/UNSAFE_buttonUtils';\nimport type { ButtonIntrinsicProps, ButtonIntrinsicAriaProps } from '../utils/UNSAFE_buttonUtils';\nimport {\n  parseColorValue,\n  type ColorValue,\n  isEightDigitHex,\n  getSixDigitHex\n} from '../utils/UNSAFE_color';\nimport translations from '#resources/nls/en/bundle';\nimport { CheckboxCrossed } from '#PRIVATE_Icons/CheckboxCrossed';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\ntype SwatchHandle = ElementRef<typeof BareButton>;\n\nexport type ColorSwatchProps = Partial<ButtonIntrinsicProps> &\n  Partial<ButtonIntrinsicAriaProps> &\n  TestIdProps & {\n    /**\n     * color of the swatch\n     */\n    value?: ColorValue;\n\n    /**\n     * The size indicates how large the color swatch is rendered.\n     */\n    size?: 'xs' | 'sm';\n\n    /**\n     * Specifies if the color swatch is selected\n     */\n    isSelected?: boolean;\n\n    /**\n     * Specifies if the color swatch has role = button.  By default, the color swatch is used in a\n     * palette whereby it is not a button, but just a color swatch inside a grid cell.  However,\n     * it can be used as a stand-alone button, in which case this property should be set to true.  For\n     * example, inside inputColor, the color swatch is a button.\n     */\n    isButton?: boolean;\n\n    /**\n     * Specifies if the color swatch is disabled\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies if the color swatch tooltip is disabled\n     */\n    isTooltipDisabled?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of isSelected property should be updated\n     */\n    onToggle?: (details: ToggleDetail) => void;\n  };\n\n/**\n * ColorSwatches render a color, showing focus, hover, and selection variations.\n */\nexport const ColorSwatch = forwardRef(\n  (\n    {\n      size = 'sm',\n      isSelected = false,\n      isButton = false,\n      onToggle,\n      isDisabled = false,\n      isTooltipDisabled = false,\n      testId,\n      value,\n      ...props\n    }: ColorSwatchProps,\n    ref: Ref<SwatchHandle>\n  ) => {\n    const clientHints = getClientHints();\n    const isHybrid = clientHints.hoverSupport === 'events';\n    const valueText = value as string;\n    const hasValue = valueText && valueText.length;\n    const lowerValueText = hasValue ? valueText?.toLocaleLowerCase() : value;\n    const isNoFill = hasValue ? lowerValueText === 'transparent' : false;\n    const hasAlpha = value && hasValue ? isEightDigitHex(value) : false;\n    // const isSmallButton = isButton && size === 'xs'; // if used as xs button, the icon is 20x20, while the target size is 24x24\n\n    const selectedTranslated = translations.vis_stateSelected();\n    const noneTranslated = translations.labelNone();\n    const colorSwatchTranslated = translations.accColorSwatch();\n\n    const {\n      globalEventProps,\n      ariaProps: {\n        'aria-label': ariaLabel,\n        'aria-hidden': ariaHidden,\n        'aria-roledescription': ariaRoleDescription,\n        ...swatchAriaProps\n      }\n    } = processGlobals(props);\n    const { hoverProps, isHover } = useHover({ isDisabled: !isHybrid });\n    const { activeProps, isActive } = useActive({ isDisabled: isDisabled });\n\n    // Cope with rgb or palette colors or illegal colors\n    const getHexValue = useCallback(\n      (raw?: string) => {\n        if (raw?.toLowerCase() === 'transparent') {\n          return noneTranslated;\n        }\n        return parseColorValue(raw);\n      },\n      [noneTranslated]\n    );\n\n    const [accessibleLabel, setAccessibleLabel] = useState<string>(\n      ariaLabel\n        ? ariaLabel\n        : getHexValue(value as string) + isSelected\n        ? ' ' + selectedTranslated\n        : ''\n    );\n\n    const colorScheme = useColorScheme();\n\n    const {\n      classes,\n      styles: {\n        alphaHalfStyles,\n        swatchStyles,\n        buttonStyles,\n        noFillStyles,\n        noFillDisabledStyles,\n        noFillHoverStyles,\n        smallButtonContainerStyles\n      }\n    } = useComponentTheme<ColorSwatchVariantOptions>(ColorSwatchRedwoodTheme, {\n      size: size,\n      selected: isSelected ? 'isSelected' : 'notSelected',\n      active: isActive ? 'isActive' : 'notActive',\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      hover: isHover ? 'isHover' : 'notHover',\n      noFill: isNoFill ? 'isNoFill' : 'notNoFill',\n      hasValue: hasValue ? 'hasValue' : 'notHasValue',\n      button: isButton ? 'isButton' : 'notButton',\n      colorScheme\n    });\n\n    useEffect(() => {\n      if (!ariaLabel) {\n        setAccessibleLabel(\n          (isSelected ? selectedTranslated + ' ' : '') + getHexValue(value as string)\n        );\n      }\n    }, [isSelected, value, getHexValue, selectedTranslated, ariaLabel]);\n\n    const { triggerProps } = useToggleAction({\n      onToggle: onToggle\n    });\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: accessibleLabel,\n      isDisabled: isDisabled || isTooltipDisabled\n    });\n\n    const elementDetails = {\n      type: 'div' as const\n    };\n\n    const splitSwatch = () => {\n      return (\n        <Fragment>\n          <div\n            className={alphaHalfStyles}\n            style={isDisabled ? {} : { backgroundColor: getSixDigitHex(value!) as string }}\n          />\n          <div\n            className={alphaHalfStyles}\n            style={isDisabled ? {} : { backgroundColor: value as string }}\n          />\n        </Fragment>\n      );\n    };\n    const noFill = () => {\n      return (\n        <div className={isDisabled ? noFillDisabledStyles : noFillStyles}>\n          <NoFill />\n        </div>\n      );\n    };\n\n    const valueSwatch = () => {\n      return (\n        <div\n          className={classNames([\n            smallButtonContainerStyles,\n            isButton && buttonStyles,\n            !isButton && swatchStyles\n          ])}\n          style={isNoFill || isDisabled || hasAlpha ? {} : { backgroundColor: value as string }}>\n          {isNoFill ? noFill() : hasAlpha ? splitSwatch() : undefined}\n        </div>\n      );\n    };\n\n    const noValueSwatch = () => {\n      return (\n        <div\n          className={classNames([\n            !isButton && swatchStyles,\n            isDisabled ? noFillDisabledStyles : noFillHoverStyles\n          ])}>\n          <CheckboxCrossed />\n        </div>\n      );\n    };\n\n    const swatchContents = () => {\n      return hasValue ? valueSwatch() : noValueSwatch();\n    };\n\n    const buttonContents = () => {\n      return (\n        <IconButton\n          aria-label={accessibleLabel}\n          aria-roledescription={ariaRoleDescription ?? colorSwatchTranslated}\n          {...swatchAriaProps}\n          isDisabled={isDisabled}\n          ref={ref}\n          size=\"sm\"\n          testId={testId}\n          variant=\"ghost\"\n          onAction={() => onToggle?.({ value: isSelected })}>\n          {swatchContents()}\n        </IconButton>\n      );\n    };\n\n    return isButton ? (\n      buttonContents()\n    ) : (\n      <Fragment>\n        <BareButton\n          ref={ref}\n          elementDetails={elementDetails}\n          {...mergeProps(\n            triggerProps,\n            globalEventProps,\n            hoverProps,\n            activeProps,\n            globalEventProps,\n            tooltipProps\n          )}\n          testId={testId}\n          isDisabled={isDisabled}\n          aria-label={accessibleLabel}\n          aria-roledescription={ariaRoleDescription ?? colorSwatchTranslated}\n          {...swatchAriaProps}\n          classNames={classes}\n          onAction={() => onToggle?.({ value: isSelected })}>\n          {swatchContents()}\n        </BareButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nColorSwatch.displayName = 'ColorSwatch';\n"],"names":["NoFill","_jsx","xmlns","viewBox","preserveAspectRatio","width","height","d","ColorSwatch","forwardRef","size","isSelected","isButton","onToggle","isDisabled","isTooltipDisabled","testId","value","props","ref","isHybrid","getClientHints","hoverSupport","valueText","hasValue","length","lowerValueText","toLocaleLowerCase","isNoFill","hasAlpha","isEightDigitHex","selectedTranslated","translations","vis_stateSelected","noneTranslated","labelNone","colorSwatchTranslated","accColorSwatch","globalEventProps","ariaProps","ariaLabel","ariaHidden","ariaRoleDescription","swatchAriaProps","processGlobals","hoverProps","isHover","useHover","activeProps","isActive","useActive","getHexValue","useCallback","raw","toLowerCase","parseColorValue","accessibleLabel","setAccessibleLabel","useState","colorScheme","useColorScheme","classes","styles","alphaHalfStyles","swatchStyles","buttonStyles","noFillStyles","noFillDisabledStyles","noFillHoverStyles","smallButtonContainerStyles","useComponentTheme","ColorSwatchRedwoodTheme","selected","active","disabled","hover","noFill","button","useEffect","triggerProps","useToggleAction","tooltipContent","tooltipProps","useTooltip","text","swatchContents","className","classNames","style","backgroundColor","children","jsx","_jsxs","Fragment","getSixDigitHex","undefined","CheckboxCrossed","SvgCheckboxCrossed","IconButton","variant","onAction","BareButton","elementDetails","type","mergeProps","displayName"],"mappings":"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"}

package/amd/ComboChart-f3876b51.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './utils-8ccd1b88', './chartUtils-d0a5aa01', './LineSeries-53e65053', './dataStyleUtils-9895ff76', './useUser-12ec03f1', './colorUtils-7aaca9f1', './accUtils-acd70e81', './themeContract.css-2e4b066d', './BarGroup-c171e6cb', './Chart-061335fe'], (function(e,t,i,a,r,s,n,o,l,d,c,h){"use strict";function g({width:e,height:l,selectedIds:g=[],hiddenIds:I=[],highlightedIds:x,hideAndShowBehavior:m="none",orientation:u="vertical",yAxis:y,series:S,groups:f,isStacked:A=!1,getDataItem:C,selectionMode:v="none",drilling:b="off",dataItemGaps:T=.5,dataLabelEffect:D="outline",...L}){const{direction:k,forcedColors:R}=n.useUser(),j="active"===R,M=S.filter((e=>"bar"===e.type)),U="rtl"===k,B="log"===y?.scale,P=L.xAxis?.timeAxisType,W=new Set(I),E=new Set(g),G=new Set(x),w="horizontal"===u,z=o.getColorRamp();let F=i.getSeriesData(S.length,f.length,C,W,B);const H=(e,t)=>A?{...C(e,t),value:F[e][t]}:C(e,t),N="number"==typeof L.y2Axis?.split,O=i.getMarkers(),q=[],{hasBar:V,hasCenteredSeries:Y,hasUncenteredSeries:Z,hasArea:J}=S.reduce(((e,t)=>({hasArea:e.hasArea||"area"===t.type||"lineWithArea"===t.type,hasBar:e.hasBar||"bar"===t.type,hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasBar:!1,hasCenteredSeries:!1,hasUncenteredSeries:!1,hasArea:!1});return t.jsx(h.Chart,{width:e,height:l,selectedIds:E,hiddenIds:I,hideAndShowBehavior:m,orientation:u,yAxis:y,series:S,defaultOverviewContentRenderer:()=>t.jsx(p,{groups:f,series:S,getDataItem:C}),groups:f,selectionMode:v,drilling:b,isStacked:A,getDataItem:C,findNearest:(e,t,a)=>i.findNearestDataPoint(S,f,e,t,H,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),B,0,W,P,a),getDataItemPos:(e,t,i,r,s,n)=>{const o=V?c.getBarPosition(M,f,C,e,t,i,W,T,r,s,n,"log"===y?.scale,A,U,w,N,P):void 0;return(i,r)=>"bar"===S[i].type?o?o(i,r):void 0:a.getLineAreaChartItemPosition(i,r,F,C,f,w,e,t,P)},getMarkerInfo:(e,t)=>({color:s.getItemColor(e,t,S,C),markerType:s.getMarkerType(e,t,C)}),renderGridLinesInFront:J,getNavUtil:(e,t)=>s.getLineAreaChartNavUtil(C,S.length,e,t,A,U,w),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(Y,Z,w,e,V),isRtl:U,...L,children:({xStartIndex:e,xEndIndex:s,xScale:n,groupsInfo:o,yScale:l,y2Scale:h,activeId:g,focusedItemInfo:p,hoveredItemInfo:I,isPointInsideMarquee:m,getTextDimensions:f,defaultFontSize:k,axisStepWidth:R,averageGroupZ:V,getItemAriaLabel:Y,plotAreaClipPathId:Z})=>{let J=-1;const K=o.map((({item:e})=>e));return F=i.getSeriesData(S.length,K.length,C,W,B),t.jsx(t.Fragment,{children:F.map(((o,Q)=>{const X=S[Q],$="y2"===X.associatedYAxis,_="lineWithArea"===X.type?.2:1,ee="area"===X.type||"lineWithArea"===X.type,te="area"===X.type;if(0===o.length)return;const ie=i.getLineAreaSegments($?h:l,n,o,e,s,B,K,Q,H,P);q[Q]=ie[0];const ae="bar"!==X.type?"curved"===X.lineType&&A&&F.length>1&&Q>0:A&&F.length>1&&Q>0,re=void 0===x||0===G.size||G.has(X.id),se=A&&0!=Q?q.reduce(((e,t,i)=>i>=Q?e:t.length>0?i:e),0):void 0;return"bar"===X.type&&(J+=1),t.jsxs(t.Fragment,{children:["bar"===X.type&&K.slice(e,s+1).map(((a,r)=>t.jsx(c.BarGroup,{plotAreaClipPathId:Z,yScale:l,y2Scale:h,xScale:n,splitDualY:N,groupIndex:r+e,selectedIds:E,hiddenIds:W,highlightedIds:x?G:x,isDrillEnabled:"on"===b,series:M,barGapRatio:i.getBarGapRatio(A,e,s),dataItemGaps:T,isPointInsideMarquee:m,isStacked:A,axisStepWidth:R,averageGroupZ:V,group:K[r],timeAxisType:L.xAxis?.timeAxisType,colors:z,activeId:g,isLog:"log"===y?.scale,orientation:u,getDataItem:C,isSelectionEnabled:"none"!=v,isRtl:U,focusedItemInfo:p,hoveredItemInfo:I,getTextDimensions:f,defaultFontSize:k,seriesIndex:J,getItemAriaLabel:Y}))),ee&&t.jsx(a.AreaSeries,{yScale:$?h:l,plotAreaClipPathId:Z,lineType:X.lineType,color:X.areaColor||z[Q%z.length],isHorizontal:w,areaColorOpacity:_,isBottomSegmentCurved:ae,bottomCoords:void 0!==se&&q[se].some((e=>null!=e))?q[se]:void 0,lineSegments:ie,isLog:B,isHighlighted:re,seriesIndex:Q,groupWidth:R,isRtl:U,timeAxisType:P}),"line"===X.type&&t.jsx(r.LineSeries,{plotAreaClipPathId:Z,lineType:X.lineType,lineColor:te?d.colorSchemeVars.dvt.contrastLine:X.lineColor,lineWidth:te?1.25:X.lineWidth,lineStyle:X.lineStyle||"solid",color:X.lineColor||z[Q%z.length],lineSegmentCoords:ie,isHorizontal:w,isHighlighted:re,seriesIndex:Q,groupWidth:R,isRtl:U,timeAxisType:P}),!A&&("line"===X.type||ee)&&t.jsx(r.MarkersWithLabel,{yScale:$?h:l,xScale:n,groups:K,series:X,timeAxisType:P,color:z[Q%z.length],seriesIndex:Q,startIndex:e,endIndex:s,markerType:O[Q%O.length],orientation:u,isLog:B,activeId:g,getDataItem:C,isPointInsideMarquee:m,selectedIds:E,focusedItemIndex:p.seriesIndex!==Q||!p.isFocusVisible||L.isDataCursorEnabled&&L.dataCursorStyle?.isMarkerDisplayed?void 0:p.groupIndex,hoveredItemIndex:I?.isCurrent&&I.seriesIndex===Q?I.groupIndex:void 0,isSelectionEnabled:"single"===v||"multiple"===v,isDrillEnabled:"on"===b,defaultFontSize:k,dataLabelEffect:D,isHighContrast:j,getItemAriaLabel:Y})]})}))})}})}function p(e){return t.jsx(g,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}e.ComboChart=g}));
+//# sourceMappingURL=ComboChart-f3876b51.js.map