@oracle/oraclejet-preact 20.0.3 → 20.0.4

package/amd/{BarChart-f429b382.js → BarChart-994cb8f0.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './useUser-08901aba', './BarGroup-6f67e7ca', './dataStyleUtils-1a157bd8', 'preact/compat', './Chart-57965de4'], (function(e,t,r,n,o,i,s,a){"use strict";function d(e,t,r,n,o,i){const s=Array.isArray(n)&&n.length>1,a=t?t.map((e=>{const t=o(e)??"default",r=n.indexOf(t);return r>=0?r:0})):new Array(r).fill(0),d=n.map((()=>[]));for(let e=0;e<r;e++){const t=a[e]??0;d[t]&&d[t].push(e)}const l=(t,r)=>{const n=e(t,r);return n?.value},g=(e,t)=>{const r=l(e,t),n=null==(o=r)||0===o?0:o>0?1:-1;var o;const i=a[e],s=d[i]||[];let g=0;for(let r=0;r<s.length;r++){const o=s[r],i=l(o,t);if(n>0?(i??0)>0&&(g+=i):(i??0)<0&&(g+=i),o===e)break}return g};return{hasMultipleStacks:s,moveWithinStack:(e,t)=>{const n=e.groupIndex,o=(s=n,Array.from({length:r},((e,t)=>({s:t,pos:g(t,s)}))).sort(((e,t)=>e.pos===t.pos?e.s-t.s:e.pos-t.pos)).map((e=>e.s)));var s;const a=o.indexOf(e.seriesIndex);if(-1===a)return;const d="next"===t?1:-1;for(let e=a+d;e>=0&&e<o.length;e+=d){const t=o[e];if(i(t,n))return{seriesIndex:t,groupIndex:n}}}}}function l(e,t,r,n){const o=i.getNextItemInGroup(e,r,n);if(o)return o;if(e.groupIndex<t){let o={seriesIndex:0,groupIndex:e.groupIndex+1};if(n(o.seriesIndex,o.groupIndex))return o;if(o=l(o,t,r,n),o)return o}}function g(e,t,r,n){const o=i.getPrevItemInGroup(e,n);if(o)return o;if(e.groupIndex>t){let o={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(n(o.seriesIndex,o.groupIndex))return o;if(o=g(o,t,r,n),o)return o}return e}function u(e){return t.jsx(c,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const c=s.forwardRef((({width:e,height:s,selectedIds:c=[],hiddenIds:p=[],highlightedIds:f,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:h,xAxis:A,y2Axis:m,series:S,groups:w,stacking:v="off",getDataItem:y,selectionMode:k="none",drilling:b="off",dataItemGaps:D=.5,...R},G)=>{const{direction:L}=n.useUser(),P="rtl"===L,j=new Set(p),B="horizontal"===x,C=A?.timeAxisType,M=new Set(c),T=new Set(f),U="off"!=v,N="string"==typeof v?void 0:v.stackLabelStyle,O="string"!=typeof v?v.getStackGroup:()=>"default",E="object"==typeof v&&v.getStackLabel?v.getStackLabel:void 0,W="number"==typeof m?.split;return t.jsx(a.Chart,{ref:G,width:e,height:s,yAxis:h,xAxis:A,y2Axis:m,selectedIds:M,hiddenIds:p,hideAndShowBehavior:I,orientation:x,series:S,groups:w,isStacked:U,getDataItem:y,stackLabelStyle:N,selectionMode:k,getStackGroup:O,drilling:b,renderGridLinesInFront:!1,findNearest:(e,t,n,i,s,a)=>{const d=o.getSeriesOffsetAndWidth(i,s,S,y,a,D,U,P,B);return r.findNearestDataPoint(S,w,e,t,y,U,d,o.getBarCenterCoordinate,"log"===h?.scale,D,j,C,n)},getDataItemPos:(e,t,r,n,i,s)=>o.getBarPosition(S,w,y,e,t,r,j,D,n,i,s,"log"===h?.scale,U,P,B,W,O,C),getNavUtil:(e,t)=>{const r=U?Array.from(new Set(S.map((e=>O(e)||"default")))):[];return function(e,t,r,n,o,s,a,u,c,p){const f=(t,r)=>{const n=e(t,r);return Boolean(n)};return(I,x)=>{if(!s&&(("ArrowDown"===x||"ArrowUp"===x)&&!u||("ArrowLeft"===x||"ArrowRight"===x)&&u))return I;let h;const A={groupIndex:I.groupIndex,seriesIndex:I.seriesIndex};if(A.groupIndex<n)return A.groupIndex=n,A;if(A.groupIndex>o)return A.groupIndex=o,A;if(s){const{moveWithinStack:s}=d(e,t,r,c,p,f);"ArrowLeft"===x&&!u||"ArrowUp"===x&&u?h=a&&!u?i.getNextItemInSeries(A,o,f):i.getPrevItemInSeries(A,n,f):"ArrowRight"===x&&!u||"ArrowDown"===x&&u?h=a&&!u?i.getPrevItemInSeries(A,n,f):i.getNextItemInSeries(A,o,f):"ArrowDown"===x&&!u||"ArrowLeft"===x&&u?h=s(A,a&&u?"next":"prev"):("ArrowUp"===x&&!u||"ArrowRight"===x&&u)&&(h=s(A,a&&u?"prev":"next"))}else u?"ArrowDown"===x?h=l(A,o,r,f):"ArrowUp"===x&&(h=g(A,n,r,f)):"ArrowRight"===x?h=a?g(A,n,r,f):l(A,o,r,f):"ArrowLeft"===x&&(h=a?l(A,o,r,f):g(A,n,r,f));return h||A}}(y,S,S.length,e,t,U,P,B,r,O)},getGapRatio:(e,t)=>r.getBarGapRatio(U,e,t),getMarkerInfo:(e,t)=>({color:i.getItemColor(e,t,S,y),type:"circle"}),isRtl:P,getStartAndEndAxesOffset:e=>r.getStartAndEndAxesOffset(!1,!1,B,e,!0),defaultOverviewContentRenderer:()=>t.jsx(u,{series:S,groups:w,getDataItem:y}),...R,children:({groupsInfo:e,xStartIndex:r,xEndIndex:n,xScale:i,yScale:s,y2Scale:a,gapRatio:d,activeId:l,focusedItemInfo:g,hoveredItemInfo:u,axisStepWidth:c,averageGroupZ:p,isPointInsideMarquee:I,getTextDimensions:m,defaultFontSize:w,resolvedColors:v,getItemAriaLabel:R,plotAreaClipPathId:G})=>t.jsx("g",{clipPath:`url(#${G})`,children:e.slice(r,n+1).map((({item:e},n)=>t.jsx(o.BarGroup,{yScale:s,splitDualY:W,y2Scale:a,xScale:i,groupIndex:n+r,selectedIds:M,hiddenIds:j,highlightedIds:f?T:f,isDrillEnabled:"on"===b,series:S,barGapRatio:d,dataItemGaps:D,isPointInsideMarquee:I,isStacked:U,axisStepWidth:c,averageGroupZ:p,group:e,timeAxisType:A?.timeAxisType,colors:v,activeId:l,isLog:"log"===h?.scale,orientation:x,getDataItem:y,isSelectionEnabled:"none"!=k,isRtl:P,focusedItemInfo:g,hoveredItemInfo:u,getTextDimensions:m,defaultFontSize:w,getStackGroup:O,getStackLabel:E,getItemAriaLabel:R})))})})}));e.BarChart=c}));
-//# sourceMappingURL=BarChart-f429b382.js.map
+define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './useUser-08901aba', './BarGroup-6f67e7ca', './dataStyleUtils-1a157bd8', 'preact/compat', './Chart-d9eafc7a'], (function(e,t,r,n,o,i,s,a){"use strict";function d(e,t,r,n,o,i){const s=Array.isArray(n)&&n.length>1,a=t?t.map((e=>{const t=o(e)??"default",r=n.indexOf(t);return r>=0?r:0})):new Array(r).fill(0),d=n.map((()=>[]));for(let e=0;e<r;e++){const t=a[e]??0;d[t]&&d[t].push(e)}const l=(t,r)=>{const n=e(t,r);return n?.value},g=(e,t)=>{const r=l(e,t),n=null==(o=r)||0===o?0:o>0?1:-1;var o;const i=a[e],s=d[i]||[];let g=0;for(let r=0;r<s.length;r++){const o=s[r],i=l(o,t);if(n>0?(i??0)>0&&(g+=i):(i??0)<0&&(g+=i),o===e)break}return g};return{hasMultipleStacks:s,moveWithinStack:(e,t)=>{const n=e.groupIndex,o=(s=n,Array.from({length:r},((e,t)=>({s:t,pos:g(t,s)}))).sort(((e,t)=>e.pos===t.pos?e.s-t.s:e.pos-t.pos)).map((e=>e.s)));var s;const a=o.indexOf(e.seriesIndex);if(-1===a)return;const d="next"===t?1:-1;for(let e=a+d;e>=0&&e<o.length;e+=d){const t=o[e];if(i(t,n))return{seriesIndex:t,groupIndex:n}}}}}function l(e,t,r,n){const o=i.getNextItemInGroup(e,r,n);if(o)return o;if(e.groupIndex<t){let o={seriesIndex:0,groupIndex:e.groupIndex+1};if(n(o.seriesIndex,o.groupIndex))return o;if(o=l(o,t,r,n),o)return o}}function g(e,t,r,n){const o=i.getPrevItemInGroup(e,n);if(o)return o;if(e.groupIndex>t){let o={groupIndex:e.groupIndex-1,seriesIndex:r-1};if(n(o.seriesIndex,o.groupIndex))return o;if(o=g(o,t,r,n),o)return o}return e}function u(e){return t.jsx(c,{datatip:()=>({content:""}),zoomAndScroll:"off",plotArea:{yMajorTick:{isRendered:!1},xMajorTick:{}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},overview:"off"})}const c=s.forwardRef((({width:e,height:s,selectedIds:c=[],hiddenIds:p=[],highlightedIds:f,hideAndShowBehavior:I="none",orientation:x="vertical",yAxis:h,xAxis:A,y2Axis:m,series:S,groups:w,stacking:v="off",getDataItem:y,selectionMode:k="none",drilling:b="off",dataItemGaps:D=.5,...R},G)=>{const{direction:L}=n.useUser(),P="rtl"===L,j=new Set(p),B="horizontal"===x,C=A?.timeAxisType,M=new Set(c),T=new Set(f),U="off"!=v,N="string"==typeof v?void 0:v.stackLabelStyle,O="string"!=typeof v?v.getStackGroup:()=>"default",E="object"==typeof v&&v.getStackLabel?v.getStackLabel:void 0,W="number"==typeof m?.split;return t.jsx(a.Chart,{ref:G,width:e,height:s,yAxis:h,xAxis:A,y2Axis:m,selectedIds:M,hiddenIds:p,hideAndShowBehavior:I,orientation:x,series:S,groups:w,isStacked:U,getDataItem:y,stackLabelStyle:N,selectionMode:k,getStackGroup:O,drilling:b,renderGridLinesInFront:!1,findNearest:(e,t,n,i,s,a)=>{const d=o.getSeriesOffsetAndWidth(i,s,S,y,a,D,U,P,B);return r.findNearestDataPoint(S,w,e,t,y,U,d,o.getBarCenterCoordinate,"log"===h?.scale,D,j,C,n)},getDataItemPos:(e,t,r,n,i,s)=>o.getBarPosition(S,w,y,e,t,r,j,D,n,i,s,"log"===h?.scale,U,P,B,W,O,C),getNavUtil:(e,t)=>{const r=U?Array.from(new Set(S.map((e=>O(e)||"default")))):[];return function(e,t,r,n,o,s,a,u,c,p){const f=(t,r)=>{const n=e(t,r);return Boolean(n)};return(I,x)=>{if(!s&&(("ArrowDown"===x||"ArrowUp"===x)&&!u||("ArrowLeft"===x||"ArrowRight"===x)&&u))return I;let h;const A={groupIndex:I.groupIndex,seriesIndex:I.seriesIndex};if(A.groupIndex<n)return A.groupIndex=n,A;if(A.groupIndex>o)return A.groupIndex=o,A;if(s){const{moveWithinStack:s}=d(e,t,r,c,p,f);"ArrowLeft"===x&&!u||"ArrowUp"===x&&u?h=a&&!u?i.getNextItemInSeries(A,o,f):i.getPrevItemInSeries(A,n,f):"ArrowRight"===x&&!u||"ArrowDown"===x&&u?h=a&&!u?i.getPrevItemInSeries(A,n,f):i.getNextItemInSeries(A,o,f):"ArrowDown"===x&&!u||"ArrowLeft"===x&&u?h=s(A,a&&u?"next":"prev"):("ArrowUp"===x&&!u||"ArrowRight"===x&&u)&&(h=s(A,a&&u?"prev":"next"))}else u?"ArrowDown"===x?h=l(A,o,r,f):"ArrowUp"===x&&(h=g(A,n,r,f)):"ArrowRight"===x?h=a?g(A,n,r,f):l(A,o,r,f):"ArrowLeft"===x&&(h=a?l(A,o,r,f):g(A,n,r,f));return h||A}}(y,S,S.length,e,t,U,P,B,r,O)},getGapRatio:(e,t)=>r.getBarGapRatio(U,e,t),getMarkerInfo:(e,t)=>({color:i.getItemColor(e,t,S,y),type:"circle"}),isRtl:P,getStartAndEndAxesOffset:e=>r.getStartAndEndAxesOffset(!1,!1,B,e,!0),defaultOverviewContentRenderer:()=>t.jsx(u,{series:S,groups:w,getDataItem:y}),...R,children:({groupsInfo:e,xStartIndex:r,xEndIndex:n,xScale:i,yScale:s,y2Scale:a,gapRatio:d,activeId:l,focusedItemInfo:g,hoveredItemInfo:u,axisStepWidth:c,averageGroupZ:p,isPointInsideMarquee:I,getTextDimensions:m,defaultFontSize:w,resolvedColors:v,getItemAriaLabel:R,plotAreaClipPathId:G})=>t.jsx("g",{clipPath:`url(#${G})`,children:e.slice(r,n+1).map((({item:e},n)=>t.jsx(o.BarGroup,{yScale:s,splitDualY:W,y2Scale:a,xScale:i,groupIndex:n+r,selectedIds:M,hiddenIds:j,highlightedIds:f?T:f,isDrillEnabled:"on"===b,series:S,barGapRatio:d,dataItemGaps:D,isPointInsideMarquee:I,isStacked:U,axisStepWidth:c,averageGroupZ:p,group:e,timeAxisType:A?.timeAxisType,colors:v,activeId:l,isLog:"log"===h?.scale,orientation:x,getDataItem:y,isSelectionEnabled:"none"!=k,isRtl:P,focusedItemInfo:g,hoveredItemInfo:u,getTextDimensions:m,defaultFontSize:w,getStackGroup:O,getStackLabel:E,getItemAriaLabel:R})))})})}));e.BarChart=c}));
+//# sourceMappingURL=BarChart-994cb8f0.js.map

