@oracle/oraclejet-preact 18.0.10 → 18.0.12

package/amd/LabelValueLayout-2883514d.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './Flex-56ecdf4c', './FormContext-5130e198', './useFormContext-30acdd33', './FormFieldContext-3c44aaaa', './useFormFieldContext-8196183c', './size-a75b3f13', 'css!./LabelValueLayoutStyles.styles.css', './useComponentTheme-5aa41a8f', './UNSAFE_TextField/themes/redwood/TextFieldTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './UNSAFE_TextField/themes/redwood/FormLayoutTheme', './UNSAFE_Checkbox/themes/redwood/CheckboxTheme'], (function(e,t,l,a,o,s,r,n,_,d,y,u,i,b,m,S){"use strict";var c="LabelValueLayoutStyles_labelInnerStyles_base__z3rxc55",h="LabelValueLayoutStyles_labelInnerStyles_start__z3rxc56",x="LabelValueLayoutStyles_labelInnerStyles_startNotPureReadonly__z3rxc57",L="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopRadioSetUA__z3rxc58",p="LabelValueLayoutStyles_labelInnerStyles_insideRadioSet__z3rxc59",T="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopCheckboxSetUA__z3rxc5a",F="LabelValueLayoutStyles_labelInnerStyles_insideCheckboxSet__z3rxc5b",C="LabelValueLayoutStyles_labelInnerStyles_startWithNoTopFormComponentWrapperUA__z3rxc5c",V="LabelValueLayoutStyles_labelInnerStyles_insideFormComponentWrapper__z3rxc5d",z="LabelValueLayoutStyles_labelInnerStyles_noWrap__z3rxc5e",w="LabelValueLayoutStyles_labelSlotStyles_base__z3rxc50",R="LabelValueLayoutStyles_labelSlotStyles_start__z3rxc51",N="LabelValueLayoutStyles_labelSlotStyles_top__z3rxc52",W="LabelValueLayoutStyles_labelSlotStyles_topAndTopUA__z3rxc53",A="LabelValueLayoutStyles_labelSlotStyles_topPureReadonly__z3rxc54";e.LabelValueLayout=({label:e,labelEdge:o,children:r,labelStartWidth:d="33%",parentComponentVariant:I="textField",hasTopUserAssistance:U=!1})=>{const{baseTheme:f}=y.useComponentTheme(u.TextFieldRedwoodTheme),{baseTheme:k}=y.useComponentTheme(i.RadioRedwoodTheme),{baseTheme:E}=y.useComponentTheme(S.CheckboxRedwoodTheme),{baseTheme:j}=y.useComponentTheme(b.LabelRedwoodTheme),{baseTheme:v}=y.useComponentTheme(m.FormLayoutRedwoodTheme),g=I.startsWith("text"),B="radioSet"===I,P="checkboxSet"===I,$="formComponentWrapper"===I,q="start"===o,D="top"===o||"inside"===o,G="inside"===o,H=_.sizeToCSS(d),J=`calc(100% - ${H})`,K=q?{flexBasis:H,width:H,maxWidth:H}:{},M=q?{flexBasis:J,width:J,maxWidth:J}:{},{isFormLayout:O,isReadonly:Q,labelWrapping:X}=s.useFormContext(),{isReadonly:Y}=n.useFormFieldContext(),Z=O&&Q||!O&&Y,ee=l.classNames([v,w,q&&R,D&&N,D&&U&&W,D&&Z&&A]),te=l.classNames([g&&f,B&&k,P&&E,(B||P||$)&&j,v,c,q&&h,g&&q&&!Z&&x,B&&G&&p,P&&G&&F,$&&G&&V,B&&q&&!U&&L,P&&q&&!U&&T,$&&q&&!Z&&!U&&C,"truncate"===X&&z]);return t.jsxs(a.Flex,{wrap:"wrap",align:Y&&q?"stretch":"start",children:[t.jsx("div",{class:ee,style:K,children:t.jsx("div",{class:te,children:e})}),t.jsx("div",{class:"LabelValueLayoutStyles_valueSlotStyles__z3rxc5f",style:M,children:r})]})}}));
+//# sourceMappingURL=LabelValueLayout-2883514d.js.map

package/amd/LabelValueLayout-2883514d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelValueLayout-2883514d.js","sources":["../../src/UNSAFE_LabelValueLayout/LabelValueLayout.tsx"],"sourcesContent":["import { classNames } from '../utils/UNSAFE_classNames';\nimport { ComponentChildren, JSX } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { sizeToCSS, Size } from '../utils/UNSAFE_size';\nimport { labelSlotStyles, labelInnerStyles, valueSlotStyles } from './LabelValueLayoutStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { TextFieldRedwoodTheme } from '../UNSAFE_TextField/themes/redwood/TextFieldTheme';\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';\n\ntype TextFieldProps = {\n  /**\n   * Defines how the label is going to be positioned. For a TextField only the start and top values are allowed.\n   */\n  labelEdge?: 'start' | 'top';\n  parentComponentVariant?: 'textField' | 'textArea';\n};\ntype CheckboxRadioSetProps = {\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  parentComponentVariant: 'radioSet' | 'checkboxSet';\n};\ntype FormComponentWrapperProps = {\n  /**\n   * The start, top and inside values are supported for a wrapped component.\n   */\n  labelEdge?: 'start' | 'top' | 'inside';\n  parentComponentVariant: 'formComponentWrapper';\n};\n\ntype Props = (TextFieldProps | CheckboxRadioSetProps | FormComponentWrapperProps) & {\n  /**\n   * Label content of the layout\n   */\n  label?: ComponentChildren;\n\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  hasTopUserAssistance?: boolean;\n};\n\nexport const LabelValueLayout = ({\n  label,\n  labelEdge,\n  children,\n  labelStartWidth = '33%',\n  parentComponentVariant = 'textField',\n  hasTopUserAssistance = false\n}: Props) => {\n  const { baseTheme: textFieldTheme } = useComponentTheme(TextFieldRedwoodTheme);\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 isTextField = parentComponentVariant.startsWith('text');\n  const isRadio = parentComponentVariant === 'radioSet';\n  const isCheckbox = parentComponentVariant === 'checkboxSet';\n  const isFormComponentWrapper = parentComponentVariant === 'formComponentWrapper';\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  const width = sizeToCSS(labelStartWidth);\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    isTextField && textFieldTheme,\n    isRadio && radioTheme,\n    isCheckbox && checkboxTheme,\n    (isRadio || isCheckbox || isFormComponentWrapper) && labelTheme,\n    formLayoutTheme,\n    labelInnerStyles.base,\n    isStart && labelInnerStyles.start,\n    isTextField && isStart && !isPureReadonly && labelInnerStyles.startNotPureReadonly,\n    isRadio && isInside && labelInnerStyles.insideRadioSet,\n    isCheckbox && isInside && labelInnerStyles.insideCheckboxSet,\n    isFormComponentWrapper && isInside && labelInnerStyles.insideFormComponentWrapper,\n    isRadio && isStart && !hasTopUserAssistance && labelInnerStyles.startWithNoTopRadioSetUA,\n    isCheckbox && isStart && !hasTopUserAssistance && labelInnerStyles.startWithNoTopCheckboxSetUA,\n    isFormComponentWrapper &&\n      isStart &&\n      !isPureReadonly &&\n      !hasTopUserAssistance &&\n      labelInnerStyles.startWithNoTopFormComponentWrapperUA,\n    labelWrapping === 'truncate' && labelInnerStyles.noWrap\n  ]);\n\n  return (\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    <Flex wrap=\"wrap\" align={isReadonly && isStart ? 'stretch' : 'start'}>\n      <div class={labelStyleClasses} style={labelStyles}>\n        <div class={labelInnerClasses}>{label}</div>\n      </div>\n      <div class={valueSlotStyles} style={valueStyles}>\n        {children}\n      </div>\n    </Flex>\n  );\n};\n"],"names":["label","labelEdge","children","labelStartWidth","parentComponentVariant","hasTopUserAssistance","baseTheme","textFieldTheme","useComponentTheme","TextFieldRedwoodTheme","radioTheme","RadioRedwoodTheme","checkboxTheme","CheckboxRedwoodTheme","labelTheme","LabelRedwoodTheme","formLayoutTheme","FormLayoutRedwoodTheme","isTextField","startsWith","isRadio","isCheckbox","isFormComponentWrapper","isStart","isTop","isInside","width","sizeToCSS","valueWidth","labelStyles","flexBasis","maxWidth","valueStyles","isFormLayout","isReadonly","isFormReadonly","labelWrapping","useFormContext","useFormFieldContext","isPureReadonly","labelStyleClasses","classNames","labelSlotStyles","labelInnerClasses","labelInnerStyles","_jsxs","jsxs","Flex","wrap","align","_jsx","jsx","class","style"],"mappings":"4lDAsDgC,EAC9BA,QACAC,YACAC,WACAC,kBAAkB,MAClBC,yBAAyB,YACzBC,wBAAuB,MAEvB,MAAQC,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAqBA,wBACrEH,UAAWI,GAAeF,EAAiBA,kBAACG,EAAiBA,oBAC7DL,UAAWM,GAAkBJ,EAAiBA,kBAACK,EAAoBA,uBACnEP,UAAWQ,GAAeN,EAAiBA,kBAACO,EAAiBA,oBAC7DT,UAAWU,GAAoBR,EAAiBA,kBAACS,EAAsBA,wBAEzEC,EAAcd,EAAuBe,WAAW,QAChDC,EAAqC,aAA3BhB,EACViB,EAAwC,gBAA3BjB,EACbkB,EAAoD,yBAA3BlB,EACzBmB,EAAwB,UAAdtB,EACVuB,EAAsB,QAAdvB,GAAqC,WAAdA,EAC/BwB,EAAyB,WAAdxB,EACXyB,EAAQC,YAAUxB,GAClByB,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,GAAoBC,EAAAA,WAAW,CACnCzB,EACA0B,EACAnB,GAAWmB,EACXlB,GAASkB,EACTlB,GAASnB,GAAwBqC,EACjClB,GAASe,GAAkBG,IAGvBC,GAAoBF,EAAAA,WAAW,CACnCvB,GAAeX,EACfa,GAAWV,EACXW,GAAcT,GACbQ,GAAWC,GAAcC,IAA2BR,EACrDE,EACA4B,EACArB,GAAWqB,EACX1B,GAAeK,IAAYgB,GAAkBK,EAC7CxB,GAAWK,GAAYmB,EACvBvB,GAAcI,GAAYmB,EAC1BtB,GAA0BG,GAAYmB,EACtCxB,GAAWG,IAAYlB,GAAwBuC,EAC/CvB,GAAcE,IAAYlB,GAAwBuC,EAClDtB,GACEC,IACCgB,IACAlC,GACDuC,EACgB,aAAlBR,GAAgCQ,IAGlC,OAGEC,EAACC,KAAAC,EAAIA,MAACC,KAAK,OAAOC,MAAOf,GAAcX,EAAU,UAAY,QAC3DrB,SAAA,CAAAgD,EAAAC,IAAA,MAAA,CAAKC,MAAOZ,GAAmBa,MAAOxB,EACpC3B,SAAAgD,EAAAC,IAAA,MAAA,CAAKC,MAAOT,GAAoBzC,SAAAF,MAElCkD,MAAA,MAAA,CAAKE,wDAAwBC,MAAOrB,WACjC9B,MAGL"}

package/amd/LineAreaChart-fe8b8f0f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './layoutUtils-c2938c54', './chartUtils-ed1b8cf4', './useChartDnd-947ed9e4', './LineSeries-a549e727', './dataStyleUtils-7ba616b8', './useUser-85c781ea', './colorUtils-a785c4c4', './accUtils-530bdb90', './Common/themes/themeContract.css', './Chart-25d4c94f'], (function(e,t,i,n,s,r,o,a,l,d,g,c){"use strict";function h(e){return t.jsx(u,{datatip:()=>({content:""}),zoomAndScroll:"off",overview:"off",plotArea:{yMajorTick:{isRendered:!1}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},type:e.type})}const I=.2,x=.2;function u({width:e,height:d,selectedIds:u=[],hiddenIds:m=[],highlightedIds:f,hideAndShowBehavior:p="none",orientation:v="vertical",yAxis:S,series:y,groups:C,isStacked:A=!1,getDataItem:b,selectionMode:D="none",drilling:L="off",type:T="line",overview:k="off",dataLabelEffect:M="outline",...j}){const{direction:w,forcedColors:E}=a.useUser(),U="active"===E,F=void 0!==j.testId,R="rtl"===w,z="log"===S?.scale,W=j.xAxis?.timeAxisType,H=new Set(m),P=new Set(u),N=new Set(f),q="horizontal"===v,B=l.getColorRamp(),V=A?s.getCumulativeSeries(y.length,C.length,b,H,z):s.getSeriesData(y?.length,C?.length,b,H,z),G=(e,t)=>A?{...b(e,t),value:V[e][t]}:b(e,t),O=s.getMarkers(),J="lineWithArea"===T?x:1,K="area"===T||"lineWithArea"===T,Q="area"===T,X=[];return t.jsx(c.Chart,{width:e,height:d,selectedIds:P,hiddenIds:m,hideAndShowBehavior:p,orientation:v,yAxis:S,series:y,groups:C,selectionMode:D,drilling:L,isStacked:A,getDataItem:b,findNearest:(e,t)=>i.findNearestDataPoint(y,C,e,t,G,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),z,0,H,W),getDataItemPos:(e,t)=>(i,s)=>n.getLineAreaChartItemPosition(i,s,V,b,C,q,e,t,W),getMarkerInfo:(e,t)=>({color:o.getItemColor(e,t,y,b),type:o.getMarkerType(e,t,b)}),renderGridLinesInFront:K,getNavUtil:(e,t)=>o.getLineAreaChartNavUtil(b,y.length,e,t,A,R,q),getGapRatio:()=>1,offset:I,isRtl:R,overview:k,defaultOverviewContentRenderer:()=>t.jsx(h,{series:y,groups:C,getDataItem:b,type:T}),...j,children:({xStartIndex:e,xEndIndex:i,xScale:o,yScale:a,activeId:l,focusedItemInfo:d,hoveredItemInfo:c,isPointInsideMarquee:h,defaultFontSize:I,getTextDimensions:x})=>t.jsxs(t.Fragment,{children:[V.map(((u,m)=>{if(0===u.length)return;const p=y[m],S=s.getLineAreaSegments(a,o,u,e,i,q,z,C,m,G,W);X[m]=S[0];const T="curved"===p.lineType&&A&&V.length>1&&m>0,k=void 0===f||0===f.length||N.has(p.id),w=A&&0!=m?X.reduce(((e,t,i)=>i>=m?e:t.length>0?i:e),0):void 0;return t.jsxs(t.Fragment,{children:[K&&t.jsx(n.AreaSeries,{yScale:a,lineType:p.lineType,color:p.areaColor||B[m%B.length],isHorizontal:q,areaColorOpacity:J,isBottomSegmentCurved:T,bottomCoords:void 0!==w&&X[w].some((e=>null!=e))?X[w]:void 0,lineSegments:S,isLog:z,isHighlighted:k,seriesIndex:m}),t.jsx(r.LineSeries,{lineType:p.lineType,lineColor:Q?g.colorSchemeVars.dvt.contrastLine:p.lineColor,lineWidth:Q?A?2.5:1.25:p.lineWidth,lineStyle:p.lineStyle,color:p.lineColor||B[m%B.length],lineSegmentCoords:S,isHorizontal:q,isHighlighted:k,seriesIndex:m}),!A&&t.jsx(r.MarkersWithLabel,{yScale:a,xScale:o,groups:C,series:p,timeAxisType:W,color:p.lineColor||p.areaColor||B[m%B.length],seriesIndex:m,startIndex:e,endIndex:i,markerType:O[m%O.length],orientation:v,isLog:z,activeId:l,getDataItem:b,isPointInsideMarquee:h,selectedIds:P,highlightedIds:void 0!==f?N:void 0,focusedItemIndex:d.seriesIndex!==m||!d.isFocusVisible||j.isDataCursorEnabled&&j.dataCursorStyle?.isMarkerDisplayed?void 0:d.groupIndex,hoveredItemIndex:c?.isCurrent&&c.seriesIndex===m?c.groupIndex:void 0,isSelectionEnabled:"single"===D||"multiple"===D,isDrillEnabled:"on"===L,defaultFontSize:I,dataLabelEffect:M,isHighContrast:U,isTestEnv:F,getTextDimensions:x})]})})),A&&V.map(((n,s)=>{if(0===n.length)return;const g=y[s];return t.jsx(r.MarkersWithLabel,{yScale:a,series:y[s],xScale:o,groups:C,timeAxisType:W,color:g.lineColor||g.areaColor||B[s%B.length],seriesIndex:s,isPointInsideMarquee:h,startIndex:e,endIndex:i,markerType:O[s%O.length],orientation:v,isLog:z,activeId:l,getDataItem:G,selectedIds:P,focusedItemIndex:d.seriesIndex===s&&d.isFocusVisible?d.groupIndex:void 0,hoveredItemIndex:c?.isCurrent&&c.seriesIndex===s?c.groupIndex:void 0,isSelectionEnabled:"single"===D||"multiple"===D,isDrillEnabled:"on"===L,defaultFontSize:I,dataLabelEffect:M,isHighContrast:U,isTestEnv:F,getTextDimensions:x})}))]})})}e.LineAreaChart=u}));
+//# sourceMappingURL=LineAreaChart-fe8b8f0f.js.map

package/amd/LineAreaChart-fe8b8f0f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineAreaChart-fe8b8f0f.js","sources":["../../src/UNSAFE_LineAreaChart/OverviewLineWithAreaChart.tsx","../../src/UNSAFE_LineAreaChart/LineAreaChart.tsx"],"sourcesContent":["import { LineAreaChart } from './LineAreaChart';\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\n\nexport function OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D>\n) {\n  return (\n    <LineAreaChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      overview=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      type={props.type}\n    />\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '#Common/themes/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { OverviewLineAreaChart } from './OverviewLineWithAreaChart';\n\nconst AXIS_OFFSET = 0.2;\nconst LINE_WITH_AREA_OPACITY = 0.2;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport function LineAreaChart<K extends string | number, D extends LineAreaItem<K>>({\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  series,\n  groups,\n  isStacked = false,\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  type = 'line',\n  overview = 'off',\n  dataLabelEffect = 'outline',\n  ...props\n}: LineAreaChartProps<K, D>) {\n  const { direction, forcedColors } = useUser();\n  const isHighContrast = forcedColors === 'active';\n  const isTestEnv = props.testId !== undefined;\n  const isRtl = direction === 'rtl';\n  const isLog = yAxis?.scale === 'log';\n  const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n  const hiddenSet = new Set(hiddenIds);\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n  const isHoriz = orientation === 'horizontal';\n  const colors = getColorRamp();\n  const renderedSeries = isStacked\n    ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n    : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n  const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n    if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n    return {\n      ...getDataItem(seriesIndex, groupIndex),\n      value: renderedSeries[seriesIndex][groupIndex]\n    } as D;\n  };\n\n  const getGapRatio = () => {\n    return 1;\n  };\n\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    // TODO: JET-71332\n    //@ts-ignore\n    return getLineAreaChartNavUtil<D>(\n      getDataItem,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n  };\n\n  const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n    return (seriesIndex: number, groupIndex: number) => {\n      return getLineAreaChartItemPosition(\n        seriesIndex,\n        groupIndex,\n        renderedSeries,\n        getDataItem,\n        groups,\n        isHoriz,\n        xScale,\n        yScale,\n        timeAxisType\n      );\n    };\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n    };\n  };\n\n  const findNearest = (xScale: Scale, yScale: Scale) => {\n    const getSeriesDataInfo = () => {\n      return {\n        offset: 0,\n        dataWidth: 0\n      };\n    };\n\n    const getYCoord = (value: number, yScale: Scale) => {\n      return yScale.transform(value);\n    };\n\n    return findNearestDataPoint<K, D>(\n      series,\n      groups,\n      xScale,\n      yScale,\n      renderedGetDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getYCoord,\n      isLog,\n      0,\n      hiddenSet,\n      timeAxisType\n    );\n  };\n  const markers = getMarkers();\n  const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n  const isAreaRendered = type === 'area' || type === 'lineWithArea';\n  const isContrastLineNeeded = type === 'area';\n  const allLineSegmentCoords: Point[][] = [];\n  return (\n    <Chart\n      width={width}\n      height={height}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      yAxis={yAxis}\n      series={series}\n      groups={groups}\n      selectionMode={selectionMode}\n      drilling={drilling}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getMarkerInfo={getMarkerColorAndType}\n      renderGridLinesInFront={isAreaRendered}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      offset={AXIS_OFFSET}\n      isRtl={isRtl}\n      overview={overview}\n      defaultOverviewContentRenderer={() => {\n        return (\n          <OverviewLineAreaChart\n            series={series}\n            groups={groups}\n            getDataItem={getDataItem}\n            type={type}\n          />\n        );\n      }}\n      {...props}>\n      {({\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        isPointInsideMarquee,\n        defaultFontSize,\n        getTextDimensions\n      }) => {\n        return (\n          <>\n            {renderedSeries.map((lineAreaSeries, index) => {\n              if (lineAreaSeries.length === 0) {\n                /* TODO: need a better way to handle when a series is hidden. */\n                return;\n              }\n              const seriesItem = series[index];\n              const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                yScale,\n                xScale,\n                lineAreaSeries,\n                xStartIndex,\n                xEndIndex,\n                isHoriz,\n                isLog,\n                groups,\n                index,\n                renderedGetDataItem,\n                timeAxisType\n              );\n              allLineSegmentCoords[index] = lineSegmentCoords[0];\n              const isBottomSegmentCurved =\n                seriesItem.lineType === 'curved' &&\n                isStacked &&\n                renderedSeries.length > 1 &&\n                index > 0;\n\n              const isHighlighted =\n                highlightedIds === undefined ||\n                highlightedIds.length === 0 ||\n                highlightedSet.has(seriesItem.id);\n\n              const prevCoords =\n                isStacked && index != 0\n                  ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                  : undefined;\n\n              return (\n                <>\n                  {isAreaRendered && (\n                    <AreaSeries\n                      yScale={yScale}\n                      lineType={seriesItem.lineType}\n                      color={seriesItem.areaColor || colors[index % colors.length]}\n                      isHorizontal={isHoriz}\n                      areaColorOpacity={areaOpacity}\n                      isBottomSegmentCurved={isBottomSegmentCurved}\n                      bottomCoords={\n                        prevCoords !== undefined &&\n                        allLineSegmentCoords[prevCoords].some((value) => value != null)\n                          ? allLineSegmentCoords[prevCoords]\n                          : undefined\n                      }\n                      lineSegments={lineSegmentCoords}\n                      isLog={isLog}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                    />\n                  )}\n                  <LineSeries\n                    lineType={seriesItem.lineType}\n                    /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                    lineColor={\n                      isContrastLineNeeded ? colorSchemeVars.dvt.contrastLine : seriesItem.lineColor\n                    }\n                    /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                    lineWidth={\n                      isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                    }\n                    lineStyle={seriesItem.lineStyle}\n                    color={seriesItem.lineColor || colors[index % colors.length]}\n                    lineSegmentCoords={lineSegmentCoords}\n                    isHorizontal={isHoriz}\n                    isHighlighted={isHighlighted}\n                    seriesIndex={index}\n                  />\n                  {\n                    /*for non stacked charts, markers should render in the order of series.\n                     some markers might get hidden behind area but this preserves the legacy behavior. */\n                    !isStacked && (\n                      <MarkersWithLabel\n                        yScale={yScale}\n                        xScale={xScale}\n                        groups={groups}\n                        series={seriesItem}\n                        timeAxisType={timeAxisType}\n                        color={\n                          seriesItem.lineColor ||\n                          seriesItem.areaColor ||\n                          colors[\n                            index % colors.length\n                          ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                        }\n                        seriesIndex={index}\n                        startIndex={xStartIndex}\n                        endIndex={xEndIndex}\n                        markerType={markers[index % markers.length]}\n                        orientation={orientation}\n                        isLog={isLog}\n                        activeId={activeId}\n                        getDataItem={getDataItem}\n                        isPointInsideMarquee={isPointInsideMarquee}\n                        selectedIds={selectedSet}\n                        highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n                        focusedItemIndex={\n                          focusedItemInfo.seriesIndex === index &&\n                          focusedItemInfo.isFocusVisible &&\n                          !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n                            ? focusedItemInfo.groupIndex\n                            : undefined\n                        }\n                        hoveredItemIndex={\n                          hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                            ? hoveredItemInfo.groupIndex\n                            : undefined\n                        }\n                        isSelectionEnabled={\n                          selectionMode === 'single' || selectionMode === 'multiple'\n                        }\n                        isDrillEnabled={drilling === 'on'}\n                        defaultFontSize={defaultFontSize}\n                        dataLabelEffect={dataLabelEffect}\n                        isHighContrast={isHighContrast}\n                        isTestEnv={isTestEnv}\n                        getTextDimensions={getTextDimensions}\n                      />\n                    )\n                  }\n                </>\n              );\n            })}\n            {isStacked &&\n              renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden.*/\n                  return;\n                }\n                const seriesItem = series[index];\n                return (\n                  <MarkersWithLabel\n                    yScale={yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={groups}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={renderedGetDataItem}\n                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    getTextDimensions={getTextDimensions}\n                  />\n                );\n              })}\n          </>\n        );\n      }}\n    </Chart>\n  );\n}\n"],"names":["OverviewLineAreaChart","props","_jsx","jsx","LineAreaChart","datatip","content","zoomAndScroll","overview","plotArea","yMajorTick","isRendered","xAxis","tickLabel","autoRotate","timeAxisType","series","groups","getDataItem","yAxis","type","AXIS_OFFSET","LINE_WITH_AREA_OPACITY","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","isStacked","selectionMode","drilling","dataLabelEffect","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","Chart","findNearest","xScale","yScale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","defaultOverviewContentRenderer","children","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","_jsxs","jsxs","_Fragment","Fragment","map","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","lineType","isHighlighted","has","id","prevCoords","reduce","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled"],"mappings":"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"}

package/amd/Link-129f599f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './usePressClick-b5bf4243', './useComponentTheme-5aa41a8f', './useInteractionStyle-76a64325', './UNSAFE_Link/themes/redwood/LinkTheme', './TabbableModeContext-a9c97640', './useTabbableMode-dc440317', './useTestId-3a316499'], (function(e,s,a,t,n,o,r,i,d,l){"use strict";const b=()=>{};e.Link=function({href:e,variant:i,placement:c="standalone",target:u,testId:p,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,children:T,onClick:h,isDisabled:H}){const{interactionProps:f,applyPseudoHoverStyle:k,applyHoverStyle:P}=o.useInteractionStyle(),{classes:C}=n.useComponentTheme(r.LinkRedwoodTheme,{needsEventsHover:P?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:k?"isPseudoHover":"notPseudoHover",variant:i,placement:c,disabled:H?"isDisabled":"notDisabled"}),{isTabbable:I}=d.useTabbableMode(),x=a.classNames([C]),{pressProps:N}=t.usePressClick(h??b),S=l.useTestId(p);return s.jsx("a",{tabIndex:I&&!H?0:-1,href:H?void 0:e,"aria-describedby":v,"aria-label":m,"aria-labelledby":y,target:u,...!H&&N,...f,...S,class:x,children:T})}}));
+//# sourceMappingURL=Link-129f599f.js.map