package/amd/{BarChart-f429b382.js.map → BarChart-994cb8f0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BarChart-f429b382.js","sources":["../../src/UNSAFE_BarChart/utils/stackedGroupNavUtils.ts","../../src/UNSAFE_BarChart/utils/barNavUtils.ts","../../src/UNSAFE_BarChart/OverviewBarChart.tsx","../../src/UNSAFE_BarChart/BarChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\n/**\n * Stacked BarChart in-group navigation utilities.\n * Ordering within a group is determined by each segment's stacked extreme coordinate:\n * - Positive segments: use the cumulative positive sum up to and including the segment (top edge).\n * - Negative segments: use the cumulative negative sum up to and including the segment (bottom edge).\n *\n * In-group navigation ignores stack-group boundaries and considers all series across stacks.\n * Cross-stack/group helpers are preserved for fallback navigation outside the current group.\n */\n\nimport { ChartSeriesData, Info } from '#utils/UNSAFE_visTypes/chart';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype Direction = 'prev' | 'next';\n\nexport function createStackedGroupNavigator<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  series: ChartSeriesData<K, D>[],\n  numSeries: number,\n  stackGroups: string[],\n  getStackGroup: (series: ChartSeriesData<K, D>) => string | undefined,\n  isItemNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const hasMultipleStacks = Array.isArray(stackGroups) && stackGroups.length > 1;\n\n  const seriesToStackIndex: number[] = series\n    ? series.map((s) => {\n        const stackName = getStackGroup(s) ?? 'default';\n        const idx = stackGroups.indexOf(stackName);\n        return idx >= 0 ? idx : 0;\n      })\n    : new Array(numSeries).fill(0);\n\n  const stackToSeries: number[][] = stackGroups.map(() => []);\n  for (let i = 0; i < numSeries; i++) {\n    const stIdx = seriesToStackIndex[i] ?? 0;\n    if (stackToSeries[stIdx]) {\n      stackToSeries[stIdx].push(i);\n    }\n  }\n\n  const itemValue = (seriesIndex: number, groupIndex: number): number | undefined => {\n    const it = getDataItem(seriesIndex, groupIndex);\n    return it?.value;\n  };\n\n  const valueSign = (value: number | undefined): -1 | 0 | 1 => {\n    if (value == null || value === 0) return 0;\n    return value > 0 ? 1 : -1;\n  };\n\n  /**\n   * Compute the stacked extreme coordinate for the given series at the given group:\n   * - Positive values: cumulative positive sum up to and including this series within its stack (top edge).\n   * - Negative values: cumulative negative sum up to and including this series within its stack (bottom edge).\n   * - Zero/undefined: 0 (baseline).\n   */\n  const stackedEdge = (seriesIndex: number, groupIndex: number): number => {\n    const v = itemValue(seriesIndex, groupIndex);\n    const sgn = valueSign(v);\n\n    const stIdx = seriesToStackIndex[seriesIndex];\n    const seriesInStack = stackToSeries[stIdx] || [];\n\n    let sum = 0;\n    for (let i = 0; i < seriesInStack.length; i++) {\n      const s = seriesInStack[i]!;\n      const val = itemValue(s, groupIndex);\n\n      if (sgn > 0) {\n        // Accumulate only positive contributions\n        if ((val ?? 0) > 0) sum += val as number;\n      } else {\n        // Accumulate only negative contributions\n        if ((val ?? 0) < 0) sum += val as number;\n      }\n\n      if (s === seriesIndex) break;\n    }\n    return sum;\n  };\n\n  /**\n   * Returns all series indices ordered bottom->top by their stacked extreme coordinate\n   * for a given group. Ties are broken by series index to provide a stable order.\n   */\n  const orderedSeriesByStackedEdge = (groupIndex: number): number[] =>\n    Array.from({ length: numSeries }, (_, s) => ({ s, pos: stackedEdge(s, groupIndex) }))\n      .sort((a, b) => (a.pos === b.pos ? a.s - b.s : a.pos - b.pos))\n      .map((e) => e.s);\n\n  /**\n   * In-group navigation across all stacks:\n   * - \"next\": move toward the top (larger stackedEdge)\n   * - \"prev\": move toward the bottom (smaller stackedEdge)\n   */\n  const moveWithinStack = (info: Info, direction: Direction): Info | undefined => {\n    const group = info.groupIndex!;\n    const ordered = orderedSeriesByStackedEdge(group);\n\n    const currIdx = ordered.indexOf(info.seriesIndex!);\n    if (currIdx === -1) return;\n\n    const step = direction === 'next' ? 1 : -1;\n    for (let k = currIdx + step; k >= 0 && k < ordered.length; k += step) {\n      const nextSeries = ordered[k]!;\n      if (isItemNavigable(nextSeries, group)) {\n        return { seriesIndex: nextSeries, groupIndex: group };\n      }\n    }\n    return;\n  };\n\n  return {\n    hasMultipleStacks,\n    moveWithinStack\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ChartSeriesData, Info, ItemInfo } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getNextItemInGroup,\n  getNextItemInSeries,\n  getPrevItemInGroup,\n  getPrevItemInSeries\n} from '#utils/PRIVATE_chartUtils/navUtils';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { createStackedGroupNavigator } from './stackedGroupNavUtils';\n\ntype isItemNavigableType = (seriesIndex: number, groupIndex: number) => boolean;\n\n/**\n * Get next item in unstacked bar chart.\n * @param info\n * @param viewportEndIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getNextItem(\n  info: ItemInfo,\n  viewportEndIndex: number,\n  numSeries: number,\n  isNavigable: isItemNavigableType\n): ItemInfo | undefined {\n  const nextItemInGroup = getNextItemInGroup(info, numSeries, isNavigable);\n  if (nextItemInGroup) return nextItemInGroup;\n\n  if (info.groupIndex < viewportEndIndex) {\n    let nextItem: ItemInfo | undefined = { seriesIndex: 0, groupIndex: info.groupIndex + 1 };\n    if (isNavigable(nextItem.seriesIndex, nextItem.groupIndex)) return nextItem;\n    nextItem = getNextItem(nextItem, viewportEndIndex, numSeries, isNavigable);\n    if (nextItem) return nextItem;\n  }\n  return;\n}\n\n/**\n * Get prev item in unstacked bar chart.\n * @param info\n * @param viewportStartIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getPreviousItem(\n  info: ItemInfo,\n  viewportStartIndex: number,\n  numSeries: number,\n  isNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const prevItemInGroup = getPrevItemInGroup(info, isNavigable);\n  if (prevItemInGroup) return prevItemInGroup;\n\n  if (info.groupIndex > viewportStartIndex) {\n    let prevItem = { groupIndex: info.groupIndex - 1, seriesIndex: numSeries - 1 };\n    if (isNavigable(prevItem.seriesIndex, prevItem.groupIndex)) return prevItem;\n    prevItem = getPreviousItem(prevItem, viewportStartIndex, numSeries, isNavigable);\n    if (prevItem) return prevItem;\n  }\n  return info;\n}\n\nexport function getBarChartNavUtil<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  series: ChartSeriesData<K, D>[],\n  numSeries: number,\n  viewportStartIndex: number,\n  viewportEndIndex: number,\n  isStacked: boolean,\n  isRtl: boolean,\n  isHoriz: boolean,\n  stackGroups: string[],\n  getStackGroup: (series: ChartSeriesData<K, D>) => string | undefined\n) {\n  const isItemNavigable = (seriesIndex: number, groupIndex: number) => {\n    const barItem = getDataItem(seriesIndex, groupIndex);\n    return Boolean(barItem);\n  };\n\n  const getNextChartItem = (\n    itemInfo: Info,\n    arrow: 'ArrowLeft' | 'ArrowRight' | 'ArrowDown' | 'ArrowUp'\n  ): Info => {\n    if (\n      !isStacked &&\n      (((arrow === 'ArrowDown' || arrow === 'ArrowUp') && !isHoriz) ||\n        ((arrow === 'ArrowLeft' || arrow === 'ArrowRight') && isHoriz))\n    ) {\n      return itemInfo;\n    }\n\n    let newInfo: Info | undefined;\n    // TODO: this is just to keep typescript happy.\n    // figure out consistent typing while doing type cleanup.\n    const info = {\n      groupIndex: itemInfo.groupIndex!,\n      seriesIndex: itemInfo.seriesIndex!\n    };\n\n    if (info.groupIndex! < viewportStartIndex) {\n      info.groupIndex = viewportStartIndex;\n      return info;\n    } else if (info.groupIndex! > viewportEndIndex) {\n      info.groupIndex = viewportEndIndex;\n      return info;\n    }\n\n    if (isStacked) {\n      // Stacked-group navigation helpers moved to stackedGroupNavUtils\n      const { moveWithinStack } = createStackedGroupNavigator(\n        getDataItem,\n        series,\n        numSeries,\n        stackGroups,\n        getStackGroup,\n        isItemNavigable\n      );\n\n      if ((arrow === 'ArrowLeft' && !isHoriz) || (arrow === 'ArrowUp' && isHoriz)) {\n        newInfo =\n          isRtl && !isHoriz\n            ? getNextItemInSeries(info, viewportEndIndex, isItemNavigable)\n            : getPrevItemInSeries(info, viewportStartIndex, isItemNavigable);\n      } else if ((arrow === 'ArrowRight' && !isHoriz) || (arrow === 'ArrowDown' && isHoriz)) {\n        newInfo =\n          isRtl && !isHoriz\n            ? getPrevItemInSeries(info, viewportStartIndex, isItemNavigable)\n            : getNextItemInSeries(info, viewportEndIndex, isItemNavigable);\n      } else if ((arrow === 'ArrowDown' && !isHoriz) || (arrow === 'ArrowLeft' && isHoriz)) {\n        const dir: 'prev' | 'next' = isRtl && isHoriz ? 'next' : 'prev';\n        newInfo = moveWithinStack(info, dir);\n      } else if ((arrow === 'ArrowUp' && !isHoriz) || (arrow === 'ArrowRight' && isHoriz)) {\n        const dir: 'prev' | 'next' = isRtl && isHoriz ? 'prev' : 'next';\n        newInfo = moveWithinStack(info, dir);\n      }\n    } else {\n      if (!isHoriz) {\n        if (arrow === 'ArrowRight') {\n          newInfo = isRtl\n            ? getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable)\n            : getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n        } else if (arrow === 'ArrowLeft') {\n          newInfo = isRtl\n            ? getNextItem(info, viewportEndIndex, numSeries, isItemNavigable)\n            : getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n        }\n      } else {\n        if (arrow === 'ArrowDown') {\n          newInfo = getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n        } else if (arrow === 'ArrowUp') {\n          newInfo = getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n        }\n      }\n    }\n    return newInfo || info;\n  };\n\n  return getNextChartItem;\n}\n","import { BarChart } from './BarChart';\nimport { BarChartProps, BarItemData } from './barChart.types';\n\nexport function OverviewBarChart<K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D>\n) {\n  return (\n    <BarChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {}\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      overview=\"off\"\n    />\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { BarChartProps, BarItemData } from './barChart.types';\nimport { getBarGapRatio } from './utils/barSeriesUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BarGroup } from './BarGroup';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport {\n  getBarCenterCoordinate,\n  getBarPosition,\n  getSeriesOffsetAndWidth\n} from './utils/barLayoutUtils';\nimport { getBarChartNavUtil } from './utils/barNavUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { TimeAxisProps, Scale, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { getItemColor } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { OverviewBarChart } from './OverviewBarChart';\nimport { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\n\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nexport type ForwardRefBarChart = <K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D> & {\n    ref?: Ref<SizeHandle>;\n  }\n) => VNode | null;\n\n/**\n * A Bar chart displays information graphically using rectangular bars with heights or lengths proportional to the values that they represent,\n * making relationships among the data easier to understand.\n */\nexport const BarChart = forwardRef(\n  <K extends string | number, D extends BarItemData<K>>(\n    {\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  xAxis,\n  y2Axis,\n  series,\n  groups,\n  stacking = 'off',\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  ...props\n}: BarChartProps<K, D>,\n    ref: Ref<SizeHandle>\n  ) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const hiddenSet = new Set(hiddenIds);\n  const isHoriz = orientation === 'horizontal';\n  const timeAxisType = (xAxis as TimeAxisProps)?.timeAxisType;\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n\n  const isStacked = stacking != 'off';\n  const stackLabelStyle = typeof stacking === 'string' ? undefined : stacking.stackLabelStyle;\n  const getStackGroup = typeof stacking != 'string' ? stacking.getStackGroup : () => 'default';\n  const getStackLabel =\n    typeof stacking === 'object' && stacking.getStackLabel ? stacking.getStackLabel : undefined;\n\n  const getGapRatio = (startIndex: number, endIndex: number) => {\n    return getBarGapRatio(isStacked, startIndex, endIndex);\n  };\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    const stackGroups = isStacked\n      ? Array.from(new Set(series.map((s) => getStackGroup(s) || 'default')))\n      : [];\n    return getBarChartNavUtil(\n      getDataItem,\n      series,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz,\n      stackGroups,\n      getStackGroup\n    );\n  };\n  const isSplitDualY = typeof y2Axis?.split === 'number';\n  const getDataItemPos = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    return getBarPosition(\n      series,\n      groups,\n      getDataItem,\n      xScale,\n      yScale,\n      y2Scale,\n      hiddenSet,\n      dataItemGaps,\n      axisStepWidth,\n      averageGroupZ,\n      gapRatio,\n      yAxis?.scale === 'log',\n      isStacked,\n      isRtl,\n      isHoriz,\n      isSplitDualY,\n      getStackGroup,\n      timeAxisType\n    );\n  };\n\n  const findNearest = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    const getSeriesDataInfo = getSeriesOffsetAndWidth(\n      axisStepWidth,\n      averageGroupZ,\n      series,\n      getDataItem,\n      gapRatio,\n      dataItemGaps,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n    return findNearestDataPoint(\n      series,\n      groups,\n      xScale,\n      yScale,\n      getDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getBarCenterCoordinate,\n      yAxis?.scale === 'log',\n      dataItemGaps,\n      hiddenSet,\n      timeAxisType,\n      y2Scale\n    );\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: 'circle' as const\n    };\n  };\n\n  const getOffset = (groupCount: number) => {\n    return getStartAndEndAxesOffset(false, false, isHoriz, groupCount, true);\n  };\n\n  return (\n    <Chart\n      ref={ref}\n      width={width}\n      height={height}\n      yAxis={yAxis}\n      xAxis={xAxis}\n      y2Axis={y2Axis}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      series={series}\n      groups={groups}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      stackLabelStyle={stackLabelStyle}\n      selectionMode={selectionMode}\n      getStackGroup={getStackGroup}\n      drilling={drilling}\n      renderGridLinesInFront={false}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getMarkerInfo={getMarkerColorAndType}\n      isRtl={isRtl}\n      getStartAndEndAxesOffset={getOffset}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewBarChart series={series} groups={groups} getDataItem={getDataItem} />;\n      }}\n      {...props}>\n      {({\n        groupsInfo,\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        y2Scale,\n        gapRatio,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        axisStepWidth,\n        averageGroupZ,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        resolvedColors,\n        getItemAriaLabel,\n        plotAreaClipPathId\n      }) => {\n        return (\n          <g clipPath={`url(#${plotAreaClipPathId})`}>\n            {groupsInfo\n              .slice(xStartIndex, xEndIndex + 1)\n              .map(({ item: group }: GroupLevelItem, index: number) => (\n                <BarGroup\n                  yScale={yScale}\n                  splitDualY={isSplitDualY}\n                  y2Scale={y2Scale}\n                  xScale={xScale}\n                  groupIndex={index + xStartIndex}\n                  selectedIds={selectedSet}\n                  hiddenIds={hiddenSet}\n                  highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                  isDrillEnabled={drilling === 'on'}\n                  series={series}\n                  barGapRatio={gapRatio}\n                  dataItemGaps={dataItemGaps}\n                  isPointInsideMarquee={isPointInsideMarquee}\n                  isStacked={isStacked}\n                  axisStepWidth={axisStepWidth}\n                  averageGroupZ={averageGroupZ!}\n                  group={group}\n                  timeAxisType={(xAxis as TimeAxisProps)?.timeAxisType}\n                  colors={resolvedColors}\n                  activeId={activeId}\n                  isLog={yAxis?.scale === 'log'}\n                  orientation={orientation}\n                  getDataItem={getDataItem}\n                  isSelectionEnabled={selectionMode != 'none'}\n                  isRtl={isRtl}\n                  focusedItemInfo={focusedItemInfo}\n                  hoveredItemInfo={hoveredItemInfo}\n                  getTextDimensions={getTextDimensions}\n                  defaultFontSize={defaultFontSize}\n                  getStackGroup={getStackGroup}\n                  getStackLabel={getStackLabel}\n                  getItemAriaLabel={getItemAriaLabel}\n                />\n              ))}\n          </g>\n        );\n      }}\n    </Chart>\n  );\n}) as ForwardRefBarChart;\n"],"names":["createStackedGroupNavigator","getDataItem","series","numSeries","stackGroups","getStackGroup","isItemNavigable","hasMultipleStacks","Array","isArray","length","seriesToStackIndex","map","s","stackName","idx","indexOf","fill","stackToSeries","i","stIdx","push","itemValue","seriesIndex","groupIndex","it","value","stackedEdge","v","sgn","seriesInStack","sum","val","moveWithinStack","info","direction","group","ordered","from","_","pos","sort","a","b","e","currIdx","step","k","nextSeries","getNextItem","viewportEndIndex","isNavigable","nextItemInGroup","getNextItemInGroup","nextItem","getPreviousItem","viewportStartIndex","prevItemInGroup","getPrevItemInGroup","prevItem","OverviewBarChart","props","_jsx","BarChart","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","xAxis","tickLabel","autoRotate","timeAxisType","groups","yAxis","overview","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","y2Axis","stacking","selectionMode","drilling","dataItemGaps","ref","useUser","isRtl","hiddenSet","Set","isHoriz","selectedSet","highlightedSet","isStacked","stackLabelStyle","undefined","getStackLabel","isSplitDualY","split","jsx","Chart","renderGridLinesInFront","findNearest","xScale","yScale","y2Scale","axisStepWidth","averageGroupZ","gapRatio","getSeriesDataInfo","getSeriesOffsetAndWidth","findNearestDataPoint","getBarCenterCoordinate","scale","getDataItemPos","getBarPosition","getNavUtil","startIndex","endIndex","barItem","Boolean","itemInfo","arrow","newInfo","getNextItemInSeries","getPrevItemInSeries","getBarChartNavUtil","getGapRatio","getBarGapRatio","getMarkerInfo","color","getItemColor","type","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","children","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","resolvedColors","getItemAriaLabel","plotAreaClipPathId","clipPath","slice","item","index","BarGroup","splitDualY","isDrillEnabled","barGapRatio","colors","isLog","isSelectionEnabled"],"mappings":"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"}
+{"version":3,"file":"BarChart-994cb8f0.js","sources":["../../src/UNSAFE_BarChart/utils/stackedGroupNavUtils.ts","../../src/UNSAFE_BarChart/utils/barNavUtils.ts","../../src/UNSAFE_BarChart/OverviewBarChart.tsx","../../src/UNSAFE_BarChart/BarChart.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\n/**\n * Stacked BarChart in-group navigation utilities.\n * Ordering within a group is determined by each segment's stacked extreme coordinate:\n * - Positive segments: use the cumulative positive sum up to and including the segment (top edge).\n * - Negative segments: use the cumulative negative sum up to and including the segment (bottom edge).\n *\n * In-group navigation ignores stack-group boundaries and considers all series across stacks.\n * Cross-stack/group helpers are preserved for fallback navigation outside the current group.\n */\n\nimport { ChartSeriesData, Info } from '#utils/UNSAFE_visTypes/chart';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\n\ntype Direction = 'prev' | 'next';\n\nexport function createStackedGroupNavigator<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  series: ChartSeriesData<K, D>[],\n  numSeries: number,\n  stackGroups: string[],\n  getStackGroup: (series: ChartSeriesData<K, D>) => string | undefined,\n  isItemNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const hasMultipleStacks = Array.isArray(stackGroups) && stackGroups.length > 1;\n\n  const seriesToStackIndex: number[] = series\n    ? series.map((s) => {\n        const stackName = getStackGroup(s) ?? 'default';\n        const idx = stackGroups.indexOf(stackName);\n        return idx >= 0 ? idx : 0;\n      })\n    : new Array(numSeries).fill(0);\n\n  const stackToSeries: number[][] = stackGroups.map(() => []);\n  for (let i = 0; i < numSeries; i++) {\n    const stIdx = seriesToStackIndex[i] ?? 0;\n    if (stackToSeries[stIdx]) {\n      stackToSeries[stIdx].push(i);\n    }\n  }\n\n  const itemValue = (seriesIndex: number, groupIndex: number): number | undefined => {\n    const it = getDataItem(seriesIndex, groupIndex);\n    return it?.value;\n  };\n\n  const valueSign = (value: number | undefined): -1 | 0 | 1 => {\n    if (value == null || value === 0) return 0;\n    return value > 0 ? 1 : -1;\n  };\n\n  /**\n   * Compute the stacked extreme coordinate for the given series at the given group:\n   * - Positive values: cumulative positive sum up to and including this series within its stack (top edge).\n   * - Negative values: cumulative negative sum up to and including this series within its stack (bottom edge).\n   * - Zero/undefined: 0 (baseline).\n   */\n  const stackedEdge = (seriesIndex: number, groupIndex: number): number => {\n    const v = itemValue(seriesIndex, groupIndex);\n    const sgn = valueSign(v);\n\n    const stIdx = seriesToStackIndex[seriesIndex];\n    const seriesInStack = stackToSeries[stIdx] || [];\n\n    let sum = 0;\n    for (let i = 0; i < seriesInStack.length; i++) {\n      const s = seriesInStack[i]!;\n      const val = itemValue(s, groupIndex);\n\n      if (sgn > 0) {\n        // Accumulate only positive contributions\n        if ((val ?? 0) > 0) sum += val as number;\n      } else {\n        // Accumulate only negative contributions\n        if ((val ?? 0) < 0) sum += val as number;\n      }\n\n      if (s === seriesIndex) break;\n    }\n    return sum;\n  };\n\n  /**\n   * Returns all series indices ordered bottom->top by their stacked extreme coordinate\n   * for a given group. Ties are broken by series index to provide a stable order.\n   */\n  const orderedSeriesByStackedEdge = (groupIndex: number): number[] =>\n    Array.from({ length: numSeries }, (_, s) => ({ s, pos: stackedEdge(s, groupIndex) }))\n      .sort((a, b) => (a.pos === b.pos ? a.s - b.s : a.pos - b.pos))\n      .map((e) => e.s);\n\n  /**\n   * In-group navigation across all stacks:\n   * - \"next\": move toward the top (larger stackedEdge)\n   * - \"prev\": move toward the bottom (smaller stackedEdge)\n   */\n  const moveWithinStack = (info: Info, direction: Direction): Info | undefined => {\n    const group = info.groupIndex!;\n    const ordered = orderedSeriesByStackedEdge(group);\n\n    const currIdx = ordered.indexOf(info.seriesIndex!);\n    if (currIdx === -1) return;\n\n    const step = direction === 'next' ? 1 : -1;\n    for (let k = currIdx + step; k >= 0 && k < ordered.length; k += step) {\n      const nextSeries = ordered[k]!;\n      if (isItemNavigable(nextSeries, group)) {\n        return { seriesIndex: nextSeries, groupIndex: group };\n      }\n    }\n    return;\n  };\n\n  return {\n    hasMultipleStacks,\n    moveWithinStack\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ChartSeriesData, Info, ItemInfo } from '#utils/UNSAFE_visTypes/chart';\nimport {\n  getNextItemInGroup,\n  getNextItemInSeries,\n  getPrevItemInGroup,\n  getPrevItemInSeries\n} from '#utils/PRIVATE_chartUtils/navUtils';\nimport { BarItemData } from '#UNSAFE_BarChart/barChart.types';\nimport { createStackedGroupNavigator } from './stackedGroupNavUtils';\n\ntype isItemNavigableType = (seriesIndex: number, groupIndex: number) => boolean;\n\n/**\n * Get next item in unstacked bar chart.\n * @param info\n * @param viewportEndIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getNextItem(\n  info: ItemInfo,\n  viewportEndIndex: number,\n  numSeries: number,\n  isNavigable: isItemNavigableType\n): ItemInfo | undefined {\n  const nextItemInGroup = getNextItemInGroup(info, numSeries, isNavigable);\n  if (nextItemInGroup) return nextItemInGroup;\n\n  if (info.groupIndex < viewportEndIndex) {\n    let nextItem: ItemInfo | undefined = { seriesIndex: 0, groupIndex: info.groupIndex + 1 };\n    if (isNavigable(nextItem.seriesIndex, nextItem.groupIndex)) return nextItem;\n    nextItem = getNextItem(nextItem, viewportEndIndex, numSeries, isNavigable);\n    if (nextItem) return nextItem;\n  }\n  return;\n}\n\n/**\n * Get prev item in unstacked bar chart.\n * @param info\n * @param viewportStartIndex\n * @param numSeries\n * @param isNavigable\n * @returns\n */\nexport function getPreviousItem(\n  info: ItemInfo,\n  viewportStartIndex: number,\n  numSeries: number,\n  isNavigable: (seriesIndex: number, groupIndex: number) => boolean\n) {\n  const prevItemInGroup = getPrevItemInGroup(info, isNavigable);\n  if (prevItemInGroup) return prevItemInGroup;\n\n  if (info.groupIndex > viewportStartIndex) {\n    let prevItem = { groupIndex: info.groupIndex - 1, seriesIndex: numSeries - 1 };\n    if (isNavigable(prevItem.seriesIndex, prevItem.groupIndex)) return prevItem;\n    prevItem = getPreviousItem(prevItem, viewportStartIndex, numSeries, isNavigable);\n    if (prevItem) return prevItem;\n  }\n  return info;\n}\n\nexport function getBarChartNavUtil<K, D extends BarItemData<K>>(\n  getDataItem: (seriesIndex: number, groupIndex: number) => D | undefined,\n  series: ChartSeriesData<K, D>[],\n  numSeries: number,\n  viewportStartIndex: number,\n  viewportEndIndex: number,\n  isStacked: boolean,\n  isRtl: boolean,\n  isHoriz: boolean,\n  stackGroups: string[],\n  getStackGroup: (series: ChartSeriesData<K, D>) => string | undefined\n) {\n  const isItemNavigable = (seriesIndex: number, groupIndex: number) => {\n    const barItem = getDataItem(seriesIndex, groupIndex);\n    return Boolean(barItem);\n  };\n\n  const getNextChartItem = (\n    itemInfo: Info,\n    arrow: 'ArrowLeft' | 'ArrowRight' | 'ArrowDown' | 'ArrowUp'\n  ): Info => {\n    if (\n      !isStacked &&\n      (((arrow === 'ArrowDown' || arrow === 'ArrowUp') && !isHoriz) ||\n        ((arrow === 'ArrowLeft' || arrow === 'ArrowRight') && isHoriz))\n    ) {\n      return itemInfo;\n    }\n\n    let newInfo: Info | undefined;\n    // TODO: this is just to keep typescript happy.\n    // figure out consistent typing while doing type cleanup.\n    const info = {\n      groupIndex: itemInfo.groupIndex!,\n      seriesIndex: itemInfo.seriesIndex!\n    };\n\n    if (info.groupIndex! < viewportStartIndex) {\n      info.groupIndex = viewportStartIndex;\n      return info;\n    } else if (info.groupIndex! > viewportEndIndex) {\n      info.groupIndex = viewportEndIndex;\n      return info;\n    }\n\n    if (isStacked) {\n      // Stacked-group navigation helpers moved to stackedGroupNavUtils\n      const { moveWithinStack } = createStackedGroupNavigator(\n        getDataItem,\n        series,\n        numSeries,\n        stackGroups,\n        getStackGroup,\n        isItemNavigable\n      );\n\n      if ((arrow === 'ArrowLeft' && !isHoriz) || (arrow === 'ArrowUp' && isHoriz)) {\n        newInfo =\n          isRtl && !isHoriz\n            ? getNextItemInSeries(info, viewportEndIndex, isItemNavigable)\n            : getPrevItemInSeries(info, viewportStartIndex, isItemNavigable);\n      } else if ((arrow === 'ArrowRight' && !isHoriz) || (arrow === 'ArrowDown' && isHoriz)) {\n        newInfo =\n          isRtl && !isHoriz\n            ? getPrevItemInSeries(info, viewportStartIndex, isItemNavigable)\n            : getNextItemInSeries(info, viewportEndIndex, isItemNavigable);\n      } else if ((arrow === 'ArrowDown' && !isHoriz) || (arrow === 'ArrowLeft' && isHoriz)) {\n        const dir: 'prev' | 'next' = isRtl && isHoriz ? 'next' : 'prev';\n        newInfo = moveWithinStack(info, dir);\n      } else if ((arrow === 'ArrowUp' && !isHoriz) || (arrow === 'ArrowRight' && isHoriz)) {\n        const dir: 'prev' | 'next' = isRtl && isHoriz ? 'prev' : 'next';\n        newInfo = moveWithinStack(info, dir);\n      }\n    } else {\n      if (!isHoriz) {\n        if (arrow === 'ArrowRight') {\n          newInfo = isRtl\n            ? getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable)\n            : getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n        } else if (arrow === 'ArrowLeft') {\n          newInfo = isRtl\n            ? getNextItem(info, viewportEndIndex, numSeries, isItemNavigable)\n            : getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n        }\n      } else {\n        if (arrow === 'ArrowDown') {\n          newInfo = getNextItem(info, viewportEndIndex, numSeries, isItemNavigable);\n        } else if (arrow === 'ArrowUp') {\n          newInfo = getPreviousItem(info, viewportStartIndex, numSeries, isItemNavigable);\n        }\n      }\n    }\n    return newInfo || info;\n  };\n\n  return getNextChartItem;\n}\n","import { BarChart } from './BarChart';\nimport { BarChartProps, BarItemData } from './barChart.types';\n\nexport function OverviewBarChart<K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D>\n) {\n  return (\n    <BarChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        },\n        xMajorTick: {}\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      overview=\"off\"\n    />\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { BarChartProps, BarItemData } from './barChart.types';\nimport { getBarGapRatio } from './utils/barSeriesUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { BarGroup } from './BarGroup';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport {\n  getBarCenterCoordinate,\n  getBarPosition,\n  getSeriesOffsetAndWidth\n} from './utils/barLayoutUtils';\nimport { getBarChartNavUtil } from './utils/barNavUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { TimeAxisProps, Scale, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { getItemColor } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { OverviewBarChart } from './OverviewBarChart';\nimport { GroupLevelItem } from '#PRIVATE_Axis/groupAxis/hierarchicalUtils';\n\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nexport type ForwardRefBarChart = <K extends string | number, D extends BarItemData<K>>(\n  props: BarChartProps<K, D> & {\n    ref?: Ref<SizeHandle>;\n  }\n) => VNode | null;\n\n/**\n * A Bar chart displays information graphically using rectangular bars with heights or lengths proportional to the values that they represent,\n * making relationships among the data easier to understand.\n */\nexport const BarChart = forwardRef(\n  <K extends string | number, D extends BarItemData<K>>(\n    {\n  width,\n  height,\n  selectedIds = [],\n  hiddenIds = [],\n  highlightedIds,\n  hideAndShowBehavior = 'none',\n  orientation = 'vertical',\n  yAxis,\n  xAxis,\n  y2Axis,\n  series,\n  groups,\n  stacking = 'off',\n  getDataItem,\n  selectionMode = 'none',\n  drilling = 'off',\n  dataItemGaps = 0.5,\n  ...props\n}: BarChartProps<K, D>,\n    ref: Ref<SizeHandle>\n  ) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const hiddenSet = new Set(hiddenIds);\n  const isHoriz = orientation === 'horizontal';\n  const timeAxisType = (xAxis as TimeAxisProps)?.timeAxisType;\n  const selectedSet = new Set(selectedIds);\n  const highlightedSet = new Set(highlightedIds);\n\n  const isStacked = stacking != 'off';\n  const stackLabelStyle = typeof stacking === 'string' ? undefined : stacking.stackLabelStyle;\n  const getStackGroup = typeof stacking != 'string' ? stacking.getStackGroup : () => 'default';\n  const getStackLabel =\n    typeof stacking === 'object' && stacking.getStackLabel ? stacking.getStackLabel : undefined;\n\n  const getGapRatio = (startIndex: number, endIndex: number) => {\n    return getBarGapRatio(isStacked, startIndex, endIndex);\n  };\n  const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n    const stackGroups = isStacked\n      ? Array.from(new Set(series.map((s) => getStackGroup(s) || 'default')))\n      : [];\n    return getBarChartNavUtil(\n      getDataItem,\n      series,\n      series.length,\n      startIndex,\n      endIndex,\n      isStacked,\n      isRtl,\n      isHoriz,\n      stackGroups,\n      getStackGroup\n    );\n  };\n  const isSplitDualY = typeof y2Axis?.split === 'number';\n  const getDataItemPos = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    return getBarPosition(\n      series,\n      groups,\n      getDataItem,\n      xScale,\n      yScale,\n      y2Scale,\n      hiddenSet,\n      dataItemGaps,\n      axisStepWidth,\n      averageGroupZ,\n      gapRatio,\n      yAxis?.scale === 'log',\n      isStacked,\n      isRtl,\n      isHoriz,\n      isSplitDualY,\n      getStackGroup,\n      timeAxisType\n    );\n  };\n\n  const findNearest = (\n    xScale: Scale,\n    yScale: Scale,\n    y2Scale: Scale,\n    axisStepWidth: number,\n    averageGroupZ: number,\n    gapRatio: number\n  ) => {\n    const getSeriesDataInfo = getSeriesOffsetAndWidth(\n      axisStepWidth,\n      averageGroupZ,\n      series,\n      getDataItem,\n      gapRatio,\n      dataItemGaps,\n      isStacked,\n      isRtl,\n      isHoriz\n    );\n    return findNearestDataPoint(\n      series,\n      groups,\n      xScale,\n      yScale,\n      getDataItem,\n      isStacked,\n      getSeriesDataInfo,\n      getBarCenterCoordinate,\n      yAxis?.scale === 'log',\n      dataItemGaps,\n      hiddenSet,\n      timeAxisType,\n      y2Scale\n    );\n  };\n\n  const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n    return {\n      color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n      type: 'circle' as const\n    };\n  };\n\n  const getOffset = (groupCount: number) => {\n    return getStartAndEndAxesOffset(false, false, isHoriz, groupCount, true);\n  };\n\n  return (\n    <Chart\n      ref={ref}\n      width={width}\n      height={height}\n      yAxis={yAxis}\n      xAxis={xAxis}\n      y2Axis={y2Axis}\n      selectedIds={selectedSet}\n      hiddenIds={hiddenIds}\n      hideAndShowBehavior={hideAndShowBehavior}\n      orientation={orientation}\n      series={series}\n      groups={groups}\n      isStacked={isStacked}\n      getDataItem={getDataItem}\n      stackLabelStyle={stackLabelStyle}\n      selectionMode={selectionMode}\n      getStackGroup={getStackGroup}\n      drilling={drilling}\n      renderGridLinesInFront={false}\n      findNearest={findNearest}\n      getDataItemPos={getDataItemPos}\n      getNavUtil={getNextChartItemFunc}\n      getGapRatio={getGapRatio}\n      getMarkerInfo={getMarkerColorAndType}\n      isRtl={isRtl}\n      getStartAndEndAxesOffset={getOffset}\n      defaultOverviewContentRenderer={() => {\n        return <OverviewBarChart series={series} groups={groups} getDataItem={getDataItem} />;\n      }}\n      {...props}>\n      {({\n        groupsInfo,\n        xStartIndex,\n        xEndIndex,\n        xScale,\n        yScale,\n        y2Scale,\n        gapRatio,\n        activeId,\n        focusedItemInfo,\n        hoveredItemInfo,\n        axisStepWidth,\n        averageGroupZ,\n        isPointInsideMarquee,\n        getTextDimensions,\n        defaultFontSize,\n        resolvedColors,\n        getItemAriaLabel,\n        plotAreaClipPathId\n      }) => {\n        return (\n          <g clipPath={`url(#${plotAreaClipPathId})`}>\n            {groupsInfo\n              .slice(xStartIndex, xEndIndex + 1)\n              .map(({ item: group }: GroupLevelItem, index: number) => (\n                <BarGroup\n                  yScale={yScale}\n                  splitDualY={isSplitDualY}\n                  y2Scale={y2Scale}\n                  xScale={xScale}\n                  groupIndex={index + xStartIndex}\n                  selectedIds={selectedSet}\n                  hiddenIds={hiddenSet}\n                  highlightedIds={highlightedIds ? highlightedSet : highlightedIds}\n                  isDrillEnabled={drilling === 'on'}\n                  series={series}\n                  barGapRatio={gapRatio}\n                  dataItemGaps={dataItemGaps}\n                  isPointInsideMarquee={isPointInsideMarquee}\n                  isStacked={isStacked}\n                  axisStepWidth={axisStepWidth}\n                  averageGroupZ={averageGroupZ!}\n                  group={group}\n                  timeAxisType={(xAxis as TimeAxisProps)?.timeAxisType}\n                  colors={resolvedColors}\n                  activeId={activeId}\n                  isLog={yAxis?.scale === 'log'}\n                  orientation={orientation}\n                  getDataItem={getDataItem}\n                  isSelectionEnabled={selectionMode != 'none'}\n                  isRtl={isRtl}\n                  focusedItemInfo={focusedItemInfo}\n                  hoveredItemInfo={hoveredItemInfo}\n                  getTextDimensions={getTextDimensions}\n                  defaultFontSize={defaultFontSize}\n                  getStackGroup={getStackGroup}\n                  getStackLabel={getStackLabel}\n                  getItemAriaLabel={getItemAriaLabel}\n                />\n              ))}\n          </g>\n        );\n      }}\n    </Chart>\n  );\n}) as ForwardRefBarChart;\n"],"names":["createStackedGroupNavigator","getDataItem","series","numSeries","stackGroups","getStackGroup","isItemNavigable","hasMultipleStacks","Array","isArray","length","seriesToStackIndex","map","s","stackName","idx","indexOf","fill","stackToSeries","i","stIdx","push","itemValue","seriesIndex","groupIndex","it","value","stackedEdge","v","sgn","seriesInStack","sum","val","moveWithinStack","info","direction","group","ordered","from","_","pos","sort","a","b","e","currIdx","step","k","nextSeries","getNextItem","viewportEndIndex","isNavigable","nextItemInGroup","getNextItemInGroup","nextItem","getPreviousItem","viewportStartIndex","prevItemInGroup","getPrevItemInGroup","prevItem","OverviewBarChart","props","_jsx","BarChart","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","xMajorTick","xAxis","tickLabel","autoRotate","timeAxisType","groups","yAxis","overview","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","y2Axis","stacking","selectionMode","drilling","dataItemGaps","ref","useUser","isRtl","hiddenSet","Set","isHoriz","selectedSet","highlightedSet","isStacked","stackLabelStyle","undefined","getStackLabel","isSplitDualY","split","jsx","Chart","renderGridLinesInFront","findNearest","xScale","yScale","y2Scale","axisStepWidth","averageGroupZ","gapRatio","getSeriesDataInfo","getSeriesOffsetAndWidth","findNearestDataPoint","getBarCenterCoordinate","scale","getDataItemPos","getBarPosition","getNavUtil","startIndex","endIndex","barItem","Boolean","itemInfo","arrow","newInfo","getNextItemInSeries","getPrevItemInSeries","getBarChartNavUtil","getGapRatio","getBarGapRatio","getMarkerInfo","color","getItemColor","type","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","children","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","getTextDimensions","defaultFontSize","resolvedColors","getItemAriaLabel","plotAreaClipPathId","clipPath","slice","item","index","BarGroup","splitDualY","isDrillEnabled","barGapRatio","colors","isLog","isSelectionEnabled"],"mappings":"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"}

package/amd/BaseCardView-16fda4c3.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', 'preact/hooks', './mergeProps-bcfa6a92', './collectionUtils-77dc5fa1', './ReorderableContext-6d10a1b7', './useNavigation-4d87e7e6', './LayerHost-0b288129', './useSelection-aecb6b23', './clientHints-6d361eaa', './classNames-08d99695', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './HiddenAccessible-037ef42d', './LoadMoreCollection-895f1ed5', './PRIVATE_BaseCardView/themes/BaseCardViewStyles.css', './refUtils-77e97004', './logger-0f873e29', './tabbableUtils-f95361a6', './useId-c9578d26', './useAnimation-d90c433f', './useResizeObserver-25032462', './TabbableModeContext-a9c97640', './FocusTrap-038b32c3', './useUser-08901aba', './keys-4755c121', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', './useReorderableItem-7b4b2c3d', './useReorderableContext-a5453bd7', './Grid-caac1c86', './Flex-4b81b412', './PRIVATE_BaseCardView/themes/BaseCardViewContract.css', './Skeleton-3e52c94a', 'module', './useAddBusyState-8ed5cc58'], (function(e,t,r,n,o,s,i,a,l,c,d,u,y,m,h,g,f,x,b,p,C,S,R,v,A,I,w,K,j,B,k,E,T,D,L,P,O,V,F){"use strict";const M="[data-oj-card-item]",z={all:!1,keys:new Set},N={xs:12,sm:16,md:24,lg:48,xl:64};function _({children:e,itemKey:r,itemIndex:n,isCurrentKey:s,dragKey:i,setDragKey:a,onReorder:l,rootRef:c,gutterSize:d,columns:u}){const m=o.useRef(null),h=1===u,g=n%u==0,f=n%u==u-1,b=x.multiVariantStyles({itemOverlayFront:d}),p=x.multiVariantStyles({itemOverlayFrontVertical:d}),C={itemOverlayFront:h?p:b,itemOverlayRear:h?x.styles.itemOverlayRearVertical:x.styles.itemOverlayRear,itemDragger:x.styles.itemDragger},S=o.useCallback((()=>m?.current?.closest(M)),[]),R=o.useCallback((e=>{e.dataTransfer?.setData("text/cardview-items-key",JSON.stringify(r))}),[r]),{rootProps:v,isDragged:A,overlayZoneBeforeProps:I,overlayZoneAfterProps:j}=E.useReorderableItem({isDisabled:!l,dragKey:i,setDragKey:a,onReorder:l,rootRef:c,ref:m,getItem:S,setTransferData:R,itemStyles:C,itemSelector:M,isVertical:h}),{currentItemKey:B}=T.useReorderableContext();o.useEffect((()=>{s&&(B.current=r)}),[s,r,B]);const{direction:k}=w.useUser(),D="rtl"===k,L=y.classNames([I?.class,!h&&!D&&g&&x.styles.itemOverlayFrontEdge,!h&&D&&f&&x.styles.itemOverlayFrontEdge]),P=y.classNames([j?.class,!h&&!D&&f&&x.styles.itemOverlayRearEdge,!h&&D&&g&&x.styles.itemOverlayRearEdge]);return t.jsxs("div",{...v,children:[e,!A&&K.isKeyDefined(i)&&t.jsxs(t.Fragment,{children:[t.jsx("div",{...I,class:L}),t.jsx("div",{...j,class:P})]})]})}const H=e=>({animationStates:{slideUp:{from:{translateY:"50px"},to:{translateY:"0px"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}},slideDown:{from:{translateY:"-50px"},to:{translateY:"0"},options:{duration:300,delay:50*e,easing:[0,0,.2,1]}}},isAnimatedOnMount:!0}),U=(e,t,r)=>({animationStates:{opacity:{from:{opacity:0},to:{opacity:1},options:{duration:150,delay:50*e,easing:"linear"}}},isAnimatedOnMount:!0,onAnimationEnd:()=>{r?.(),t.current&&clearTimeout(t.current)}}),Y=n.memo((function({children:e,itemKey:r,itemData:n,itemIndex:s,isTabbable:a,isCurrentKey:l,isFocused:c,isFocusRingVisible:d,selectedKeys:u,selectionMode:m,onSelectionChange:h,focusBehavior:g,setIsFocusBehaviorValid:f,initialAnimation:w,isGridLayout:j,updateCardSize:B,reorderItemProps:k,onAnimationBusyStart:E,onAnimationBusyEnd:T}){const D=o.useRef(null),L=o.useRef(),P=c&&d,O=x.multiVariantStyles({itemFocused:"card"===g&&P?"isItemFocused":"isNotItemFocused",itemInitialOpacity:w?"isTransparent":"isNotTransparent",itemInGridLayout:j?"isInGridLayout":"isNotInGridLayout"}),V=y.classNames([x.styles.itemStyle,O]),F=o.useCallback((e=>{B?.(e.contentRect.width,e.contentRect.height)}),[B]),M=o.useRef(null);v.useResizeObserver(B?D:M,F),o.useLayoutEffect((()=>{if("content"===g&&P){const e=D.current?.firstElementChild?.firstElementChild,t=C.allTabbableElements(e,!0,!0);0===t.length||t.length>1?(p.warn(`${t.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`),f?.(!1)):t[0].focus()}}),[g,P,f]);const{nodeRef:z,controller:N}=R.useAnimation(w||"none",H(s)),{nodeRef:Y,controller:G}=R.useAnimation(w?"opacity":"none",U(s,L,T));w&&E?.(),o.useEffect((()=>{void 0!==w&&(L.current=setTimeout((()=>{N.cancel(),G.cancel(),D.current&&(D.current.style.opacity="1"),T?.()}),1e3))}),[G,N,w,T]);const $=o.useMemo((()=>void 0===w?b.mergeRefs(D):b.mergeRefs(D,z,Y)),[D,z,Y,w]),W=i.getItemContext({data:{data:n,metadata:{key:r}},index:s},u,"multiple"===m,h),Z=k?t.jsx(_,{...k,itemKey:r,itemIndex:s,isCurrentKey:l,children:e(W)}):e(W);return t.jsx("div",{id:S.useId(),ref:$,class:V,role:"gridcell","data-oj-card-item":"","data-oj-key":r,onKeyDown:e=>{"card"!==g||!a||"ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.stopPropagation()},"aria-selected":"none"===m?void 0:K.containsKey(u,r),..."number"==typeof r&&{"data-oj-key-type":"number"},children:t.jsx(A.TabbableModeContext.Provider,{value:{isTabbable:a},children:t.jsx(I.FocusTrap,{isDisabled:!a,restoreFocusRef:!1,children:Z})})})}),((e,t)=>{return!(!e||!t)&&(e.children===t.children&&e.itemKey===t.itemKey&&e.itemData===t.itemData&&e.itemIndex===t.itemIndex&&e.isTabbable===t.isTabbable&&e.isCurrentKey===t.isCurrentKey&&e.isFocused===t.isFocused&&e.isFocusRingVisible===t.isFocusRingVisible&&e.initialAnimation===t.initialAnimation&&e.focusBehavior===t.focusBehavior&&K.isSameKey(e.selectedKeys,t.selectedKeys)&&e.selectionMode===t.selectionMode&&e.onSelectionChange===t.onSelectionChange&&e.setIsFocusBehaviorValid===t.setIsFocusBehaviorValid&&e.isGridLayout===t.isGridLayout&&e.updateCardSize===t.updateCardSize&&e.onAnimationBusyStart===t.onAnimationBusyStart&&e.onAnimationBusyEnd===t.onAnimationBusyEnd&&(r=e.reorderItemProps,n=t.reorderItemProps,r?.dragKey===n?.dragKey&&r?.setDragKey===n?.setDragKey&&r?.columns===n?.columns&&r?.gutterSize===n?.gutterSize&&r?.rootRef===n?.rootRef));var r,n}));function G({children:e,layout:r,gutterSize:n,columns:o}){const s=P.cardViewVars.gutterSize[n];return"grid"===r?o<1?null:t.jsx(D.Grid,{gridTemplateColumns:`repeat(${o}, 1fr)`,gap:s,children:e}):t.jsx(L.Flex,{wrap:"wrap",gap:s,children:e})}function $({children:e}){const[n,s]=o.useState(!1);return o.useEffect((()=>{setTimeout((()=>{s(!0)}),50)}),[]),n?t.jsx(r.Fragment,{children:e}):t.jsx("div",{class:f.LOADMORE_STYLE_CLASS})}const W=(e,r=25,n,o,s=!0)=>{const i=n||("flex"===e?"80x":"100%"),a=o||"85x";return[...Array(r)].map(((e,r)=>t.jsx(O.Skeleton,{width:i,height:a,borderRadius:"6px"},s&&`${r}${(new Date).getTime()}`)))},Z=e=>t.jsx($,{children:W(e.layout)}),J=e=>{const r=[t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:W(e.layout,1)}),...W(e.layout,24)];return t.jsx($,{children:r})},X=()=>t.jsx("div",{class:f.LOADMORE_STYLE_CLASS}),q=e=>{if(e.colCount<1||null==e.cardWidth||null==e.cardHeight)return t.jsx(X,{});{const r=[],n=e.colCount-e.totalCount%e.colCount,o=n===e.colCount,s=`calc(${e.cardWidth}px)`,i=e.cardHeight?`calc(${e.cardHeight}px)`:"85x",a="flex"===e.layout?s:"100%",l="flex"===e.layout||o?i:"100%",c=t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:W(e.layout,1,a,l)});return r.push(c),r.push(W(e.layout,n-1,a,l)),o||r.push(W(e.layout,e.colCount,a,i)),t.jsx($,{children:r})}},Q=e=>t.jsx($,{children:te({loadingStatus:"initial"},25,e.skeletonRenderer)}),ee=e=>{const r=[];if(e.isRenderAsInitial){const n={loadingStatus:"initial"};r.push(t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:e.skeletonRenderer(n)})),r.push(te(n,24,e.skeletonRenderer))}else{if(0===e.colCount)return null;const n=`calc(${e.cardWidth}px)`,o=`calc(${e.cardHeight}px)`,s=e.colCount-e.totalCount%e.colCount,i=s===e.colCount,a={loadingStatus:"loadMore",height:"flex"===e.layout||i?o:"100%",width:"flex"===e.layout?n:"100%"};r.push(t.jsx("div",{class:f.LOADMORE_STYLE_CLASS,children:e.skeletonRenderer(a)})),r.push(Array(te(a,s-1,e.skeletonRenderer))),i||r.push(te(a,e.colCount,e.skeletonRenderer))}return t.jsx($,{children:r})},te=(e,t,r)=>Array(t).fill(r(e)),re=n.forwardRef((({children:e,data:n,onLoadMore:c=()=>{},hasMore:m=!1,getRowKey:h,currentItemOverride:b,onPersistCurrentItem:p,selectionMode:C="none",selectedKeys:S=z,onSelectionChange:R,onReorder:v,viewportConfig:A,focusBehavior:I="card","aria-label":w,"aria-labelledby":K,"aria-describedby":j,initialAnimation:B="slideUp",gutterSize:k="sm",columns:T,layout:D,cardSize:L,updateCardSize:P,skeletonRenderer:O},V)=>{const _=o.useRef(null);o.useImperativeHandle(V,(()=>_.current),[_]);const H=o.useRef(),U=N[k],$={layout:D,columns:T,gutterSize:k},{onBusyStart:W,onBusyEnd:X}=F.useAddBusyState("handling initial animation"),te=o.useRef(!0);o.useEffect((()=>{null!=L.height&&null!=L.width&&(te.current=!1)}),[L]);const re="none"===C?void 0:"multiple"===C,oe=n?n.length:-1,[se,ie]=o.useState(!0),ae=se?I:"card",le=o.useRef(!1),ce=null!=v,de=o.useRef(!1),ue={ArrowUp:e=>i.getPrevNextKeyByCount(n,h,e,-T),ArrowDown:e=>i.getPrevNextKeyByCount(n,h,e,T),ArrowLeft:e=>i.getPrevNextKeyByCount(n,h,e,-1),ArrowRight:e=>i.getPrevNextKeyByCount(n,h,e,1)},{navigationProps:ye,currentKey:me,isCurrentItemOverridden:he,showFocusRing:ge,isCurrentTabbableKey:fe}=l.useNavigation(n,_,ne,M,ue,b,p,A,void 0,"multiple"!==C,"card"===ae,"card"===ae,!1),xe=o.useCallback((e=>{R&&(!1===e.value.all&&e.value.keys.size>0&&(H.current=Array.from(e.value.keys.values()).pop()),R(e))}),[H,R]),be=o.useCallback((e=>{if(n&&R){const t=i.handleSelectionRange(e,n,h);Array.isArray(t)&&("shiftSpace"===e.eventType?H.current=e.value.start:H.current=e.value.end,R({value:{all:!1,keys:new Set(t)},target:null}))}}),[n,R,h]),{selectionProps:pe}=d.useSelection((e=>e===_.current?void 0===me?null:me:i.keyExtractor(e,M)),S,C,!1,"toggle",xe,H.current,me,((e,t)=>i.getPrevNextKeyByCount(n,h,e,t?-T:T)),((e,t)=>i.getPrevNextKeyByCount(n,h,e,t?-1:1)),(e=>{if(_.current){const t=i.findElementByKey(_.current,e,M);t&&t.scrollIntoView({block:"nearest"})}}),be),{reorderProps:Ce,reorderItemProps:Se,reorderContext:Re,reorderInstructionsId:ve,reorderInstructions:Ae}=(({onReorder:e,gutterSize:t,columns:r,rootRef:n,scrollCurrItemIntoView:s})=>{const a=null!=e,[l,c]=o.useState(void 0),{reorderProps:d,reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}=E.useReorderable({onReorder:e,rootRef:n,itemSelector:M,isDisabled:!a,columns:r});return a?{reorderProps:{...d,onDragOver:e=>{i.dragToScroll(e,void 0!==l,n.current),s.current=!1}},reorderItemProps:{dragKey:l,setDragKey:c,onReorder:e,rootRef:n,gutterSize:t,columns:r},reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}:{reorderProps:d,reorderContext:u,reorderInstructionsId:y,reorderInstructions:m}})({onReorder:v,gutterSize:k,columns:T,rootRef:_,scrollCurrItemIntoView:le}),Ie=ce&&t.jsx(t.Fragment,{children:t.jsx("span",{id:ve,children:t.jsx(g.HiddenAccessible,{children:Ae})})});o.useEffect((()=>{if(ce&&null!=me&&_.current){const e=i.findElementByKey(_.current,me,M);e&&le.current&&!he&&(e.scrollIntoView({block:"nearest"}),le.current=!1)}}),[me,n,ce,he]);const we=o.useCallback((()=>{de.current||(de.current=!0,c())}),[de,c]);o.useEffect((()=>{de.current=!1}),[n,m]);const Ke=n?!n.length&&m?O?t.jsx(ee,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height,isRenderAsInitial:!0,skeletonRenderer:O}):t.jsx(J,{layout:D}):O?t.jsx(ee,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height,isRenderAsInitial:!1,skeletonRenderer:O}):t.jsx(q,{layout:D,colCount:T,totalCount:n.length,cardWidth:L.width,cardHeight:L.height}):null;A=i.getViewportConfig(_,A);const je=t.jsx("div",{role:"row",children:t.jsx(G,{...$,children:t.jsx(f.LoadMoreCollection,{data:n,hasMore:m,onLoadMore:we,loadMoreIndicator:Ke,loadMoreThreshold:U+4,viewportConfig:A,children:r=>{const o=h(r.data),s=fe(o),i=me===o&&!s,a=i&&ge,l=!!n&&r.index===n.length-1;return t.jsx(Y,{itemKey:o,isCurrentKey:me===o,itemData:r.data,itemIndex:r.index,isTabbable:s,isFocused:i,isFocusRingVisible:a,isGridLayout:"grid"===D,selectedKeys:S,selectionMode:C,onSelectionChange:R,focusBehavior:ae,...0===r.index&&te.current&&{onAnimationBusyStart:W},...l&&te.current&&{onAnimationBusyEnd:X},..."content"===I&&{setIsFocusBehaviorValid:ie},...te.current&&{initialAnimation:B},...0===r.index&&!L.width&&{updateCardSize:P},...ce&&{reorderItemProps:Se},children:e},o)}})})}),Be=t.jsx(G,{...$,children:O?t.jsx(Q,{skeletonRenderer:O}):t.jsx(Z,{layout:D})}),ke=!("ios"===u.getClientHints().platform||"android"===u.getClientHints().platform),Ee=[x.styles.baseStyle];ke||Ee.push(x.styles.userSelect);const Te=y.classNames(Ee);return t.jsxs("div",{...s.mergeProps(ye,pe,Ce,{onKeyDown:e=>{"content"===ae&&"Tab"===e.key&&_.current?.focus({preventScroll:!0});ce&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown"].includes(e.key)&&(le.current=!0)}}),ref:_,role:"grid",class:Te,tabIndex:0,"aria-label":w,"aria-labelledby":K,"aria-describedby":ce?ve+" "+j:j,"aria-multiselectable":re,"aria-rowcount":1,"aria-colcount":oe,children:[t.jsx(a.ReorderableContext.Provider,{value:Re,children:n?n.length||m?je:t.jsx(r.Fragment,{}):Be}),Ie]})})),ne=e=>e.id,oe=re;e.BaseCardView=oe,e.getColCount=(e,t,r)=>{if(!t||!r)return 0;const n=Math.floor((r+e)/(e+t));return Math.max(1,n)},e.gutterSizeToPX=N}));
+//# sourceMappingURL=BaseCardView-16fda4c3.js.map

package/amd/{BaseCardView-b8119561.js.map → BaseCardView-16fda4c3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BaseCardView-b8119561.js","sources":["../../src/PRIVATE_BaseCardView/BaseCardViewUtils.ts","../../src/PRIVATE_BaseCardView/BaseCardViewReorderableItem.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewItem.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewLayout.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewSkeletonContainer.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewSkeleton.tsx","../../src/PRIVATE_BaseCardView/BaseCardView.tsx","../../src/PRIVATE_BaseCardView/useCardViewReorder.ts"],"sourcesContent":["import { Size } from '../utils/UNSAFE_size';\n\n/**\n * Item selector for CardView components\n */\nexport const CARDVIEW_ITEM_SELECTOR = '[data-oj-card-item]';\n\nexport const emptyKeys = { all: false, keys: new Set() };\nexport type GutterSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * A mapping of gutterSize to concrete size in pixels\n */\nexport const gutterSizeToPX: Record<string, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 48,\n  xl: 64\n};\n\nexport const getGapSize = (gutterSize?: GutterSize) => {\n  const px = gutterSizeToPX[gutterSize || 'sm'];\n  const gap = `${px / 4}x` as Size;\n  return gap;\n};\n\nexport const getColCount = (gapWidth: number, cardWidth?: number, rootWidth?: number) => {\n  if (!cardWidth || !rootWidth) return 0;\n\n  // if we have n cards, we have n-1 gaps\n  const colCount = Math.floor((rootWidth + gapWidth) / (gapWidth + cardWidth));\n  return Math.max(1, colCount);\n};\n","import { useRef, useCallback, useEffect } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { multiVariantStyles, styles } from './themes/BaseCardViewStyles.css';\nimport { CARDVIEW_ITEM_SELECTOR, GutterSize } from './BaseCardViewUtils';\nimport { useReorderableContext } from '#hooks/PRIVATE_useReorderable/useReorderableContext';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\ntype BaseItemProps<K> = {\n  itemKey: K;\n  itemIndex: number;\n  isCurrentKey: boolean;\n};\n\nexport type BaseCardViewReorderableItemProps<K> = ReorderableItemProps<K> & {\n  gutterSize: GutterSize;\n  columns: number;\n};\n\n/**\n * The internal component used to render a reorderable item in CardView.\n */\nexport function BaseCardViewReorderableItem<K extends string | number>({\n  children,\n  itemKey,\n  itemIndex,\n  isCurrentKey,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  gutterSize,\n  columns\n}: BaseCardViewReorderableItemProps<K> & BaseItemProps<K>) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const isOneColumn = columns === 1;\n  const isFirstColumn = itemIndex % columns === 0;\n  const isLastColumn = itemIndex % columns === columns - 1;\n  const variantClasses = multiVariantStyles({\n    itemOverlayFront: gutterSize\n  });\n  const variantClassesVertical = multiVariantStyles({\n    itemOverlayFrontVertical: gutterSize\n  });\n  const itemStyles = {\n    itemOverlayFront: isOneColumn ? variantClassesVertical : variantClasses,\n    itemOverlayRear: isOneColumn ? styles.itemOverlayRearVertical : styles.itemOverlayRear,\n    itemDragger: styles.itemDragger\n  };\n  const getItem = useCallback(\n    () => itemRef?.current?.closest(CARDVIEW_ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/cardview-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: CARDVIEW_ITEM_SELECTOR,\n      isVertical: isOneColumn\n    });\n\n  // TODO: remove this as part of JET-70023\n  const { currentItemKey } = useReorderableContext();\n  useEffect(() => {\n    if (isCurrentKey) {\n      currentItemKey.current = itemKey;\n    }\n  }, [isCurrentKey, itemKey, currentItemKey]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    !isOneColumn && !isRtl && isFirstColumn && styles.itemOverlayFrontEdge,\n    !isOneColumn && isRtl && isLastColumn && styles.itemOverlayFrontEdge\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    !isOneColumn && !isRtl && isLastColumn && styles.itemOverlayRearEdge,\n    !isOneColumn && isRtl && isFirstColumn && styles.itemOverlayRearEdge\n  ]);\n\n  return (\n    <div {...rootProps}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\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 { ComponentChildren } from 'preact';\nimport { memo } from 'preact/compat';\nimport {\n  useRef,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useEffect,\n  StateUpdater,\n  Dispatch,\n  MutableRef\n} from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { warn } from '../utils/UNSAFE_logger';\nimport { allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { SelectionMode, ListItemRendererContext, SelectionDetail } from '../UNSAFE_Collection';\nimport { multiVariantStyles, styles } from './themes/BaseCardViewStyles.css';\nimport {\n  BaseCardViewReorderableItem,\n  BaseCardViewReorderableItemProps\n} from './BaseCardViewReorderableItem';\nimport { containsKey, isSameKey, Keys } from '../utils/UNSAFE_keys';\nimport { getItemContext } from '../utils/PRIVATE_collectionUtils';\n\n/**\n * Props for the BaseCardViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  itemKey: K;\n  itemData: D;\n  itemIndex: number;\n  isTabbable: boolean;\n  isCurrentKey: boolean;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  selectedKeys: Keys<K>;\n  selectionMode: SelectionMode;\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n  focusBehavior: 'card' | 'content';\n  setIsFocusBehaviorValid?: Dispatch<StateUpdater<boolean>>;\n  initialAnimation?: 'slideUp' | 'slideDown';\n  isGridLayout?: boolean;\n  updateCardSize?: (width: number, height: number) => void;\n  onAnimationBusyStart?: () => void;\n  onAnimationBusyEnd?: () => void;\n} & {\n  reorderItemProps?: Omit<BaseCardViewReorderableItemProps<K>, 'children'>;\n};\n\n/**\n * The internal component used to render a single item in CardView.\n */\nfunction BaseCardViewItem<K extends string | number, D>({\n  children,\n  itemKey,\n  itemData,\n  itemIndex,\n  isTabbable,\n  isCurrentKey,\n  isFocused,\n  isFocusRingVisible,\n  selectedKeys,\n  selectionMode,\n  onSelectionChange,\n  focusBehavior,\n  setIsFocusBehaviorValid,\n  initialAnimation,\n  isGridLayout,\n  updateCardSize,\n  reorderItemProps,\n  onAnimationBusyStart,\n  onAnimationBusyEnd\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const isItemFocused = isFocused && isFocusRingVisible;\n  const variantClasses = multiVariantStyles({\n    itemFocused: focusBehavior === 'card' && isItemFocused ? 'isItemFocused' : 'isNotItemFocused',\n    itemInitialOpacity: initialAnimation ? 'isTransparent' : 'isNotTransparent',\n    itemInGridLayout: isGridLayout ? 'isInGridLayout' : 'isNotInGridLayout'\n  });\n  const classes = classNames([styles.itemStyle, variantClasses]);\n\n  /*********************************** Tabbable Mode ***********************************/\n\n  // don't bubble Arrow Up/Down/Left/Right 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 (\n      focusBehavior === 'card' &&\n      isTabbable &&\n      (event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'ArrowRight')\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  /************************************ Card Size ************************************/\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      updateCardSize?.(entry.contentRect.width, entry.contentRect.height);\n    },\n    [updateCardSize]\n  );\n\n  const nullRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(updateCardSize ? rootRef : nullRef, handleResize);\n\n  /********************************* Focus Behavior *********************************/\n\n  useLayoutEffect(() => {\n    if (focusBehavior === 'content' && isItemFocused) {\n      // rootRef is cardview item, its first child is the focus trap div, so its first grand child\n      // is the actual content\n      const content = rootRef.current?.firstElementChild?.firstElementChild as HTMLElement;\n      const focusable = allTabbableElements(content, true, true);\n      if (focusable.length === 0 || focusable.length > 1) {\n        warn(\n          `${focusable.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`\n        );\n        setIsFocusBehaviorValid?.(false);\n      } else {\n        focusable[0].focus();\n      }\n    }\n  }, [focusBehavior, isItemFocused, setIsFocusBehaviorValid]);\n\n  /******************************** Initial Animation ********************************/\n\n  // animation for slide up/down\n  const { nodeRef: nodeRefSlide, controller: controllerSlide } = useAnimation<\n    'slideUp' | 'slideDown' | 'none',\n    HTMLDivElement\n  >(initialAnimation || 'none', animationConfigSlide(itemIndex));\n\n  // animation for opacity change\n  const { nodeRef: nodeRefOpacity, controller: controllerOpacity } = useAnimation<\n    'opacity' | 'none',\n    HTMLDivElement\n  >(\n    (initialAnimation && 'opacity') || 'none',\n    animationConfigOpacity(itemIndex, timeoutRef, onAnimationBusyEnd)\n  );\n\n  if (initialAnimation) {\n    onAnimationBusyStart?.();\n  }\n\n  // max cap for animation is 1s\n  useEffect(() => {\n    if (initialAnimation !== undefined) {\n      timeoutRef.current = setTimeout(() => {\n        controllerSlide.cancel();\n        controllerOpacity.cancel();\n        if (rootRef.current) {\n          rootRef.current.style.opacity = '1';\n        }\n        onAnimationBusyEnd?.();\n      }, 1000);\n    }\n  }, [controllerOpacity, controllerSlide, initialAnimation, onAnimationBusyEnd]);\n\n  // TODO: issue track in JET-57681, we currently have two useAnimation() because the opacity and\n  // slide up/down have different durations, and the current API couldn't handle this case, we will\n  // update this once the API is updated\n\n  /********************************** Child Component **********************************/\n  const itemRefs = useMemo(() => {\n    // NOTE: spot an issue when we click the cards during animation is processing, the cards would not finish\n    // the current animations and stay as what it is, e.g. leave itself as half transparent.\n    // need to remove nodeRefSlide and nodeRefOpacity to avoid this issue.\n    if (initialAnimation === undefined) {\n      return mergeRefs(rootRef);\n    }\n    return mergeRefs(rootRef, nodeRefSlide, nodeRefOpacity);\n  }, [rootRef, nodeRefSlide, nodeRefOpacity, initialAnimation]);\n\n  const rendererContext = getItemContext<K, D>(\n    { data: { data: itemData, metadata: { key: itemKey } }, index: itemIndex },\n    selectedKeys,\n    selectionMode === 'multiple',\n    onSelectionChange\n  );\n\n  const childrenComponent = reorderItemProps ? (\n    <BaseCardViewReorderableItem\n      {...reorderItemProps}\n      itemKey={itemKey}\n      itemIndex={itemIndex}\n      isCurrentKey={isCurrentKey}>\n      {children(rendererContext)}\n    </BaseCardViewReorderableItem>\n  ) : (\n    children(rendererContext)\n  );\n\n  return (\n    <div\n      id={useId()}\n      ref={itemRefs}\n      class={classes}\n      role=\"gridcell\"\n      data-oj-card-item=\"\"\n      data-oj-key={itemKey}\n      onKeyDown={handleKeyDown}\n      aria-selected={selectionMode === 'none' ? undefined : containsKey(selectedKeys, itemKey)}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}>\n      <TabbableModeContext.Provider value={{ isTabbable }}>\n        <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n          {childrenComponent}\n        </FocusTrap>\n      </TabbableModeContext.Provider>\n    </div>\n  );\n}\n\nconst animationConfigSlide = (\n  index: number\n): UseAnimationConfig<'slideUp' | 'slideDown' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      slideUp: {\n        from: {\n          translateY: '50px'\n        },\n        to: {\n          translateY: '0px'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      },\n      slideDown: {\n        from: {\n          translateY: '-50px'\n        },\n        to: {\n          translateY: '0'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      }\n    },\n    isAnimatedOnMount: true\n  };\n};\n\nconst animationConfigOpacity = (\n  index: number,\n  timeoutRef: MutableRef<ReturnType<typeof setTimeout> | undefined>,\n  onAnimationBusyEnd?: () => void\n): UseAnimationConfig<'opacity' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      opacity: {\n        from: {\n          opacity: 0\n        },\n        to: {\n          opacity: 1\n        },\n        options: {\n          duration: 150,\n          delay: index * 50,\n          easing: 'linear'\n        }\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => {\n      onAnimationBusyEnd?.();\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    }\n  };\n};\n\n/**\n * Compare the equality between two reorderItemProps, especially useful for memoized items\n */\nconst _compareReorderItemProps = (\n  props1: Props<string | number, unknown>['reorderItemProps'],\n  props2: Props<string | number, unknown>['reorderItemProps']\n) => {\n  return (\n    props1?.['dragKey'] === props2?.['dragKey'] &&\n    props1?.['setDragKey'] === props2?.['setDragKey'] &&\n    props1?.['columns'] === props2?.['columns'] &&\n    props1?.['gutterSize'] === props2?.['gutterSize'] &&\n    props1?.['rootRef'] === props2?.['rootRef']\n  );\n};\n\nexport const MemoizeBaseCardViewItem = memo(\n  BaseCardViewItem,\n  (prev: Props<string | number, unknown>, next: Props<string | number, unknown>) => {\n    if (prev && next) {\n      return (\n        prev.children === next.children &&\n        prev.itemKey === next.itemKey &&\n        prev.itemData === next.itemData &&\n        prev.itemIndex === next.itemIndex &&\n        prev.isTabbable === next.isTabbable &&\n        prev.isCurrentKey === next.isCurrentKey &&\n        prev.isFocused === next.isFocused &&\n        prev.isFocusRingVisible === next.isFocusRingVisible &&\n        prev.initialAnimation === next.initialAnimation &&\n        prev.focusBehavior === next.focusBehavior &&\n        isSameKey(prev.selectedKeys, next.selectedKeys) &&\n        prev.selectionMode === next.selectionMode &&\n        prev.onSelectionChange === next.onSelectionChange &&\n        prev.setIsFocusBehaviorValid === next.setIsFocusBehaviorValid &&\n        prev.isGridLayout === next.isGridLayout &&\n        prev.updateCardSize === next.updateCardSize &&\n        prev.onAnimationBusyStart === next.onAnimationBusyStart &&\n        prev.onAnimationBusyEnd === next.onAnimationBusyEnd &&\n        _compareReorderItemProps(prev.reorderItemProps, next.reorderItemProps)\n      );\n    }\n    return false;\n  }\n);\n","import { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { Flex } from '../UNSAFE_Flex';\nimport { GutterSize } from './BaseCardViewUtils';\nimport { cardViewVars } from './themes/BaseCardViewContract.css';\n\ntype Props = {\n  children: ComponentChildren;\n  layout: 'grid' | 'flex';\n  gutterSize: GutterSize;\n  columns: number;\n};\n\nexport function BaseCardViewLayout({ children, layout, gutterSize, columns }: Props) {\n  const gap = cardViewVars.gutterSize[gutterSize];\n  if (layout === 'grid') {\n    return columns < 1 ? null : (\n      <Grid gridTemplateColumns={`repeat(${columns}, 1fr)`} gap={gap}>\n        {children}\n      </Grid>\n    );\n  } else {\n    return (\n      <Flex wrap=\"wrap\" gap={gap}>\n        {children}\n      </Flex>\n    );\n  }\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\ntype Props = {\n  /**\n   * Allows to pass skeletons\n   **/\n  children: ComponentChildren;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * BaseCardViewSkeletonContainer renders skeletons after 50ms threshold defined in the Redwood spec\n **/\nexport function BaseCardViewSkeletonContainer({ children }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  return isVisible ? <Fragment>{children}</Fragment> : <div class={LOADMORE_STYLE_CLASS}></div>;\n}\n","import { Size } from '../utils/UNSAFE_size';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { BaseCardViewSkeletonContainer } from './BaseCardViewSkeletonContainer';\nimport { SkeletonRendererContext } from '../UNSAFE_CardFlexView';\nimport { ComponentChildren } from 'preact';\n\nconst DEFAULT_SKELETON_NUMBER = 25;\nconst DEFAULT_SKELETON_WIDTH = '80x';\nconst DEFAULT_SKELETON_HEIGHT = '85x';\n\ntype SkeletonProps = {\n  layout: 'flex' | 'grid';\n  colCount: number;\n  totalCount: number;\n  cardWidth?: number;\n  cardHeight?: number;\n};\n\n/**\n * A function that returns an array of skeletons based on count\n * @param count the number of skeletons\n */\nconst getSkeletonsByCount = (\n  layout: 'flex' | 'grid',\n  count = DEFAULT_SKELETON_NUMBER,\n  width?: Size,\n  height?: Size,\n  isUnique = true\n) => {\n  const sw = width || (layout === 'flex' ? DEFAULT_SKELETON_WIDTH : '100%');\n  const sh = height || DEFAULT_SKELETON_HEIGHT;\n\n  return [...Array(count)].map((_v, i) => (\n    // create unique keys if needed, otherwise the animations won't start at the same time, because the old copy of skeletons\n    // could be reused, even the key is specified by useId(), combine count with time to make the key unique.\n    <Skeleton\n      key={isUnique && `${i}${new Date().getTime()}`}\n      width={sw}\n      height={sh}\n      borderRadius=\"6px\"\n    />\n  ));\n};\n\n/**\n * When there is no data (i.e. data is an empty array or null, and hasMore is false), we will show 25 card skeletons with default size\n */\nexport const InitialLoadSkeletons = (props: { layout: SkeletonProps['layout'] }) => (\n  <BaseCardViewSkeletonContainer>{getSkeletonsByCount(props.layout)}</BaseCardViewSkeletonContainer>\n);\n\n/**\n * When we are fetching the initial data (i.e. data is an empty array, and hasMore is true), we will show 25 card skeletons with default size,\n * because we don't know the card dimension at this time. Since there is more data to load, we will specify LOADMORE_STYLE_CLASS on skeletons\n */\nexport const DefaultLoadMoreSkeletons = (props: { layout: SkeletonProps['layout'] }) => {\n  const firstSkeleton = (\n    <div class={LOADMORE_STYLE_CLASS}>{getSkeletonsByCount(props.layout, 1)}</div>\n  );\n  const otherSkeletons = getSkeletonsByCount(props.layout, DEFAULT_SKELETON_NUMBER - 1);\n  const skeletons = [firstSkeleton, ...otherSkeletons];\n  return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n};\n\n/**\n * During the render that we measure and update card dimension, we will hide skeletons temporarily\n * to avoid showing incorrect skeletons\n */\nconst InvisibleSkeletons = () => {\n  return <div class={LOADMORE_STYLE_CLASS}></div>;\n};\n\nexport const LoadMoreSkeletons = (props: SkeletonProps) => {\n  if (props.colCount < 1 || props.cardWidth == null || props.cardHeight == null) {\n    // if column count / card width / card height are invalid, we will show the invisible skeletons\n    return <InvisibleSkeletons />;\n  } else {\n    // after initial renders, show skeletons with correct dimension and count\n    const skeletons = [];\n\n    const firstRowColCount = props.colCount - (props.totalCount % props.colCount);\n    const isOnlyOneRow = firstRowColCount === props.colCount;\n\n    const cardWidth = `calc(${props.cardWidth}px)` as Size;\n    const cardHeight = props.cardHeight\n      ? (`calc(${props.cardHeight}px)` as Size)\n      : DEFAULT_SKELETON_HEIGHT;\n\n    const width: Size = props.layout === 'flex' ? cardWidth : '100%';\n    const height: Size = props.layout === 'flex' || isOnlyOneRow ? cardHeight : '100%';\n\n    // first row\n    const firstSkeleton = (\n      <div class={LOADMORE_STYLE_CLASS}>{getSkeletonsByCount(props.layout, 1, width, height)}</div>\n    );\n    skeletons.push(firstSkeleton);\n    skeletons.push(getSkeletonsByCount(props.layout, firstRowColCount - 1, width, height));\n\n    // second row\n    if (!isOnlyOneRow) {\n      skeletons.push(getSkeletonsByCount(props.layout, props.colCount, width, cardHeight));\n    }\n\n    return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n  }\n};\n\nexport const CustomInitialSkeletions = (props: {\n  skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren;\n}) => {\n  const context: SkeletonRendererContext = { loadingStatus: 'initial' };\n  return (\n    <BaseCardViewSkeletonContainer>\n      {renderMultipleSkeletons(context, 25, props.skeletonRenderer)}\n    </BaseCardViewSkeletonContainer>\n  );\n};\n\nexport const CustomLoadMoreSkeletons = (\n  props: {\n    isRenderAsInitial: boolean;\n    skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren;\n  } & SkeletonProps\n) => {\n  const skeletons = [];\n  if (props.isRenderAsInitial) {\n    const context: SkeletonRendererContext = { loadingStatus: 'initial' };\n    skeletons.push(<div class={LOADMORE_STYLE_CLASS}>{props.skeletonRenderer(context)}</div>);\n    skeletons.push(renderMultipleSkeletons(context, 24, props.skeletonRenderer));\n  } else {\n    if (props.colCount === 0) {\n      return null;\n    }\n    const cardWidth = `calc(${props.cardWidth}px)` as Size;\n    const cardHeight = `calc(${props.cardHeight}px)` as Size;\n    const firstRowColCount = props.colCount - (props.totalCount % props.colCount);\n    const isOnlyOneRow = firstRowColCount === props.colCount;\n    const context: SkeletonRendererContext = {\n      loadingStatus: 'loadMore',\n      height: props.layout === 'flex' || isOnlyOneRow ? cardHeight : '100%',\n      width: props.layout === 'flex' ? cardWidth : '100%'\n    };\n    skeletons.push(<div class={LOADMORE_STYLE_CLASS}>{props.skeletonRenderer(context)}</div>);\n    skeletons.push(\n      Array(renderMultipleSkeletons(context, firstRowColCount - 1, props.skeletonRenderer))\n    );\n    if (!isOnlyOneRow) {\n      skeletons.push(renderMultipleSkeletons(context, props.colCount, props.skeletonRenderer));\n    }\n  }\n  return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n};\n\nconst renderMultipleSkeletons = (\n  context: SkeletonRendererContext,\n  count: number,\n  skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n) => {\n  return Array(count).fill(skeletonRenderer(context));\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 { Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useCallback, useEffect, useState, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys } from '../utils/UNSAFE_keys';\nimport {\n  getPrevNextKeyByCount,\n  getViewportConfig,\n  findElementByKey,\n  keyExtractor,\n  handleSelectionRange\n} from '../utils/PRIVATE_collectionUtils';\n\nimport { useNavigation } from '../hooks/PRIVATE_useListCommon';\nimport { useSelection, SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { ItemContext, SelectionDetail } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LoadMoreCollection } from '../PRIVATE_LoadMoreCollection';\nimport { styles } from './themes/BaseCardViewStyles.css';\nimport { Props } from '../UNSAFE_CardFlexView';\nimport { MemoizeBaseCardViewItem } from './BaseCardViewItem';\nimport { BaseCardViewLayout } from './BaseCardViewLayout';\nimport {\n  DefaultLoadMoreSkeletons,\n  LoadMoreSkeletons,\n  InitialLoadSkeletons,\n  CustomInitialSkeletions,\n  CustomLoadMoreSkeletons\n} from './BaseCardViewSkeleton';\nimport { gutterSizeToPX, emptyKeys, CARDVIEW_ITEM_SELECTOR } from './BaseCardViewUtils';\nimport { useCardViewReorder } from './useCardViewReorder';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/BaseCardViewBaseTheme.css';\nimport { useAddBusyState } from '#hooks/PRIVATE_useAddBusyState';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\n/**\n * Props specific for the GradGridBaseImpl Component\n */\ntype BaseCardViewImplProps<K, D> = Props<K, D> & {\n  /**\n   * Provide the number of columns to render;\n   */\n  columns: number;\n  /**\n   * The layout of the BaseCardView. When we use CardGridView as parent, we will use grid layout;\n   * when we use CardFlexView as parent, we will use flex layout.\n   */\n  layout: 'grid' | 'flex';\n  /**\n   * Card dimension, including width and height\n   */\n  cardSize: { width?: number; height?: number };\n  /**\n   * A callback function to update card dimension, including width and height\n   */\n  updateCardSize: (width: number, height: number) => void;\n};\n\nconst BaseCardViewImpl = forwardRef(\n  <K extends string | number, D>(\n    {\n      children,\n      data,\n      onLoadMore = () => {},\n      hasMore = false,\n      getRowKey,\n      currentItemOverride,\n      onPersistCurrentItem,\n      selectionMode = 'none',\n      selectedKeys = emptyKeys as Keys<K>,\n      onSelectionChange,\n      onReorder,\n      viewportConfig,\n      focusBehavior = 'card',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      initialAnimation = 'slideUp',\n      gutterSize = 'sm',\n      columns,\n      layout,\n      cardSize,\n      updateCardSize,\n      skeletonRenderer\n    }: BaseCardViewImplProps<K, D>,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref!, () => rootRef.current!, [rootRef]);\n\n    // tracking the anchor key which is used for shift+click selection\n    const anchorKey = useRef<K | undefined>();\n\n    const gutterSizePX = gutterSizeToPX[gutterSize];\n    const layoutProps = { layout, columns, gutterSize };\n\n    //setup busy start and busy end callbacks for the initial animation\n    const { onBusyStart: onAnimationBusyStart, onBusyEnd: onAnimationBusyEnd } = useAddBusyState(\n      'handling initial animation'\n    );\n    const isInitialAnimation = useRef(true);\n    useEffect(() => {\n      if (cardSize.height != undefined && cardSize.width != undefined) {\n        isInitialAnimation.current = false;\n      }\n    }, [cardSize]);\n\n    const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n    const ariaRowcount = 1;\n    const ariaColcount = data ? data.length : -1;\n\n    const [isFocusBehaviorValid, setIsFocusBehaviorValid] = useState(true);\n    const validFocusBehavior = isFocusBehaviorValid ? focusBehavior : 'card';\n\n    // ensure current item is scrolled into view when current item is updated\n    // during reordering, enable that during keyboard reordering, disable that during mouse reordering\n    const scrollCurrItemIntoView = useRef(false);\n    const isReorderEnabled = onReorder != undefined;\n\n    const isFetching = useRef(false);\n\n    /*****************************************************************************************/\n    /*********************** Current Key, Focus Ring and Tabbable Mode ***********************/\n    /*****************************************************************************************/\n\n    const arrowKeyAndHandlers = {\n      ArrowUp: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, -columns),\n      ArrowDown: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, columns),\n      ArrowLeft: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, -1),\n      ArrowRight: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, 1)\n    };\n\n    const {\n      navigationProps,\n      currentKey,\n      isCurrentItemOverridden,\n      showFocusRing,\n      isCurrentTabbableKey\n    } = useNavigation(\n      data,\n      rootRef,\n      idExtractor,\n      CARDVIEW_ITEM_SELECTOR,\n      arrowKeyAndHandlers,\n      currentItemOverride,\n      onPersistCurrentItem,\n      viewportConfig,\n      undefined,\n      selectionMode !== 'multiple',\n      validFocusBehavior === 'card',\n      validFocusBehavior === 'card',\n      false\n    );\n\n    /*****************************************************************************************/\n    /*************************************** Selection ***************************************/\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, getRowKey);\n          // for non-virtualized CardView, value should always be an array\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            onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n          }\n        }\n      },\n      [data, onSelectionChange, getRowKey]\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, CARDVIEW_ITEM_SELECTOR) as K;\n      },\n      selectedKeys,\n      selectionMode,\n      false,\n      'toggle',\n      handleSelectionChange,\n      anchorKey.current,\n      currentKey,\n      (currentKey: K | undefined, isPrev: boolean) =>\n        getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -columns : columns),\n      (currentKey: K | undefined, isPrev: boolean) =>\n        getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -1 : 1),\n      (key: K) => {\n        if (rootRef.current) {\n          const elem = findElementByKey(rootRef.current, key, CARDVIEW_ITEM_SELECTOR);\n          if (elem) {\n            elem.scrollIntoView({ block: 'nearest' });\n          }\n        }\n      },\n      handleSelectionRangeChange\n    );\n\n    /*****************************************************************************************/\n    /**************************************** Reorder ****************************************/\n    /*****************************************************************************************/\n\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useCardViewReorder({\n      onReorder,\n      gutterSize,\n      columns,\n      rootRef,\n      scrollCurrItemIntoView\n    });\n\n    const reorderAcc = isReorderEnabled && (\n      <>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n      </>\n    );\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // for content focusBehavior, when users tab out, we need to focus back to card grid, to ensure\n      // the tabbing order works properly, otherwise the focus might get stuck at the current item\n      if (validFocusBehavior === 'content' && event.key === 'Tab') {\n        rootRef.current?.focus({ preventScroll: true });\n      }\n      // during keyboard reordering, the current item should be scrolled into view\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        isReorderEnabled &&\n        (event.metaKey || event.ctrlKey) &&\n        event.shiftKey &&\n        keyHandlers.includes(event.key)\n      ) {\n        scrollCurrItemIntoView.current = true;\n      }\n    };\n\n    useEffect(() => {\n      if (isReorderEnabled && currentKey != null && rootRef.current) {\n        const elem = findElementByKey(rootRef.current, currentKey, CARDVIEW_ITEM_SELECTOR);\n        // make sure current item is visible during reordering\n        // scroll the current item into view only when the current item is updated internally\n        if (elem && scrollCurrItemIntoView.current && !isCurrentItemOverridden) {\n          elem.scrollIntoView({ block: 'nearest' });\n          scrollCurrItemIntoView.current = false;\n        }\n      }\n      // since the currentKey will not change during keyboard reordering,\n      // listen to data to ensure cardview scroll into view\n    }, [currentKey, data, isReorderEnabled, isCurrentItemOverridden]);\n\n    /*****************************************************************************************/\n    /************************************* Load More *****************************************/\n    /*****************************************************************************************/\n\n    const handleLoadMore = useCallback(() => {\n      // check isFetching to avoid multiple load more at the same time (details in JET-61117)\n      if (!isFetching.current) {\n        isFetching.current = true;\n        onLoadMore();\n      }\n    }, [isFetching, onLoadMore]);\n\n    useEffect(() => {\n      isFetching.current = false;\n      // listen to data and hasMore because when one of them gets updated, the fetching is done\n    }, [data, hasMore]);\n\n    /*****************************************************************************************/\n    /************************************ Child Component ************************************/\n    /*****************************************************************************************/\n\n    const childrenComponent = (context: ItemContext<D>) => {\n      const itemKey = getRowKey(context.data);\n      const isTabbable = isCurrentTabbableKey(itemKey);\n      const isFocused = currentKey === itemKey && !isTabbable;\n      const isFocusRingVisible = isFocused && showFocusRing;\n      const isLastCard = data ? context.index === data.length - 1 : false;\n      return (\n        <MemoizeBaseCardViewItem<K, D>\n          key={itemKey}\n          itemKey={itemKey}\n          isCurrentKey={currentKey === itemKey}\n          itemData={context.data}\n          itemIndex={context.index}\n          isTabbable={isTabbable}\n          isFocused={isFocused}\n          isFocusRingVisible={isFocusRingVisible}\n          isGridLayout={layout === 'grid'}\n          selectedKeys={selectedKeys}\n          selectionMode={selectionMode}\n          onSelectionChange={onSelectionChange}\n          focusBehavior={validFocusBehavior}\n          {...(context.index === 0 && isInitialAnimation.current && { onAnimationBusyStart })}\n          {...(isLastCard && isInitialAnimation.current && { onAnimationBusyEnd })}\n          {...(focusBehavior === 'content' && { setIsFocusBehaviorValid })}\n          {...(isInitialAnimation.current && { initialAnimation })}\n          {...(context.index === 0 && !cardSize.width && { updateCardSize })}\n          {...(isReorderEnabled && { reorderItemProps })}>\n          {children}\n        </MemoizeBaseCardViewItem>\n      );\n    };\n\n    // todo: issue track in JET-57952, need a way to show the skeletons in keyboard navigation\n    const skeletons = data ? (\n      !data.length && hasMore ? (\n        skeletonRenderer ? (\n          <CustomLoadMoreSkeletons\n            layout={layout}\n            colCount={columns}\n            totalCount={data.length}\n            cardWidth={cardSize.width}\n            cardHeight={cardSize.height}\n            isRenderAsInitial={true}\n            skeletonRenderer={skeletonRenderer}\n          />\n        ) : (\n          <DefaultLoadMoreSkeletons layout={layout} />\n        )\n      ) : skeletonRenderer ? (\n        <CustomLoadMoreSkeletons\n          layout={layout}\n          colCount={columns}\n          totalCount={data.length}\n          cardWidth={cardSize.width}\n          cardHeight={cardSize.height}\n          isRenderAsInitial={false}\n          skeletonRenderer={skeletonRenderer}\n        />\n      ) : (\n        <LoadMoreSkeletons\n          layout={layout}\n          colCount={columns}\n          totalCount={data.length}\n          cardWidth={cardSize.width}\n          cardHeight={cardSize.height}\n        />\n      )\n    ) : null;\n\n    viewportConfig = getViewportConfig(rootRef, viewportConfig);\n    const collectionComponent = (\n      <div role=\"row\">\n        <BaseCardViewLayout {...layoutProps}>\n          <LoadMoreCollection\n            data={data}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loadMoreIndicator={skeletons}\n            loadMoreThreshold={gutterSizePX + 4} // gap size + padding\n            viewportConfig={viewportConfig}>\n            {childrenComponent}\n          </LoadMoreCollection>\n        </BaseCardViewLayout>\n      </div>\n    );\n\n    const initialLoadSkeletons = (\n      <BaseCardViewLayout {...layoutProps}>\n        {skeletonRenderer ? (\n          <CustomInitialSkeletions skeletonRenderer={skeletonRenderer} />\n        ) : (\n          <InitialLoadSkeletons layout={layout} />\n        )}\n      </BaseCardViewLayout>\n    );\n    const allowBrowserContextMenu = !(\n      getClientHints().platform === 'ios' || getClientHints().platform === 'android'\n    );\n\n    const classArray = [styles.baseStyle];\n    if (!allowBrowserContextMenu) {\n      classArray.push(styles.userSelect);\n    }\n    const classes = classNames(classArray);\n\n    return (\n      <div\n        {...mergeProps(navigationProps, selectionProps, reorderProps, {\n          onKeyDown: handleKeyDown\n        })}\n        ref={rootRef}\n        role=\"grid\"\n        class={classes}\n        tabIndex={0}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={\n          isReorderEnabled ? reorderInstructionsId + ' ' + ariaDescribedBy : ariaDescribedBy\n        }\n        aria-multiselectable={ariaMultiSelectable}\n        aria-rowcount={ariaRowcount}\n        aria-colcount={ariaColcount}>\n        <ReorderableContext.Provider value={reorderContext}>\n          {!data ? (\n            initialLoadSkeletons\n          ) : data.length || hasMore ? (\n            collectionComponent\n          ) : (\n            <Fragment />\n          )}\n        </ReorderableContext.Provider>\n        {reorderAcc}\n      </div>\n    );\n  }\n);\n\nconst idExtractor = (elem: Element) => elem.id;\n\n/**\n * Props specific for the BaseCardView\n */\ntype BaseCardViewProps<K, D> = BaseCardViewImplProps<K, D> & {\n  ref?: ForwardedRef<HTMLDivElement>;\n};\n\n/**\n * Cast BaseCardViewImpl to generic type, because BaseCardViewImpl would infer the generic type to specific type,\n * i.e infer <K extends string | number, D> to <string | number, unknown>, which will cause type issues in the parent component\n */\nexport const BaseCardView = BaseCardViewImpl as <K extends string | number, D>(\n  props: BaseCardViewProps<K, D>\n) => JSX.Element;\n","import type { RefObject } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { dragToScroll } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { Props } from '../UNSAFE_CardFlexView';\nimport { CARDVIEW_ITEM_SELECTOR, GutterSize } from './BaseCardViewUtils';\n\ntype useCardViewReorderProps<K, D> = Pick<Props<K, D>, 'onReorder'> & {\n  gutterSize: GutterSize;\n  columns: number;\n  rootRef: RefObject<HTMLDivElement>;\n  scrollCurrItemIntoView: RefObject<boolean>;\n};\n\nexport const useCardViewReorder = <K extends string | number, D>({\n  onReorder,\n  gutterSize,\n  columns,\n  rootRef,\n  scrollCurrItemIntoView\n}: useCardViewReorderProps<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: CARDVIEW_ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns\n    });\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleDragOver = (event: DragEvent) => {\n    dragToScroll(event, dragKey !== undefined, rootRef.current);\n    // during mouse reordering, the drag item might not be the same as current item,\n    // so we should disallow current item scroll into view\n    scrollCurrItemIntoView.current = false;\n  };\n\n  const reorderEventProps = { ...reorderProps, onDragOver: handleDragOver };\n\n  const reorderItemProps = {\n    dragKey,\n    setDragKey,\n    onReorder,\n    rootRef,\n    gutterSize,\n    columns\n  };\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["CARDVIEW_ITEM_SELECTOR","emptyKeys","all","keys","Set","gutterSizeToPX","xs","sm","md","lg","xl","BaseCardViewReorderableItem","children","itemKey","itemIndex","isCurrentKey","dragKey","setDragKey","onReorder","rootRef","gutterSize","columns","itemRef","useRef","isOneColumn","isFirstColumn","isLastColumn","variantClasses","multiVariantStyles","itemOverlayFront","variantClassesVertical","itemOverlayFrontVertical","itemStyles","itemOverlayRear","styles","itemOverlayRearVertical","itemDragger","getItem","useCallback","current","closest","setTransferData","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemSelector","isVertical","currentItemKey","useReorderableContext","useEffect","direction","useUser","isRtl","overlayZoneBeforeClass","classNames","class","itemOverlayFrontEdge","overlayZoneAfterClass","itemOverlayRearEdge","_jsxs","isKeyDefined","_Fragment","_jsx","jsx","animationConfigSlide","index","animationStates","slideUp","from","translateY","to","options","duration","delay","easing","slideDown","isAnimatedOnMount","animationConfigOpacity","timeoutRef","onAnimationBusyEnd","opacity","onAnimationEnd","clearTimeout","MemoizeBaseCardViewItem","memo","itemData","isTabbable","isFocused","isFocusRingVisible","selectedKeys","selectionMode","onSelectionChange","focusBehavior","setIsFocusBehaviorValid","initialAnimation","isGridLayout","updateCardSize","reorderItemProps","onAnimationBusyStart","isItemFocused","itemFocused","itemInitialOpacity","itemInGridLayout","classes","itemStyle","handleResize","entry","contentRect","width","height","nullRef","useResizeObserver","useLayoutEffect","content","firstElementChild","focusable","allTabbableElements","length","warn","focus","nodeRef","nodeRefSlide","controller","controllerSlide","useAnimation","nodeRefOpacity","controllerOpacity","undefined","setTimeout","cancel","style","itemRefs","useMemo","mergeRefs","rendererContext","getItemContext","data","metadata","key","childrenComponent","id","useId","role","onKeyDown","stopPropagation","containsKey","TabbableModeContext","Provider","value","FocusTrap","restoreFocusRef","prev","next","isSameKey","props1","props2","BaseCardViewLayout","layout","gap","cardViewVars","Grid","gridTemplateColumns","Flex","wrap","BaseCardViewSkeletonContainer","isVisible","setIsVisible","useState","Fragment","LOADMORE_STYLE_CLASS","getSkeletonsByCount","count","isUnique","sw","sh","Array","map","_v","i","Skeleton","borderRadius","Date","getTime","InitialLoadSkeletons","props","DefaultLoadMoreSkeletons","skeletons","DEFAULT_SKELETON_NUMBER","InvisibleSkeletons","LoadMoreSkeletons","colCount","cardWidth","cardHeight","firstRowColCount","totalCount","isOnlyOneRow","firstSkeleton","push","CustomInitialSkeletions","renderMultipleSkeletons","loadingStatus","skeletonRenderer","CustomLoadMoreSkeletons","isRenderAsInitial","context","fill","BaseCardViewImpl","forwardRef","onLoadMore","hasMore","getRowKey","currentItemOverride","onPersistCurrentItem","viewportConfig","ariaLabel","ariaLabelledBy","ariaDescribedBy","cardSize","useImperativeHandle","anchorKey","gutterSizePX","layoutProps","onBusyStart","onBusyEnd","useAddBusyState","isInitialAnimation","ariaMultiSelectable","ariaColcount","isFocusBehaviorValid","validFocusBehavior","scrollCurrItemIntoView","isReorderEnabled","isFetching","arrowKeyAndHandlers","ArrowUp","getPrevNextKeyByCount","ArrowDown","ArrowLeft","ArrowRight","navigationProps","currentKey","isCurrentItemOverridden","showFocusRing","isCurrentTabbableKey","useNavigation","idExtractor","handleSelectionChange","detail","size","values","pop","handleSelectionRangeChange","handleSelectionRange","isArray","eventType","start","end","target","selectionProps","useSelection","element","keyExtractor","isPrev","elem","findElementByKey","scrollIntoView","block","reorderProps","reorderContext","reorderInstructionsId","reorderInstructions","useReorderable","onDragOver","dragToScroll","useCardViewReorder","reorderAcc","HiddenAccessible","handleLoadMore","getViewportConfig","collectionComponent","LoadMoreCollection","loadMoreIndicator","loadMoreThreshold","isLastCard","initialLoadSkeletons","allowBrowserContextMenu","getClientHints","platform","classArray","baseStyle","userSelect","mergeProps","preventScroll","metaKey","ctrlKey","shiftKey","includes","tabIndex","ReorderableContext","BaseCardView","gapWidth","rootWidth","Math","floor","max"],"mappings":"ykCAKO,MAAMA,EAAyB,sBAEzBC,EAAY,CAAEC,KAAK,EAAOC,KAAM,IAAIC,KAMpCC,EAAyC,CACpDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,ICMA,SAAUC,GAAuDC,SACrEA,EAAQC,QACRA,EAAOC,UACPA,EAASC,aACTA,EAAYC,QACZA,EAAOC,WACPA,EAAUC,UACVA,EAASC,QACTA,EAAOC,WACPA,EAAUC,QACVA,IAEA,MAAMC,EAAUC,SAA8B,MACxCC,EAA0B,IAAZH,EACdI,EAAgBX,EAAYO,GAAY,EACxCK,EAAeZ,EAAYO,GAAYA,EAAU,EACjDM,EAAiBC,EAAAA,mBAAmB,CACxCC,iBAAkBT,IAEdU,EAAyBF,EAAAA,mBAAmB,CAChDG,yBAA0BX,IAEtBY,EAAa,CACjBH,iBAAkBL,EAAcM,EAAyBH,EACzDM,gBAAiBT,EAAcU,EAAAA,OAAOC,wBAA0BD,EAAMA,OAACD,gBACvEG,YAAaF,EAAMA,OAACE,aAEhBC,EAAUC,EAAWA,aACzB,IAAMhB,GAASiB,SAASC,QAAQxC,IAChC,IAEIyC,EAAkBH,eACrBI,IACCA,EAAMC,cAAcC,QAAQ,0BAA2BC,KAAKC,UAAUjC,GAAS,GAEjF,CAACA,KAEGkC,UAAEA,EAASC,UAAEA,EAASC,uBAAEA,EAAsBC,sBAAEA,GACpDC,EAAAA,mBAAmB,CACjBC,YAAYlC,EACZF,UACAC,aACAC,YACAC,UACAkC,IAAK/B,EACLe,UACAI,kBACAT,aACAsB,aAActD,EACduD,WAAY/B,KAIVgC,eAAEA,GAAmBC,EAAAA,wBAC3BC,EAAAA,WAAU,KACJ3C,IACFyC,EAAejB,QAAU1B,EAC1B,GACA,CAACE,EAAcF,EAAS2C,IAE3B,MAAMG,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EAERG,EAAyBC,EAAAA,WAAW,CACxCd,GAAwBe,OACvBxC,IAAgBqC,GAASpC,GAAiBS,EAAMA,OAAC+B,sBACjDzC,GAAeqC,GAASnC,GAAgBQ,EAAMA,OAAC+B,uBAG5CC,EAAwBH,EAAAA,WAAW,CACvCb,GAAuBc,OACtBxC,IAAgBqC,GAASnC,GAAgBQ,EAAMA,OAACiC,qBAChD3C,GAAeqC,GAASpC,GAAiBS,EAAMA,OAACiC,sBAGnD,OACEC,EAAAA,KAAA,MAAA,IAASrB,EAASnC,SAAA,CACfA,GACCoC,GAAaqB,EAAYA,aAACrD,IAC1BoD,EAAAA,KACEE,EAAAA,SAAA,CAAA1D,SAAA,CAAA2D,EAAAC,IAAA,MAAA,IAASvB,EAAwBe,MAAOF,IACxCS,gBAASrB,EAAuBc,MAAOE,SAKjD,CC6HA,MAAMO,EACJC,IAEO,CACLC,gBAAiB,CACfC,QAAS,CACPC,KAAM,CACJC,WAAY,QAEdC,GAAI,CACFD,WAAY,OAEdE,QAAS,CACPC,SAAU,IACVC,MAAe,GAARR,EACPS,OAAQ,CAAC,EAAG,EAAG,GAAK,KAGxBC,UAAW,CACTP,KAAM,CACJC,WAAY,SAEdC,GAAI,CACFD,WAAY,KAEdE,QAAS,CACPC,SAAU,IACVC,MAAe,GAARR,EACPS,OAAQ,CAAC,EAAG,EAAG,GAAK,MAI1BE,mBAAmB,IAIjBC,EAAyB,CAC7BZ,EACAa,EACAC,KAEO,CACLb,gBAAiB,CACfc,QAAS,CACPZ,KAAM,CACJY,QAAS,GAEXV,GAAI,CACFU,QAAS,GAEXT,QAAS,CACPC,SAAU,IACVC,MAAe,GAARR,EACPS,OAAQ,YAIdE,mBAAmB,EACnBK,eAAgB,KACdF,MACID,EAAWhD,SACboD,aAAaJ,EAAWhD,QACzB,IAqBMqD,EAA0BC,EAAAA,MA5PvC,UAAwDjF,SACtDA,EAAQC,QACRA,EAAOiF,SACPA,EAAQhF,UACRA,EAASiF,WACTA,EAAUhF,aACVA,EAAYiF,UACZA,EAASC,mBACTA,EAAkBC,aAClBA,EAAYC,cACZA,EAAaC,kBACbA,EAAiBC,cACjBA,EAAaC,wBACbA,EAAuBC,iBACvBA,EAAgBC,aAChBA,EAAYC,eACZA,EAAcC,iBACdA,EAAgBC,qBAChBA,EAAoBnB,mBACpBA,IAEA,MAAMrE,EAAUI,SAAuB,MACjCgE,EAAahE,EAAAA,SAEbqF,EAAgBZ,GAAaC,EAC7BtE,EAAiBC,EAAAA,mBAAmB,CACxCiF,YAA+B,SAAlBR,GAA4BO,EAAgB,gBAAkB,mBAC3EE,mBAAoBP,EAAmB,gBAAkB,mBACzDQ,iBAAkBP,EAAe,iBAAmB,sBAEhDQ,EAAUjD,EAAAA,WAAW,CAAC7B,EAAMA,OAAC+E,UAAWtF,IAqBxCuF,EAAe5E,eAClB6E,IACCV,IAAiBU,EAAMC,YAAYC,MAAOF,EAAMC,YAAYE,OAAO,GAErE,CAACb,IAGGc,EAAUhG,SAAuB,MACvCiG,EAAAA,kBAAkBf,EAAiBtF,EAAUoG,EAASL,GAItDO,EAAAA,iBAAgB,KACd,GAAsB,YAAlBpB,GAA+BO,EAAe,CAGhD,MAAMc,EAAUvG,EAAQoB,SAASoF,mBAAmBA,kBAC9CC,EAAYC,EAAmBA,oBAACH,GAAS,GAAM,GAC5B,IAArBE,EAAUE,QAAgBF,EAAUE,OAAS,GAC/CC,EAAAA,KACE,GAAGH,EAAUE,4OAEfxB,KAA0B,IAE1BsB,EAAU,GAAGI,OAEhB,IACA,CAAC3B,EAAeO,EAAeN,IAKlC,MAAQ2B,QAASC,EAAcC,WAAYC,GAAoBC,eAG7D9B,GAAoB,OAAQ9B,EAAqB3D,KAG3CmH,QAASK,EAAgBH,WAAYI,GAAsBF,EAAAA,aAIhE9B,EAAoB,UAAc,OACnCjB,EAAuBxE,EAAWyE,EAAYC,IAG5Ce,GACFI,MAIFjD,EAAAA,WAAU,UACiB8E,IAArBjC,IACFhB,EAAWhD,QAAUkG,YAAW,KAC9BL,EAAgBM,SAChBH,EAAkBG,SACdvH,EAAQoB,UACVpB,EAAQoB,QAAQoG,MAAMlD,QAAU,KAElCD,KAAsB,GACrB,KACJ,GACA,CAAC+C,EAAmBH,EAAiB7B,EAAkBf,IAO1D,MAAMoD,EAAWC,EAAAA,SAAQ,SAIEL,IAArBjC,EACKuC,EAAAA,UAAU3H,GAEZ2H,YAAU3H,EAAS+G,EAAcI,IACvC,CAACnH,EAAS+G,EAAcI,EAAgB/B,IAErCwC,EAAkBC,EAAAA,eACtB,CAAEC,KAAM,CAAEA,KAAMnD,EAAUoD,SAAU,CAAEC,IAAKtI,IAAa6D,MAAO5D,GAC/DoF,EACkB,aAAlBC,EACAC,GAGIgD,EAAoB1C,EACxBnC,MAAC5D,EAA2B,IACtB+F,EACJ7F,QAASA,EACTC,UAAWA,EACXC,aAAcA,EAAYH,SACzBA,EAASmI,KAGZnI,EAASmI,GAGX,OACExE,MACE,MAAA,CAAA8E,GAAIC,EAAAA,QACJjG,IAAKuF,EACL5E,MAAOgD,EACPuC,KAAK,WACa,oBAAA,GACL,cAAA1I,EACb2I,UAzHmB9G,IAED,SAAlB2D,IACAN,GACe,cAAdrD,EAAMyG,KACS,YAAdzG,EAAMyG,KACQ,cAAdzG,EAAMyG,KACQ,eAAdzG,EAAMyG,KAERzG,EAAM+G,iBACP,EAgHgB,gBAAkB,SAAlBtD,OAA2BqC,EAAYkB,EAAAA,YAAYxD,EAAcrF,MACxD,iBAAZA,GAAwB,CAAE,mBAAoB,UAC1DD,SAAA2D,EAAAC,IAACmF,EAAmBA,oBAACC,UAASC,MAAO,CAAE9D,cACrCnF,SAAA2D,EAAAA,IAACuF,EAASA,UAAC,CAAA1G,YAAa2C,EAAYgE,iBAAiB,EAClDnJ,SAAAwI,OAKX,IAuFE,CAACY,EAAuCC,KACtC,SAAID,IAAQC,KAERD,EAAKpJ,WAAaqJ,EAAKrJ,UACvBoJ,EAAKnJ,UAAYoJ,EAAKpJ,SACtBmJ,EAAKlE,WAAamE,EAAKnE,UACvBkE,EAAKlJ,YAAcmJ,EAAKnJ,WACxBkJ,EAAKjE,aAAekE,EAAKlE,YACzBiE,EAAKjJ,eAAiBkJ,EAAKlJ,cAC3BiJ,EAAKhE,YAAciE,EAAKjE,WACxBgE,EAAK/D,qBAAuBgE,EAAKhE,oBACjC+D,EAAKzD,mBAAqB0D,EAAK1D,kBAC/ByD,EAAK3D,gBAAkB4D,EAAK5D,eAC5B6D,EAAAA,UAAUF,EAAK9D,aAAc+D,EAAK/D,eAClC8D,EAAK7D,gBAAkB8D,EAAK9D,eAC5B6D,EAAK5D,oBAAsB6D,EAAK7D,mBAChC4D,EAAK1D,0BAA4B2D,EAAK3D,yBACtC0D,EAAKxD,eAAiByD,EAAKzD,cAC3BwD,EAAKvD,iBAAmBwD,EAAKxD,gBAC7BuD,EAAKrD,uBAAyBsD,EAAKtD,sBACnCqD,EAAKxE,qBAAuByE,EAAKzE,qBAlCvC2E,EAmC+BH,EAAKtD,iBAlCpC0D,EAkCsDH,EAAKvD,iBA/BzDyD,GAAkB,UAAMC,GAAkB,SAC1CD,GAAqB,aAAMC,GAAqB,YAChDD,GAAkB,UAAMC,GAAkB,SAC1CD,GAAqB,aAAMC,GAAqB,YAChDD,GAAkB,UAAMC,GAAkB,UATb,IAC/BD,EACAC,CAqCc,IC3UV,SAAUC,GAAmBzJ,SAAEA,EAAQ0J,OAAEA,EAAMlJ,WAAEA,EAAUC,QAAEA,IACjE,MAAMkJ,EAAMC,EAAAA,aAAapJ,WAAWA,GACpC,MAAe,SAAXkJ,EACKjJ,EAAU,EAAI,KACnBkD,EAACC,IAAAiG,EAAIA,KAAC,CAAAC,oBAAqB,UAAUrJ,UAAiBkJ,IAAKA,EACxD3J,SAAAA,IAKH2D,EAAAC,IAACmG,OAAI,CAACC,KAAK,OAAOL,IAAKA,EAAG3J,SACvBA,GAIT,CCFgB,SAAAiK,GAA8BjK,SAAEA,IAC9C,MAAOkK,EAAWC,GAAgBC,EAAQA,UAAC,GAQ3C,OANAtH,EAAAA,WAAU,KACR+E,YAAW,KACTsC,GAAa,EAAK,GAVL,GAWD,GACb,IAEID,EAAYvG,EAAAC,IAACyG,WAAU,CAAArK,SAAAA,IAAuB2D,EAAAA,IAAA,MAAA,CAAKP,MAAOkH,EAAAA,sBACnE,CC7BA,MAgBMC,EAAsB,CAC1Bb,EACAc,EAlB8B,GAmB9B/D,EACAC,EACA+D,GAAW,KAEX,MAAMC,EAAKjE,IAAqB,SAAXiD,EAtBQ,MAsBqC,QAC5DiB,EAAKjE,GAtBmB,MAwB9B,MAAO,IAAIkE,MAAMJ,IAAQK,KAAI,CAACC,EAAIC,IAGhCpH,MAACqH,EAAAA,SAAQ,CAEPvE,MAAOiE,EACPhE,OAAQiE,EACRM,aAAa,OAHRR,GAAY,GAAGM,KAAI,IAAIG,MAAOC,cAKrC,EAMSC,EAAwBC,GACnC1H,MAACsG,EAA6B,CAAAjK,SAAEuK,EAAoBc,EAAM3B,UAO/C4B,EAA4BD,IACvC,MAIME,EAAY,CAHhB5H,aAAKP,MAAOkH,EAAoBA,qBAAGtK,SAAAuK,EAAoBc,EAAM3B,OAAQ,QAEhDa,EAAoBc,EAAM3B,OAAQ8B,KAEzD,OAAO7H,EAACC,IAAAqG,EAA+B,CAAAjK,SAAAuL,GAA0C,EAO7EE,EAAqB,IAClB9H,EAAKC,IAAA,MAAA,CAAAR,MAAOkH,EAAAA,uBAGRoB,EAAqBL,IAChC,GAAIA,EAAMM,SAAW,GAAwB,MAAnBN,EAAMO,WAAyC,MAApBP,EAAMQ,WAEzD,OAAOlI,EAAAC,IAAC6H,EAAkB,CAAA,GACrB,CAEL,MAAMF,EAAY,GAEZO,EAAmBT,EAAMM,SAAYN,EAAMU,WAAaV,EAAMM,SAC9DK,EAAeF,IAAqBT,EAAMM,SAE1CC,EAAY,QAAQP,EAAMO,eAC1BC,EAAaR,EAAMQ,WACpB,QAAQR,EAAMQ,gBA7ES,MAgFtBpF,EAA+B,SAAjB4E,EAAM3B,OAAoBkC,EAAY,OACpDlF,EAAgC,SAAjB2E,EAAM3B,QAAqBsC,EAAeH,EAAa,OAGtEI,EACJtI,EAAAA,IAAA,MAAA,CAAKP,MAAOkH,EAAoBA,qBAAGtK,SAAAuK,EAAoBc,EAAM3B,OAAQ,EAAGjD,EAAOC,KAUjF,OARA6E,EAAUW,KAAKD,GACfV,EAAUW,KAAK3B,EAAoBc,EAAM3B,OAAQoC,EAAmB,EAAGrF,EAAOC,IAGzEsF,GACHT,EAAUW,KAAK3B,EAAoBc,EAAM3B,OAAQ2B,EAAMM,SAAUlF,EAAOoF,IAGnElI,EAACC,IAAAqG,EAA+B,CAAAjK,SAAAuL,GACxC,GAGUY,EAA2Bd,GAKpC1H,MAACsG,EACE,CAAAjK,SAAAoM,EAHoC,CAAEC,cAAe,WAGpB,GAAIhB,EAAMiB,oBAKrCC,EACXlB,IAKA,MAAME,EAAY,GAClB,GAAIF,EAAMmB,kBAAmB,CAC3B,MAAMC,EAAmC,CAAEJ,cAAe,WAC1Dd,EAAUW,KAAKvI,EAAAA,IAAK,MAAA,CAAAP,MAAOkH,EAAAA,qBAAoBtK,SAAGqL,EAAMiB,iBAAiBG,MACzElB,EAAUW,KAAKE,EAAwBK,EAAS,GAAIpB,EAAMiB,kBAC3D,KAAM,CACL,GAAuB,IAAnBjB,EAAMM,SACR,OAAO,KAET,MAAMC,EAAY,QAAQP,EAAMO,eAC1BC,EAAa,QAAQR,EAAMQ,gBAC3BC,EAAmBT,EAAMM,SAAYN,EAAMU,WAAaV,EAAMM,SAC9DK,EAAeF,IAAqBT,EAAMM,SAC1Cc,EAAmC,CACvCJ,cAAe,WACf3F,OAAyB,SAAjB2E,EAAM3B,QAAqBsC,EAAeH,EAAa,OAC/DpF,MAAwB,SAAjB4E,EAAM3B,OAAoBkC,EAAY,QAE/CL,EAAUW,KAAKvI,EAAAA,IAAK,MAAA,CAAAP,MAAOkH,EAAAA,qBAAoBtK,SAAGqL,EAAMiB,iBAAiBG,MACzElB,EAAUW,KACRtB,MAAMwB,EAAwBK,EAASX,EAAmB,EAAGT,EAAMiB,oBAEhEN,GACHT,EAAUW,KAAKE,EAAwBK,EAASpB,EAAMM,SAAUN,EAAMiB,kBAEzE,CACD,OAAO3I,EAACC,IAAAqG,EAA+B,CAAAjK,SAAAuL,GAA0C,EAG7Ea,EAA0B,CAC9BK,EACAjC,EACA8B,IAEO1B,MAAMJ,GAAOkC,KAAKJ,EAAiBG,IC3FtCE,EAAmBC,EAAUA,YACjC,EAEI5M,WACAqI,OACAwE,aAAa,OACbC,WAAU,EACVC,YACAC,sBACAC,uBACA1H,gBAAgB,OAChBD,eAAejG,EACfmG,oBACAlF,YACA4M,iBACAzH,gBAAgB,OAChB,aAAc0H,EACd,kBAAmBC,EACnB,mBAAoBC,EACpB1H,mBAAmB,UACnBnF,aAAa,KACbC,UACAiJ,SACA4D,WACAzH,iBACAyG,oBAEF7J,KAEA,MAAMlC,EAAUI,SAAuB,MACvC4M,EAAmBA,oBAAC9K,GAAM,IAAMlC,EAAQoB,SAAU,CAACpB,IAGnD,MAAMiN,EAAY7M,EAAAA,SAEZ8M,EAAehO,EAAee,GAC9BkN,EAAc,CAAEhE,SAAQjJ,UAASD,eAG/BmN,YAAa5H,EAAsB6H,UAAWhJ,IAAuBiJ,EAAAA,gBAC3E,8BAEIC,GAAqBnN,UAAO,GAClCmC,EAAAA,WAAU,KACe8E,MAAnB0F,EAAS5G,QAAyCkB,MAAlB0F,EAAS7G,QAC3CqH,GAAmBnM,SAAU,EAC9B,GACA,CAAC2L,IAEJ,MAAMS,GAAwC,SAAlBxI,OAA2BqC,EAA8B,aAAlBrC,EAE7DyI,GAAe3F,EAAOA,EAAKnB,QAAU,GAEpC+G,GAAsBvI,IAA2B0E,EAAQA,UAAC,GAC3D8D,GAAqBD,GAAuBxI,EAAgB,OAI5D0I,GAAyBxN,UAAO,GAChCyN,GAAgCxG,MAAbtH,EAEnB+N,GAAa1N,UAAO,GAMpB2N,GAAsB,CAC1BC,QAAUhG,GAAYiG,EAAqBA,sBAACnG,EAAM0E,EAAWxE,GAAM9H,GACnEgO,UAAYlG,GAAYiG,EAAqBA,sBAACnG,EAAM0E,EAAWxE,EAAK9H,GACpEiO,UAAYnG,GAAYiG,EAAqBA,sBAACnG,EAAM0E,EAAWxE,GAAM,GACrEoG,WAAapG,GAAYiG,EAAqBA,sBAACnG,EAAM0E,EAAWxE,EAAK,KAGjEqG,gBACJA,GAAeC,WACfA,GAAUC,wBACVA,GAAuBC,cACvBA,GAAaC,qBACbA,IACEC,gBACF5G,EACA9H,EACA2O,GACA9P,EACAkP,GACAtB,EACAC,EACAC,OACAtF,EACkB,aAAlBrC,EACuB,SAAvB2I,GACuB,SAAvBA,IACA,GAOIiB,GAAwBzN,eAC3B0N,IACK5J,KACuB,IAArB4J,EAAOnG,MAAM3J,KAAiB8P,EAAOnG,MAAM1J,KAAK8P,KAAO,IAEzD7B,EAAU7L,QAAUiJ,MAAM3G,KAAKmL,EAAOnG,MAAM1J,KAAK+P,UAAUC,OAE7D/J,EAAkB4J,GACnB,GAEH,CAAC5B,EAAWhI,IAGRgK,GAA6B9N,eAChC0N,IACC,GAAI/G,GAAQ7C,EAAmB,CAC7B,MAAMyD,EAAQwG,EAAoBA,qBAACL,EAAQ/G,EAAM0E,GAE7CnC,MAAM8E,QAAQzG,KACS,eAArBmG,EAAOO,UAETnC,EAAU7L,QAAUyN,EAAOnG,MAAM2G,MAGjCpC,EAAU7L,QAAUyN,EAAOnG,MAAM4G,IAEnCrK,EAAkB,CAAEyD,MAAO,CAAE3J,KAAK,EAAOC,KAAM,IAAIC,IAAIyJ,IAAU6G,OAAQ,OAE5E,IAEH,CAACzH,EAAM7C,EAAmBuH,KAGtBgD,eAAEA,IAAmBC,EAAYA,cACpCC,GACKA,IAAY1P,EAAQoB,aACAiG,IAAfiH,GAA2B,KAAOA,GAEpCqB,EAAYA,aAACD,EAAS7Q,IAE/BkG,EACAC,GACA,EACA,SACA4J,GACA3B,EAAU7L,QACVkN,IACA,CAACA,EAA2BsB,IAC1B3B,EAAqBA,sBAACnG,EAAM0E,EAAW8B,EAAYsB,GAAU1P,EAAUA,KACzE,CAACoO,EAA2BsB,IAC1B3B,EAAAA,sBAAsBnG,EAAM0E,EAAW8B,EAAYsB,GAAU,EAAI,KAClE5H,IACC,GAAIhI,EAAQoB,QAAS,CACnB,MAAMyO,EAAOC,EAAAA,iBAAiB9P,EAAQoB,QAAS4G,EAAKnJ,GAChDgR,GACFA,EAAKE,eAAe,CAAEC,MAAO,WAEhC,IAEHf,KAOIgB,aACJA,GAAY1K,iBACZA,GAAgB2K,eAChBA,GAAcC,sBACdA,GAAqBC,oBACrBA,ICjO4B,GAChCrQ,YACAE,aACAC,UACAF,UACA4N,6BAEA,MAAMC,EAAgCxG,MAAbtH,GAElBF,EAASC,GAAc+J,EAAQA,cAAgBxC,IAChD4I,aAAEA,EAAYC,eAAEA,EAAcC,sBAAEA,EAAqBC,oBAAEA,GAC3DC,EAAAA,eAAe,CACbtQ,YACAC,UACAmC,aAActD,EACdoD,YAAa4L,EACb3N,YAGJ,OAAK2N,EA2BE,CACLoC,aAZwB,IAAKA,EAAcK,WAPrB/O,IACtBgP,EAAYA,aAAChP,OAAmB8F,IAAZxH,EAAuBG,EAAQoB,SAGnDwM,EAAuBxM,SAAU,CAAK,GAgBtCmE,iBAXuB,CACvB1F,UACAC,aACAC,YACAC,UACAC,aACAC,WAMAgQ,iBACAC,wBACAC,uBA/BO,CACLH,eACAC,iBACAC,wBACAC,sBA4BM,ED8KJI,CAAmB,CACrBzQ,YACAE,aACAC,UACAF,UACA4N,4BAGI6C,GAAa5C,IACjBzK,MAAAD,EAAAA,SAAA,CAAA1D,SACE2D,EAAAA,YAAM8E,GAAIiI,GACR1Q,SAAA2D,EAAAA,IAACsN,EAAAA,iBAAkB,CAAAjR,SAAA2Q,SAuBzB7N,EAAAA,WAAU,KACR,GAAIsL,IAAkC,MAAdS,IAAsBtO,EAAQoB,QAAS,CAC7D,MAAMyO,EAAOC,EAAAA,iBAAiB9P,EAAQoB,QAASkN,GAAYzP,GAGvDgR,GAAQjC,GAAuBxM,UAAYmN,KAC7CsB,EAAKE,eAAe,CAAEC,MAAO,YAC7BpC,GAAuBxM,SAAU,EAEpC,IAGA,CAACkN,GAAYxG,EAAM+F,GAAkBU,KAMxC,MAAMoC,GAAiBxP,EAAAA,aAAY,KAE5B2M,GAAW1M,UACd0M,GAAW1M,SAAU,EACrBkL,IACD,GACA,CAACwB,GAAYxB,IAEhB/J,EAAAA,WAAU,KACRuL,GAAW1M,SAAU,CAAK,GAEzB,CAAC0G,EAAMyE,IAMV,MAiCMvB,GAAYlD,GACfA,EAAKnB,QAAU4F,EACdR,EACE3I,EAAAC,IAAC2I,EAAuB,CACtB7C,OAAQA,EACRiC,SAAUlL,EACVsL,WAAY1D,EAAKnB,OACjB0E,UAAW0B,EAAS7G,MACpBoF,WAAYyB,EAAS5G,OACrB8F,mBAAmB,EACnBF,iBAAkBA,IAGpB3I,EAAAC,IAAC0H,EAAyB,CAAA5B,OAAQA,IAElC4C,EACF3I,MAAC4I,EAAuB,CACtB7C,OAAQA,EACRiC,SAAUlL,EACVsL,WAAY1D,EAAKnB,OACjB0E,UAAW0B,EAAS7G,MACpBoF,WAAYyB,EAAS5G,OACrB8F,mBAAmB,EACnBF,iBAAkBA,IAGpB3I,EAAAA,IAAC+H,EAAiB,CAChBhC,OAAQA,EACRiC,SAAUlL,EACVsL,WAAY1D,EAAKnB,OACjB0E,UAAW0B,EAAS7G,MACpBoF,WAAYyB,EAAS5G,SAGvB,KAEJwG,EAAiBiE,EAAiBA,kBAAC5Q,EAAS2M,GAC5C,MAAMkE,GACJzN,EAAAA,IAAA,MAAA,CAAKgF,KAAK,eACRhF,EAAAA,IAAC8F,MAAuBiE,EAAW1N,SACjC2D,EAAAA,IAAC0N,EAAAA,mBAAkB,CACjBhJ,KAAMA,EACNyE,QAASA,EACTD,WAAYqE,GACZI,kBAAmB/F,GACnBgG,kBAAmB9D,EAAe,EAClCP,eAAgBA,EAAclN,SA/EXyM,IACzB,MAAMxM,EAAU8M,EAAUN,EAAQpE,MAC5BlD,EAAa6J,GAAqB/O,GAClCmF,EAAYyJ,KAAe5O,IAAYkF,EACvCE,EAAqBD,GAAa2J,GAClCyC,IAAanJ,GAAOoE,EAAQ3I,QAAUuE,EAAKnB,OAAS,EAC1D,OACEvD,EAAAA,IAACqB,EAAuB,CAEtB/E,QAASA,EACTE,aAAc0O,KAAe5O,EAC7BiF,SAAUuH,EAAQpE,KAClBnI,UAAWuM,EAAQ3I,MACnBqB,WAAYA,EACZC,UAAWA,EACXC,mBAAoBA,EACpBO,aAAyB,SAAX8D,EACdpE,aAAcA,EACdC,cAAeA,EACfC,kBAAmBA,EACnBC,cAAeyI,MACQ,IAAlBzB,EAAQ3I,OAAegK,GAAmBnM,SAAW,CAAEoE,2BACvDyL,GAAc1D,GAAmBnM,SAAW,CAAEiD,0BAC5B,YAAlBa,GAA+B,CAAEC,+BACjCoI,GAAmBnM,SAAW,CAAEgE,uBACd,IAAlB8G,EAAQ3I,QAAgBwJ,EAAS7G,OAAS,CAAEZ,qBAC5CuI,IAAoB,CAAEtI,qBAAmB9F,SAC7CA,GAnBIC,EAqBP,QAyDEwR,GACJ9N,MAAC8F,EAAuB,IAAAiE,EACrB1N,SAAAsM,EACC3I,EAAAC,IAACuI,EAAwB,CAAAG,iBAAkBA,IAE3C3I,EAACC,IAAAwH,EAAqB,CAAA1B,OAAQA,MAI9BgI,KAC0B,QAA9BC,EAAcA,iBAAGC,UAAoD,YAA9BD,mBAAiBC,UAGpDC,GAAa,CAACvQ,SAAOwQ,WACtBJ,IACHG,GAAW3F,KAAK5K,SAAOyQ,YAEzB,MAAM3L,GAAUjD,aAAW0O,IAE3B,OACErO,EAAAA,eACMwO,EAAUA,WAACpD,GAAiBmB,GAAgBS,GAAc,CAC5D5H,UAjKiB9G,IAGM,YAAvBoM,IAAkD,QAAdpM,EAAMyG,KAC5ChI,EAAQoB,SAASyF,MAAM,CAAE6K,eAAe,IAKxC7D,KACCtM,EAAMoQ,SAAWpQ,EAAMqQ,UACxBrQ,EAAMsQ,UAJY,CAAC,YAAa,aAAc,UAAW,aAK7CC,SAASvQ,EAAMyG,OAE3B4F,GAAuBxM,SAAU,EAClC,IAoJCc,IAAKlC,EACLoI,KAAK,OACLvF,MAAOgD,GACPkM,SAAU,EAAC,aACCnF,EACK,kBAAAC,EAEf,mBAAAgB,GAAmBsC,GAAwB,IAAMrD,EAAkBA,EAE/C,uBAAAU,mBAtTL,EAuTU,gBACZC,GACfhO,SAAA,CAAA2D,EAAAC,IAAC2O,qBAAmBvJ,SAAS,CAAAC,MAAOwH,GAAczQ,SAC9CqI,EAEEA,EAAKnB,QAAU4F,KAGjBnJ,MAAC0G,EAAAA,aAJD,KAOH2G,KAEH,IAIA9B,GAAekB,GAAkBA,EAAK3H,GAa/B+J,GAAe7F,kCNhbD,CAAC8F,EAAkB7G,EAAoB8G,KAChE,IAAK9G,IAAc8G,EAAW,OAAO,EAGrC,MAAM/G,EAAWgH,KAAKC,OAAOF,EAAYD,IAAaA,EAAW7G,IACjE,OAAO+G,KAAKE,IAAI,EAAGlH,EAAS"}
+{"version":3,"file":"BaseCardView-16fda4c3.js","sources":["../../src/PRIVATE_BaseCardView/BaseCardViewUtils.ts","../../src/PRIVATE_BaseCardView/BaseCardViewReorderableItem.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewItem.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewLayout.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewSkeletonContainer.tsx","../../src/PRIVATE_BaseCardView/BaseCardViewSkeleton.tsx","../../src/PRIVATE_BaseCardView/BaseCardView.tsx","../../src/PRIVATE_BaseCardView/useCardViewReorder.ts"],"sourcesContent":["import { Size } from '../utils/UNSAFE_size';\n\n/**\n * Item selector for CardView components\n */\nexport const CARDVIEW_ITEM_SELECTOR = '[data-oj-card-item]';\n\nexport const emptyKeys = { all: false, keys: new Set() };\nexport type GutterSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * A mapping of gutterSize to concrete size in pixels\n */\nexport const gutterSizeToPX: Record<string, number> = {\n  xs: 12,\n  sm: 16,\n  md: 24,\n  lg: 48,\n  xl: 64\n};\n\nexport const getGapSize = (gutterSize?: GutterSize) => {\n  const px = gutterSizeToPX[gutterSize || 'sm'];\n  const gap = `${px / 4}x` as Size;\n  return gap;\n};\n\nexport const getColCount = (gapWidth: number, cardWidth?: number, rootWidth?: number) => {\n  if (!cardWidth || !rootWidth) return 0;\n\n  // if we have n cards, we have n-1 gaps\n  const colCount = Math.floor((rootWidth + gapWidth) / (gapWidth + cardWidth));\n  return Math.max(1, colCount);\n};\n","import { useRef, useCallback, useEffect } from 'preact/hooks';\nimport { useReorderableItem } from '../hooks/PRIVATE_useReorderable';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ReorderableItemProps } from '../UNSAFE_Collection/Reorderable.types';\nimport { multiVariantStyles, styles } from './themes/BaseCardViewStyles.css';\nimport { CARDVIEW_ITEM_SELECTOR, GutterSize } from './BaseCardViewUtils';\nimport { useReorderableContext } from '#hooks/PRIVATE_useReorderable/useReorderableContext';\nimport { isKeyDefined } from '../utils/UNSAFE_keys';\n\ntype BaseItemProps<K> = {\n  itemKey: K;\n  itemIndex: number;\n  isCurrentKey: boolean;\n};\n\nexport type BaseCardViewReorderableItemProps<K> = ReorderableItemProps<K> & {\n  gutterSize: GutterSize;\n  columns: number;\n};\n\n/**\n * The internal component used to render a reorderable item in CardView.\n */\nexport function BaseCardViewReorderableItem<K extends string | number>({\n  children,\n  itemKey,\n  itemIndex,\n  isCurrentKey,\n  dragKey,\n  setDragKey,\n  onReorder,\n  rootRef,\n  gutterSize,\n  columns\n}: BaseCardViewReorderableItemProps<K> & BaseItemProps<K>) {\n  const itemRef = useRef<HTMLDivElement | null>(null);\n  const isOneColumn = columns === 1;\n  const isFirstColumn = itemIndex % columns === 0;\n  const isLastColumn = itemIndex % columns === columns - 1;\n  const variantClasses = multiVariantStyles({\n    itemOverlayFront: gutterSize\n  });\n  const variantClassesVertical = multiVariantStyles({\n    itemOverlayFrontVertical: gutterSize\n  });\n  const itemStyles = {\n    itemOverlayFront: isOneColumn ? variantClassesVertical : variantClasses,\n    itemOverlayRear: isOneColumn ? styles.itemOverlayRearVertical : styles.itemOverlayRear,\n    itemDragger: styles.itemDragger\n  };\n  const getItem = useCallback(\n    () => itemRef?.current?.closest(CARDVIEW_ITEM_SELECTOR) as HTMLElement,\n    []\n  );\n  const setTransferData = useCallback(\n    (event: DragEvent) => {\n      event.dataTransfer?.setData('text/cardview-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: CARDVIEW_ITEM_SELECTOR,\n      isVertical: isOneColumn\n    });\n\n  // TODO: remove this as part of JET-70023\n  const { currentItemKey } = useReorderableContext();\n  useEffect(() => {\n    if (isCurrentKey) {\n      currentItemKey.current = itemKey;\n    }\n  }, [isCurrentKey, itemKey, currentItemKey]);\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const overlayZoneBeforeClass = classNames([\n    overlayZoneBeforeProps?.class,\n    !isOneColumn && !isRtl && isFirstColumn && styles.itemOverlayFrontEdge,\n    !isOneColumn && isRtl && isLastColumn && styles.itemOverlayFrontEdge\n  ]);\n\n  const overlayZoneAfterClass = classNames([\n    overlayZoneAfterProps?.class,\n    !isOneColumn && !isRtl && isLastColumn && styles.itemOverlayRearEdge,\n    !isOneColumn && isRtl && isFirstColumn && styles.itemOverlayRearEdge\n  ]);\n\n  return (\n    <div {...rootProps}>\n      {children}\n      {!isDragged && isKeyDefined(dragKey) && (\n        <>\n          <div {...overlayZoneBeforeProps} class={overlayZoneBeforeClass}></div>\n          <div {...overlayZoneAfterProps} class={overlayZoneAfterClass}></div>\n        </>\n      )}\n    </div>\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 { ComponentChildren } from 'preact';\nimport { memo } from 'preact/compat';\nimport {\n  useRef,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useEffect,\n  StateUpdater,\n  Dispatch,\n  MutableRef\n} from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { warn } from '../utils/UNSAFE_logger';\nimport { allTabbableElements } from '../utils/PRIVATE_tabbableUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { TabbableModeContext } from '../hooks/UNSAFE_useTabbableMode';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { SelectionMode, ListItemRendererContext, SelectionDetail } from '../UNSAFE_Collection';\nimport { multiVariantStyles, styles } from './themes/BaseCardViewStyles.css';\nimport {\n  BaseCardViewReorderableItem,\n  BaseCardViewReorderableItemProps\n} from './BaseCardViewReorderableItem';\nimport { containsKey, isSameKey, Keys } from '../utils/UNSAFE_keys';\nimport { getItemContext } from '../utils/PRIVATE_collectionUtils';\n\n/**\n * Props for the BaseCardViewItem Component\n */\nexport type Props<K, D> = {\n  children: (context: ListItemRendererContext<K, D>) => ComponentChildren;\n  itemKey: K;\n  itemData: D;\n  itemIndex: number;\n  isTabbable: boolean;\n  isCurrentKey: boolean;\n  isFocused: boolean;\n  isFocusRingVisible: boolean;\n  selectedKeys: Keys<K>;\n  selectionMode: SelectionMode;\n  onSelectionChange?: (detail: SelectionDetail<K>) => void;\n  focusBehavior: 'card' | 'content';\n  setIsFocusBehaviorValid?: Dispatch<StateUpdater<boolean>>;\n  initialAnimation?: 'slideUp' | 'slideDown';\n  isGridLayout?: boolean;\n  updateCardSize?: (width: number, height: number) => void;\n  onAnimationBusyStart?: () => void;\n  onAnimationBusyEnd?: () => void;\n} & {\n  reorderItemProps?: Omit<BaseCardViewReorderableItemProps<K>, 'children'>;\n};\n\n/**\n * The internal component used to render a single item in CardView.\n */\nfunction BaseCardViewItem<K extends string | number, D>({\n  children,\n  itemKey,\n  itemData,\n  itemIndex,\n  isTabbable,\n  isCurrentKey,\n  isFocused,\n  isFocusRingVisible,\n  selectedKeys,\n  selectionMode,\n  onSelectionChange,\n  focusBehavior,\n  setIsFocusBehaviorValid,\n  initialAnimation,\n  isGridLayout,\n  updateCardSize,\n  reorderItemProps,\n  onAnimationBusyStart,\n  onAnimationBusyEnd\n}: Props<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();\n\n  const isItemFocused = isFocused && isFocusRingVisible;\n  const variantClasses = multiVariantStyles({\n    itemFocused: focusBehavior === 'card' && isItemFocused ? 'isItemFocused' : 'isNotItemFocused',\n    itemInitialOpacity: initialAnimation ? 'isTransparent' : 'isNotTransparent',\n    itemInGridLayout: isGridLayout ? 'isInGridLayout' : 'isNotInGridLayout'\n  });\n  const classes = classNames([styles.itemStyle, variantClasses]);\n\n  /*********************************** Tabbable Mode ***********************************/\n\n  // don't bubble Arrow Up/Down/Left/Right 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 (\n      focusBehavior === 'card' &&\n      isTabbable &&\n      (event.key === 'ArrowDown' ||\n        event.key === 'ArrowUp' ||\n        event.key === 'ArrowLeft' ||\n        event.key === 'ArrowRight')\n    ) {\n      event.stopPropagation();\n    }\n  };\n\n  /************************************ Card Size ************************************/\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      updateCardSize?.(entry.contentRect.width, entry.contentRect.height);\n    },\n    [updateCardSize]\n  );\n\n  const nullRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(updateCardSize ? rootRef : nullRef, handleResize);\n\n  /********************************* Focus Behavior *********************************/\n\n  useLayoutEffect(() => {\n    if (focusBehavior === 'content' && isItemFocused) {\n      // rootRef is cardview item, its first child is the focus trap div, so its first grand child\n      // is the actual content\n      const content = rootRef.current?.firstElementChild?.firstElementChild as HTMLElement;\n      const focusable = allTabbableElements(content, true, true);\n      if (focusable.length === 0 || focusable.length > 1) {\n        warn(\n          `${focusable.length} focusable elements are detected in the card. 'content' focusBehavior is intended only for use when the card has single focusable element. Please specify one focusable element in the card or switch the focusBehavior to 'card'.`\n        );\n        setIsFocusBehaviorValid?.(false);\n      } else {\n        focusable[0].focus();\n      }\n    }\n  }, [focusBehavior, isItemFocused, setIsFocusBehaviorValid]);\n\n  /******************************** Initial Animation ********************************/\n\n  // animation for slide up/down\n  const { nodeRef: nodeRefSlide, controller: controllerSlide } = useAnimation<\n    'slideUp' | 'slideDown' | 'none',\n    HTMLDivElement\n  >(initialAnimation || 'none', animationConfigSlide(itemIndex));\n\n  // animation for opacity change\n  const { nodeRef: nodeRefOpacity, controller: controllerOpacity } = useAnimation<\n    'opacity' | 'none',\n    HTMLDivElement\n  >(\n    (initialAnimation && 'opacity') || 'none',\n    animationConfigOpacity(itemIndex, timeoutRef, onAnimationBusyEnd)\n  );\n\n  if (initialAnimation) {\n    onAnimationBusyStart?.();\n  }\n\n  // max cap for animation is 1s\n  useEffect(() => {\n    if (initialAnimation !== undefined) {\n      timeoutRef.current = setTimeout(() => {\n        controllerSlide.cancel();\n        controllerOpacity.cancel();\n        if (rootRef.current) {\n          rootRef.current.style.opacity = '1';\n        }\n        onAnimationBusyEnd?.();\n      }, 1000);\n    }\n  }, [controllerOpacity, controllerSlide, initialAnimation, onAnimationBusyEnd]);\n\n  // TODO: issue track in JET-57681, we currently have two useAnimation() because the opacity and\n  // slide up/down have different durations, and the current API couldn't handle this case, we will\n  // update this once the API is updated\n\n  /********************************** Child Component **********************************/\n  const itemRefs = useMemo(() => {\n    // NOTE: spot an issue when we click the cards during animation is processing, the cards would not finish\n    // the current animations and stay as what it is, e.g. leave itself as half transparent.\n    // need to remove nodeRefSlide and nodeRefOpacity to avoid this issue.\n    if (initialAnimation === undefined) {\n      return mergeRefs(rootRef);\n    }\n    return mergeRefs(rootRef, nodeRefSlide, nodeRefOpacity);\n  }, [rootRef, nodeRefSlide, nodeRefOpacity, initialAnimation]);\n\n  const rendererContext = getItemContext<K, D>(\n    { data: { data: itemData, metadata: { key: itemKey } }, index: itemIndex },\n    selectedKeys,\n    selectionMode === 'multiple',\n    onSelectionChange\n  );\n\n  const childrenComponent = reorderItemProps ? (\n    <BaseCardViewReorderableItem\n      {...reorderItemProps}\n      itemKey={itemKey}\n      itemIndex={itemIndex}\n      isCurrentKey={isCurrentKey}>\n      {children(rendererContext)}\n    </BaseCardViewReorderableItem>\n  ) : (\n    children(rendererContext)\n  );\n\n  return (\n    <div\n      id={useId()}\n      ref={itemRefs}\n      class={classes}\n      role=\"gridcell\"\n      data-oj-card-item=\"\"\n      data-oj-key={itemKey}\n      onKeyDown={handleKeyDown}\n      aria-selected={selectionMode === 'none' ? undefined : containsKey(selectedKeys, itemKey)}\n      {...(typeof itemKey === 'number' && { 'data-oj-key-type': 'number' })}>\n      <TabbableModeContext.Provider value={{ isTabbable }}>\n        <FocusTrap isDisabled={!isTabbable} restoreFocusRef={false}>\n          {childrenComponent}\n        </FocusTrap>\n      </TabbableModeContext.Provider>\n    </div>\n  );\n}\n\nconst animationConfigSlide = (\n  index: number\n): UseAnimationConfig<'slideUp' | 'slideDown' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      slideUp: {\n        from: {\n          translateY: '50px'\n        },\n        to: {\n          translateY: '0px'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      },\n      slideDown: {\n        from: {\n          translateY: '-50px'\n        },\n        to: {\n          translateY: '0'\n        },\n        options: {\n          duration: 300,\n          delay: index * 50,\n          easing: [0, 0, 0.2, 1]\n        }\n      }\n    },\n    isAnimatedOnMount: true\n  };\n};\n\nconst animationConfigOpacity = (\n  index: number,\n  timeoutRef: MutableRef<ReturnType<typeof setTimeout> | undefined>,\n  onAnimationBusyEnd?: () => void\n): UseAnimationConfig<'opacity' | 'none', HTMLDivElement> => {\n  return {\n    animationStates: {\n      opacity: {\n        from: {\n          opacity: 0\n        },\n        to: {\n          opacity: 1\n        },\n        options: {\n          duration: 150,\n          delay: index * 50,\n          easing: 'linear'\n        }\n      }\n    },\n    isAnimatedOnMount: true,\n    onAnimationEnd: () => {\n      onAnimationBusyEnd?.();\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    }\n  };\n};\n\n/**\n * Compare the equality between two reorderItemProps, especially useful for memoized items\n */\nconst _compareReorderItemProps = (\n  props1: Props<string | number, unknown>['reorderItemProps'],\n  props2: Props<string | number, unknown>['reorderItemProps']\n) => {\n  return (\n    props1?.['dragKey'] === props2?.['dragKey'] &&\n    props1?.['setDragKey'] === props2?.['setDragKey'] &&\n    props1?.['columns'] === props2?.['columns'] &&\n    props1?.['gutterSize'] === props2?.['gutterSize'] &&\n    props1?.['rootRef'] === props2?.['rootRef']\n  );\n};\n\nexport const MemoizeBaseCardViewItem = memo(\n  BaseCardViewItem,\n  (prev: Props<string | number, unknown>, next: Props<string | number, unknown>) => {\n    if (prev && next) {\n      return (\n        prev.children === next.children &&\n        prev.itemKey === next.itemKey &&\n        prev.itemData === next.itemData &&\n        prev.itemIndex === next.itemIndex &&\n        prev.isTabbable === next.isTabbable &&\n        prev.isCurrentKey === next.isCurrentKey &&\n        prev.isFocused === next.isFocused &&\n        prev.isFocusRingVisible === next.isFocusRingVisible &&\n        prev.initialAnimation === next.initialAnimation &&\n        prev.focusBehavior === next.focusBehavior &&\n        isSameKey(prev.selectedKeys, next.selectedKeys) &&\n        prev.selectionMode === next.selectionMode &&\n        prev.onSelectionChange === next.onSelectionChange &&\n        prev.setIsFocusBehaviorValid === next.setIsFocusBehaviorValid &&\n        prev.isGridLayout === next.isGridLayout &&\n        prev.updateCardSize === next.updateCardSize &&\n        prev.onAnimationBusyStart === next.onAnimationBusyStart &&\n        prev.onAnimationBusyEnd === next.onAnimationBusyEnd &&\n        _compareReorderItemProps(prev.reorderItemProps, next.reorderItemProps)\n      );\n    }\n    return false;\n  }\n);\n","import { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\nimport { Flex } from '../UNSAFE_Flex';\nimport { GutterSize } from './BaseCardViewUtils';\nimport { cardViewVars } from './themes/BaseCardViewContract.css';\n\ntype Props = {\n  children: ComponentChildren;\n  layout: 'grid' | 'flex';\n  gutterSize: GutterSize;\n  columns: number;\n};\n\nexport function BaseCardViewLayout({ children, layout, gutterSize, columns }: Props) {\n  const gap = cardViewVars.gutterSize[gutterSize];\n  if (layout === 'grid') {\n    return columns < 1 ? null : (\n      <Grid gridTemplateColumns={`repeat(${columns}, 1fr)`} gap={gap}>\n        {children}\n      </Grid>\n    );\n  } else {\n    return (\n      <Flex wrap=\"wrap\" gap={gap}>\n        {children}\n      </Flex>\n    );\n  }\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren, Fragment } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\n\ntype Props = {\n  /**\n   * Allows to pass skeletons\n   **/\n  children: ComponentChildren;\n};\n\n/**\n * Allows to specify the time delay for rendering the component\n **/\nconst timerValue = 50;\n\n/**\n * BaseCardViewSkeletonContainer renders skeletons after 50ms threshold defined in the Redwood spec\n **/\nexport function BaseCardViewSkeletonContainer({ children }: Props) {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => {\n      setIsVisible(true);\n    }, timerValue);\n  }, []);\n\n  return isVisible ? <Fragment>{children}</Fragment> : <div class={LOADMORE_STYLE_CLASS}></div>;\n}\n","import { Size } from '../utils/UNSAFE_size';\nimport { Skeleton } from '../UNSAFE_Skeleton';\nimport { LOADMORE_STYLE_CLASS } from '../PRIVATE_LoadMoreCollection';\nimport { BaseCardViewSkeletonContainer } from './BaseCardViewSkeletonContainer';\nimport { SkeletonRendererContext } from '../UNSAFE_CardFlexView';\nimport { ComponentChildren } from 'preact';\n\nconst DEFAULT_SKELETON_NUMBER = 25;\nconst DEFAULT_SKELETON_WIDTH = '80x';\nconst DEFAULT_SKELETON_HEIGHT = '85x';\n\ntype SkeletonProps = {\n  layout: 'flex' | 'grid';\n  colCount: number;\n  totalCount: number;\n  cardWidth?: number;\n  cardHeight?: number;\n};\n\n/**\n * A function that returns an array of skeletons based on count\n * @param count the number of skeletons\n */\nconst getSkeletonsByCount = (\n  layout: 'flex' | 'grid',\n  count = DEFAULT_SKELETON_NUMBER,\n  width?: Size,\n  height?: Size,\n  isUnique = true\n) => {\n  const sw = width || (layout === 'flex' ? DEFAULT_SKELETON_WIDTH : '100%');\n  const sh = height || DEFAULT_SKELETON_HEIGHT;\n\n  return [...Array(count)].map((_v, i) => (\n    // create unique keys if needed, otherwise the animations won't start at the same time, because the old copy of skeletons\n    // could be reused, even the key is specified by useId(), combine count with time to make the key unique.\n    <Skeleton\n      key={isUnique && `${i}${new Date().getTime()}`}\n      width={sw}\n      height={sh}\n      borderRadius=\"6px\"\n    />\n  ));\n};\n\n/**\n * When there is no data (i.e. data is an empty array or null, and hasMore is false), we will show 25 card skeletons with default size\n */\nexport const InitialLoadSkeletons = (props: { layout: SkeletonProps['layout'] }) => (\n  <BaseCardViewSkeletonContainer>{getSkeletonsByCount(props.layout)}</BaseCardViewSkeletonContainer>\n);\n\n/**\n * When we are fetching the initial data (i.e. data is an empty array, and hasMore is true), we will show 25 card skeletons with default size,\n * because we don't know the card dimension at this time. Since there is more data to load, we will specify LOADMORE_STYLE_CLASS on skeletons\n */\nexport const DefaultLoadMoreSkeletons = (props: { layout: SkeletonProps['layout'] }) => {\n  const firstSkeleton = (\n    <div class={LOADMORE_STYLE_CLASS}>{getSkeletonsByCount(props.layout, 1)}</div>\n  );\n  const otherSkeletons = getSkeletonsByCount(props.layout, DEFAULT_SKELETON_NUMBER - 1);\n  const skeletons = [firstSkeleton, ...otherSkeletons];\n  return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n};\n\n/**\n * During the render that we measure and update card dimension, we will hide skeletons temporarily\n * to avoid showing incorrect skeletons\n */\nconst InvisibleSkeletons = () => {\n  return <div class={LOADMORE_STYLE_CLASS}></div>;\n};\n\nexport const LoadMoreSkeletons = (props: SkeletonProps) => {\n  if (props.colCount < 1 || props.cardWidth == null || props.cardHeight == null) {\n    // if column count / card width / card height are invalid, we will show the invisible skeletons\n    return <InvisibleSkeletons />;\n  } else {\n    // after initial renders, show skeletons with correct dimension and count\n    const skeletons = [];\n\n    const firstRowColCount = props.colCount - (props.totalCount % props.colCount);\n    const isOnlyOneRow = firstRowColCount === props.colCount;\n\n    const cardWidth = `calc(${props.cardWidth}px)` as Size;\n    const cardHeight = props.cardHeight\n      ? (`calc(${props.cardHeight}px)` as Size)\n      : DEFAULT_SKELETON_HEIGHT;\n\n    const width: Size = props.layout === 'flex' ? cardWidth : '100%';\n    const height: Size = props.layout === 'flex' || isOnlyOneRow ? cardHeight : '100%';\n\n    // first row\n    const firstSkeleton = (\n      <div class={LOADMORE_STYLE_CLASS}>{getSkeletonsByCount(props.layout, 1, width, height)}</div>\n    );\n    skeletons.push(firstSkeleton);\n    skeletons.push(getSkeletonsByCount(props.layout, firstRowColCount - 1, width, height));\n\n    // second row\n    if (!isOnlyOneRow) {\n      skeletons.push(getSkeletonsByCount(props.layout, props.colCount, width, cardHeight));\n    }\n\n    return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n  }\n};\n\nexport const CustomInitialSkeletions = (props: {\n  skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren;\n}) => {\n  const context: SkeletonRendererContext = { loadingStatus: 'initial' };\n  return (\n    <BaseCardViewSkeletonContainer>\n      {renderMultipleSkeletons(context, 25, props.skeletonRenderer)}\n    </BaseCardViewSkeletonContainer>\n  );\n};\n\nexport const CustomLoadMoreSkeletons = (\n  props: {\n    isRenderAsInitial: boolean;\n    skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren;\n  } & SkeletonProps\n) => {\n  const skeletons = [];\n  if (props.isRenderAsInitial) {\n    const context: SkeletonRendererContext = { loadingStatus: 'initial' };\n    skeletons.push(<div class={LOADMORE_STYLE_CLASS}>{props.skeletonRenderer(context)}</div>);\n    skeletons.push(renderMultipleSkeletons(context, 24, props.skeletonRenderer));\n  } else {\n    if (props.colCount === 0) {\n      return null;\n    }\n    const cardWidth = `calc(${props.cardWidth}px)` as Size;\n    const cardHeight = `calc(${props.cardHeight}px)` as Size;\n    const firstRowColCount = props.colCount - (props.totalCount % props.colCount);\n    const isOnlyOneRow = firstRowColCount === props.colCount;\n    const context: SkeletonRendererContext = {\n      loadingStatus: 'loadMore',\n      height: props.layout === 'flex' || isOnlyOneRow ? cardHeight : '100%',\n      width: props.layout === 'flex' ? cardWidth : '100%'\n    };\n    skeletons.push(<div class={LOADMORE_STYLE_CLASS}>{props.skeletonRenderer(context)}</div>);\n    skeletons.push(\n      Array(renderMultipleSkeletons(context, firstRowColCount - 1, props.skeletonRenderer))\n    );\n    if (!isOnlyOneRow) {\n      skeletons.push(renderMultipleSkeletons(context, props.colCount, props.skeletonRenderer));\n    }\n  }\n  return <BaseCardViewSkeletonContainer>{skeletons}</BaseCardViewSkeletonContainer>;\n};\n\nconst renderMultipleSkeletons = (\n  context: SkeletonRendererContext,\n  count: number,\n  skeletonRenderer: (context: SkeletonRendererContext) => ComponentChildren\n) => {\n  return Array(count).fill(skeletonRenderer(context));\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 { Fragment } from 'preact';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useRef, useCallback, useEffect, useState, useImperativeHandle } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Keys } from '../utils/UNSAFE_keys';\nimport {\n  getPrevNextKeyByCount,\n  getViewportConfig,\n  findElementByKey,\n  keyExtractor,\n  handleSelectionRange\n} from '../utils/PRIVATE_collectionUtils';\n\nimport { useNavigation } from '../hooks/PRIVATE_useListCommon';\nimport { useSelection, SelectionRangeDetail } from '../hooks/PRIVATE_useSelection';\nimport { ReorderableContext } from '../hooks/PRIVATE_useReorderable';\nimport { ItemContext, SelectionDetail } from '../UNSAFE_Collection';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LoadMoreCollection } from '../PRIVATE_LoadMoreCollection';\nimport { styles } from './themes/BaseCardViewStyles.css';\nimport { Props } from '../UNSAFE_CardFlexView';\nimport { MemoizeBaseCardViewItem } from './BaseCardViewItem';\nimport { BaseCardViewLayout } from './BaseCardViewLayout';\nimport {\n  DefaultLoadMoreSkeletons,\n  LoadMoreSkeletons,\n  InitialLoadSkeletons,\n  CustomInitialSkeletions,\n  CustomLoadMoreSkeletons\n} from './BaseCardViewSkeleton';\nimport { gutterSizeToPX, emptyKeys, CARDVIEW_ITEM_SELECTOR } from './BaseCardViewUtils';\nimport { useCardViewReorder } from './useCardViewReorder';\n// TODO: add this import due to issue JET-67485, need to update once Stable is introduced\nimport './themes/redwood/BaseCardViewBaseTheme.css';\nimport { useAddBusyState } from '#hooks/PRIVATE_useAddBusyState';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\n/**\n * Props specific for the GradGridBaseImpl Component\n */\ntype BaseCardViewImplProps<K, D> = Props<K, D> & {\n  /**\n   * Provide the number of columns to render;\n   */\n  columns: number;\n  /**\n   * The layout of the BaseCardView. When we use CardGridView as parent, we will use grid layout;\n   * when we use CardFlexView as parent, we will use flex layout.\n   */\n  layout: 'grid' | 'flex';\n  /**\n   * Card dimension, including width and height\n   */\n  cardSize: { width?: number; height?: number };\n  /**\n   * A callback function to update card dimension, including width and height\n   */\n  updateCardSize: (width: number, height: number) => void;\n};\n\nconst BaseCardViewImpl = forwardRef(\n  <K extends string | number, D>(\n    {\n      children,\n      data,\n      onLoadMore = () => {},\n      hasMore = false,\n      getRowKey,\n      currentItemOverride,\n      onPersistCurrentItem,\n      selectionMode = 'none',\n      selectedKeys = emptyKeys as Keys<K>,\n      onSelectionChange,\n      onReorder,\n      viewportConfig,\n      focusBehavior = 'card',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      initialAnimation = 'slideUp',\n      gutterSize = 'sm',\n      columns,\n      layout,\n      cardSize,\n      updateCardSize,\n      skeletonRenderer\n    }: BaseCardViewImplProps<K, D>,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref!, () => rootRef.current!, [rootRef]);\n\n    // tracking the anchor key which is used for shift+click selection\n    const anchorKey = useRef<K | undefined>();\n\n    const gutterSizePX = gutterSizeToPX[gutterSize];\n    const layoutProps = { layout, columns, gutterSize };\n\n    //setup busy start and busy end callbacks for the initial animation\n    const { onBusyStart: onAnimationBusyStart, onBusyEnd: onAnimationBusyEnd } = useAddBusyState(\n      'handling initial animation'\n    );\n    const isInitialAnimation = useRef(true);\n    useEffect(() => {\n      if (cardSize.height != undefined && cardSize.width != undefined) {\n        isInitialAnimation.current = false;\n      }\n    }, [cardSize]);\n\n    const ariaMultiSelectable = selectionMode === 'none' ? undefined : selectionMode === 'multiple';\n    const ariaRowcount = 1;\n    const ariaColcount = data ? data.length : -1;\n\n    const [isFocusBehaviorValid, setIsFocusBehaviorValid] = useState(true);\n    const validFocusBehavior = isFocusBehaviorValid ? focusBehavior : 'card';\n\n    // ensure current item is scrolled into view when current item is updated\n    // during reordering, enable that during keyboard reordering, disable that during mouse reordering\n    const scrollCurrItemIntoView = useRef(false);\n    const isReorderEnabled = onReorder != undefined;\n\n    const isFetching = useRef(false);\n\n    /*****************************************************************************************/\n    /*********************** Current Key, Focus Ring and Tabbable Mode ***********************/\n    /*****************************************************************************************/\n\n    const arrowKeyAndHandlers = {\n      ArrowUp: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, -columns),\n      ArrowDown: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, columns),\n      ArrowLeft: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, -1),\n      ArrowRight: (key?: K) => getPrevNextKeyByCount(data, getRowKey, key, 1)\n    };\n\n    const {\n      navigationProps,\n      currentKey,\n      isCurrentItemOverridden,\n      showFocusRing,\n      isCurrentTabbableKey\n    } = useNavigation(\n      data,\n      rootRef,\n      idExtractor,\n      CARDVIEW_ITEM_SELECTOR,\n      arrowKeyAndHandlers,\n      currentItemOverride,\n      onPersistCurrentItem,\n      viewportConfig,\n      undefined,\n      selectionMode !== 'multiple',\n      validFocusBehavior === 'card',\n      validFocusBehavior === 'card',\n      false\n    );\n\n    /*****************************************************************************************/\n    /*************************************** Selection ***************************************/\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, getRowKey);\n          // for non-virtualized CardView, value should always be an array\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            onSelectionChange({ value: { all: false, keys: new Set(value) }, target: null });\n          }\n        }\n      },\n      [data, onSelectionChange, getRowKey]\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, CARDVIEW_ITEM_SELECTOR) as K;\n      },\n      selectedKeys,\n      selectionMode,\n      false,\n      'toggle',\n      handleSelectionChange,\n      anchorKey.current,\n      currentKey,\n      (currentKey: K | undefined, isPrev: boolean) =>\n        getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -columns : columns),\n      (currentKey: K | undefined, isPrev: boolean) =>\n        getPrevNextKeyByCount(data, getRowKey, currentKey, isPrev ? -1 : 1),\n      (key: K) => {\n        if (rootRef.current) {\n          const elem = findElementByKey(rootRef.current, key, CARDVIEW_ITEM_SELECTOR);\n          if (elem) {\n            elem.scrollIntoView({ block: 'nearest' });\n          }\n        }\n      },\n      handleSelectionRangeChange\n    );\n\n    /*****************************************************************************************/\n    /**************************************** Reorder ****************************************/\n    /*****************************************************************************************/\n\n    const {\n      reorderProps,\n      reorderItemProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } = useCardViewReorder({\n      onReorder,\n      gutterSize,\n      columns,\n      rootRef,\n      scrollCurrItemIntoView\n    });\n\n    const reorderAcc = isReorderEnabled && (\n      <>\n        <span id={reorderInstructionsId}>\n          <HiddenAccessible>{reorderInstructions}</HiddenAccessible>\n        </span>\n      </>\n    );\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // for content focusBehavior, when users tab out, we need to focus back to card grid, to ensure\n      // the tabbing order works properly, otherwise the focus might get stuck at the current item\n      if (validFocusBehavior === 'content' && event.key === 'Tab') {\n        rootRef.current?.focus({ preventScroll: true });\n      }\n      // during keyboard reordering, the current item should be scrolled into view\n      const keyHandlers = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];\n      if (\n        isReorderEnabled &&\n        (event.metaKey || event.ctrlKey) &&\n        event.shiftKey &&\n        keyHandlers.includes(event.key)\n      ) {\n        scrollCurrItemIntoView.current = true;\n      }\n    };\n\n    useEffect(() => {\n      if (isReorderEnabled && currentKey != null && rootRef.current) {\n        const elem = findElementByKey(rootRef.current, currentKey, CARDVIEW_ITEM_SELECTOR);\n        // make sure current item is visible during reordering\n        // scroll the current item into view only when the current item is updated internally\n        if (elem && scrollCurrItemIntoView.current && !isCurrentItemOverridden) {\n          elem.scrollIntoView({ block: 'nearest' });\n          scrollCurrItemIntoView.current = false;\n        }\n      }\n      // since the currentKey will not change during keyboard reordering,\n      // listen to data to ensure cardview scroll into view\n    }, [currentKey, data, isReorderEnabled, isCurrentItemOverridden]);\n\n    /*****************************************************************************************/\n    /************************************* Load More *****************************************/\n    /*****************************************************************************************/\n\n    const handleLoadMore = useCallback(() => {\n      // check isFetching to avoid multiple load more at the same time (details in JET-61117)\n      if (!isFetching.current) {\n        isFetching.current = true;\n        onLoadMore();\n      }\n    }, [isFetching, onLoadMore]);\n\n    useEffect(() => {\n      isFetching.current = false;\n      // listen to data and hasMore because when one of them gets updated, the fetching is done\n    }, [data, hasMore]);\n\n    /*****************************************************************************************/\n    /************************************ Child Component ************************************/\n    /*****************************************************************************************/\n\n    const childrenComponent = (context: ItemContext<D>) => {\n      const itemKey = getRowKey(context.data);\n      const isTabbable = isCurrentTabbableKey(itemKey);\n      const isFocused = currentKey === itemKey && !isTabbable;\n      const isFocusRingVisible = isFocused && showFocusRing;\n      const isLastCard = data ? context.index === data.length - 1 : false;\n      return (\n        <MemoizeBaseCardViewItem<K, D>\n          key={itemKey}\n          itemKey={itemKey}\n          isCurrentKey={currentKey === itemKey}\n          itemData={context.data}\n          itemIndex={context.index}\n          isTabbable={isTabbable}\n          isFocused={isFocused}\n          isFocusRingVisible={isFocusRingVisible}\n          isGridLayout={layout === 'grid'}\n          selectedKeys={selectedKeys}\n          selectionMode={selectionMode}\n          onSelectionChange={onSelectionChange}\n          focusBehavior={validFocusBehavior}\n          {...(context.index === 0 && isInitialAnimation.current && { onAnimationBusyStart })}\n          {...(isLastCard && isInitialAnimation.current && { onAnimationBusyEnd })}\n          {...(focusBehavior === 'content' && { setIsFocusBehaviorValid })}\n          {...(isInitialAnimation.current && { initialAnimation })}\n          {...(context.index === 0 && !cardSize.width && { updateCardSize })}\n          {...(isReorderEnabled && { reorderItemProps })}>\n          {children}\n        </MemoizeBaseCardViewItem>\n      );\n    };\n\n    // todo: issue track in JET-57952, need a way to show the skeletons in keyboard navigation\n    const skeletons = data ? (\n      !data.length && hasMore ? (\n        skeletonRenderer ? (\n          <CustomLoadMoreSkeletons\n            layout={layout}\n            colCount={columns}\n            totalCount={data.length}\n            cardWidth={cardSize.width}\n            cardHeight={cardSize.height}\n            isRenderAsInitial={true}\n            skeletonRenderer={skeletonRenderer}\n          />\n        ) : (\n          <DefaultLoadMoreSkeletons layout={layout} />\n        )\n      ) : skeletonRenderer ? (\n        <CustomLoadMoreSkeletons\n          layout={layout}\n          colCount={columns}\n          totalCount={data.length}\n          cardWidth={cardSize.width}\n          cardHeight={cardSize.height}\n          isRenderAsInitial={false}\n          skeletonRenderer={skeletonRenderer}\n        />\n      ) : (\n        <LoadMoreSkeletons\n          layout={layout}\n          colCount={columns}\n          totalCount={data.length}\n          cardWidth={cardSize.width}\n          cardHeight={cardSize.height}\n        />\n      )\n    ) : null;\n\n    viewportConfig = getViewportConfig(rootRef, viewportConfig);\n    const collectionComponent = (\n      <div role=\"row\">\n        <BaseCardViewLayout {...layoutProps}>\n          <LoadMoreCollection\n            data={data}\n            hasMore={hasMore}\n            onLoadMore={handleLoadMore}\n            loadMoreIndicator={skeletons}\n            loadMoreThreshold={gutterSizePX + 4} // gap size + padding\n            viewportConfig={viewportConfig}>\n            {childrenComponent}\n          </LoadMoreCollection>\n        </BaseCardViewLayout>\n      </div>\n    );\n\n    const initialLoadSkeletons = (\n      <BaseCardViewLayout {...layoutProps}>\n        {skeletonRenderer ? (\n          <CustomInitialSkeletions skeletonRenderer={skeletonRenderer} />\n        ) : (\n          <InitialLoadSkeletons layout={layout} />\n        )}\n      </BaseCardViewLayout>\n    );\n    const allowBrowserContextMenu = !(\n      getClientHints().platform === 'ios' || getClientHints().platform === 'android'\n    );\n\n    const classArray = [styles.baseStyle];\n    if (!allowBrowserContextMenu) {\n      classArray.push(styles.userSelect);\n    }\n    const classes = classNames(classArray);\n\n    return (\n      <div\n        {...mergeProps(navigationProps, selectionProps, reorderProps, {\n          onKeyDown: handleKeyDown\n        })}\n        ref={rootRef}\n        role=\"grid\"\n        class={classes}\n        tabIndex={0}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={\n          isReorderEnabled ? reorderInstructionsId + ' ' + ariaDescribedBy : ariaDescribedBy\n        }\n        aria-multiselectable={ariaMultiSelectable}\n        aria-rowcount={ariaRowcount}\n        aria-colcount={ariaColcount}>\n        <ReorderableContext.Provider value={reorderContext}>\n          {!data ? (\n            initialLoadSkeletons\n          ) : data.length || hasMore ? (\n            collectionComponent\n          ) : (\n            <Fragment />\n          )}\n        </ReorderableContext.Provider>\n        {reorderAcc}\n      </div>\n    );\n  }\n);\n\nconst idExtractor = (elem: Element) => elem.id;\n\n/**\n * Props specific for the BaseCardView\n */\ntype BaseCardViewProps<K, D> = BaseCardViewImplProps<K, D> & {\n  ref?: ForwardedRef<HTMLDivElement>;\n};\n\n/**\n * Cast BaseCardViewImpl to generic type, because BaseCardViewImpl would infer the generic type to specific type,\n * i.e infer <K extends string | number, D> to <string | number, unknown>, which will cause type issues in the parent component\n */\nexport const BaseCardView = BaseCardViewImpl as <K extends string | number, D>(\n  props: BaseCardViewProps<K, D>\n) => JSX.Element;\n","import type { RefObject } from 'preact';\nimport { useState } from 'preact/hooks';\nimport { dragToScroll } from '../utils/PRIVATE_collectionUtils';\nimport { useReorderable } from '../hooks/PRIVATE_useReorderable';\nimport { Props } from '../UNSAFE_CardFlexView';\nimport { CARDVIEW_ITEM_SELECTOR, GutterSize } from './BaseCardViewUtils';\n\ntype useCardViewReorderProps<K, D> = Pick<Props<K, D>, 'onReorder'> & {\n  gutterSize: GutterSize;\n  columns: number;\n  rootRef: RefObject<HTMLDivElement>;\n  scrollCurrItemIntoView: RefObject<boolean>;\n};\n\nexport const useCardViewReorder = <K extends string | number, D>({\n  onReorder,\n  gutterSize,\n  columns,\n  rootRef,\n  scrollCurrItemIntoView\n}: useCardViewReorderProps<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: CARDVIEW_ITEM_SELECTOR,\n      isDisabled: !isReorderEnabled,\n      columns\n    });\n\n  if (!isReorderEnabled) {\n    return {\n      reorderProps,\n      reorderContext,\n      reorderInstructionsId,\n      reorderInstructions\n    } as const;\n  }\n\n  const handleDragOver = (event: DragEvent) => {\n    dragToScroll(event, dragKey !== undefined, rootRef.current);\n    // during mouse reordering, the drag item might not be the same as current item,\n    // so we should disallow current item scroll into view\n    scrollCurrItemIntoView.current = false;\n  };\n\n  const reorderEventProps = { ...reorderProps, onDragOver: handleDragOver };\n\n  const reorderItemProps = {\n    dragKey,\n    setDragKey,\n    onReorder,\n    rootRef,\n    gutterSize,\n    columns\n  };\n\n  return {\n    reorderProps: reorderEventProps,\n    reorderItemProps,\n    reorderContext,\n    reorderInstructionsId,\n    reorderInstructions\n  } as const;\n};\n"],"names":["CARDVIEW_ITEM_SELECTOR","emptyKeys","all","keys","Set","gutterSizeToPX","xs","sm","md","lg","xl","BaseCardViewReorderableItem","children","itemKey","itemIndex","isCurrentKey","dragKey","setDragKey","onReorder","rootRef","gutterSize","columns","itemRef","useRef","isOneColumn","isFirstColumn","isLastColumn","variantClasses","multiVariantStyles","itemOverlayFront","variantClassesVertical","itemOverlayFrontVertical","itemStyles","itemOverlayRear","styles","itemOverlayRearVertical","itemDragger","getItem","useCallback","current","closest","setTransferData","event","dataTransfer","setData","JSON","stringify","rootProps","isDragged","overlayZoneBeforeProps","overlayZoneAfterProps","useReorderableItem","isDisabled","ref","itemSelector","isVertical","currentItemKey","useReorderableContext","useEffect","direction","useUser","isRtl","overlayZoneBeforeClass","classNames","class","itemOverlayFrontEdge","overlayZoneAfterClass","itemOverlayRearEdge","_jsxs","isKeyDefined","_Fragment","_jsx","jsx","animationConfigSlide","index","animationStates","slideUp","from","translateY","to","options","duration","delay","easing","slideDown","isAnimatedOnMount","animationConfigOpacity","timeoutRef","onAnimationBusyEnd","opacity","onAnimationEnd","clearTimeout","MemoizeBaseCardViewItem","memo","itemData","isTabbable","isFocused","isFocusRingVisible","selectedKeys","selectionMode","onSelectionChange","focusBehavior","setIsFocusBehaviorValid","initialAnimation","isGridLayout","updateCardSize","reorderItemProps","onAnimationBusyStart","isItemFocused","itemFocused","itemInitialOpacity","itemInGridLayout","classes","itemStyle","handleResize","entry","contentRect","width","height","nullRef","useResizeObserver","useLayoutEffect","content","firstElementChild","focusable","allTabbableElements","length","warn","focus","nodeRef","nodeRefSlide","controller","controllerSlide","useAnimation","nodeRefOpacity","controllerOpacity","undefined","setTimeout","cancel","style","itemRefs","useMemo","mergeRefs","rendererContext","getItemContext","data","metadata","key","childrenComponent","id","useId","role","onKeyDown","stopPropagation","containsKey","TabbableModeContext","Provider","value","FocusTrap","restoreFocusRef","prev","next","isSameKey","props1","props2","BaseCardViewLayout","layout","gap","cardViewVars","Grid","gridTemplateColumns","Flex","wrap","BaseCardViewSkeletonContainer","isVisible","setIsVisible","useState","Fragment","LOADMORE_STYLE_CLASS","getSkeletonsByCount","count","isUnique","sw","sh","Array","map","_v","i","Skeleton","borderRadius","Date","getTime","InitialLoadSkeletons","props","DefaultLoadMoreSkeletons","skeletons","DEFAULT_SKELETON_NUMBER","InvisibleSkeletons","LoadMoreSkeletons","colCount","cardWidth","cardHeight","firstRowColCount","totalCount","isOnlyOneRow","firstSkeleton","push","CustomInitialSkeletions","renderMultipleSkeletons","loadingStatus","skeletonRenderer","CustomLoadMoreSkeletons","isRenderAsInitial","context","fill","BaseCardViewImpl","forwardRef","onLoadMore","hasMore","getRowKey","currentItemOverride","onPersistCurrentItem","viewportConfig","ariaLabel","ariaLabelledBy","ariaDescribedBy","cardSize","useImperativeHandle","anchorKey","gutterSizePX","layoutProps","onBusyStart","onBusyEnd","useAddBusyState","isInitialAnimation","ariaMultiSelectable","ariaColcount","isFocusBehaviorValid","validFocusBehavior","scrollCurrItemIntoView","isReorderEnabled","isFetching","arrowKeyAndHandlers","ArrowUp","getPrevNextKeyByCount","ArrowDown","ArrowLeft","ArrowRight","navigationProps","currentKey","isCurrentItemOverridden","showFocusRing","isCurrentTabbableKey","useNavigation","idExtractor","handleSelectionChange","detail","size","values","pop","handleSelectionRangeChange","handleSelectionRange","isArray","eventType","start","end","target","selectionProps","useSelection","element","keyExtractor","isPrev","elem","findElementByKey","scrollIntoView","block","reorderProps","reorderContext","reorderInstructionsId","reorderInstructions","useReorderable","onDragOver","dragToScroll","useCardViewReorder","reorderAcc","HiddenAccessible","handleLoadMore","getViewportConfig","collectionComponent","LoadMoreCollection","loadMoreIndicator","loadMoreThreshold","isLastCard","initialLoadSkeletons","allowBrowserContextMenu","getClientHints","platform","classArray","baseStyle","userSelect","mergeProps","preventScroll","metaKey","ctrlKey","shiftKey","includes","tabIndex","ReorderableContext","BaseCardView","gapWidth","rootWidth","Math","floor","max"],"mappings":"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"}

package/amd/CardFlexView-d3eb7373.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './useResizeObserver-25032462', './BaseCardView-16fda4c3'], (function(e,t,i,r,a){"use strict";e.CardFlexView=function(e){const c=i.useRef(null),[s,d]=i.useState({}),n=i.useCallback(((e,t)=>{d((i=>({...i,cardWidth:e,cardHeight:t})))}),[]),u=i.useCallback((e=>{const t=e.contentRect.width;s.containerWidth!==t&&d((e=>({...e,containerWidth:t})))}),[s]);r.useResizeObserver(c,u);const o=a.gutterSizeToPX[e.gutterSize||"sm"],h=a.getColCount(o,s.cardWidth,s.containerWidth),l={width:s.cardWidth,height:s.cardHeight};return t.jsx(a.BaseCardView,{...e,ref:c,layout:"flex",columns:h,cardSize:l,updateCardSize:n})}}));
+//# sourceMappingURL=CardFlexView-d3eb7373.js.map