package/amd/Link-129f599f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-129f599f.js","sources":["../../src/UNSAFE_Link/Link.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';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePressClick } from '#hooks/UNSAFE_usePressClick';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LinkVariantOptions } from './themes/LinkStyles.css';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { LinkRedwoodTheme } from './themes/redwood/LinkTheme';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\ntype Props = {\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href: string;\n\n  /**\n   * Sets the variant. The default value of this property is theme driven.\n   */\n  variant?: 'standard' | 'primary' | 'secondary';\n\n  /**\n   * Sets the placement.\n   */\n  placement?: 'standalone' | 'embedded';\n\n  /**\n   * Sets the target.\n   */\n  target?: string;\n\n  /**\n   * Specifies id for element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  'aria-label'?: string;\n\n  /**\n   * One or more ids (separated by spaces) of elements that label the Link.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Triggered when a link is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onClick?: (event: Event) => void;\n\n  /**\n   * Specifies the children\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Specifies that the link element should be disabled.\n   */\n  isDisabled?: boolean;\n} & TestIdProps;\n\nconst noop = () => {};\n/**\n * Link component creates a hyperlink.\n */\nexport function Link({\n  href,\n  variant,\n  placement = 'standalone',\n  target,\n  testId,\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': accessibleLabel,\n  'aria-labelledby': ariaLabelledBy,\n  children,\n  onClick,\n  isDisabled\n}: Props) {\n  const { interactionProps, applyPseudoHoverStyle, applyHoverStyle } = useInteractionStyle();\n  const { classes } = useComponentTheme<LinkVariantOptions>(LinkRedwoodTheme, {\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    variant,\n    placement,\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled'\n  });\n  const { isTabbable } = useTabbableMode();\n  const linkClasses = classNames([classes]);\n  const { pressProps } = usePressClick(onClick ?? noop);\n  const testIdProps = useTestId(testId);\n  return (\n    <a\n      tabIndex={isTabbable && !isDisabled ? 0 : -1}\n      href={!isDisabled ? href : undefined}\n      aria-describedby={ariaDescribedBy}\n      aria-label={accessibleLabel}\n      aria-labelledby={ariaLabelledBy}\n      target={target}\n      {...(!isDisabled && pressProps)}\n      {...interactionProps}\n      {...testIdProps}\n      class={linkClasses}>\n      {children}\n    </a>\n  );\n}\n"],"names":["noop","href","variant","placement","target","testId","ariaDescribedBy","accessibleLabel","ariaLabelledBy","children","onClick","isDisabled","interactionProps","applyPseudoHoverStyle","applyHoverStyle","useInteractionStyle","classes","useComponentTheme","LinkRedwoodTheme","needsEventsHover","pseudoHover","disabled","isTabbable","useTabbableMode","linkClasses","classNames","pressProps","usePressClick","testIdProps","useTestId","_jsx","tabIndex","undefined","class"],"mappings":"qUAoEA,MAAMA,EAAO,cAIG,UAAKC,KACnBA,EAAIC,QACJA,EAAOC,UACPA,EAAY,aAAYC,OACxBA,EAAMC,OACNA,EACA,mBAAoBC,EACpB,aAAcC,EACd,kBAAmBC,EAAcC,SACjCA,EAAQC,QACRA,EAAOC,WACPA,IAEA,MAAMC,iBAAEA,EAAgBC,sBAAEA,EAAqBC,gBAAEA,GAAoBC,EAAmBA,uBAClFC,QAAEA,GAAYC,EAAiBA,kBAAqBC,mBAAkB,CAC1EC,iBAAkBL,EAAkB,qBAAuB,sBAC3DM,YAAaP,EAAwB,gBAAkB,iBACvDX,UACAC,YACAkB,SAAUV,EAAa,aAAe,iBAElCW,WAAEA,GAAeC,EAAAA,kBACjBC,EAAcC,EAAAA,WAAW,CAACT,KAC1BU,WAAEA,GAAeC,EAAaA,cAACjB,GAAWV,GAC1C4B,EAAcC,YAAUxB,GAC9B,OACEyB,EAAAA,IACE,IAAA,CAAAC,SAAUT,IAAeX,EAAa,GAAK,EAC3CV,KAAOU,OAAoBqB,EAAP/B,EAAgB,mBAClBK,EAAe,aACrBC,EAAe,kBACVC,EACjBJ,OAAQA,MACFO,GAAce,KAChBd,KACAgB,EACJK,MAAOT,EACNf,SAAAA,GAGP"}

package/amd/LinkVariants.styles.css