package/amd/{CardFlexView-aa2f3de8.js.map → CardFlexView-d3eb7373.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CardFlexView-aa2f3de8.js","sources":["../../src/UNSAFE_CardFlexView/CardFlexView.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { BaseCardView, gutterSizeToPX, getColCount } from '../PRIVATE_BaseCardView';\nimport { BaseCardViewPublicProps as Props } from './BaseCardView.types';\n\ntype CardFlexViewProps<K extends string | number, D> = Props<K, D>;\ntype SizeInfo = {\n  cardWidth?: number;\n  cardHeight?: number;\n  containerWidth?: number;\n};\n\nexport function CardFlexView<K extends string | number, D>(props: CardFlexViewProps<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const [size, setSize] = useState<SizeInfo>({});\n  const updateCardSize = useCallback((cardWidth: number, cardHeight: number) => {\n    setSize((size) => ({ ...size, cardWidth, cardHeight }));\n  }, []);\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const containerWidth = entry.contentRect.width;\n      if (size.containerWidth !== containerWidth) {\n        setSize((size) => ({ ...size, containerWidth }));\n      }\n    },\n    [size]\n  );\n  useResizeObserver(rootRef, handleResize);\n\n  const gutterSizePX = gutterSizeToPX[props.gutterSize || 'sm'];\n  const columns = getColCount(gutterSizePX, size.cardWidth, size.containerWidth);\n  const cardSize = { width: size.cardWidth, height: size.cardHeight };\n\n  return (\n    <BaseCardView\n      {...props}\n      ref={rootRef}\n      layout=\"flex\"\n      columns={columns}\n      cardSize={cardSize}\n      updateCardSize={updateCardSize}\n    />\n  );\n}\n"],"names":["props","rootRef","useRef","size","setSize","useState","updateCardSize","useCallback","cardWidth","cardHeight","handleResize","entry","containerWidth","contentRect","width","useResizeObserver","gutterSizePX","gutterSizeToPX","gutterSize","columns","getColCount","cardSize","height","_jsx","BaseCardView","ref","layout"],"mappings":"iKAYM,SAAqDA,GACzD,MAAMC,EAAUC,SAAuB,OAEhCC,EAAMC,GAAWC,EAAQA,SAAW,CAAE,GACvCC,EAAiBC,EAAAA,aAAY,CAACC,EAAmBC,KACrDL,GAASD,QAAeA,EAAMK,YAAWC,gBAAc,GACtD,IAEGC,EAAeH,eAClBI,IACC,MAAMC,EAAiBD,EAAME,YAAYC,MACrCX,EAAKS,iBAAmBA,GAC1BR,GAASD,IAAU,IAAKA,EAAMS,oBAC/B,GAEH,CAACT,IAEHY,oBAAkBd,EAASS,GAE3B,MAAMM,EAAeC,EAAcA,eAACjB,EAAMkB,YAAc,MAClDC,EAAUC,EAAAA,YAAYJ,EAAcb,EAAKK,UAAWL,EAAKS,gBACzDS,EAAW,CAAEP,MAAOX,EAAKK,UAAWc,OAAQnB,EAAKM,YAEvD,OACEc,EAAAA,IAACC,EAAAA,aACK,IAAAxB,EACJyB,IAAKxB,EACLyB,OAAO,OACPP,QAASA,EACTE,SAAUA,EACVf,eAAgBA,GAGtB"}
+{"version":3,"file":"CardFlexView-d3eb7373.js","sources":["../../src/UNSAFE_CardFlexView/CardFlexView.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'preact/hooks';\nimport { useResizeObserver } from '../hooks/UNSAFE_useResizeObserver';\nimport { BaseCardView, gutterSizeToPX, getColCount } from '../PRIVATE_BaseCardView';\nimport { BaseCardViewPublicProps as Props } from './BaseCardView.types';\n\ntype CardFlexViewProps<K extends string | number, D> = Props<K, D>;\ntype SizeInfo = {\n  cardWidth?: number;\n  cardHeight?: number;\n  containerWidth?: number;\n};\n\nexport function CardFlexView<K extends string | number, D>(props: CardFlexViewProps<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const [size, setSize] = useState<SizeInfo>({});\n  const updateCardSize = useCallback((cardWidth: number, cardHeight: number) => {\n    setSize((size) => ({ ...size, cardWidth, cardHeight }));\n  }, []);\n\n  const handleResize = useCallback(\n    (entry: ResizeObserverEntry) => {\n      const containerWidth = entry.contentRect.width;\n      if (size.containerWidth !== containerWidth) {\n        setSize((size) => ({ ...size, containerWidth }));\n      }\n    },\n    [size]\n  );\n  useResizeObserver(rootRef, handleResize);\n\n  const gutterSizePX = gutterSizeToPX[props.gutterSize || 'sm'];\n  const columns = getColCount(gutterSizePX, size.cardWidth, size.containerWidth);\n  const cardSize = { width: size.cardWidth, height: size.cardHeight };\n\n  return (\n    <BaseCardView\n      {...props}\n      ref={rootRef}\n      layout=\"flex\"\n      columns={columns}\n      cardSize={cardSize}\n      updateCardSize={updateCardSize}\n    />\n  );\n}\n"],"names":["props","rootRef","useRef","size","setSize","useState","updateCardSize","useCallback","cardWidth","cardHeight","handleResize","entry","containerWidth","contentRect","width","useResizeObserver","gutterSizePX","gutterSizeToPX","gutterSize","columns","getColCount","cardSize","height","_jsx","BaseCardView","ref","layout"],"mappings":"iKAYM,SAAqDA,GACzD,MAAMC,EAAUC,SAAuB,OAEhCC,EAAMC,GAAWC,EAAQA,SAAW,CAAE,GACvCC,EAAiBC,EAAAA,aAAY,CAACC,EAAmBC,KACrDL,GAASD,QAAeA,EAAMK,YAAWC,gBAAc,GACtD,IAEGC,EAAeH,eAClBI,IACC,MAAMC,EAAiBD,EAAME,YAAYC,MACrCX,EAAKS,iBAAmBA,GAC1BR,GAASD,IAAU,IAAKA,EAAMS,oBAC/B,GAEH,CAACT,IAEHY,oBAAkBd,EAASS,GAE3B,MAAMM,EAAeC,EAAcA,eAACjB,EAAMkB,YAAc,MAClDC,EAAUC,EAAAA,YAAYJ,EAAcb,EAAKK,UAAWL,EAAKS,gBACzDS,EAAW,CAAEP,MAAOX,EAAKK,UAAWc,OAAQnB,EAAKM,YAEvD,OACEc,EAAAA,IAACC,EAAAA,aACK,IAAAxB,EACJyB,IAAKxB,EACLyB,OAAO,OACPP,QAASA,EACTE,SAAUA,EACVf,eAAgBA,GAGtB"}

package/amd/CardGridView-842f70cd.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/hooks', './BaseCardView-16fda4c3'], (function(e,t,a,i){"use strict";e.CardGridView=function(e){const[r,d]=a.useState({}),s=a.useCallback(((e,t)=>{d({width:e,height:t})}),[]);return t.jsx(i.BaseCardView,{...e,layout:"grid",cardSize:r,updateCardSize:s})}}));
+//# sourceMappingURL=CardGridView-842f70cd.js.map