@@ -9,11 +9,12 @@
   --textColorActive__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3 {
+  align-items: center;
   -webkit-text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
           text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
   min-height: 24px;
   min-width: 24px;
-  display: inline-block;
+  display: inline-flex;
   font-weight: var(--standaloneFontWeight__1w21kyl2);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__18dr6fk3:active {

package/amd/LinkVariants.styles2.css

@@ -9,11 +9,12 @@
   --textColorActive__1w21kyl7: var(--oj-c-EXPERIMENTAL-DO-NOT-USE-text-icon-secondary);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3 {
+  align-items: center;
   -webkit-text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
           text-decoration-line: var(--standaloneTextDecoration__1w21kyl0);
   min-height: 24px;
   min-width: 24px;
-  display: inline-block;
+  display: inline-flex;
   font-weight: var(--standaloneFontWeight__1w21kyl2);
 }
 .LinkVariants_multiVariantStyles_placement_standalone__1gbyfwi3:active {

package/amd/List-04c4fed0.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './classNames-08d99695', './mergeProps-bcfa6a92', './keys-4755c121', './LoadMoreCollection-a6adbc3f', './VirtualizedCollection-63223f5e', 'preact/compat', './TabbableModeContext-a9c97640', './useId-c9578d26', './FocusTrap-60520575', './useInteractionStyle-76a64325', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './PRIVATE_List/themes/ListStyles.css', './collectionUtils-17f5cc64', './Skeleton-5839404b', './Flex-56ecdf4c', './Selector-2b0c34a7', './ImageVars.css-17386400', './useTheme-ac980f9a', './useTestId-3a316499', './CollectionInteractionContext-0b4ed98b', './useCollectionInteractionContext-f345e8f7', './useSelection-f0c7d74d', './useDropDownSelection-c946783d', './useCurrentKey-31c18053', './useCollectionFocusRing-66a6fc12', './useItemAction-821d1b6e', './useTabbableModeSet-dc176f1d', './useReorderableContext-a5453bd7', './Inset-a34e9c57', 'module'], (function(e,t,n,i,s,r,o,l,a,c,d,u,g,f,m,b,y,p,v,h,x,S,k,C,I,w,K,P,T,R,V,j,A,E){"use strict";const F=e=>{switch(e){case"listbox":return{list:"listbox",item:"presentation",cell:"option"};case"treegrid":return{list:"treegrid",item:"row",cell:"gridcell"};default:return{list:"grid",item:"row",cell:"gridcell"}}},M="[data-oj-key]";function L({children:e,context:s,itemDepth:r,isFocused:o,isFocusRingVisible:l,isActive:a,isGridlineVisible:y,isSelected:p,isTopGridlineVisible:v=!1,isTabbable:h=!1,role:x,selectionMode:S,suggestion:k,currentItemVariant:C,padding:I}){const w=n.useRef(null),K=n.useMemo((()=>F(x)),[x]),P=s.metadata.key,T=s.index,R="option"===K.cell?{role:K.cell,"aria-posinset":T+1,"aria-setsize":-1}:{role:K.cell},{interactionProps:V,applyActiveStyle:j,applyHoverStyle:A,applyPseudoHoverStyle:E}=g.useInteractionStyle(),M=b.listItemMultiVariantStyles({selectable:D(S,p)?"isSelectable":"notSelectable",selected:p?"isSelected":"notSelected",selectedSingle:p&&"single"===S?"isSelectedSingle":"notSelectedSingle",needsEventsHover:A?"isNeedsEventsHover":"notNeedsEventsHover",pseudoHover:E?"isPseudoHover":"notPseudoHover",active:j||a?"isActive":"notActive",focusHighlight:"highlight"===C&&o?"isFocusHighlight":"notFocusHighlight",focusRingVisible:l&&o?"isFocusRingVisible":"notFocusRingVisible",gridlineTop:v?"visible":"hidden",gridlineBottom:!y&&("end"!==k||y||p&&"single"===S)?"hidden":"visible"}),L=[];I&&("enabled"===I?L.push(b.paddingStyles.allPadding):"disabled"!==I&&("enabled"===I.top&&L.push(b.paddingStyles.topItemPadding),"enabled"===I.bottom&&L.push(b.paddingStyles.bottomItemPadding),"enabled"===I.start&&L.push(b.paddingStyles.startItemPadding),"enabled"===I.end&&L.push(b.paddingStyles.endItemPadding)));const H=i.classNames([M,...L]),z=f.mergeInterpolations([...Object.values(m.flexitemInterpolations)]),{class:N,...O}=z({flex:"1 1 auto",alignSelf:"center"}),G=i.classNames([N,"multiple"===S&&b.listItemStyles.checkboxContainer]);return t.jsx("div",{"aria-rowindex":"grid"===x?T+1:void 0,"aria-level":r,"data-oj-key":P,class:H,ref:w,role:K.item,...k&&{"data-oj-suggestion":!0},..."number"==typeof P&&{"data-oj-key-type":"number"},...V,children:t.jsx("div",{id:d.useId(),style:O,class:G,"aria-posinset":"grid"===x?void 0:T+1,"aria-setsize":"grid"===x?void 0:-1,onKeyDown:e=>{!h||"ArrowDown"!==e.key&&"ArrowUp"!==e.key||e.stopPropagation()},"aria-colindex":"grid"===x?1:void 0,"aria-selected":"none"!==S?p:void 0,...R,children:t.jsx(c.TabbableModeContext.Provider,{value:{isTabbable:h},children:t.jsx(u.FocusTrap,{isDisabled:!h,restoreFocusRef:!1,children:e(s)})})})})}const D=(e,t)=>"none"!==e&&("multiple"===e||!t),H=a.memo(L,((e,t)=>!(!e||!t)&&(e.children===t.children&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.isSelected===t.isSelected&&e.isTabbable===t.isTabbable&&e.isActive===t.isActive&&e.suggestion===t.suggestion&&e.isGridlineVisible===t.isGridlineVisible&&e.isTopGridlineVisible===t.isTopGridlineVisible&&e.padding===t.padding&&y.compareListItemContext(e.context,t.context))));function z({children:e,minimumCount:s=1}){const[r,o]=n.useState(!1);n.useEffect((()=>{setTimeout((()=>{o(!0)}),50)}),[]);const l=i.classNames([b.skeletonStyles.container]);return r&&e?t.jsx("div",{class:l,role:"presentation",children:[...Array(s)].map(((t,n)=>e(n)))}):null}const N="oj-collection-sparkle";function O({sparkleHeight:e}){const{name:n}=S.useTheme();if(e<=0)return null;const s=e+"px",r=i.classNames([b.sparkleStyles.base]),o=i.classNames([b.sparkleStyles.container,N,"redwood"===n&&x.globalImages]);return t.jsx("div",{class:o,children:t.jsx("div",{class:r,style:{height:s}})},"sparkle")}const G=(e,t)=>{if(0===t)return null;return e.slice(0,t).reduce(((e,n,i)=>{const s=n.metadata.key;return i===t-1?e.set(s,"end"):e.set(s,!0),e}),new Map)},B=(e,t,n)=>{if(e&&t&&(e.scrollIntoViewIfNeeded?e.scrollIntoViewIfNeeded():e.scrollIntoView({block:"nearest"}),n>0)){const i=t.getBoundingClientRect(),s=e.getBoundingClientRect(),r=i.top+n-s.top;r>0&&(t.scrollTop=t.scrollTop-r)}},_=(e,t)=>{const n=t.data.map((e=>e.metadata.key)),i=n.indexOf(e.value.start),s=n.indexOf(e.value.end),r=Math.min(i,s),o=Math.max(i,s);return-1===r?{offset:0,count:t.totalSize}:n.slice(r,o+1)},U=e=>!(!e.parentElement||!e.parentElement.classList.contains("oj-listview-expander"));const q=(e,t)=>t??{scroller:()=>e.current},Y={all:!1,keys:new Set},$=t.jsx(z,{minimumCount:25,children:()=>t.jsx(A.Inset,{variant:"listview",children:t.jsx(v.Flex,{height:"6x",align:"center",children:t.jsx(p.Skeleton,{height:"4x"})})})}),J=t.jsx("div",{class:o.LOADMORE_STYLE_CLASS,children:t.jsx(z,{minimumCount:3,children:()=>t.jsx(A.Inset,{variant:"listview",children:t.jsx(v.Flex,{height:"6x",align:"center",children:t.jsx(p.Skeleton,{height:"4x"})})})})}),Q=(e,t)=>{if(t){const n=Math.min(t.offset,e.offset+e.totalSize),i=n-e.offset;i>0&&(e={offset:n,data:e.data.slice(i,i+t.count),totalSize:e.totalSize,sizePrecision:e.sizePrecision})}return e};e.List=function({"aria-label":e,"aria-labelledby":a,allowTabbableMode:c=!0,children:d,data:u,gridlines:g,loadingIndicator:f=$,currentItemOverride:m,onPersistCurrentItem:p,onLoadRange:v,onSelectionChange:x,onItemAction:S,rangeExtractor:C,role:A="grid",selectedKeys:E=Y,selectionMode:D="none",viewportConfig:z,currentItemVariant:N,promotedSection:W,isVirtualized:X=!1,customItemRenderer:Z,scrollToVisibleOffset:ee,testId:te,scrollerRef:ne,reorderProps:ie,contextMenuTriggerProps:se,itemPadding:re,...oe}){const le=n.useRef(null),ae=n.useRef(!1),ce=n.useRef(),[de,ue]=n.useState(!1),ge="none"===D?void 0:"multiple"===D,fe=null===u?void 0:"exact"===u.sizePrecision?u.totalSize:-1,me=i.classNames([b.listStyles.base]),be="embedded"===I.useCollectionInteractionContext(),ye=void 0!==N?N:be?"highlight":"none",pe=n.useCallback(((e,t)=>{u&&(ce.current={detail:e,range:{offset:u.offset,count:u.data.length}},v(t))}),[u,v]),ve=n.useRef({offset:0,count:0}),he=n.useCallback((e=>{ae.current&&ve.current.offset===e.offset&&ve.current.count===e.count||(ae.current=!0,ve.current=e,v(e))}),[ae,v]);n.useEffect((()=>{ae.current=!1}),[u]);const{currentKey:xe,onCurrentKeyChange:Se,isCurrentItemOverridden:ke}=((e,t)=>{const[i,s]=n.useState(),r=n.useRef(),o=n.useRef(!1),l=j.useReorderableContext(),a=n.useMemo((()=>e=>{const n=e.value;s({rowKey:n}),t?.(e),null!=l?.currentItemKey&&(l.currentItemKey.current=n)}),[t,l?.currentItemKey]);return r.current!==e&&(r.current=e,i?.rowKey!==e?.rowKey&&(o.current=!0,a({value:e?.rowKey}))),n.useEffect((()=>{o.current=!1})),{currentKey:i?.rowKey,onCurrentKeyChange:a,isCurrentItemOverridden:o.current}})(m,p),{eventProps:Ce,showFocusRing:Ie,handleSelectionChange:we}=((e,t,i="none",o,l,a,c,d,u="grid",g,f,m,b,p)=>{const v=n.useMemo((()=>F(u)),[u]),h=n.useRef(),{currentKeyProps:x}=P.useCurrentKey((e=>y.keyExtractor(e,M)),"multiple"!==i||p,y.getPrevNextKey(f.current,e,!0,M),y.getPrevNextKey(f.current,e,!1,M),void 0,void 0,e,o),[S,k]=T.useCollectionFocusRing(f,["ArrowUp","ArrowDown"]);n.useEffect((()=>{if(null!=e&&f.current){const t=y.findElementByKey(f.current,e,M);if(t){const e=f.current.getAttribute("aria-activedescendant"),n=t.querySelector(`[role=${v.cell}]`);if(n&&e!==n.id){f.current.setAttribute("aria-activedescendant",n.id);const e=f.current?.contains(document.activeElement);if(!b&&e||p){const e=d?.scroller(),n=g?g(f.current):0;B(t,null!=e?e:f.current,n)}}}}}),[e,c,v.cell,d,g,f,b,p]);const C=n.useCallback((e=>{l&&(!1===e.value.all&&e.value.keys.size>0&&(h.current=Array.from(e.value.keys.values()).pop()),l(e))}),[h,l]),I=n.useCallback((e=>{if(c&&l){const n=_(e,c);if(Array.isArray(n))if("shiftSpace"===e.eventType?h.current=e.value.start:h.current=e.value.end,p){const e=r.addKeys(t,n);l({value:e,target:null})}else l({value:{all:!1,keys:new Set(n)},target:null});else m(e,n)}}),[c,p,t,l,m]),{selectionProps:V}=w.useSelection((t=>t===f.current?void 0===e?null:e:y.keyExtractor(t,M)),t,p?"none":i,!1,"replace",C,h.current,e,((e,t)=>y.getPrevNextKey(f.current,e,t,M)),void 0,(e=>{if(f.current){const t=y.findElementByKey(f.current,e,M);if(t){const e=d?.scroller(),n=g?g(f.current):0;B(t,null!=e?e:f.current,n)}}}),I),{dropDownSelectionProps:j}=K.useDropDownSelection((t=>t===f.current?void 0===e?null:e:y.keyExtractor(t,M)),t,p?i:"none",!1,(e=>c?c.data.findIndex((t=>t.metadata.key===e)):-1),((e,t)=>c?c.data.map((e=>e.metadata.key)).slice(e,t):[]),((e,t)=>y.getPrevNextKey(f.current,e,t,M)),e,C,I),A=R.useItemAction(e,c,a,M,p);return{eventProps:s.mergeProps(x,k,V,A,j),showFocusRing:S,handleSelectionChange:C}})(xe,E,D,Se,x,S,u,z,A,ee,le,pe,ke,be),{eventProps:Ke,isCurrentTabbableKey:Pe}=((e,t,i,o,l,a)=>{const c=n.useRef(),d=n.useRef(!0),[u,g]=V.useTabbableModeSet(o,(e=>U(e)?null:y.keyExtractor(e,M)),e,t),f=n.useCallback((()=>{if(o.current&&t&&(!i||u(void 0))){const e=c.current||y.getFirstVisibleKey(o.current,M);r.isKeyDefined(e)&&t({value:e})}}),[o,t,i,u]),m=n.useCallback((n=>{if(U(n.target)){o.current?.focus();const e=y.keyExtractor(n.target,M);t&&r.isKeyDefined(e)&&t({value:e})}else if(r.isKeyDefined(e)){if(o.current){const n=y.findElementByKey(o.current,e,M);if(n){if(d.current){const e=l?.scroller(),t=a?a(o.current):0;B(n,null!=e?e:o.current,t)}d.current=!0}else t&&f()}}else t&&f()}),[e,f,t,a,l,o]),b=n.useCallback((t=>{const n=y.keyExtractor(t.target,M);r.isKeyDefined(n)&&(c.current=n,n!==e&&(d.current=!1))}),[e]);return{eventProps:s.mergeProps(i?g:{},{onFocus:m,onPointerDown:b}),isCurrentTabbableKey:u}})(xe,Se,c,le,z,ee);if(u&&void 0!==ce.current&&x){const e=_(ce.current.detail,u);if(Array.isArray(e))if(be){x({value:r.addKeys(E,e),target:null})}else x({value:{all:!1,keys:new Set(e)},target:null});const t=ce.current?ce.current.range:{offset:u.offset,count:u.data.length};u=Q(u,t),ce.current=void 0,v(t)}const{sparkleHeight:Te,suggestions:Re}=((e,t,i)=>{const[s,r]=n.useState(0),o=n.useMemo((()=>e&&t&&G(e.data,t.count)),[e,t]);return n.useEffect((()=>{if(o){const e=i.current?.querySelector("."+l.PLACEHOLDER_STYLE_CLASS);let t=e?.offsetHeight||0;const n=i.current?.querySelectorAll("[data-oj-suggestion]");n?.forEach((e=>t+=e.offsetHeight)),r(t)}}),[i,o]),{sparkleHeight:s,suggestions:o}})(u,W,le),Ve=t.jsx(O,{sparkleHeight:Te}),je=n.useCallback((e=>{const n=e.data,i="multiple"===D?()=>t.jsx(h.Selector,{onChange:we,rowKey:n.metadata.key,selectedKeys:E}):void 0;return{index:e.index,data:n.data,metadata:n.metadata,selector:i}}),[D,E,we]),Ae=X?L:H,Ee=e=>{const n=je(e),i=Re?.get(n.metadata.key),s=c&&Pe(n.metadata.key),o=xe===n.metadata.key&&!s,l=o&&de,a=r.containsKey(E,n.metadata.key),f=o&&Ie,m=(e,s)=>{return t.jsx(Ae,{context:e,isFocused:o,isFocusRingVisible:f,isActive:l,isGridlineVisible:(r=n.index,"visible"===g?.item&&(r+1!==u?.totalSize||"visible"===g?.bottom)),isSelected:a,isTabbable:c&&Pe(n.metadata.key),role:A,selectionMode:D,currentItemVariant:ye,padding:re,...i&&{suggestion:i},...0===n.index&&{isTopGridlineVisible:"visible"===g?.item&&"visible"===g?.top},...s,children:d},n.metadata.key);var r};if(Z){return Z({listItemContext:n,isFocused:o,isFocusRingVisible:f,isSelected:a,isTabbable:s,isActive:l,defaultListItem:m})}return m(n)};z=q(le,z);const Fe=n.useCallback((e=>{" "===e.key&&r.isKeyDefined(xe)&&"none"!==D&&ue(!0)}),[xe,D,ue]),Me=n.useCallback((()=>{ue(!1)}),[ue]);n.useImperativeHandle(ne,(()=>le.current));const Le=k.useTestId(te);return t.jsx("div",{...s.mergeProps(Ce,Ke,se||{},ie||{},{onKeyDown:Fe,onKeyUp:Me},oe),...Le,role:A,"aria-rowcount":"grid"===A?fe:void 0,"aria-colcount":"grid"===A?1:void 0,ref:le,class:me,tabIndex:0,"aria-label":e,"aria-labelledby":a,"aria-multiselectable":ge,children:null==u?f:X?t.jsx(l.VirtualizedCollection,{data:u,itemSelector:M,loadMoreIndicator:J,onLoadRange:v,rangeExtractor:C,suggestions:Ve,viewportConfig:z,children:Ee}):t.jsx(o.LoadMoreCollection,{data:u.data,loadMoreIndicator:J,hasMore:"atLeast"===u.sizePrecision&&u.data.length<=u.totalSize,onLoadMore:()=>{u&&he({offset:0,count:u.data.length+25})},suggestions:Ve,viewportConfig:z,children:Ee})})},e.SkeletonContainer=z,e.excludeGroup=(e,t)=>{if(!t.all){const n=e.data.filter((e=>!e.metadata.isLeaf)).map((e=>e.metadata.key)),i=Array.from(t.keys.values()).filter((e=>!n.includes(e)));return{...t,keys:new Set(i)}}return t},e.scrollToVisible=B}));
+//# sourceMappingURL=List-04c4fed0.js.map

package/amd/List-04c4fed0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List-04c4fed0.js","sources":["../../src/PRIVATE_List/ListRoles.ts","../../src/PRIVATE_List/ListItem.tsx","../../src/PRIVATE_List/SkeletonContainer.tsx","../../src/PRIVATE_List/Sparkle.tsx","../../src/PRIVATE_List/usePromotedSection.ts","../../src/PRIVATE_List/ListUtils.ts","../../src/PRIVATE_List/useSelectionAndNavigation.ts","../../src/PRIVATE_List/useFocusTabbableMode.ts","../../src/PRIVATE_List/List.tsx","../../src/PRIVATE_List/useCurrentItemOverride.ts"],"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 { Roles } from '../UNSAFE_ListView';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n/**\n * List Roles need to be kept in matching sets, this module encapsulates the sets\n *\n * @param ariaRole\n * @returns matching, valid set of roles\n */\n\nconst getListViewRoles = (\n  ariaRole: Roles\n): {\n  list: HTMLAttributesSignalExcluded['role'];\n  item: HTMLAttributesSignalExcluded['role'];\n  cell: HTMLAttributesSignalExcluded['role'];\n} => {\n  switch (ariaRole) {\n    case 'listbox':\n      return { list: 'listbox', item: 'presentation', cell: 'option' };\n    case 'treegrid':\n      return { list: 'treegrid', item: 'row', cell: 'gridcell' };\n    default:\n      return { list: 'grid', item: 'row', cell: 'gridcell' };\n  }\n};\n\nexport { getListViewRoles };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useRef, useMemo } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { SelectionMode, CurrentItemVariant, ListItemRendererContext } from '../UNSAFE_Collection';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { Roles, ItemPadding } from '../UNSAFE_ListView';\nimport { getListViewRoles } from './ListRoles';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { listItemStyles, listItemMultiVariantStyles, paddingStyles } from './themes/ListStyles.css';\nimport { compareListItemContext } from '../utils/PRIVATE_collectionUtils';\n\nexport const ITEM_SELECTOR = '[data-oj-key]';\n\n/**\n * Props for the ListViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  context: ListItemRendererContext<K, D>;\n  itemDepth?: number;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  isActive: boolean;\n  isGridlineVisible: boolean;\n  isSelected: boolean;\n  isTopGridlineVisible?: boolean;\n  isTabbable?: boolean;\n  role: Roles;\n  selectionMode: SelectionMode;\n  suggestion?: 'end' | true;\n  currentItemVariant?: CurrentItemVariant;\n  padding?: 'enabled' | 'disabled' | ItemPadding;\n};\n\n/**\n * The internal component used to render a single item in ListView.\n */\nexport function ListViewItem<K extends string | number, D>({\n  children,\n  context,\n  itemDepth,\n  isFocused,\n  isFocusRingVisible,\n  isActive,\n  isGridlineVisible,\n  isSelected,\n  isTopGridlineVisible = false,\n  isTabbable = false,\n  role,\n  selectionMode,\n  suggestion,\n  currentItemVariant,\n  padding\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const roles = useMemo(() => getListViewRoles(role), [role]);\n  const itemKey = context.metadata.key;\n  const itemIndex = context.index;\n\n  // some roles come with related aria attributes which need to be set\n  const cellRoleAttributes =\n    roles.cell === 'option'\n      ? {\n          role: roles.cell,\n          'aria-posinset': itemIndex + 1,\n          'aria-setsize': -1\n        }\n      : {\n          role: roles.cell\n        };\n\n  // don't bubble Arrow Up and Down events to parent when in isTabbable mode\n  // this bubbling causes the outer CollectionFocus ring to change index while in the isTabbable mode.\n  const handleKeyDown = (event: KeyboardEvent) => {\n    if (isTabbable && (event.key === 'ArrowDown' || event.key === 'ArrowUp')) {\n      event.stopPropagation();\n    }\n  };\n\n  const { interactionProps, applyActiveStyle, applyHoverStyle, applyPseudoHoverStyle } =\n    useInteractionStyle();\n\n  const variantClasses = listItemMultiVariantStyles({\n    selectable: isSelectable(selectionMode, isSelected) ? 'isSelectable' : 'notSelectable',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    selectedSingle:\n      isSelected && selectionMode === 'single' ? 'isSelectedSingle' : 'notSelectedSingle',\n    needsEventsHover: applyHoverStyle ? 'isNeedsEventsHover' : 'notNeedsEventsHover',\n    pseudoHover: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover',\n    active: applyActiveStyle || isActive ? 'isActive' : 'notActive',\n    focusHighlight:\n      currentItemVariant === 'highlight' && isFocused ? 'isFocusHighlight' : 'notFocusHighlight',\n    focusRingVisible:\n      isFocusRingVisible && isFocused ? 'isFocusRingVisible' : 'notFocusRingVisible',\n    gridlineTop: isTopGridlineVisible ? 'visible' : 'hidden',\n    gridlineBottom:\n      isGridlineVisible ||\n      (suggestion === 'end' && !isGridlineVisible && (!isSelected || selectionMode !== 'single'))\n        ? 'visible'\n        : 'hidden'\n  });\n  const paddingClasses = [];\n  if (padding) {\n    if (padding === 'enabled') {\n      paddingClasses.push(paddingStyles.allPadding);\n    } else if (padding !== 'disabled') {\n      if (padding.top === 'enabled') {\n        paddingClasses.push(paddingStyles.topItemPadding);\n      }\n      if (padding.bottom === 'enabled') {\n        paddingClasses.push(paddingStyles.bottomItemPadding);\n      }\n      if (padding.start === 'enabled') {\n        paddingClasses.push(paddingStyles.startItemPadding);\n      }\n      if (padding.end === 'enabled') {\n        paddingClasses.push(paddingStyles.endItemPadding);\n      }\n    }\n  }\n\n  const classes = classNames([variantClasses, ...paddingClasses]);\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const { class: cls, ...cellStyles } = styleInterpolations({\n    flex: '1 1 auto',\n    alignSelf: 'center'\n  });\n  const cellClasses = classNames([\n    cls,\n    selectionMode === 'multiple' && listItemStyles.checkboxContainer\n  ]);\n\n  // todo: use translated text for selector\n  // note cannot put focus on gridcell div since JAWS will not read the aria-rowindex\n  // correctly, so unfortunately needed another div\n  return (\n    <div\n      aria-rowindex={role === 'grid' ? itemIndex + 1 : undefined}\n      aria-level={itemDepth}\n      data-oj-key={itemKey}\n      class={classes}\n      ref={rootRef}\n      role={roles.item}\n      {...(suggestion && { 'data-oj-suggestion': true })}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}\n      {...interactionProps}>\n      <div\n        id={useId()}\n        style={cellStyles}\n        class={cellClasses}\n        aria-posinset={role === 'grid' ? undefined : itemIndex + 1}\n        aria-setsize={role === 'grid' ? undefined : -1}\n        onKeyDown={handleKeyDown}\n        aria-colindex={role === 'grid' ? 1 : undefined}\n        aria-selected={selectionMode !== 'none' ? isSelected : undefined}\n        {...cellRoleAttributes}>\n        <TabbableModeContext.Provider value={{ isTabbable }}>\n          <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n            {children(context)}\n          </FocusTrap>\n        </TabbableModeContext.Provider>\n      </div>\n    </div>\n  );\n}\n\n/**\n * Helper method to determine whether item is selectable\n * @returns true if item is selectable (show hover effect), false otherwise\n */\nconst isSelectable = (selectionMode: SelectionMode, isItemSelected: boolean) => {\n  return selectionMode !== 'none' && (selectionMode === 'multiple' || !isItemSelected);\n};\n\nexport const MemoizeListViewItem = memo(ListViewItem, (prev: any, next: any) => {\n  if (prev && next) {\n    return (\n      prev.children === next.children &&\n      prev.isFocused === next.isFocused &&\n      prev.isFocusRingVisible === next.isFocusRingVisible &&\n      prev.isSelected === next.isSelected &&\n      prev.isTabbable === next.isTabbable &&\n      prev.isActive === next.isActive &&\n      prev.suggestion === next.suggestion &&\n      prev.isGridlineVisible === next.isGridlineVisible &&\n      prev.isTopGridlineVisible === next.isTopGridlineVisible &&\n      prev.padding === next.padding &&\n      compareListItemContext(prev.context, next.context)\n    );\n  }\n  return false;\n});\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { skeletonStyles } from './themes/ListStyles.css';\n\ntype Props = {\n  /**\n   * Allows to pass and access the properties from child elements\n   **/\n  children?: (index: number) => ComponentChildren;\n  /**\n   * Allows to specify number of skeletons to be rendered on initial load\n   **/\n  minimumCount?: number;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * SkeletonContainer renders 'minimumCount' number of skeletons\n * of the variant specified from its child element - Skeleton's prop after\n * 'timerValue' ms delay\n **/\nexport function SkeletonContainer({ children, minimumCount = 1 }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  const containerClasses = classNames([skeletonStyles.container]);\n  return isVisible && children ? (\n    <div class={containerClasses} role=\"presentation\">\n      {[...Array(minimumCount)].map((_element, index) => children(index))}\n    </div>\n  ) : null;\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { sparkleStyles } from './themes/ListStyles.css';\nimport { useTheme } from '#/hooks/UNSAFE_useTheme';\n\nconst SPARKLE_STYLE_CLASS = 'oj-collection-sparkle';\n\n/**\n * A sparkle component for smart suggestion indicator in ListView\n * @param sparkleHeight the height of sparkle\n */\nexport function Sparkle({ sparkleHeight }: { sparkleHeight: number }) {\n  const { name } = useTheme();\n  if (sparkleHeight <= 0) {\n    return null;\n  }\n\n  const height = sparkleHeight + 'px';\n  const sparkleClasses = classNames([sparkleStyles.base]);\n  const containerClasses = classNames([\n    sparkleStyles.container,\n    SPARKLE_STYLE_CLASS,\n    // TODO: this component should create separate theme definitions to only show the image in redwood\n    name === 'redwood' && globalImages\n  ]);\n\n  return (\n    <div key=\"sparkle\" class={containerClasses}>\n      <div class={sparkleClasses} style={{ height }}></div>\n    </div>\n  );\n}\n","import type { RefObject } from 'preact';\nimport { useState, useEffect, useMemo } from 'preact/hooks';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { PLACEHOLDER_STYLE_CLASS } from '../PRIVATE_VirtualizedCollection';\nimport { Metadata } from '../UNSAFE_Collection';\n\nexport const usePromotedSection = <K extends string | number, D>(\n  data: ListViewProps<K, D>['data'],\n  promotedSection: ListViewProps<K, D>['promotedSection'],\n  rootRef: RefObject<HTMLDivElement>\n) => {\n  // tracking sparkle height\n  const [sparkleHeight, setSparkleHeight] = useState<number>(0);\n\n  const suggestions = useMemo(\n    () => data && promotedSection && findSuggestions(data.data, promotedSection.count),\n    [data, promotedSection]\n  );\n\n  useEffect(() => {\n    // update sparkleHeight only when we have suggestions\n    // avoid unnecessary iterating through elements\n    if (suggestions) {\n      const placeholder = rootRef.current?.querySelector(\n        '.' + PLACEHOLDER_STYLE_CLASS\n      ) as HTMLElement;\n      let height = placeholder?.offsetHeight || 0;\n      const suggestionItems = rootRef.current?.querySelectorAll('[data-oj-suggestion]');\n      suggestionItems?.forEach((item) => (height += (item as HTMLElement).offsetHeight));\n      setSparkleHeight(height);\n    }\n  }, [rootRef, suggestions]);\n\n  return { sparkleHeight, suggestions };\n};\n\n/**\n * A helper function that finds the data with suggestions, and\n * returns the corresponding keys\n * @param dataState\n */\nconst findSuggestions = <K, D>(data: { data: D; metadata: Metadata<K> }[], count: number) => {\n  if (count === 0) {\n    return null;\n  }\n\n  const suggestionsData = data.slice(0, count);\n  return suggestionsData.reduce((suggestions, value, index) => {\n    const key = value.metadata.key;\n\n    if (index === count - 1) {\n      suggestions.set(key, 'end');\n    } else {\n      suggestions.set(key, true);\n    }\n\n    return suggestions;\n  }, new Map<K, 'end' | true>());\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { FlattenedDataState } from '../UNSAFE_Collection';\nimport { Keys } from '../utils/UNSAFE_keys';\n\n/**\n * Helper function to only include keys of leaf items.\n */\nexport const excludeGroup = <K, D>(data: FlattenedDataState<K, D>, keys: Keys<K>) => {\n  if (!keys.all) {\n    const groups = data.data\n      .filter((dataMetadata) => {\n        return !dataMetadata.metadata.isLeaf;\n      })\n      .map((dataMetadata) => {\n        return dataMetadata.metadata.key;\n      });\n    const leafOnly = Array.from(keys.keys.values()).filter((key: K) => {\n      return !groups.includes(key);\n    });\n    return { ...keys, keys: new Set(leafOnly) };\n  }\n  return keys;\n};\n\n/**\n * A helper function to make sure specified elem is visible in the specified container\n */\nexport const scrollToVisible = (elem: Element, scroller: Element, offset: number) => {\n  if (elem && scroller) {\n    if ((elem as any).scrollIntoViewIfNeeded) {\n      // for Safari, we'll need the non-standard scrollIntoViewIfNeeded\n      (elem as any).scrollIntoViewIfNeeded();\n    } else {\n      elem.scrollIntoView({ block: 'nearest' });\n    }\n    if (offset > 0) {\n      const scrollerBounds = scroller.getBoundingClientRect();\n      const elemBounds = elem.getBoundingClientRect();\n      const diff = scrollerBounds.top + offset - elemBounds.top;\n      if (diff > 0) {\n        scroller.scrollTop = scroller.scrollTop - diff;\n      }\n    }\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useEffect, useCallback, useRef, useMemo } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys, addKeys } from '../utils/UNSAFE_keys';\nimport {\n  DataState,\n  Metadata,\n  Range,\n  SelectionDetail,\n  CurrentKeyDetail\n} from '../UNSAFE_Collection';\nimport { getListViewRoles } from './ListRoles';\nimport {\n  SelectionRangeDetail,\n  useSelection,\n  useDropDownSelection\n} from '../hooks/PRIVATE_useSelection';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useItemAction } from '../hooks/PRIVATE_useItemAction';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { getPrevNextKey, findElementByKey, keyExtractor } from '../utils/PRIVATE_collectionUtils';\nimport { ITEM_SELECTOR } from './ListItem';\nimport { scrollToVisible } from './ListUtils';\n\nexport const useSelectionAndNavigation = <K extends string | number, D>(\n  currentKey: K | undefined,\n  selectedKeys: Keys<K>,\n  selectionMode: ListViewProps<K, D>['selectionMode'] = 'none',\n  onCurrentKeyChange: ((detail: CurrentKeyDetail<K>) => void) | undefined,\n  onSelectionChange: ListViewProps<K, D>['onSelectionChange'],\n  onItemAction: ListViewProps<K, D>['onItemAction'],\n  data: ListViewProps<K, D>['data'],\n  viewportConfig: ListViewProps<K, D>['viewportConfig'],\n  role: ListViewProps<K, D>['role'] = 'grid',\n  scrollToVisibleOffset: ListViewProps<K, D>['scrollToVisibleOffset'],\n  rootRef: RefObject<HTMLDivElement>,\n  pendingSelectionCallback: (detail: SelectionRangeDetail<K>, value: Range) => void,\n  isCurrentItemOverridden: boolean,\n  isEmbedded: boolean\n) => {\n  const listRoles = useMemo(() => getListViewRoles(role), [role]);\n\n  // tracking the anchor key which is used for shift+click selection\n  const anchorKey = useRef<K | undefined>();\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) => keyExtractor(element, ITEM_SELECTOR),\n    selectionMode !== 'multiple' || isEmbedded,\n    getPrevNextKey(rootRef.current, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKey(rootRef.current, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(rootRef, ['ArrowUp', 'ArrowDown']);\n\n  useEffect(() => {\n    if (currentKey != null && rootRef.current) {\n      const elem = findElementByKey(rootRef.current, currentKey, ITEM_SELECTOR);\n      if (elem) {\n        const activeDescendant = rootRef.current.getAttribute('aria-activedescendant');\n        const cell = elem.querySelector(`[role=${listRoles.cell}]`);\n        if (cell && activeDescendant !== cell.id) {\n          // update aria-activedescendant for screenreader\n          rootRef.current.setAttribute('aria-activedescendant', cell.id);\n\n          // scroll the current item into view only when the current item is updated internally and listview has focus\n          // or when the collection gesture is 'embedded' if the current item is updated by the app\n          const hasFocus = rootRef.current?.contains(document.activeElement as HTMLElement);\n          if ((!isCurrentItemOverridden && hasFocus) || isEmbedded) {\n            const scroller = viewportConfig?.scroller();\n            const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n            // make sure item is visible\n            scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n          }\n        }\n      }\n    }\n    // listen to data because the current item would re-render when the virtualizer\n    // is fetching data or updating the data, i.e. the id of current item would be updated,\n    // so the currentKey itself couldn't guarantee the root has latest aria-activedescendant\n  }, [\n    currentKey,\n    data,\n    listRoles.cell,\n    viewportConfig,\n    scrollToVisibleOffset,\n    rootRef,\n    isCurrentItemOverridden,\n    isEmbedded\n  ]);\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange) {\n        if (detail.value.all === false && detail.value.keys.size > 0) {\n          // during regular selection, the last key selected by a user gesture is the anchor key\n          anchorKey.current = Array.from(detail.value.keys.values()).pop();\n        }\n        onSelectionChange(detail);\n      }\n    },\n    [anchorKey, onSelectionChange]\n  );\n\n  const handleSelectionRangeChange = useCallback(\n    (detail: SelectionRangeDetail<K>) => {\n      if (data && onSelectionChange) {\n        const value = handleSelectionRange(detail, data);\n        if (Array.isArray(value)) {\n          if (detail.eventType === 'shiftSpace') {\n            // during range selection by shift+space, the first key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.start;\n          } else {\n            // during range selection by shift+click/arrow keys, the last key selected by a user gesture is the anchor key\n            anchorKey.current = detail.value.end;\n          }\n          if (!isEmbedded) {\n            onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n          } else {\n            const keys = addKeys(selectedKeys, value);\n            onSelectionChange({ value: keys, target: null });\n          }\n        } else {\n          pendingSelectionCallback(detail, value);\n        }\n      }\n    },\n    [data, isEmbedded, selectedKeys, onSelectionChange, pendingSelectionCallback]\n  );\n\n  const { selectionProps } = useSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    isEmbedded ? 'none' : selectionMode,\n    false,\n    'replace',\n    handleSelectionChange,\n    anchorKey.current,\n    currentKey,\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    undefined,\n    (key: K) => {\n      if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, key, ITEM_SELECTOR);\n        if (elem) {\n          const scroller = viewportConfig?.scroller();\n          const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n          scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n        }\n      }\n    },\n    handleSelectionRangeChange\n  );\n\n  const { dropDownSelectionProps } = useDropDownSelection(\n    (element: HTMLElement) => {\n      if (element === rootRef.current) {\n        return currentKey === undefined ? null : currentKey;\n      }\n      return keyExtractor(element, ITEM_SELECTOR) as K;\n    },\n    selectedKeys,\n    isEmbedded ? selectionMode : 'none',\n    false,\n    (key: K) => {\n      if (data) {\n        return data.data.findIndex(\n          (value: { data: D; metadata: Metadata<K> }) => value.metadata.key === key\n        );\n      }\n      return -1;\n    },\n    (startIndex: number, endIndex: number) => {\n      if (data) {\n        const keys = data.data.map(\n          (value: { data: D; metadata: Metadata<K> }) => value.metadata.key\n        );\n        return keys.slice(startIndex, endIndex);\n      }\n      return [];\n    },\n    (currentKey: K | undefined, isPrev: boolean) =>\n      getPrevNextKey(rootRef.current, currentKey, isPrev, ITEM_SELECTOR),\n    currentKey,\n    handleSelectionChange,\n    handleSelectionRangeChange\n  );\n\n  const itemActionProps = useItemAction(currentKey, data, onItemAction, ITEM_SELECTOR, isEmbedded);\n\n  return {\n    eventProps: mergeProps(\n      currentKeyProps,\n      focusRingProps,\n      selectionProps,\n      itemActionProps,\n      dropDownSelectionProps\n    ),\n    showFocusRing,\n    handleSelectionChange\n  };\n};\n\nexport const handleSelectionRange = <K, D>(\n  detail: SelectionRangeDetail<K>,\n  dataState: DataState<K, D>\n) => {\n  const keys = dataState.data.map((value: { data: D; metadata: Metadata<K> }) => {\n    return value.metadata.key;\n  });\n  const startIndex = keys.indexOf(detail.value.start);\n  const endIndex = keys.indexOf(detail.value.end);\n  const minIndex = Math.min(startIndex, endIndex);\n  const maxIndex = Math.max(startIndex, endIndex);\n  if (minIndex === -1) {\n    // return a range to fetch so we can find all the keys, maxIndex should not be -1\n    return { offset: 0, count: dataState.totalSize };\n  } else {\n    // range of keys are in the current viewport, return them\n    return keys.slice(minIndex, maxIndex + 1);\n  }\n};\n","import type { RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Props as ListViewProps } from '../UNSAFE_ListView';\nimport { CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { getFirstVisibleKey, keyExtractor } from '../utils/PRIVATE_collectionUtils';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\nimport { ITEM_SELECTOR } from './ListItem';\nimport { useTabbableModeSet } from '../hooks/PRIVATE_useTabbableModeSet';\nimport { findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { scrollToVisible } from './ListUtils';\n\nexport const useFocusTabbableMode = <K extends string | number, D>(\n  currentKey: K | undefined,\n  onCurrentKeyChange: ((detail: CurrentKeyDetail<K>) => void) | undefined,\n  allowTabbableMode: ListViewProps<K, D>['allowTabbableMode'],\n  rootRef: RefObject<HTMLDivElement>,\n  viewportConfig: ListViewProps<K, D>['viewportConfig'],\n  scrollToVisibleOffset: ListViewProps<K, D>['scrollToVisibleOffset']\n) => {\n  const pendingCurrentKey = useRef<K>();\n\n  // ensure current item scroll into view when listview regains focus\n  // unless pendingCurrentKey gets updated to something different than currentKey\n  const focusAndScrollIntoView = useRef(true);\n\n  const [isCurrentTabbableKey, tabbableModeProps] = useTabbableModeSet(\n    rootRef,\n    (element) => {\n      // we don't want List to go into Tabbable mode when user clicks on expander\n      return isExpander(element) ? null : (keyExtractor(element, ITEM_SELECTOR) as K);\n    },\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const handleInitialFocus = useCallback(() => {\n    if (\n      rootRef.current &&\n      onCurrentKeyChange &&\n      (!allowTabbableMode || isCurrentTabbableKey(undefined))\n    ) {\n      const firstKey =\n        pendingCurrentKey.current || (getFirstVisibleKey(rootRef.current, ITEM_SELECTOR) as K);\n      if (isKeyDefined(firstKey)) {\n        onCurrentKeyChange({ value: firstKey });\n      }\n    }\n  }, [rootRef, onCurrentKeyChange, allowTabbableMode, isCurrentTabbableKey]);\n\n  const handleFocus = useCallback(\n    (event: FocusEvent) => {\n      if (isExpander(event.target as HTMLElement)) {\n        rootRef.current?.focus();\n        const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n        if (onCurrentKeyChange && isKeyDefined(key)) {\n          onCurrentKeyChange({ value: key as K });\n        }\n        return;\n      }\n      if (!isKeyDefined(currentKey)) {\n        onCurrentKeyChange && handleInitialFocus();\n      } else if (rootRef.current) {\n        const elem = findElementByKey(rootRef.current, currentKey as K, ITEM_SELECTOR);\n        if (elem) {\n          // if currentKey is defined, make sure scroll the current item into view only when listview regains focus\n          // unless pendingCurrentKey gets updated to something different than currentKey\n          if (focusAndScrollIntoView.current) {\n            const scroller = viewportConfig?.scroller();\n            const offset = scrollToVisibleOffset ? scrollToVisibleOffset(rootRef.current) : 0;\n            scrollToVisible(elem, scroller != null ? scroller : rootRef.current, offset);\n          }\n          focusAndScrollIntoView.current = true;\n        } else {\n          // if elem is not found, meaning the currentKey is not valid, we should pick the first item as current item\n          onCurrentKeyChange && handleInitialFocus();\n        }\n      }\n    },\n    [\n      currentKey,\n      handleInitialFocus,\n      onCurrentKeyChange,\n      scrollToVisibleOffset,\n      viewportConfig,\n      rootRef\n    ]\n  );\n\n  /**\n   * Need to track pointer down element to set currentItem when initial focus happens\n   */\n  const handlePointerDown = useCallback(\n    (event: PointerEvent) => {\n      const key = keyExtractor(event.target as HTMLElement, ITEM_SELECTOR);\n      if (isKeyDefined(key)) {\n        pendingCurrentKey.current = key as K;\n        if (key !== currentKey) {\n          focusAndScrollIntoView.current = false;\n        }\n      }\n    },\n    [currentKey]\n  );\n\n  return {\n    eventProps: mergeProps(allowTabbableMode ? tabbableModeProps : {}, {\n      onFocus: handleFocus,\n      onPointerDown: handlePointerDown\n    }),\n    isCurrentTabbableKey\n  };\n};\n\nconst isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains('oj-listview-expander')) {\n    return true;\n  }\n  return false;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { RefObject } from 'preact';\nimport { useRef, useCallback, useState, useImperativeHandle, useEffect } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { containsKey, Keys, isKeyDefined, addKeys } from '../utils/UNSAFE_keys';\nimport { DataState, ItemContext, ListItemRendererContext, Range } from '../UNSAFE_Collection';\nimport { LoadMoreCollection, LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { VirtualizedCollection } from '../PRIVATE_VirtualizedCollection';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { ListViewItem, ITEM_SELECTOR, MemoizeListViewItem } from './ListItem';\n\nimport { SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { SkeletonContainer } from './SkeletonContainer';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Selector } from '../UNSAFE_Selector';\nimport { Props } from '../UNSAFE_ListView';\nimport { Sparkle } from './Sparkle';\nimport { listStyles } from './themes/ListStyles.css';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useCollectionInteractionContext } from '../hooks/UNSAFE_useCollectionInteractionContext';\nimport { usePromotedSection } from './usePromotedSection';\nimport { useSelectionAndNavigation, handleSelectionRange } from './useSelectionAndNavigation';\nimport { useFocusTabbableMode } from './useFocusTabbableMode';\nimport { useCurrentItemOverride } from './useCurrentItemOverride';\nimport { Inset } from '../UNSAFE_Inset';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/ListBaseTheme.css';\n\n/**\n * Component that renders items as a flat list.\n * In order to maximize performance, only items that are visible in the viewport are rendered.\n */\nexport function List<K extends string | number, D>({\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  allowTabbableMode = true,\n  children,\n  data,\n  gridlines,\n  loadingIndicator = defaultLoadingIndicator,\n  currentItemOverride,\n  onPersistCurrentItem,\n  onLoadRange,\n  onSelectionChange,\n  onItemAction,\n  rangeExtractor,\n  role = 'grid',\n  selectedKeys = emptyKeys as Keys<K>,\n  selectionMode = 'none',\n  viewportConfig,\n  currentItemVariant,\n  promotedSection,\n  isVirtualized = false,\n  customItemRenderer,\n  scrollToVisibleOffset,\n  testId,\n  scrollerRef,\n  reorderProps,\n  contextMenuTriggerProps,\n  itemPadding,\n  ...props\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const isFetching = useRef(false);\n\n  // tracking pending selection key that is not in current data\n  const pendingSelection = useRef<{ detail: SelectionRangeDetail<K>; range: Range }>();\n\n  const [active, setActive] = useState<boolean>(false);\n\n  const showGridline = (index: number) => {\n    // show bottom gridlines for each item, and for the last item if specified\n    return (\n      gridlines?.item === 'visible' &&\n      (index + 1 !== data?.totalSize || gridlines?.bottom === 'visible')\n    );\n  };\n\n  const showGridlineTop = () => {\n    // show the top gridline for the first item\n    return gridlines?.item === 'visible' && gridlines?.top === 'visible';\n  };\n\n  const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n  const ariaRowCount =\n    data === null ? undefined : data.sizePrecision === 'exact' ? data.totalSize : -1;\n\n  const classes = classNames([listStyles.base]);\n\n  const isEmbedded = useCollectionInteractionContext() === 'embedded';\n  const itemVariant =\n    currentItemVariant !== undefined ? currentItemVariant : isEmbedded ? 'highlight' : 'none';\n\n  const pendingSelectionCallback = useCallback(\n    (detail: SelectionRangeDetail<K>, value: Range) => {\n      if (data) {\n        pendingSelection.current = {\n          detail: detail,\n          range: { offset: data.offset, count: data.data.length }\n        };\n        onLoadRange(value);\n      }\n    },\n    [data, onLoadRange]\n  );\n\n  /*****************************************************************************************/\n  /************************************* Load More *****************************************/\n  /*****************************************************************************************/\n\n  const lastRange = useRef({ offset: 0, count: 0 });\n  const handleLoadRange = useCallback(\n    (newRange: { offset: number; count: number }) => {\n      // check isFetching to avoid multiple load more at the same time (details in JET-68994)\n      if (\n        !isFetching.current ||\n        lastRange.current.offset !== newRange.offset ||\n        lastRange.current.count !== newRange.count\n      ) {\n        isFetching.current = true;\n        lastRange.current = newRange;\n        onLoadRange(newRange);\n      }\n    },\n    [isFetching, onLoadRange]\n  );\n\n  useEffect(() => {\n    isFetching.current = false;\n    // listen to data because when one of them gets updated, the fetching is done\n  }, [data]);\n\n  const { currentKey, onCurrentKeyChange, isCurrentItemOverridden } = useCurrentItemOverride(\n    currentItemOverride,\n    onPersistCurrentItem\n  );\n\n  const { eventProps, showFocusRing, handleSelectionChange } = useSelectionAndNavigation(\n    currentKey,\n    selectedKeys,\n    selectionMode,\n    onCurrentKeyChange,\n    onSelectionChange,\n    onItemAction,\n    data,\n    viewportConfig,\n    role,\n    scrollToVisibleOffset,\n    rootRef,\n    pendingSelectionCallback,\n    isCurrentItemOverridden,\n    isEmbedded\n  );\n\n  const { eventProps: focusTabbableProps, isCurrentTabbableKey } = useFocusTabbableMode(\n    currentKey,\n    onCurrentKeyChange,\n    allowTabbableMode,\n    rootRef,\n    viewportConfig,\n    scrollToVisibleOffset\n  );\n\n  if (data && pendingSelection.current !== undefined && onSelectionChange) {\n    const keys = handleSelectionRange(pendingSelection.current.detail, data);\n    if (Array.isArray(keys)) {\n      if (!isEmbedded) {\n        onSelectionChange({ value: { all: false, keys: new Set(keys) }, target: null });\n      } else {\n        const value = addKeys(selectedKeys, keys);\n        onSelectionChange({ value, target: null });\n      }\n    }\n    const range = pendingSelection.current\n      ? pendingSelection.current.range\n      : { offset: data.offset, count: data.data.length };\n    data = adjustDataState(data, range);\n    pendingSelection.current = undefined;\n    onLoadRange(range);\n  }\n\n  const { sparkleHeight, suggestions } = usePromotedSection(data, promotedSection, rootRef);\n\n  // TODO: check suggestions before Sparkle would cause a scrolling issue\n  const sparkleIndicator = <Sparkle sparkleHeight={sparkleHeight}></Sparkle>;\n\n  // Collection generic is of this type\n  type DataStateData = DataState<K, D>['data'][number];\n\n  // returns an ListItemContext based on ItemContext (added metadata and selector)\n  // note the type for ItemContext, this is the context coming from Collection\n  const getItemContext = useCallback(\n    (context: ItemContext<DataStateData>) => {\n      const dataStateData = context.data;\n      const selectorRenderer =\n        selectionMode === 'multiple'\n          ? () => (\n              <Selector\n                onChange={handleSelectionChange}\n                rowKey={dataStateData.metadata.key}\n                selectedKeys={selectedKeys}></Selector>\n            )\n          : undefined;\n\n      return {\n        index: context.index,\n        data: dataStateData.data,\n        metadata: dataStateData.metadata,\n        selector: selectorRenderer\n      };\n    },\n    [selectionMode, selectedKeys, handleSelectionChange]\n  );\n\n  const ItemComponent = isVirtualized ? ListViewItem : MemoizeListViewItem;\n\n  const childrenComponent = (context: ItemContext<DataStateData>) => {\n    const listItemContext = getItemContext(context);\n    const suggestion = suggestions?.get(listItemContext.metadata.key);\n    const isTabbable = allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key);\n    const isFocused = currentKey === listItemContext.metadata.key && !isTabbable;\n    const isActive = isFocused && active;\n    const isSelected = containsKey(selectedKeys, listItemContext.metadata.key);\n    const isFocusRingVisible = isFocused && showFocusRing;\n    const listItemFunc = (ctx: ListItemRendererContext<K, D>, otherProps?: any) => (\n      <ItemComponent\n        key={listItemContext.metadata.key}\n        context={ctx}\n        isFocused={isFocused}\n        isFocusRingVisible={isFocusRingVisible}\n        isActive={isActive}\n        isGridlineVisible={showGridline(listItemContext.index)}\n        isSelected={isSelected}\n        isTabbable={allowTabbableMode && isCurrentTabbableKey(listItemContext.metadata.key)}\n        role={role}\n        selectionMode={selectionMode}\n        currentItemVariant={itemVariant}\n        padding={itemPadding}\n        {...(suggestion && { suggestion })}\n        {...(listItemContext.index === 0 && { isTopGridlineVisible: showGridlineTop() })}\n        {...otherProps}>\n        {children}\n      </ItemComponent>\n    );\n\n    // if customItemRenderer is specified (ExpandableList and GroupedList)\n    // create a custom context with additional info including a function\n    // that helps create the default item component\n    if (customItemRenderer) {\n      const customRendererContext = {\n        listItemContext,\n        isFocused,\n        isFocusRingVisible,\n        isSelected,\n        isTabbable,\n        isActive,\n        defaultListItem: listItemFunc\n      };\n      return customItemRenderer(customRendererContext);\n    }\n    return listItemFunc(listItemContext);\n  };\n\n  viewportConfig = getViewportConfig(rootRef, viewportConfig);\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === ' ' && isKeyDefined(currentKey) && selectionMode !== 'none') {\n        setActive(true);\n      }\n    },\n    [currentKey, selectionMode, setActive]\n  );\n\n  const handleKeyUp = useCallback(() => {\n    setActive(false);\n  }, [setActive]);\n\n  useImperativeHandle(scrollerRef!, () => rootRef.current);\n\n  // if data is not specified, listview should show loading indicator\n  // todo: replace placeholder with actual SkeletonContainer component (Ash is working on)\n  const testIdProps = useTestId(testId);\n  return (\n    <div\n      {...mergeProps(\n        eventProps,\n        focusTabbableProps,\n        contextMenuTriggerProps || {},\n        reorderProps || {},\n        {\n          onKeyDown: handleKeyDown,\n          onKeyUp: handleKeyUp\n        },\n        props\n      )}\n      {...testIdProps}\n      role={role}\n      aria-rowcount={role === 'grid' ? ariaRowCount : undefined}\n      aria-colcount={role === 'grid' ? 1 : undefined}\n      ref={rootRef}\n      class={classes}\n      tabIndex={0}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      aria-multiselectable={ariaMultiSelectable}>\n      {data == null ? (\n        loadingIndicator\n      ) : isVirtualized ? (\n        <VirtualizedCollection\n          data={data}\n          itemSelector={ITEM_SELECTOR}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          onLoadRange={onLoadRange}\n          rangeExtractor={rangeExtractor}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </VirtualizedCollection>\n      ) : (\n        <LoadMoreCollection\n          data={data.data}\n          loadMoreIndicator={defaultLoadMoreIndicator}\n          hasMore={data.sizePrecision === 'atLeast' && data.data.length <= data.totalSize}\n          onLoadMore={() => {\n            data && handleLoadRange({ offset: 0, count: data.data.length + 25 });\n          }}\n          suggestions={sparkleIndicator}\n          viewportConfig={viewportConfig}>\n          {childrenComponent}\n        </LoadMoreCollection>\n      )}\n    </div>\n  );\n}\n\nconst getViewportConfig = (rootRef: RefObject<HTMLElement>, config?: ViewportConfig) => {\n  return (\n    config ?? {\n      scroller: () => {\n        return rootRef.current;\n      }\n    }\n  );\n};\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst defaultLoadingIndicator = (\n  <SkeletonContainer minimumCount={25}>\n    {() => {\n      return (\n        <Inset variant=\"listview\">\n          <Flex height=\"6x\" align=\"center\">\n            <Skeleton height=\"4x\" />\n          </Flex>\n        </Inset>\n      );\n    }}\n  </SkeletonContainer>\n);\n\nconst defaultLoadMoreIndicator = (\n  <div class={LOADMORE_STYLE_CLASS}>\n    <SkeletonContainer minimumCount={3}>\n      {() => {\n        return (\n          <Inset variant=\"listview\">\n            <Flex height=\"6x\" align=\"center\">\n              <Skeleton height=\"4x\" />\n            </Flex>\n          </Inset>\n        );\n      }}\n    </SkeletonContainer>\n  </div>\n);\n\n/**\n * Adjust the DataState as needed if it contains more than needed for the specified range\n */\nconst adjustDataState = <K, D>(dataState: DataState<K, D>, range: Range | null) => {\n  if (range) {\n    // prevent range offset from being larger than the data state\n    const safeRangeOffset = Math.min(range.offset, dataState.offset + dataState.totalSize);\n    const diff = safeRangeOffset - dataState.offset;\n    if (diff > 0) {\n      dataState = {\n        offset: safeRangeOffset,\n        data: dataState.data.slice(diff, diff + range.count),\n        totalSize: dataState.totalSize,\n        sizePrecision: dataState.sizePrecision\n      };\n    }\n  }\n  return dataState;\n};\n","import { useRef, useMemo, useState, useEffect } from 'preact/hooks';\nimport { Props as ListProps } from '../UNSAFE_ListView';\nimport { CurrentKeyDetail, Item } from '../UNSAFE_Collection';\nimport { useReorderableContext } from '../hooks/PRIVATE_useReorderable/useReorderableContext';\n\n/**\n * This hook converts the new API (i.e. currentItemOverride and onPersistCurrentItem) back to\n * the old API (i.e. currentKey and onCurrentKeyChange), keeps the internal current item, and\n * also triggers an update when a new currentItemOverride is passed by the app\n *\n * @param currentItemOverride\n * @param onPersistCurrentItem\n */\nexport const useCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride'],\n  onPersistCurrentItem: ListProps<K, D>['onPersistCurrentItem']\n) => {\n  // the internal state of current item\n  const [currentItem, setCurrentItem] = useState<Item<K>>();\n  // track the currentItemOverride props\n  const currentItemOverrideRef = useRef<Item<K>>();\n  // whether the current item is overridden by the app\n  const isCurrentItemOverridden = useRef(false);\n\n  // if reorder is enabled, need to update the context here when current item is changed\n  const reorderContext = useReorderableContext();\n\n  // intercept onPersistCurrentItem calls to ensure internal state is updated appropriately\n  const handleCurrentItemChanged = useMemo(() => {\n    return (detail: CurrentKeyDetail<K>) => {\n      const rowKey = detail.value;\n      setCurrentItem({ rowKey });\n      onPersistCurrentItem?.(detail);\n      if (reorderContext?.currentItemKey != null) {\n        reorderContext.currentItemKey.current = rowKey;\n      }\n    };\n  }, [onPersistCurrentItem, reorderContext?.currentItemKey]);\n\n  // ensure any new currentItemOverride settings are applied only on that render\n  // (same as how Table handles the changes)\n  if (currentItemOverrideRef.current !== currentItemOverride) {\n    currentItemOverrideRef.current = currentItemOverride;\n    if (currentItem?.rowKey !== currentItemOverride?.rowKey) {\n      isCurrentItemOverridden.current = true;\n      handleCurrentItemChanged({ value: currentItemOverride?.rowKey as K });\n    }\n  }\n\n  useEffect(() => {\n    isCurrentItemOverridden.current = false;\n  });\n\n  return {\n    currentKey: currentItem?.rowKey,\n    onCurrentKeyChange: handleCurrentItemChanged,\n    isCurrentItemOverridden: isCurrentItemOverridden.current\n  };\n};\n"],"names":["getListViewRoles","ariaRole","list","item","cell","ITEM_SELECTOR","ListViewItem","children","context","itemDepth","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isSelected","isTopGridlineVisible","isTabbable","role","selectionMode","suggestion","currentItemVariant","padding","rootRef","useRef","roles","useMemo","itemKey","metadata","key","itemIndex","index","cellRoleAttributes","interactionProps","applyActiveStyle","applyHoverStyle","applyPseudoHoverStyle","useInteractionStyle","variantClasses","listItemMultiVariantStyles","selectable","isSelectable","selected","selectedSingle","needsEventsHover","pseudoHover","active","focusHighlight","focusRingVisible","gridlineTop","gridlineBottom","paddingClasses","push","paddingStyles","allPadding","top","topItemPadding","bottom","bottomItemPadding","start","startItemPadding","end","endItemPadding","classes","classNames","styleInterpolations","mergeInterpolations","Object","values","flexitemInterpolations","class","cls","cellStyles","flex","alignSelf","cellClasses","listItemStyles","checkboxContainer","_jsx","jsx","undefined","ref","id","useId","style","onKeyDown","event","stopPropagation","TabbableModeContext","Provider","value","FocusTrap","isDisabled","restoreFocusRef","isItemSelected","MemoizeListViewItem","memo","prev","next","compareListItemContext","SkeletonContainer","minimumCount","isVisible","setIsVisible","useState","useEffect","setTimeout","containerClasses","skeletonStyles","container","Array","map","_element","SPARKLE_STYLE_CLASS","Sparkle","sparkleHeight","name","useTheme","height","sparkleClasses","sparkleStyles","base","globalImages","findSuggestions","data","count","slice","reduce","suggestions","set","Map","scrollToVisible","elem","scroller","offset","scrollIntoViewIfNeeded","scrollIntoView","block","scrollerBounds","getBoundingClientRect","elemBounds","diff","scrollTop","handleSelectionRange","detail","dataState","keys","startIndex","indexOf","endIndex","minIndex","Math","min","maxIndex","max","totalSize","isExpander","parentElement","classList","contains","getViewportConfig","config","current","emptyKeys","all","Set","defaultLoadingIndicator","Inset","variant","Flex","align","Skeleton","defaultLoadMoreIndicator","LOADMORE_STYLE_CLASS","adjustDataState","range","safeRangeOffset","sizePrecision","ariaLabel","ariaLabelledBy","allowTabbableMode","gridlines","loadingIndicator","currentItemOverride","onPersistCurrentItem","onLoadRange","onSelectionChange","onItemAction","rangeExtractor","selectedKeys","viewportConfig","promotedSection","isVirtualized","customItemRenderer","scrollToVisibleOffset","testId","scrollerRef","reorderProps","contextMenuTriggerProps","itemPadding","props","isFetching","pendingSelection","setActive","ariaMultiSelectable","ariaRowCount","listStyles","isEmbedded","useCollectionInteractionContext","itemVariant","pendingSelectionCallback","useCallback","length","lastRange","handleLoadRange","newRange","currentKey","onCurrentKeyChange","isCurrentItemOverridden","currentItem","setCurrentItem","currentItemOverrideRef","reorderContext","useReorderableContext","handleCurrentItemChanged","rowKey","currentItemKey","useCurrentItemOverride","eventProps","showFocusRing","handleSelectionChange","listRoles","anchorKey","currentKeyProps","useCurrentKey","element","keyExtractor","getPrevNextKey","focusRingProps","useCollectionFocusRing","findElementByKey","activeDescendant","getAttribute","querySelector","setAttribute","hasFocus","document","activeElement","size","from","pop","handleSelectionRangeChange","isArray","eventType","addKeys","target","selectionProps","useSelection","isPrev","dropDownSelectionProps","useDropDownSelection","findIndex","itemActionProps","useItemAction","mergeProps","useSelectionAndNavigation","focusTabbableProps","isCurrentTabbableKey","pendingCurrentKey","focusAndScrollIntoView","tabbableModeProps","useTabbableModeSet","handleInitialFocus","firstKey","getFirstVisibleKey","isKeyDefined","handleFocus","focus","handlePointerDown","onFocus","onPointerDown","useFocusTabbableMode","setSparkleHeight","placeholder","PLACEHOLDER_STYLE_CLASS","offsetHeight","suggestionItems","querySelectorAll","forEach","usePromotedSection","sparkleIndicator","getItemContext","dataStateData","selectorRenderer","Selector","onChange","selector","ItemComponent","childrenComponent","listItemContext","get","containsKey","listItemFunc","ctx","otherProps","defaultListItem","handleKeyDown","handleKeyUp","useImperativeHandle","testIdProps","useTestId","onKeyUp","tabIndex","VirtualizedCollection","itemSelector","loadMoreIndicator","LoadMoreCollection","hasMore","onLoadMore","groups","filter","dataMetadata","isLeaf","leafOnly","includes"],"mappings":"ihCAkBA,MAAMA,EACJC,IAMA,OAAQA,GACN,IAAK,UACH,MAAO,CAAEC,KAAM,UAAWC,KAAM,eAAgBC,KAAM,UACxD,IAAK,WACH,MAAO,CAAEF,KAAM,WAAYC,KAAM,MAAOC,KAAM,YAChD,QACE,MAAO,CAAEF,KAAM,OAAQC,KAAM,MAAOC,KAAM,YAC7C,ECRUC,EAAgB,yBA0BbC,GAA2CC,SACzDA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,mBACTA,EAAkBC,SAClBA,EAAQC,kBACRA,EAAiBC,WACjBA,EAAUC,qBACVA,GAAuB,EAAKC,WAC5BA,GAAa,EAAKC,KAClBA,EAAIC,cACJA,EAAaC,WACbA,EAAUC,mBACVA,EAAkBC,QAClBA,IAEA,MAAMC,EAAUC,SAAuB,MACjCC,EAAQC,EAAAA,SAAQ,IAAMzB,EAAiBiB,IAAO,CAACA,IAC/CS,EAAUlB,EAAQmB,SAASC,IAC3BC,EAAYrB,EAAQsB,MAGpBC,EACW,WAAfP,EAAMpB,KACF,CACEa,KAAMO,EAAMpB,KACZ,gBAAiByB,EAAY,EAC7B,gBAAiB,GAEnB,CACEZ,KAAMO,EAAMpB,OAWd4B,iBAAEA,EAAgBC,iBAAEA,EAAgBC,gBAAEA,EAAeC,sBAAEA,GAC3DC,EAAAA,sBAEIC,EAAiBC,EAAAA,2BAA2B,CAChDC,WAAYC,EAAatB,EAAeJ,GAAc,eAAiB,gBACvE2B,SAAU3B,EAAa,aAAe,cACtC4B,eACE5B,GAAgC,WAAlBI,EAA6B,mBAAqB,oBAClEyB,iBAAkBT,EAAkB,qBAAuB,sBAC3DU,YAAaT,EAAwB,gBAAkB,iBACvDU,OAAQZ,GAAoBrB,EAAW,WAAa,YACpDkC,eACyB,cAAvB1B,GAAsCV,EAAY,mBAAqB,oBACzEqC,iBACEpC,GAAsBD,EAAY,qBAAuB,sBAC3DsC,YAAajC,EAAuB,UAAY,SAChDkC,gBACEpC,IACgB,QAAfM,GAAyBN,GAAuBC,GAAgC,WAAlBI,GAE3D,SADA,YAGFgC,EAAiB,GACnB7B,IACc,YAAZA,EACF6B,EAAeC,KAAKC,gBAAcC,YACb,aAAZhC,IACW,YAAhBA,EAAQiC,KACVJ,EAAeC,KAAKC,gBAAcG,gBAEb,YAAnBlC,EAAQmC,QACVN,EAAeC,KAAKC,gBAAcK,mBAEd,YAAlBpC,EAAQqC,OACVR,EAAeC,KAAKC,gBAAcO,kBAEhB,YAAhBtC,EAAQuC,KACVV,EAAeC,KAAKC,gBAAcS,kBAKxC,MAAMC,EAAUC,EAAAA,WAAW,CAAC1B,KAAmBa,IACzCc,EAAsBC,EAAAA,oBAAmC,IAC1DC,OAAOC,OAAOC,6BAEXC,MAAOC,KAAQC,GAAeP,EAAoB,CACxDQ,KAAM,WACNC,UAAW,WAEPC,EAAcX,EAAAA,WAAW,CAC7BO,EACkB,aAAlBpD,GAAgCyD,EAAAA,eAAeC,oBAMjD,OACEC,EACiBC,IAAA,MAAA,CAAA,gBAAS,SAAT7D,EAAkBY,EAAY,OAAIkD,eACrCtE,EAAS,cACRiB,EACb2C,MAAOP,EACPkB,IAAK1D,EACLL,KAAMO,EAAMrB,QACPgB,GAAc,CAAE,sBAAsB,MACnB,iBAAZO,GAAwB,CAAE,mBAAoB,aACtDM,EACJzB,SAAAsE,EAAAA,IAAA,MAAA,CACEI,GAAIC,UACJC,MAAOZ,EACPF,MAAOK,kBACiB,SAATzD,OAAkB8D,EAAYlD,EAAY,EAC3C,eAAS,SAATZ,OAAkB8D,GAAa,EAC7CK,UAjFiBC,KACjBrE,GAA6B,cAAdqE,EAAMzD,KAAqC,YAAdyD,EAAMzD,KACpDyD,EAAMC,iBACP,kBA+E2B,SAATrE,EAAkB,OAAI8D,EAAS,gBACb,SAAlB7D,EAA2BJ,OAAaiE,KACnDhD,WACJ8C,MAACU,EAAAA,oBAAoBC,UAASC,MAAO,CAAEzE,uBACrC6D,MAACa,EAAAA,UAAU,CAAAC,YAAa3E,EAAY4E,iBAAiB,EAAKrF,SACvDA,EAASC,UAMtB,CAMA,MAAMgC,EAAe,CAACtB,EAA8B2E,IACzB,SAAlB3E,IAA+C,aAAlBA,IAAiC2E,GAG1DC,EAAsBC,EAAAA,KAAKzF,GAAc,CAAC0F,EAAWC,OAC5DD,IAAQC,KAERD,EAAKzF,WAAa0F,EAAK1F,UACvByF,EAAKtF,YAAcuF,EAAKvF,WACxBsF,EAAKrF,qBAAuBsF,EAAKtF,oBACjCqF,EAAKlF,aAAemF,EAAKnF,YACzBkF,EAAKhF,aAAeiF,EAAKjF,YACzBgF,EAAKpF,WAAaqF,EAAKrF,UACvBoF,EAAK7E,aAAe8E,EAAK9E,YACzB6E,EAAKnF,oBAAsBoF,EAAKpF,mBAChCmF,EAAKjF,uBAAyBkF,EAAKlF,sBACnCiF,EAAK3E,UAAY4E,EAAK5E,SACtB6E,EAAAA,uBAAuBF,EAAKxF,QAASyF,EAAKzF,YCzK1C,SAAU2F,GAAkB5F,SAAEA,EAAQ6F,aAAEA,EAAe,IAC3D,MAAOC,EAAWC,GAAgBC,EAAQA,UAAC,GAE3CC,EAAAA,WAAU,KACRC,YAAW,KACTH,GAAa,EAAK,GAZL,GAaD,GACb,IAEH,MAAMI,EAAmB3C,EAAUA,WAAC,CAAC4C,EAAAA,eAAeC,YACpD,OAAOP,GAAa9F,EAClBsE,aAAKR,MAAOqC,EAAkBzF,KAAK,eAAcV,SAC9C,IAAIsG,MAAMT,IAAeU,KAAI,CAACC,EAAUjF,IAAUvB,EAASuB,OAE5D,IACN,CCpCA,MAAMkF,EAAsB,wBAMZ,SAAAC,GAAQC,cAAEA,IACxB,MAAMC,KAAEA,GAASC,EAAAA,WACjB,GAAIF,GAAiB,EACnB,OAAO,KAGT,MAAMG,EAASH,EAAgB,KACzBI,EAAiBvD,EAAUA,WAAC,CAACwD,EAAAA,cAAcC,OAC3Cd,EAAmB3C,EAAAA,WAAW,CAClCwD,EAAAA,cAAcX,UACdI,EAES,YAATG,GAAsBM,EAAYA,eAGpC,OACE5C,EAAAA,WAAmBR,MAAOqC,EACxBnG,SAAAsE,EAAAA,IAAA,MAAA,CAAKR,MAAOiD,EAAgBnC,MAAO,CAAEkC,aAD9B,UAIb,CChCO,MAmCDK,EAAkB,CAAOC,EAA4CC,KACzE,GAAc,IAAVA,EACF,OAAO,KAIT,OADwBD,EAAKE,MAAM,EAAGD,GACfE,QAAO,CAACC,EAAatC,EAAO3D,KACjD,MAAMF,EAAM6D,EAAM9D,SAASC,IAQ3B,OANIE,IAAU8F,EAAQ,EACpBG,EAAYC,IAAIpG,EAAK,OAErBmG,EAAYC,IAAIpG,GAAK,GAGhBmG,CAAW,GACjB,IAAIE,IAAuB,ECxBnBC,EAAkB,CAACC,EAAeC,EAAmBC,KAChE,GAAIF,GAAQC,IACLD,EAAaG,uBAEfH,EAAaG,yBAEdH,EAAKI,eAAe,CAAEC,MAAO,YAE3BH,EAAS,GAAG,CACd,MAAMI,EAAiBL,EAASM,wBAC1BC,EAAaR,EAAKO,wBAClBE,EAAOH,EAAenF,IAAM+E,EAASM,EAAWrF,IAClDsF,EAAO,IACTR,EAASS,UAAYT,EAASS,UAAYD,EAE7C,CACF,ECoKUE,EAAuB,CAClCC,EACAC,KAEA,MAAMC,EAAOD,EAAUrB,KAAKb,KAAKrB,GACxBA,EAAM9D,SAASC,MAElBsH,EAAaD,EAAKE,QAAQJ,EAAOtD,MAAM/B,OACvC0F,EAAWH,EAAKE,QAAQJ,EAAOtD,MAAM7B,KACrCyF,EAAWC,KAAKC,IAAIL,EAAYE,GAChCI,EAAWF,KAAKG,IAAIP,EAAYE,GACtC,OAAkB,IAAdC,EAEK,CAAEhB,OAAQ,EAAGT,MAAOoB,EAAUU,WAG9BT,EAAKpB,MAAMwB,EAAUG,EAAW,EACxC,ECpHGG,EAAcxB,MACdA,EAAKyB,gBAAiBzB,EAAKyB,cAAcC,UAAUC,SAAS,yBCqOlE,MAAMC,EAAoB,CAACzI,EAAiC0I,IAExDA,GAAU,CACR5B,SAAU,IACD9G,EAAQ2I,SAMjBC,EAAY,CAAEC,KAAK,EAAOlB,KAAM,IAAImB,KAEpCC,EACJxF,EAACC,IAAAqB,EAAkB,CAAAC,aAAc,GAC9B7F,SAAA,IAEGsE,EAAAC,IAACwF,QAAK,CAACC,QAAQ,WAAUhK,SACvBsE,EAACC,IAAA0F,OAAK,CAAAnD,OAAO,KAAKoD,MAAM,SACtBlK,SAAAsE,EAAAA,IAAC6F,EAAQA,SAAA,CAACrD,OAAO,aAQvBsD,EACJ9F,EAAAA,IAAK,MAAA,CAAAR,MAAOuG,EAAAA,qBAAoBrK,SAC9BsE,EAACC,IAAAqB,GAAkBC,aAAc,EAAC7F,SAC/B,IAEGsE,EAAAC,IAACwF,QAAK,CAACC,QAAQ,WAAUhK,SACvBsE,EAACC,IAAA0F,OAAK,CAAAnD,OAAO,KAAKoD,MAAM,SACtBlK,SAAAsE,EAAAA,IAAC6F,EAAQA,SAAA,CAACrD,OAAO,eAYzBwD,EAAkB,CAAO7B,EAA4B8B,KACzD,GAAIA,EAAO,CAET,MAAMC,EAAkBzB,KAAKC,IAAIuB,EAAMzC,OAAQW,EAAUX,OAASW,EAAUU,WACtEd,EAAOmC,EAAkB/B,EAAUX,OACrCO,EAAO,IACTI,EAAY,CACVX,OAAQ0C,EACRpD,KAAMqB,EAAUrB,KAAKE,MAAMe,EAAMA,EAAOkC,EAAMlD,OAC9C8B,UAAWV,EAAUU,UACrBsB,cAAehC,EAAUgC,eAG9B,CACD,OAAOhC,CAAS,mBA1WhB,aAAciC,EACd,kBAAmBC,EAAcC,kBACjCA,GAAoB,EAAI5K,SACxBA,EAAQoH,KACRA,EAAIyD,UACJA,EAASC,iBACTA,EAAmBhB,EAAuBiB,oBAC1CA,EAAmBC,qBACnBA,EAAoBC,YACpBA,EAAWC,kBACXA,EAAiBC,aACjBA,EAAYC,eACZA,EAAc1K,KACdA,EAAO,OAAM2K,aACbA,EAAe1B,EAAoBhJ,cACnCA,EAAgB,OAAM2K,eACtBA,EAAczK,mBACdA,EAAkB0K,gBAClBA,EAAeC,cACfA,GAAgB,EAAKC,mBACrBA,EAAkBC,sBAClBA,GAAqBC,OACrBA,GAAMC,YACNA,GAAWC,aACXA,GAAYC,wBACZA,GAAuBC,YACvBA,MACGC,KAEH,MAAMjL,GAAUC,SAAuB,MACjCiL,GAAajL,UAAO,GAGpBkL,GAAmBlL,EAAAA,UAElBsB,GAAQ6J,IAAanG,EAAQA,UAAU,GAexCoG,GAAwC,SAAlBzL,OAA2B6D,EAA8B,aAAlB7D,EAC7D0L,GACK,OAATjF,OAAgB5C,EAAmC,UAAvB4C,EAAKqD,cAA4BrD,EAAK+B,WAAa,EAE3E5F,GAAUC,EAAUA,WAAC,CAAC8I,EAAAA,WAAWrF,OAEjCsF,GAAmD,aAAtCC,oCACbC,QACmBjI,IAAvB3D,EAAmCA,EAAqB0L,GAAa,YAAc,OAE/EG,GAA2BC,EAAAA,aAC/B,CAACnE,EAAiCtD,KAC5BkC,IACF8E,GAAiBxC,QAAU,CACzBlB,OAAQA,EACR+B,MAAO,CAAEzC,OAAQV,EAAKU,OAAQT,MAAOD,EAAKA,KAAKwF,SAEjD3B,EAAY/F,GACb,GAEH,CAACkC,EAAM6D,IAOH4B,GAAY7L,EAAAA,OAAO,CAAE8G,OAAQ,EAAGT,MAAO,IACvCyF,GAAkBH,eACrBI,IAGId,GAAWvC,SACZmD,GAAUnD,QAAQ5B,SAAWiF,EAASjF,QACtC+E,GAAUnD,QAAQrC,QAAU0F,EAAS1F,QAErC4E,GAAWvC,SAAU,EACrBmD,GAAUnD,QAAUqD,EACpB9B,EAAY8B,GACb,GAEH,CAACd,GAAYhB,IAGfhF,EAAAA,WAAU,KACRgG,GAAWvC,SAAU,CAAK,GAEzB,CAACtC,IAEJ,MAAM4F,WAAEA,GAAUC,mBAAEA,GAAkBC,wBAAEA,IC/HJ,EACpCnC,EACAC,KAGA,MAAOmC,EAAaC,GAAkBpH,EAAQA,WAExCqH,EAAyBrM,EAAAA,SAEzBkM,EAA0BlM,UAAO,GAGjCsM,EAAiBC,EAAAA,wBAGjBC,EAA2BtM,EAAAA,SAAQ,IAC/BsH,IACN,MAAMiF,EAASjF,EAAOtD,MACtBkI,EAAe,CAAEK,WACjBzC,IAAuBxC,GACe,MAAlC8E,GAAgBI,iBAClBJ,EAAeI,eAAehE,QAAU+D,EACzC,GAEF,CAACzC,EAAsBsC,GAAgBI,iBAgB1C,OAZIL,EAAuB3D,UAAYqB,IACrCsC,EAAuB3D,QAAUqB,EAC7BoC,GAAaM,SAAW1C,GAAqB0C,SAC/CP,EAAwBxD,SAAU,EAClC8D,EAAyB,CAAEtI,MAAO6F,GAAqB0C,WAI3DxH,EAAAA,WAAU,KACRiH,EAAwBxD,SAAU,CAAK,IAGlC,CACLsD,WAAYG,GAAaM,OACzBR,mBAAoBO,EACpBN,wBAAyBA,EAAwBxD,QAClD,EDmFmEiE,CAClE5C,EACAC,IAGI4C,WAAEA,GAAUC,cAAEA,GAAaC,sBAAEA,IFxHI,EACvCd,EACA3B,EACA1K,EAAsD,OACtDsM,EACA/B,EACAC,EACA/D,EACAkE,EACA5K,EAAoC,OACpCgL,EACA3K,EACA2L,EACAQ,EACAX,KAEA,MAAMwB,EAAY7M,EAAAA,SAAQ,IAAMzB,EAAiBiB,IAAO,CAACA,IAGnDsN,EAAYhN,EAAAA,UAEZiN,gBAAEA,GAAoBC,EAAaA,eACtCC,GAAYC,EAAAA,aAAaD,EAASrO,IACjB,aAAlBa,GAAgC4L,EAChC8B,EAAAA,eAAetN,EAAQ2I,QAASsD,GAAY,EAAMlN,GAClDuO,EAAAA,eAAetN,EAAQ2I,QAASsD,GAAY,EAAOlN,QACnD0E,OACAA,EACAwI,EACAC,IAGKY,EAAeS,GAAkBC,EAAAA,uBAAuBxN,EAAS,CAAC,UAAW,cAEpFkF,EAAAA,WAAU,KACR,GAAkB,MAAd+G,GAAsBjM,EAAQ2I,QAAS,CACzC,MAAM9B,EAAO4G,EAAAA,iBAAiBzN,EAAQ2I,QAASsD,EAAYlN,GAC3D,GAAI8H,EAAM,CACR,MAAM6G,EAAmB1N,EAAQ2I,QAAQgF,aAAa,yBAChD7O,EAAO+H,EAAK+G,cAAc,SAASZ,EAAUlO,SACnD,GAAIA,GAAQ4O,IAAqB5O,EAAK6E,GAAI,CAExC3D,EAAQ2I,QAAQkF,aAAa,wBAAyB/O,EAAK6E,IAI3D,MAAMmK,EAAW9N,EAAQ2I,SAASH,SAASuF,SAASC,eACpD,IAAM7B,GAA2B2B,GAAatC,EAAY,CACxD,MAAM1E,EAAWyD,GAAgBzD,WAC3BC,EAAS4D,EAAwBA,EAAsB3K,EAAQ2I,SAAW,EAEhF/B,EAAgBC,EAAkB,MAAZC,EAAmBA,EAAW9G,EAAQ2I,QAAS5B,EACtE,CACF,CACF,CACF,IAIA,CACDkF,EACA5F,EACA2G,EAAUlO,KACVyL,EACAI,EACA3K,EACAmM,EACAX,IAGF,MAAMuB,EAAwBnB,eAC3BnE,IACK0C,KACuB,IAArB1C,EAAOtD,MAAM0E,KAAiBpB,EAAOtD,MAAMwD,KAAKsG,KAAO,IAEzDhB,EAAUtE,QAAUpD,MAAM2I,KAAKzG,EAAOtD,MAAMwD,KAAK9E,UAAUsL,OAE7DhE,EAAkB1C,GACnB,GAEH,CAACwF,EAAW9C,IAGRiE,EAA6BxC,eAChCnE,IACC,GAAIpB,GAAQ8D,EAAmB,CAC7B,MAAMhG,EAAQqD,EAAqBC,EAAQpB,GAC3C,GAAId,MAAM8I,QAAQlK,GAQhB,GAPyB,eAArBsD,EAAO6G,UAETrB,EAAUtE,QAAUlB,EAAOtD,MAAM/B,MAGjC6K,EAAUtE,QAAUlB,EAAOtD,MAAM7B,IAE9BkJ,EAEE,CACL,MAAM7D,EAAO4G,EAAAA,QAAQjE,EAAcnG,GACnCgG,EAAkB,CAAEhG,MAAOwD,EAAM6G,OAAQ,MAC1C,MAJCrE,EAAkB,CAAEhG,MAAO,CAAE0E,KAAK,EAAOlB,KAAM,IAAImB,IAAI3E,IAAUqK,OAAQ,YAM3E7C,EAAyBlE,EAAQtD,EAEpC,IAEH,CAACkC,EAAMmF,EAAYlB,EAAcH,EAAmBwB,KAGhD8C,eAAEA,GAAmBC,EAAYA,cACpCtB,GACKA,IAAYpN,EAAQ2I,aACAlF,IAAfwI,EAA2B,KAAOA,EAEpCoB,EAAYA,aAACD,EAASrO,IAE/BuL,EACAkB,EAAa,OAAS5L,GACtB,EACA,UACAmN,EACAE,EAAUtE,QACVsD,GACA,CAACA,EAA2B0C,IAC1BrB,EAAAA,eAAetN,EAAQ2I,QAASsD,EAAY0C,EAAQ5P,SACtD0E,GACCnD,IACC,GAAIN,EAAQ2I,QAAS,CACnB,MAAM9B,EAAO4G,EAAAA,iBAAiBzN,EAAQ2I,QAASrI,EAAKvB,GACpD,GAAI8H,EAAM,CACR,MAAMC,EAAWyD,GAAgBzD,WAC3BC,EAAS4D,EAAwBA,EAAsB3K,EAAQ2I,SAAW,EAChF/B,EAAgBC,EAAkB,MAAZC,EAAmBA,EAAW9G,EAAQ2I,QAAS5B,EACtE,CACF,IAEHqH,IAGIQ,uBAAEA,GAA2BC,EAAoBA,sBACpDzB,GACKA,IAAYpN,EAAQ2I,aACAlF,IAAfwI,EAA2B,KAAOA,EAEpCoB,EAAYA,aAACD,EAASrO,IAE/BuL,EACAkB,EAAa5L,EAAgB,QAC7B,GACCU,GACK+F,EACKA,EAAKA,KAAKyI,WACd3K,GAA8CA,EAAM9D,SAASC,MAAQA,KAGlE,IAEV,CAACsH,EAAoBE,IACfzB,EACWA,EAAKA,KAAKb,KACpBrB,GAA8CA,EAAM9D,SAASC,MAEpDiG,MAAMqB,EAAYE,GAEzB,KAET,CAACmE,EAA2B0C,IAC1BrB,EAAcA,eAACtN,EAAQ2I,QAASsD,EAAY0C,EAAQ5P,IACtDkN,EACAc,EACAqB,GAGIW,EAAkBC,EAAAA,cAAc/C,EAAY5F,EAAM+D,EAAcrL,EAAeyM,GAErF,MAAO,CACLqB,WAAYoC,EAAUA,WACpB/B,EACAK,EACAkB,EACAM,EACAH,GAEF9B,gBACAC,wBACD,EEjE4DmC,CAC3DjD,GACA3B,EACA1K,EACAsM,GACA/B,EACAC,EACA/D,EACAkE,EACA5K,EACAgL,GACA3K,GACA2L,GACAQ,GACAX,KAGMqB,WAAYsC,GAAkBC,qBAAEA,IDtJN,EAClCnD,EACAC,EACArC,EACA7J,EACAuK,EACAI,KAEA,MAAM0E,EAAoBpP,EAAAA,SAIpBqP,EAAyBrP,UAAO,IAE/BmP,EAAsBG,GAAqBC,EAAAA,mBAChDxP,GACCoN,GAEQ/E,EAAW+E,GAAW,KAAQC,EAAAA,aAAaD,EAASrO,IAE7DkN,EACAC,GAGIuD,EAAqB7D,EAAAA,aAAY,KACrC,GACE5L,EAAQ2I,SACRuD,KACErC,GAAqBuF,OAAqB3L,IAC5C,CACA,MAAMiM,EACJL,EAAkB1G,SAAYgH,EAAkBA,mBAAC3P,EAAQ2I,QAAS5J,GAChE6Q,EAAAA,aAAaF,IACfxD,EAAmB,CAAE/H,MAAOuL,GAE/B,IACA,CAAC1P,EAASkM,EAAoBrC,EAAmBuF,IAE9CS,EAAcjE,eACjB7H,IACC,GAAIsE,EAAWtE,EAAMyK,QAArB,CACExO,EAAQ2I,SAASmH,QACjB,MAAMxP,EAAM+M,EAAYA,aAACtJ,EAAMyK,OAAuBzP,GAClDmN,GAAsB0D,eAAatP,IACrC4L,EAAmB,CAAE/H,MAAO7D,GAG/B,MACD,GAAKsP,EAAAA,aAAa3D,IAEX,GAAIjM,EAAQ2I,QAAS,CAC1B,MAAM9B,EAAO4G,EAAAA,iBAAiBzN,EAAQ2I,QAASsD,EAAiBlN,GAChE,GAAI8H,EAAM,CAGR,GAAIyI,EAAuB3G,QAAS,CAClC,MAAM7B,EAAWyD,GAAgBzD,WAC3BC,EAAS4D,EAAwBA,EAAsB3K,EAAQ2I,SAAW,EAChF/B,EAAgBC,EAAkB,MAAZC,EAAmBA,EAAW9G,EAAQ2I,QAAS5B,EACtE,CACDuI,EAAuB3G,SAAU,CAClC,MAECuD,GAAsBuD,GAEzB,OAhBCvD,GAAsBuD,GAgBvB,GAEH,CACExD,EACAwD,EACAvD,EACAvB,EACAJ,EACAvK,IAOE+P,EAAoBnE,eACvB7H,IACC,MAAMzD,EAAM+M,EAAYA,aAACtJ,EAAMyK,OAAuBzP,GAClD6Q,EAAAA,aAAatP,KACf+O,EAAkB1G,QAAUrI,EACxBA,IAAQ2L,IACVqD,EAAuB3G,SAAU,GAEpC,GAEH,CAACsD,IAGH,MAAO,CACLY,WAAYoC,EAAUA,WAACpF,EAAoB0F,EAAoB,CAAA,EAAI,CACjES,QAASH,EACTI,cAAeF,IAEjBX,uBACD,ECmDgEc,CAC/DjE,GACAC,GACArC,EACA7J,GACAuK,EACAI,IAGF,GAAItE,QAAqC5C,IAA7B0H,GAAiBxC,SAAyBwB,EAAmB,CACvE,MAAMxC,EAAOH,EAAqB2D,GAAiBxC,QAAQlB,OAAQpB,GACnE,GAAId,MAAM8I,QAAQ1G,GAChB,GAAK6D,GAEE,CAELrB,EAAkB,CAAEhG,MADNoK,EAAAA,QAAQjE,EAAc3C,GACT6G,OAAQ,MACpC,MAJCrE,EAAkB,CAAEhG,MAAO,CAAE0E,KAAK,EAAOlB,KAAM,IAAImB,IAAInB,IAAS6G,OAAQ,OAM5E,MAAMhF,EAAQ2B,GAAiBxC,QAC3BwC,GAAiBxC,QAAQa,MACzB,CAAEzC,OAAQV,EAAKU,OAAQT,MAAOD,EAAKA,KAAKwF,QAC5CxF,EAAOkD,EAAgBlD,EAAMmD,GAC7B2B,GAAiBxC,aAAUlF,EAC3ByG,EAAYV,EACb,CAED,MAAM5D,cAAEA,GAAaa,YAAEA,IJvLS,EAChCJ,EACAmE,EACAxK,KAGA,MAAO4F,EAAeuK,GAAoBlL,EAAQA,SAAS,GAErDwB,EAActG,EAAOA,SACzB,IAAMkG,GAAQmE,GAAmBpE,EAAgBC,EAAKA,KAAMmE,EAAgBlE,QAC5E,CAACD,EAAMmE,IAiBT,OAdAtF,EAAAA,WAAU,KAGR,GAAIuB,EAAa,CACf,MAAM2J,EAAcpQ,EAAQ2I,SAASiF,cACnC,IAAMyC,EAAAA,yBAER,IAAItK,EAASqK,GAAaE,cAAgB,EAC1C,MAAMC,EAAkBvQ,EAAQ2I,SAAS6H,iBAAiB,wBAC1DD,GAAiBE,SAAS5R,GAAUkH,GAAWlH,EAAqByR,eACpEH,EAAiBpK,EAClB,IACA,CAAC/F,EAASyG,IAEN,CAAEb,gBAAea,cAAa,EI4JEiK,CAAmBrK,EAAMmE,EAAiBxK,IAG3E2Q,GAAmBpN,EAAAA,IAACoC,GAAQC,cAAeA,KAO3CgL,GAAiBhF,eACpB1M,IACC,MAAM2R,EAAgB3R,EAAQmH,KACxByK,EACc,aAAlBlR,EACI,IACE2D,MAACwN,EAAAA,SAAQ,CACPC,SAAUjE,GACVL,OAAQmE,EAAcxQ,SAASC,IAC/BgK,aAAcA,SAElB7G,EAEN,MAAO,CACLjD,MAAOtB,EAAQsB,MACf6F,KAAMwK,EAAcxK,KACpBhG,SAAUwQ,EAAcxQ,SACxB4Q,SAAUH,EACX,GAEH,CAAClR,EAAe0K,EAAcyC,KAG1BmE,GAAgBzG,EAAgBzL,EAAewF,EAE/C2M,GAAqBjS,IACzB,MAAMkS,EAAkBR,GAAe1R,GACjCW,EAAa4G,IAAa4K,IAAID,EAAgB/Q,SAASC,KACvDZ,EAAamK,GAAqBuF,GAAqBgC,EAAgB/Q,SAASC,KAChFlB,EAAY6M,KAAemF,EAAgB/Q,SAASC,MAAQZ,EAC5DJ,EAAWF,GAAamC,GACxB/B,EAAa8R,EAAAA,YAAYhH,EAAc8G,EAAgB/Q,SAASC,KAChEjB,EAAqBD,GAAa0N,GAClCyE,EAAe,CAACC,EAAoCC,KAAgB,OACxElO,EAAAC,IAAC0N,GAEC,CAAAhS,QAASsS,EACTpS,UAAWA,EACXC,mBAAoBA,EACpBC,SAAUA,EACVC,mBAjKgBiB,EAiKgB4Q,EAAgB5Q,MA9J9B,YAApBsJ,GAAWjL,OACV2B,EAAQ,IAAM6F,GAAM+B,WAAmC,YAAtB0B,GAAW5H,SA8J3C1C,WAAYA,EACZE,WAAYmK,GAAqBuF,GAAqBgC,EAAgB/Q,SAASC,KAC/EX,KAAMA,EACNC,cAAeA,EACfE,mBAAoB4L,GACpB3L,QAASiL,MACJnL,GAAc,CAAEA,iBACU,IAA1BuR,EAAgB5Q,OAAe,CAAEf,qBA/Jf,YAApBqK,GAAWjL,MAAyC,YAAnBiL,GAAW9H,QAgK3CyP,EAAUxS,SACbA,GAfImS,EAAgB/Q,SAASC,KA5Jf,IAACE,CA6KnB,EAKD,GAAIkK,EAAoB,CAUtB,OAAOA,EATuB,CAC5B0G,kBACAhS,YACAC,qBACAG,aACAE,aACAJ,WACAoS,gBAAiBH,GAGpB,CACD,OAAOA,EAAaH,EAAgB,EAGtC7G,EAAiB9B,EAAkBzI,GAASuK,GAE5C,MAAMoH,GAAgB/F,eACnB7H,IACmB,MAAdA,EAAMzD,KAAesP,EAAYA,aAAC3D,KAAiC,SAAlBrM,GACnDwL,IAAU,EACX,GAEH,CAACa,GAAYrM,EAAewL,KAGxBwG,GAAchG,EAAAA,aAAY,KAC9BR,IAAU,EAAM,GACf,CAACA,KAEJyG,EAAAA,oBAAoBhH,IAAc,IAAM7K,GAAQ2I,UAIhD,MAAMmJ,GAAcC,YAAUnH,IAC9B,OACErH,MAAA,MAAA,IACM0L,aACFpC,GACAsC,GACApE,IAA2B,CAAA,EAC3BD,IAAgB,GAChB,CACEhH,UAAW6N,GACXK,QAASJ,IAEX3G,OAEE6G,GACJnS,KAAMA,EAAI,gBACc,SAATA,EAAkB2L,QAAe7H,EACjC,gBAAS,SAAT9D,EAAkB,OAAI8D,EACrCC,IAAK1D,GACL+C,MAAOP,GACPyP,SAAU,EAAC,aACCtI,EAAS,kBACJC,EAAc,uBACTyB,GACrBpM,SAAQ,MAARoH,EACC,EACEoE,EACFlH,EAAAA,IAAC2O,EAAqBA,sBACpB,CAAA7L,KAAMA,EACN8L,aAAcpT,EACdqT,kBAAmB/I,EACnBa,YAAaA,EACbG,eAAgBA,EAChB5D,YAAakK,GACbpG,eAAgBA,EAActL,SAC7BkS,KAGH5N,EAAAA,IAAC8O,EAAAA,mBACC,CAAAhM,KAAMA,EAAKA,KACX+L,kBAAmB/I,EACnBiJ,QAAgC,YAAvBjM,EAAKqD,eAA+BrD,EAAKA,KAAKwF,QAAUxF,EAAK+B,UACtEmK,WAAY,KACVlM,GAAQ0F,GAAgB,CAAEhF,OAAQ,EAAGT,MAAOD,EAAKA,KAAKwF,OAAS,IAAK,EAEtEpF,YAAakK,GACbpG,eAAgBA,EAActL,SAC7BkS,MAKX,uCHzU4B,CAAO9K,EAAgCsB,KACjE,IAAKA,EAAKkB,IAAK,CACb,MAAM2J,EAASnM,EAAKA,KACjBoM,QAAQC,IACCA,EAAarS,SAASsS,SAE/BnN,KAAKkN,GACGA,EAAarS,SAASC,MAE3BsS,EAAWrN,MAAM2I,KAAKvG,EAAKA,KAAK9E,UAAU4P,QAAQnS,IAC9CkS,EAAOK,SAASvS,KAE1B,MAAO,IAAKqH,EAAMA,KAAM,IAAImB,IAAI8J,GACjC,CACD,OAAOjL,CAAI"}

package/amd/ListView-bf740071.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-e95c5f30', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './collectionUtils-17f5cc64', './useReorderableItem-4c4779f7', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './keys-4755c121', './mergeProps-bcfa6a92', './List-04c4fed0', './Menu-5d447084', './MenuItem-87cd59b8', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useItemAction-821d1b6e', './useContextMenuGesture-d55fbea5'], (function(e,r,t,o,n,s,l,i,c,a,u,d,f,y,m,g,p,x,C,h,I,R,S,b,v,M,E,P,T,O,K,k){"use strict";const w=(e,r)=>{if(null!=e){const t=e.querySelectorAll("[role='row']");if(t.length>r)return a.getKey(t[r])}return null};function L(e,r){const t=Math.abs(null==r?e.scrollTop:r),o={y:t,key:void 0,offsetY:void 0};let n=0;const s=e.querySelectorAll("[role='row']");if(s.length>0&&0===t)return o.key=w(e,0),o.offsetY=0,o;for(let r=0;r<s.length;r++){const l=s[r].getBoundingClientRect().height;if(n+=l,t<n){o.key=w(e,r),o.offsetY=l+t-n;break}}return o}function D(e,r){const t=function(e,r){if(null!=r){let t,o=!1;if(null!=r.key?(o=!0,t=r.key):null!=r.offsetY&&null==r.y&&(o=!0,t=L(e).key),o){if(null!=t){let o=0;const n=e.querySelectorAll("[role ='row']");for(let e=0;e<n.length;e++){if(t===a.getKey(n[e]))return o+(null!=r.offsetY?r.offsetY:0);o+=n[e].getBoundingClientRect().height}}}else if(null!=r.y)return r.y}return}(e,r);e.scrollTop=null!=t?t:0}const j=t.memo((function({children:e,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,itemKey:i}){const c=o.useRef(null),m={itemOverlayFront:f.styles.reorderableItemOverlayFront,itemOverlayRear:f.styles.reorderableItemOverlayRear,itemDragger:f.styles.reorderableItemDragger},g=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(i))}),[i]),{rootProps:p,isDragged:x,overlayZoneBeforeProps:C,overlayZoneAfterProps:h}=u.useReorderableItem({isDisabled:!s,dragKey:t,setDragKey:n,onReorder:s,rootRef:l,ref:c,getItem:()=>c?.current?.closest(a.ITEM_SELECTOR),setTransferData:g,itemStyles:m,itemSelector:a.ITEM_SELECTOR,isVertical:!0}),I=d.classNames([p?.class,f.styles.reorderableItemDnd]);return r.jsxs("div",{...p,class:I,children:[e,!x&&y.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...C}),r.jsx("div",{...h})]})]})}),((e,r)=>!(!e||!r)&&(e?.children===r?.children&&e?.dragKey===r?.dragKey)));function A({contextMenuConfig:e,contextMenuContext:t,...o}){const n=e.accessibleLabel;return r.jsx(r.Fragment,{children:r.jsx(p.Menu,{...o,...n&&{"aria-label":n},children:o.isOpen&&e.itemsRenderer(t)})})}const F={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"menu",placement:"end",offsetValue:40}},_={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},V=t.forwardRef(((e,t)=>{const{contextMenuConfig:n}=e,s=o.useRef(),l=o.useRef(null),{currentItemOverride:d,updateCurrentItemOverride:f}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const n=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:n}})(e.currentItemOverride),y=e.data?e.data.map((r=>({data:r,metadata:{key:e.getRowKey(r)}}))):null,p=e.onLoadMore?e.onLoadMore:()=>{},x=y?{offset:0,data:y,sizePrecision:e.hasMore?"atLeast":"exact",totalSize:y.length}:null;o.useImperativeHandle(t,(()=>({getScrollPosition:()=>l.current?L(l.current):{y:0},focus:()=>{l.current&&l.current.focus()}}))),o.useLayoutEffect((()=>{l.current&&s.current!==e.scrollPositionOverride&&(D(l.current,e.scrollPositionOverride),s.current=e.scrollPositionOverride)}),[e.scrollPositionOverride]);const C=null!=e.onReorder,{reorderProps:h,reorderItemProps:I,reorderContext:R,reorderInstructionsId:S,reorderInstructions:b}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const n=null!=e,[s,l]=o.useState(void 0),{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}=u.useReorderable({onReorder:e,rootRef:r,itemSelector:a.ITEM_SELECTOR,isDisabled:!n,columns:1}),y=o.useRef(!1);return o.useEffect((()=>{if(n&&y.current){const e=r.current,o=a.findElementByKey(e,c.currentItemKey.current,a.ITEM_SELECTOR);if(o){const r=t?.scroller()||e;g.scrollToVisible(o,r,0),y.current=!1}}})),n?{reorderProps:m.mergeProps({onKeyDown:e=>{n&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(y.current=!0,i.onKeyDown?.(e))},onDragOver:e=>{void 0!==s&&(y.current=!1,a.dragToScroll(e,void 0!==s,r.current))}}),reorderItemProps:{dragKey:s,setDragKey:l,onReorder:e,rootRef:r},reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}:{reorderProps:i,reorderContext:c,reorderInstructionsId:d,reorderInstructions:f}})({onReorder:e.onReorder,rootRef:l,viewportConfig:e.viewportConfig}),{triggerProps:v,menuProps:M,contextMenuContext:E,notifyCurrentKeyChanged:P}=((e,r,t,n)=>{const[s,l]=o.useState(),[i,c]=o.useState(_),u=o.useRef(),{triggerProps:d}=k.useContextMenuGesture((({gesture:r,anchor:o,target:s})=>{let i=o;if("keyboard"===r){i=a.findElementByKey(t.current,u.current,a.ITEM_SELECTOR)||o;const r=K.findItemContext(u.current,e);l(r)}else{const r=a.keyExtractor(s,a.ITEM_SELECTOR),t=K.findItemContext(r,e);l(t),n(r)}c({...F[r],anchorRef:{current:i},isOpen:!0})}),{isDisabled:!r}),f=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),c({..._})}),[t]);return{menuProps:{...i,onClose:f},onClose:f,contextMenuContext:s,triggerProps:d,notifyCurrentKeyChanged:e=>{u.current=e.value}}})(x,n,l,f),T=r=>{e.onPersistCurrentItem?.(r),P(r)};return C&&I?r.jsxs(r.Fragment,{children:[r.jsxs(i.ReorderableContext.Provider,{value:R,children:[r.jsx(g.List,{...e,"aria-describedby":S,contextMenuTriggerProps:v,reorderProps:h,onLoadRange:p,scrollerRef:l,data:x,currentItemOverride:d,onPersistCurrentItem:T,children:t=>r.jsx(j,{...I,itemKey:t.metadata.key,children:e.children(t)})}),r.jsx("span",{id:S,children:r.jsx(c.HiddenAccessible,{children:b})})]}),n&&r.jsx(A,{...M,contextMenuConfig:n,contextMenuContext:E})]}):r.jsxs(r.Fragment,{children:[r.jsx(g.List,{...e,onLoadRange:p,scrollerRef:l,data:x,contextMenuTriggerProps:v,currentItemOverride:d,onPersistCurrentItem:T,children:e.children}),n&&r.jsx(A,{...M,contextMenuConfig:n,contextMenuContext:E})]})}));e.ListView=V}));
+//# sourceMappingURL=ListView-bf740071.js.map

package/amd/ListView-bf740071.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView-bf740071.js","sources":["../../src/UNSAFE_ListView/ScrollPositionUtils.ts","../../src/UNSAFE_ListView/ListViewReorderableItem.tsx","../../src/UNSAFE_ListView/ListViewContextMenu.tsx","../../src/UNSAFE_ListView/useListViewContextMenu.ts","../../src/UNSAFE_ListView/ListView.tsx","../../src/UNSAFE_ListView/useListViewCurrentItemOverride.tsx","../../src/UNSAFE_ListView/useListViewReorder.ts"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { getKey } from '../utils/PRIVATE_collectionUtils';\n\n/**\n * Type for scroll position in ListView\n */\nexport type ListViewScrollPosition<K> = {\n  offsetY?: number;\n  key?: K;\n  y?: number;\n};\n\n/**\n * Returns the key for the row at the given index\n */\nconst getKeyForIndex = (root: HTMLElement, index: number) => {\n  if (root != null) {\n    const rowElements = root.querySelectorAll(`[role='row']`);\n    if (rowElements.length > index) {\n      return getKey(rowElements[index] as HTMLElement);\n    }\n  }\n  return null;\n};\n\nexport function getScrollPosition<K>(root: HTMLDivElement, newScrollTop?: number) {\n  // ensure scroll position y value is initialized\n  const scrollTop = Math.abs(newScrollTop == null ? root.scrollTop : newScrollTop);\n\n  const scrollPosition: ListViewScrollPosition<K> = {\n    y: scrollTop,\n    key: undefined,\n    offsetY: undefined\n  };\n\n  let rowBottom = 0;\n  const rowElements = root.querySelectorAll(`[role='row']`);\n  if (rowElements.length > 0) {\n    if (scrollTop === 0) {\n      scrollPosition.key = getKeyForIndex(root, 0) as K;\n      scrollPosition.offsetY = 0;\n      return scrollPosition;\n    }\n  }\n  for (let i = 0; i < rowElements.length; i++) {\n    const rowHeight = rowElements[i].getBoundingClientRect().height;\n    rowBottom += rowHeight;\n    if (scrollTop < rowBottom) {\n      scrollPosition.key = getKeyForIndex(root, i) as K;\n      scrollPosition.offsetY = rowHeight + scrollTop - rowBottom;\n      break;\n    }\n  }\n  return scrollPosition;\n}\n\n/**\n * Helper to set the scroll position on the ListView.\n */\nexport function setScrollPosition<K>(\n  root: HTMLDivElement,\n  scrollPosition?: ListViewScrollPosition<K>\n) {\n  const y = _getScrollTopFromScrollPosition(root, scrollPosition);\n  root.scrollTop = y != null ? y : 0;\n}\n\n/**\n * Helper to determine the 'y' value of a given scroll position.\n */\nfunction _getScrollTopFromScrollPosition<K>(\n  root: HTMLDivElement,\n  scrollPosition?: ListViewScrollPosition<K>\n) {\n  if (scrollPosition != null) {\n    let key;\n    let useRow = false;\n    if (scrollPosition.key != null) {\n      // key takes precedence over everything else\n      useRow = true;\n      key = scrollPosition.key;\n    } else if (scrollPosition.offsetY != null && scrollPosition.y == null) {\n      // offsetY can be used on its own if it is the only vertical aspect provided\n      useRow = true;\n      key = getScrollPosition(root).key;\n    }\n    if (useRow) {\n      if (key != null) {\n        let y = 0;\n        const rowElements = root.querySelectorAll(`[role ='row']`);\n        for (let i = 0; i < rowElements.length; i++) {\n          if (key === getKey(rowElements[i] as HTMLElement)) {\n            return y + (scrollPosition.offsetY != null ? scrollPosition.offsetY : 0);\n          }\n          y += rowElements[i].getBoundingClientRect().height;\n        }\n      }\n    } else if (scrollPosition.y != null) {\n      return scrollPosition.y;\n    }\n  }\n  // either nothing was provided, or what was provided was invalid\n  return undefined;\n}\n","import { memo } from 'preact/compat';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { ITEM_SELECTOR } from '../utils/PRIVATE_collectionUtils';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { styles } from './themes/ListViewStyles.css';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\nexport type ListReorderableItemProps<K> = ReorderableItemProps<K>;\n\n/**\n * A private item that will be used by ReorderableCardFlexView, location TBD (could be moved to PRIVATE_CardFlexView)\n */\nexport function ListViewReorderableItem<K extends string | number>({\n  children,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  itemKey\n}: ListReorderableItemProps<K> & { itemKey: K }) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const itemStyles = {\n    itemOverlayFront: styles.reorderableItemOverlayFront,\n    itemOverlayRear: styles.reorderableItemOverlayRear,\n    itemDragger: styles.reorderableItemDragger\n  };\n  const getItem = () => itemRef?.current?.closest(ITEM_SELECTOR);\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/listview-items-key', JSON.stringify(itemKey));\n    },\n    [itemKey]\n  );\n  const { rootProps, isDragged, overlayZoneBeforeProps, overlayZoneAfterProps } =\n    useReorderableItem({\n      isDisabled: onReorder ? false : true,\n      dragKey,\n      setDragKey,\n      onReorder,\n      rootRef,\n      ref: itemRef,\n      getItem,\n      setTransferData,\n      itemStyles,\n      itemSelector: ITEM_SELECTOR,\n      isVertical: true\n    });\n  const classes = classNames([rootProps?.class, styles.reorderableItemDnd]);\n\n  return (\n    <div {...rootProps} class={classes}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps}></div>\n          <div {...overlayZoneAfterProps}></div>\n        </>\n      )}\n    </div>\n  );\n}\n\nexport const MemoizeListViewReorderableItem = memo(\n  ListViewReorderableItem,\n  <K,>(prev: ListReorderableItemProps<K>, next: ListReorderableItemProps<K>) => {\n    if (prev && next) {\n      return prev?.children === next?.children && prev?.dragKey === next?.dragKey;\n    }\n    return false;\n  }\n);\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentProps } from 'preact';\n\nimport { ListItemContext } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { ListViewContextMenuConfig } from './List.types';\n\nexport type Props<K extends string | number, D> = Omit<ComponentProps<typeof Menu>, 'children'> & {\n  contextMenuConfig: ListViewContextMenuConfig<K, D>;\n} & { contextMenuContext: ListItemContext<K, D> };\n\n/**\n * The internal component used to render a custom context menu\n */\nexport function ListViewContextMenu<K extends string | number, D>({\n  contextMenuConfig,\n  contextMenuContext,\n  ...menuProps\n}: Props<K, D>) {\n  const accessibleLabel = contextMenuConfig.accessibleLabel;\n\n  return (\n    <>\n      <Menu\n        {...menuProps}\n        {...(accessibleLabel && {\n          'aria-label': accessibleLabel\n        })}>\n        {menuProps.isOpen && contextMenuConfig.itemsRenderer(contextMenuContext)}\n      </Menu>\n    </>\n  );\n}\n","import type { ComponentProps, RefObject } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { DataState, ListItemContext, CurrentKeyDetail } from '#UNSAFE_Collection';\nimport { Menu } from '#UNSAFE_Menu';\nimport { findItemContext } from '#hooks/PRIVATE_useItemAction';\nimport { useContextMenuGesture } from '#hooks/UNSAFE_useContextMenuGesture';\nimport { ITEM_SELECTOR, findElementByKey, keyExtractor } from '#utils/PRIVATE_collectionUtils';\nimport { ListView } from './ListView';\n\ntype MenuProps = Pick<\n  ComponentProps<typeof Menu>,\n  'anchorRef' | 'initialFocus' | 'placement' | 'offsetValue' | 'isOpen'\n>;\n\nconst TOUCH_OFFSET_VALUE = 40;\n\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\ntype ListViewProps<K extends string | number, D> = ComponentProps<typeof ListView<K, D>>;\n\nexport const useListViewContextMenu = <K extends string | number, D>(\n  dataState: DataState<K, D> | null,\n  contextMenuConfig: ListViewProps<K, D>['contextMenuConfig'],\n  scrollListRef: RefObject<HTMLElement | null>,\n  updateCurrentKey: (key: K) => void\n) => {\n  /*Context Menu section\n   TODO: A version of context Menu listview will be merged using useContextMenuGesture instead. Once it's merged we \n   can go back to this to create a hook or utility that could be share among all collection comps. JET-60320\n  */\n\n  /* \n  Steps to open a menu:\n    1.- useContextMenu handler is called when menu is supposed to be opened.\n    2.- We set contextMenuContext when contextMenuRenderer is called.\n    3.- We dispatch opening the menu with the correct anchor.\n    5.- Menu receives updated props and updated contextMenuContext.\n    6.- Menu is opened.  \n\n    */\n\n  //Supposed to be updated when menu is about to be opened\n  //We set an initial key value for the context menu context, to allow user use object destructuring inside the\n  //contextMenuRenderer. It doesn't matter if the key is not correct at the initial rendering since menu starts\n  //being closed always\n  const [contextMenuContext, setContextMenuContext] = useState<ListItemContext<K, D>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n\n  const currentKeyRef = useRef<K>();\n  const notifyCurrentKeyChanged = (detail: CurrentKeyDetail<K>) => {\n    currentKeyRef.current = detail.value;\n  };\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          scrollListRef.current as HTMLElement,\n          currentKeyRef.current as K,\n          ITEM_SELECTOR\n        );\n\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n\n        const context = findItemContext(\n          currentKeyRef.current as K,\n          dataState as DataState<string | number | null, D>\n        );\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        const context = findItemContext(key, dataState as DataState<string | number | null, D>);\n\n        setContextMenuContext(context as ListItemContext<K, D>);\n\n        //We update the key so when we close logical focus is on the correct item\n        updateCurrentKey(key as K);\n      }\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        isOpen: true\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      /* \n      TODO: Focus ring should be visible when context menu was closed because of selecting an item using keyboard, \n      but should not be visible when the selection was done using mouse or touch. This would probably means menu \n      onClose API is going to be changed a little bit so we can satisfy this requirement. JET-62372\n      */\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        scrollListRef.current?.focus({ preventScroll: true });\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [scrollListRef]\n  );\n\n  return {\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    onClose: handleCloseContextMenu,\n    contextMenuContext: contextMenuContext as ListItemContext<K, D>,\n    triggerProps,\n    notifyCurrentKeyChanged\n  } as const;\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { useImperativeHandle, useRef, useLayoutEffect } from 'preact/hooks';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { DataState, CurrentKeyDetail } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { List } from '../PRIVATE_List';\nimport { ListProps, ListViewContextMenuConfig, ListViewHandle } from './List.types';\nimport {\n  getScrollPosition,\n  setScrollPosition,\n  ListViewScrollPosition\n} from './ScrollPositionUtils';\nimport { MemoizeListViewReorderableItem } from './ListViewReorderableItem';\nimport { useListViewReorder } from './useListViewReorder';\nimport { ListViewContextMenu } from './ListViewContextMenu';\nimport { useListViewContextMenu } from './useListViewContextMenu';\nimport { useListViewCurrentItemOverride } from './useListViewCurrentItemOverride';\n\n/**\n * Props specific to non-virtualized ListView\n */\ntype NonVirtualizedListProps<K, D> = {\n  /**\n   * The data that is used to render each item in ListView.  If the value is null, then ListView will show nothing\n   * if hasMore is false, or loading indicator if hasMore is true.\n   */\n  data: D[] | null;\n  /**\n   * A callback function to extract the key which is used to identify the item.\n   */\n  getRowKey: (data: D) => K;\n  /**\n   * Whether there are more data available to load.  By default this returns false.\n   */\n  hasMore?: boolean;\n  /**\n   * An optional callback function which is invoked when user scrolls to the end of the list.\n   */\n  onLoadMore?: () => void;\n\n  /**\n   * Configuration used to specify a context menu.\n   */\n  contextMenuConfig?: ListViewContextMenuConfig<K, D>;\n};\n\n/**\n * Props for the ListView Component\n */\nexport type Props<K, D> = Pick<\n  ListProps<K, D>,\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'children'\n  | 'gridlines'\n  | 'currentItemOverride'\n  | 'onPersistCurrentItem'\n  | 'onItemAction'\n  | 'onSelectionChange'\n  | 'promotedSection'\n  | 'selectedKeys'\n  | 'selectionMode'\n  | 'viewportConfig'\n  | 'testId'\n  | 'scrollPositionOverride'\n  | 'onReorder'\n  | 'itemPadding'\n> &\n  NonVirtualizedListProps<K, D>;\n/**\n * A list view displays data items as a list or a grid with highly interactive features.\n */\nexport const ListView = forwardRef(\n  <K extends string | number, D>(props: Props<K, D>, ref?: ForwardedRef<ListViewHandle<K>>) => {\n    const { contextMenuConfig } = props;\n    const scrollPositionRef = useRef<ListViewScrollPosition<K>>();\n    const listRef = useRef<HTMLDivElement | null>(null);\n\n    const { currentItemOverride, updateCurrentItemOverride } = useListViewCurrentItemOverride(\n      props.currentItemOverride\n    );\n\n    const dataMetadata = props.data\n      ? props.data.map((aData: D) => {\n          const key = props.getRowKey(aData);\n          return { data: aData, metadata: { key } };\n        })\n      : null;\n\n    const loadRange = props.onLoadMore ? props.onLoadMore : () => {};\n    const dataState = dataMetadata\n      ? ({\n          offset: 0,\n          data: dataMetadata,\n          sizePrecision: props.hasMore ? 'atLeast' : 'exact',\n          totalSize: dataMetadata.length\n        } as DataState<K, D>)\n      : null;\n\n    useImperativeHandle(ref!, () => ({\n      getScrollPosition: () => {\n        if (listRef.current) {\n          return getScrollPosition(listRef.current);\n        }\n        return { y: 0 };\n      },\n      focus: () => {\n        if (listRef.current) {\n          listRef.current.focus();\n        }\n      }\n    }));\n\n    // update scroll position if a new value is provided\n    useLayoutEffect(() => {\n      if (listRef.current && scrollPositionRef.current !== props.scrollPositionOverride) {\n        setScrollPosition(listRef.current, props.scrollPositionOverride);\n        scrollPositionRef.current = props.scrollPositionOverride;\n      }\n    }, [props.scrollPositionOverride]);\n\n    /**\n     * Reorder Section\n     */\n    const isReorderEnabled = props.onReorder != undefined;\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useListViewReorder({\n      onReorder: props.onReorder,\n      rootRef: listRef,\n      viewportConfig: props.viewportConfig\n    });\n\n    const { triggerProps, menuProps, contextMenuContext, notifyCurrentKeyChanged } =\n      useListViewContextMenu(dataState, contextMenuConfig, listRef, updateCurrentItemOverride);\n\n    const onPersistCurrentItem = (detail: CurrentKeyDetail<K>) => {\n      props.onPersistCurrentItem?.(detail);\n      notifyCurrentKeyChanged(detail);\n    };\n\n    if (isReorderEnabled && reorderItemProps) {\n      return (\n        <>\n          <ReorderableContext.Provider value={reorderContext}>\n            <List\n              {...props}\n              aria-describedby={reorderInstructionsId}\n              contextMenuTriggerProps={triggerProps}\n              reorderProps={reorderProps}\n              onLoadRange={loadRange}\n              scrollerRef={listRef}\n              data={dataState}\n              currentItemOverride={currentItemOverride}\n              onPersistCurrentItem={onPersistCurrentItem}>\n              {(context) => (\n                <MemoizeListViewReorderableItem\n                  {...reorderItemProps}\n                  itemKey={context.metadata.key}>\n                  {props.children(context)}\n                </MemoizeListViewReorderableItem>\n              )}\n            </List>\n            <span id={reorderInstructionsId}>\n              <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n            </span>\n          </ReorderableContext.Provider>\n          {contextMenuConfig && (\n            <ListViewContextMenu\n              {...menuProps}\n              contextMenuConfig={contextMenuConfig}\n              contextMenuContext={contextMenuContext}\n            />\n          )}\n        </>\n      );\n    }\n\n    return (\n      <>\n        <List\n          {...props}\n          onLoadRange={loadRange}\n          scrollerRef={listRef}\n          data={dataState}\n          contextMenuTriggerProps={triggerProps}\n          currentItemOverride={currentItemOverride}\n          onPersistCurrentItem={onPersistCurrentItem}>\n          {props.children}\n        </List>\n        {contextMenuConfig && (\n          <ListViewContextMenu\n            {...menuProps}\n            contextMenuConfig={contextMenuConfig}\n            contextMenuContext={contextMenuContext}\n          />\n        )}\n      </>\n    );\n  }\n) as <K extends string | number, D>(\n  props: Props<K, D> & { ref?: ForwardedRef<ListViewHandle<K>> }\n) => JSX.Element;\n","import { useCallback, useRef } from 'preact/hooks';\nimport { Item as CurrentItem } from '#UNSAFE_Collection';\nimport { ListProps } from './List.types';\n\n/**\n * This hook handles the currentItemOverride passing to PRIVATE_List layer.\n *\n * If the app provided new value for 'currentItemOverride', we pass that down to PRIVATE_List layer;\n * otherwise, we will pass down the value of internal override, which would be the value\n * updated by useListViewContextMenu hook\n *\n * @param currentItemOverride\n */\nexport const useListViewCurrentItemOverride = <K extends string | number, D>(\n  currentItemOverride: ListProps<K, D>['currentItemOverride']\n) => {\n  // the override that will be passed down to PRIVATE_List layer\n  const listOverrideRef = useRef<CurrentItem<K>>();\n\n  // track the currentItemOverride attribute set by app\n  const appOverrideRef = useRef<CurrentItem<K>>();\n  if (appOverrideRef.current !== currentItemOverride) {\n    appOverrideRef.current = currentItemOverride;\n    listOverrideRef.current = currentItemOverride;\n  }\n\n  // track the internal override updated by useListViewContextMenu hook\n  // we can just update ref here since the hook will trigger a state update for its context, which will trigger a rerender\n  const updateCurrentItemOverride = useCallback((key: K) => {\n    listOverrideRef.current = { rowKey: key };\n  }, []);\n\n  return {\n    currentItemOverride: listOverrideRef.current,\n    updateCurrentItemOverride\n  };\n};\n","import type { RefObject } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { ITEM_SELECTOR, dragToScroll, findElementByKey } from '../utils/PRIVATE_collectionUtils';\nimport { ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { scrollToVisible } from '../PRIVATE_List';\nimport { ListProps } from './List.types';\n\ntype useListViewReorderProps<K, D> = Pick<ListProps<K, D>, 'onReorder'> & {\n  rootRef: RefObject<HTMLDivElement>;\n  viewportConfig?: ViewportConfig;\n};\n\nexport const useListViewReorder = <K extends string | number, D>({\n  onReorder,\n  rootRef,\n  viewportConfig\n}: useListViewReorderProps<K, D>) => {\n  const isReorderEnabled = onReorder != undefined;\n\n  const [dragKey, setDragKey] = useState<K | undefined>(undefined);\n  const { reorderProps, reorderContext, reorderInstructionsId, reorderInstructions } =\n    useReorderable({\n      onReorder,\n      rootRef,\n      itemSelector: ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns: 1\n    });\n\n  // ensure the current item is scrolled into view during keyboard reordering,\n  // disable that during mouse reordering\n  const reorderScrollIntoView = useRef(false);\n  useEffect(() => {\n    if (isReorderEnabled && reorderScrollIntoView.current) {\n      const rootElement = rootRef.current as HTMLElement;\n      const elem = findElementByKey(\n        rootElement,\n        reorderContext.currentItemKey.current as K,\n        ITEM_SELECTOR\n      );\n      if (elem) {\n        const scroller = viewportConfig?.scroller() || rootElement;\n        // make sure item is visible\n        scrollToVisible(elem, scroller, 0);\n        reorderScrollIntoView.current = false;\n      }\n    }\n  });\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // listview only do keyboard reordering with arrow up/down keys\n    if (\n      isReorderEnabled &&\n      (event.key === 'ArrowUp' || event.key === 'ArrowDown') &&\n      (event.metaKey || event.ctrlKey) &&\n      event.shiftKey\n    ) {\n      reorderScrollIntoView.current = true;\n      reorderProps.onKeyDown?.(event);\n    }\n  };\n\n  const handleDragOver = (event: DragEvent) => {\n    if (dragKey !== undefined) {\n      reorderScrollIntoView.current = false;\n      dragToScroll(event, dragKey !== undefined, rootRef.current);\n    }\n  };\n\n  const reorderEventProps = mergeProps({ onKeyDown: handleKeyDown, onDragOver: handleDragOver });\n\n  const reorderItemProps = {\n    dragKey,\n    setDragKey,\n    onReorder,\n    rootRef\n  };\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["getKeyForIndex","root","index","rowElements","querySelectorAll","length","getKey","getScrollPosition","newScrollTop","scrollTop","Math","abs","scrollPosition","y","key","undefined","offsetY","rowBottom","i","rowHeight","getBoundingClientRect","height","setScrollPosition","useRow","_getScrollTopFromScrollPosition","MemoizeListViewReorderableItem","memo","children","dragKey","setDragKey","onReorder","rootRef","itemKey","itemRef","useRef","itemStyles","itemOverlayFront","styles","reorderableItemOverlayFront","itemOverlayRear","reorderableItemOverlayRear","itemDragger","reorderableItemDragger","setTransferData","useCallback","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","getItem","current","closest","ITEM_SELECTOR","itemSelector","isVertical","classes","classNames","class","reorderableItemDnd","_jsxs","isKeyDefined","jsxs","_Fragment","Fragment","_jsx","jsx","prev","next","ListViewContextMenu","contextMenuConfig","contextMenuContext","menuProps","accessibleLabel","Menu","isOpen","itemsRenderer","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","anchorRef","ListView","forwardRef","props","scrollPositionRef","listRef","currentItemOverride","updateCurrentItemOverride","listOverrideRef","appOverrideRef","rowKey","useListViewCurrentItemOverride","dataMetadata","data","map","aData","metadata","getRowKey","loadRange","onLoadMore","dataState","offset","sizePrecision","hasMore","totalSize","useImperativeHandle","focus","useLayoutEffect","scrollPositionOverride","isReorderEnabled","reorderProps","reorderItemProps","reorderContext","reorderInstructionsId","reorderInstructions","viewportConfig","useState","useReorderable","columns","reorderScrollIntoView","useEffect","rootElement","elem","findElementByKey","currentItemKey","scroller","scrollToVisible","mergeProps","onKeyDown","metaKey","ctrlKey","shiftKey","onDragOver","dragToScroll","useListViewReorder","triggerProps","notifyCurrentKeyChanged","scrollListRef","updateCurrentKey","setContextMenuContext","setMenuProps","currentKeyRef","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","context","findItemContext","keyExtractor","handleCloseContextMenu","detail","reason","preventScroll","onClose","value","useListViewContextMenu","onPersistCurrentItem","ReorderableContext","Provider","List","contextMenuTriggerProps","onLoadRange","scrollerRef","id","HiddenAccessible"],"mappings":"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"}

package/amd/LoadMoreCollection-a6adbc3f.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', './useViewportIntersect-b2d47a4b', './Collection-46cfa244'], (function(e,o,t,r,n){"use strict";const i="oj-collection-loadmore",s=`.${i}`;e.LOADMORE_STYLE_CLASS=i,e.LoadMoreCollection=function({data:e,children:i,viewportConfig:c,hasMore:a,onLoadMore:l,loadMoreIndicator:d,suggestions:u,loadMoreThreshold:h=1}){return r.useViewportIntersect(c,Math.max(h,1),0,s,(()=>{e&&l()})),e?o.jsxs(t.Fragment,{children:[u,o.jsx(n.Collection,{items:e,children:i}),a&&d]}):o.jsx("div",{})}}));
+//# sourceMappingURL=LoadMoreCollection-a6adbc3f.js.map

package/amd/LoadMoreCollection-a6adbc3f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadMoreCollection-a6adbc3f.js","sources":["../../src/PRIVATE_LoadMoreCollection/LoadMoreCollection.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, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\nimport { Collection } from '../PRIVATE_Collection';\nimport { useViewportIntersect, ViewportConfig } from '../hooks/UNSAFE_useViewportIntersect';\n\n/**\n * Props for the LoadMoreCollection component\n */\ntype Props<D> = {\n  /**\n   * A DataState object that provide information including data and metadata to the LoadMoreCollection.\n   */\n  data: D[] | null;\n\n  /**\n   * Renderer callback used to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n\n  /**\n   * Viewport configuration including specifying the element which is used to determine what range\n   * of data to render\n   */\n  viewportConfig: ViewportConfig;\n\n  /**\n   * Whether there are still more data to load.  Internally, LoadMoreCollection will render the load\n   * more indicator at the bottom if this is true\n   */\n  hasMore: boolean;\n\n  /**\n   * Callback function to handle when user scrolls to the end of the component and there are more items to load.\n   * The function should update data prop on the component to include the next set of items fetched.\n   */\n  onLoadMore: () => void;\n\n  /**\n   * Optionally specify the custom load more indicator\n   */\n  loadMoreIndicator?: ComponentChildren;\n\n  /**\n   * Optionally provide the suggestion indicator sparkle\n   */\n  suggestions?: ComponentChildren;\n\n  /**\n   * Optionally specify how far in pixel from the bottom should load more occurs\n   */\n  loadMoreThreshold?: number;\n};\n\nexport const LOADMORE_STYLE_CLASS = 'oj-collection-loadmore';\n\nconst DEFAULT_MARGIN = 1;\nconst LOAD_MORE_SELECTOR = `.${LOADMORE_STYLE_CLASS}`;\n\n/**\n * Component that only render items in the specified viewport.\n * @param props\n */\nexport function LoadMoreCollection<D>({\n  data,\n  children,\n  viewportConfig,\n  hasMore,\n  onLoadMore,\n  loadMoreIndicator,\n  suggestions,\n  loadMoreThreshold = DEFAULT_MARGIN\n}: Props<D>) {\n  // detect if viewport has changed and it needs to re-render based on a new range\n  useViewportIntersect(\n    viewportConfig,\n    Math.max(loadMoreThreshold, DEFAULT_MARGIN),\n    0,\n    LOAD_MORE_SELECTOR,\n    () => {\n      if (data) {\n        onLoadMore();\n      }\n    }\n  );\n\n  // if DataState is invalid (including not specified), just render blank\n  if (!data) {\n    return <div />;\n  }\n\n  // might need to support elementType prop in the future to allow customization of what\n  // type of element to render for the root\n  return (\n    <Fragment>\n      {suggestions}\n      <Collection items={data}>{children}</Collection>\n      {hasMore && loadMoreIndicator}\n    </Fragment>\n  );\n}\n"],"names":["LOADMORE_STYLE_CLASS","LOAD_MORE_SELECTOR","data","children","viewportConfig","hasMore","onLoadMore","loadMoreIndicator","suggestions","loadMoreThreshold","useViewportIntersect","Math","max","_jsxs","Fragment","_jsx","jsx","Collection","items"],"mappings":"6IA4Da,MAAAA,EAAuB,yBAG9BC,EAAqB,IAAID,kDAMzB,UAAgCE,KACpCA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,QACdA,EAAOC,WACPA,EAAUC,kBACVA,EAAiBC,YACjBA,EAAWC,kBACXA,EAfqB,IA+BrB,OAbAC,uBACEN,EACAO,KAAKC,IAAIH,EApBU,GAqBnB,EACAR,GACA,KACMC,GACFI,GACD,IAKAJ,EAOHW,EAAAA,KAACC,EAAAA,SAAQ,CAAAX,SAAA,CACNK,EACDO,EAAAC,IAACC,aAAW,CAAAC,MAAOhB,EAAIC,SAAGA,IACzBE,GAAWE,KATPQ,eAYX"}

package/amd/MenuButton-a53e1b84.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', './ButtonLabelLayout-2e0e8d09', './ChevronDown-64f938c5', './Menu-5d447084', './MenuItem-87cd59b8', 'preact/hooks', 'preact', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-e95c5f30', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-69ce0a2d', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './useMenuAction-700f6c20', './BaseButton-9f103e94'], (function(e,t,o,s,n,a,r,u,i,l,c,d,p,h,f,M,m,y,S,b,T,g,B,x){"use strict";const v=d.forwardRef((({children:e,label:a,suffix:l,variant:c="outlined",isDisabled:d=!1,isMenuOpen:p=!1,onToggleMenu:h,size:f="md",type:M="button",width:m,icon:y,testId:S,"aria-describedby":b,onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},A)=>{const I=r.useRef(null);r.useImperativeHandle(A,(()=>I.current),[I]);const{triggerProps:L,menuProps:j}=B.useMenuAction({isDisabled:d,onToggleMenu:h,isMenuOpen:p,anchorRef:I}),C={type:"button",buttonType:M},D={onBlur:T,onFocus:g,onMouseEnter:v,onMouseLeave:w,onTouchEnd:E,onTouchStart:F},N=t.jsx(x.BaseButton,{...i.mergeProps(L,D),styling:p?["min","active"]:["min"],elementDetails:C,isDisabled:d,variant:c,width:m,size:f,ref:I,testId:S,"aria-label":l?`${a} ${l}`:a,"aria-describedby":b,children:t.jsx(o.ButtonLabelLayout,{display:"all",suffix:l,startIcon:y,endIcon:t.jsx(s.SvgChevronDown,{}),size:f,children:a})});return d?N:t.jsxs(u.Fragment,{children:[N,t.jsx(n.Menu,{...j,"aria-label":a,offsetValue:4,children:e})]})}));v.displayName="MenuButton",e.MenuButton=v}));
+//# sourceMappingURL=MenuButton-a53e1b84.js.map

package/amd/MenuButton-a53e1b84.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton-a53e1b84.js","sources":["../../src/UNSAFE_MenuButton/MenuButton.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 { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\nimport { MenuButtonDropdownIcon } from '../PRIVATE_ThemedIcons/MenuButtonDropdownIcon';\nimport { Menu } from '../UNSAFE_Menu';\nimport { useMenuAction, MenuToggleDetail } from '../hooks/UNSAFE_useMenuAction';\nimport { BaseButton } from '../UNSAFE_BaseButton';\n\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\nimport { ComponentChildren, ComponentChild, Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useImperativeHandle } from 'preact/hooks';\n\ntype IntrinsicProps = Pick<\n  HTMLAttributesSignalExcluded<HTMLElement>,\n  | 'autofocus'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onTouchEnd'\n  | 'onTouchStart'\n>;\n\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\n\nexport type Props = IntrinsicProps &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * children - One or more MenuItems, dividers, or Menu groups\n     */\n    children?: ComponentChildren;\n\n    /**\n     * The icon shown to the left of the label (or to the right of the\n     * label in right to left mode). Note that this is not the menu\n     * expand icon shown to the right of the label (or to the left of\n     * the label in right to left mode).\n     */\n    icon?: ComponentChild;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * The button label\n     */\n    label?: string;\n\n    /**\n     * Specifies if the menu is open\n     */\n    isMenuOpen?: boolean;\n\n    /**\n     * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n     */\n    onToggleMenu?: (details: MenuToggleDetail) => void;\n\n    /**\n     * A suffix to the label that can be rendered differently.  Used to identify\n     * which child MenuItem is invoked.\n     */\n    suffix?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"ghost\": \"Ghost buttons are the least prominent variant. Ghost buttons are\n     * useful for performing low-priority tasks, such as manipulating the UI.\",\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\"\n     */\n    variant?: 'ghost' | 'borderless' | 'outlined' | 'solid';\n\n    /**\n     * The size indicates how large the button is rendered: \"sm\", \"md\" (default), \"lg\".\n     */\n    size?: 'xs' | 'sm' | 'md' | 'lg';\n\n    /**\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the button.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A MenuButton is a combined action and menu button.\n */\nexport const MenuButton = forwardRef(\n  (\n    {\n      children,\n      label,\n      suffix,\n      variant = 'outlined',\n      isDisabled = false,\n      isMenuOpen = false,\n      onToggleMenu,\n      size = 'md',\n      type: buttonType = 'button',\n      width,\n      icon,\n      testId,\n      'aria-describedby': ariaDescribedBy,\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    }: Props,\n    ref?: ForwardedRef<HTMLButtonElement>\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    useImperativeHandle(ref!, () => buttonRef.current!, [buttonRef]);\n\n    const { triggerProps, menuProps } = useMenuAction({\n      isDisabled: isDisabled,\n      onToggleMenu: onToggleMenu,\n      isMenuOpen: isMenuOpen,\n      anchorRef: buttonRef\n    });\n\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n\n    const globalEventProps = {\n      onBlur,\n      onFocus,\n      onMouseEnter,\n      onMouseLeave,\n      onTouchEnd,\n      onTouchStart\n    };\n\n    const rootButton = (\n      <BaseButton\n        {...mergeProps(triggerProps, globalEventProps)}\n        styling={isMenuOpen ? ['min', 'active'] : ['min']}\n        elementDetails={elementDetails}\n        isDisabled={isDisabled}\n        variant={variant}\n        width={width}\n        size={size}\n        ref={buttonRef}\n        testId={testId}\n        aria-label={suffix ? `${label} ${suffix}` : label}\n        aria-describedby={ariaDescribedBy}>\n        <ButtonLabelLayout\n          display={'all'}\n          suffix={suffix}\n          startIcon={icon}\n          endIcon={<MenuButtonDropdownIcon />}\n          size={size}>\n          {label}\n        </ButtonLabelLayout>\n      </BaseButton>\n    );\n\n    /*TODO: Remove this hardcoded offsetValue so we have dropdown offset only set on one single place.\n     Could be done via menu props or having a dropdownMenu component. JET-60595*/\n\n    /*TODO: Once menu expose a prop to set min width we would need to calculate offset width of button\n      so we set the correct min width since dropdown menus are 200px but if triggered element width is\n      bigger should be that size. JET-60745 */\n\n    return isDisabled ? (\n      rootButton\n    ) : (\n      <Fragment>\n        {rootButton}\n        <Menu {...menuProps} aria-label={label} offsetValue={4}>\n          {children}\n        </Menu>\n      </Fragment>\n    );\n  }\n);\n\nMenuButton.displayName = 'MenuButton';\n"],"names":["MenuButton","forwardRef","children","label","suffix","variant","isDisabled","isMenuOpen","onToggleMenu","size","type","buttonType","width","icon","testId","ariaDescribedBy","onBlur","onFocus","onMouseEnter","onMouseLeave","onTouchEnd","onTouchStart","ref","buttonRef","useRef","useImperativeHandle","current","triggerProps","menuProps","useMenuAction","anchorRef","elementDetails","globalEventProps","rootButton","_jsx","jsx","BaseButton","mergeProps","styling","ButtonLabelLayout","display","startIcon","endIcon","MenuButtonDropdownIcon","_jsxs","Fragment","Menu","offsetValue","displayName"],"mappings":"00BA8GO,MAAMA,EAAaC,EAAUA,YAClC,EAEIC,WACAC,QACAC,SACAC,UAAU,WACVC,cAAa,EACbC,cAAa,EACbC,eACAC,OAAO,KACPC,KAAMC,EAAa,SACnBC,QACAC,OACAC,SACA,mBAAoBC,EACpBC,SACAC,UACAC,eACAC,eACAC,aACAC,gBAEFC,KAEA,MAAMC,EAAYC,SAA0B,MAC5CC,EAAmBA,oBAACH,GAAM,IAAMC,EAAUG,SAAU,CAACH,IAErD,MAAMI,aAAEA,EAAYC,UAAEA,GAAcC,gBAAc,CAChDvB,WAAYA,EACZE,aAAcA,EACdD,WAAYA,EACZuB,UAAWP,IAGPQ,EAAiB,CACrBrB,KAAM,SACNC,WAAYA,GAGRqB,EAAmB,CACvBhB,SACAC,UACAC,eACAC,eACAC,aACAC,gBAGIY,EACJC,EAAAC,IAACC,EAAUA,WACL,IAAAC,EAAUA,WAACV,EAAcK,GAC7BM,QAAS/B,EAAa,CAAC,MAAO,UAAY,CAAC,OAC3CwB,eAAgBA,EAChBzB,WAAYA,EACZD,QAASA,EACTO,MAAOA,EACPH,KAAMA,EACNa,IAAKC,EACLT,OAAQA,eACIV,EAAS,GAAGD,KAASC,IAAWD,qBAC1BY,EAAeb,SACjCgC,EAAAA,IAACK,EAAAA,kBACC,CAAAC,QAAS,MACTpC,OAAQA,EACRqC,UAAW5B,EACX6B,QAASR,EAAAA,IAACS,EAAAA,eAAsB,CAAA,GAChClC,KAAMA,WACLN,MAYP,OAAOG,EAAU,EAGfsC,EAAAA,KAACC,EAAQA,SACN,CAAA3C,SAAA,CAAA+B,EACDC,EAAAC,IAACW,OAAI,IAAKlB,EAAS,aAAczB,EAAO4C,YAAa,EAClD7C,SAAAA,MAGN,IAILF,EAAWgD,YAAc"}

package/amd/Message-8ba62e6a.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-56ecdf4c', './UNSAFE_MessageBanner/themes/redwood/MessageBannerTheme', './useComponentTheme-5aa41a8f', './timer-571d3748', './classNames-08d99695', './Close-04d8a398', './IconButton-d1646f51', './useTranslationBundle-516b1b83', './PRIVATE_Message/themes/MessageStyles.css', 'preact', './MessageFormattingUtils-2e19d8de', './MessagesManager-d5686336', './utils-5077c092'], (function(e,s,a,t,n,r,o,l,i,c,u,m,d,g,y,f){"use strict";function v({onAction:e,variant:a="banner"}){const t=u.useTranslationBundle("@oracle/oraclejet-preact"),n=s.jsx(c.IconButton,{"aria-label":t.message_close(),size:"sm",variant:"borderless",onAction:e,children:s.jsx(i.SvgClose,{})}),r=l.classNames([m.messageCloseButtonStyles.base,m.messageCloseButtonStyles[a]]);return s.jsx("div",{class:r,"data-oj-message-close-button":"",children:n})}function p({item:e,renderer:a}){const t=l.classNames([m.messageStartIconStyles.base,m.messageStartIconStyles.toast,m.messageStartIconStyles.customToast]);return s.jsx("div",{class:t,role:"presentation","data-oj-message-custom-icon":"",children:a(e)})}function x(e){const{detail:a}=e.data;return g.isValidValueForProp(a)?s.jsx(d.Fragment,{children:a}):null}function b({item:e,renderer:a,variant:t="banner"}){const n=null!=a,r=(a??x)(e);if(null==r)return null;const o=l.classNames([m.messageDetailStyles.base,m.messageDetailStyles[t]]);return s.jsx("div",{class:o,...n?{"data-oj-message-custom-detail":""}:{},children:r})}function j({children:e,variant:a="banner"}){const t=l.classNames([m.messageHeaderStyles.base,m.messageHeaderStyles[a]]);return s.jsx("div",{role:"presentation",class:t,children:e})}function S({value:e,variant:a="banner"}){const t=l.classNames([m.messageTimestampStyles[a]]),n=g.formatTimestamp(e);return s.jsx("div",{class:t,children:n})}function h(e){return g.isValidValueForProp(e,"severity")&&"none"!==e}e.Message=function({detailRenderer:e,iconRenderer:i,item:c,onClose:u,messageRef:d=(()=>{}),variant:x="pageBanner"}){const{closeAffordance:C="on",severity:B="error",sound:M,summary:T,timestamp:k}=c.data,{autoTimeout:F="off"}=c.data,I=function(e){return"pageBanner"===e||"sectionBanner"===e?"banner":"toast"}(x),N=a.useCallback((()=>{u?.(c)}),[c,u]),V=a.useCallback((e=>{"Escape"===e.key&&"on"===C&&u?.(c)}),[C,c,u]),A="toast"===I&&"off"!==F,R=a.useRef(),P="on"===F?5e3:"number"==typeof F?F:5e3,E=a.useCallback((()=>{R.current||(R.current=new o.Timer(N,P))}),[N,P]),U=a.useCallback((()=>{R.current&&(R.current.clear(),R.current=void 0)}),[]),w=a.useCallback((()=>{R.current?.pause()}),[]),D=a.useCallback((()=>{R.current?.resume()}),[]);a.useEffect((()=>(g.isValidValueForProp(M)&&y.playSound(M),A&&E(),()=>{U()})),[]);const{variantClasses:_}=r.useComponentTheme(n.MessageBannerRedwoodTheme,{severity:B}),H=l.classNames(["banner"===I&&_,m.messageStyles.base[I],"toast"!==x&&y.severityBasedStyleClass(B,I),"sectionBanner"===x&&m.messageStyles.section]),$=l.classNames([m.messageStyles.content.base,m.messageStyles.content[I]]);return s.jsx("div",{ref:d,class:H,role:"alert","aria-atomic":"true","data-oj-key":`${typeof c.key}-${c.key}`,tabIndex:0,onKeyUp:V,onFocusIn:w,onFocusOut:D,children:s.jsxs("div",{class:$,children:[i?s.jsx(p,{item:c,renderer:i}):h(B)?s.jsx(y.MessageStartIcon,{severity:B,variant:I}):null,s.jsxs(t.Flex,{direction:"column",flex:"1",gap:f.xUnits(2),children:[s.jsxs(j,{variant:I,children:[s.jsx(y.MessageSummary,{variant:I,text:T,role:"heading","aria-level":2}),g.isValidValueForProp(k,"timestamp")&&"toast"!==x&&s.jsx(S,{variant:I,value:k})]}),s.jsx(b,{variant:I,item:c,renderer:e})]}),"on"===C&&s.jsx(v,{variant:I,onAction:N})]})})},e.MessageCloseButton=v,e.MessageDetail=b,e.MessageTimestamp=S}));
+//# sourceMappingURL=Message-8ba62e6a.js.map