@workday/canvas-kit-react 12.0.5 → 12.0.7

package/button/lib/parts/ButtonLabelIcon.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import {ButtonSizes} from '../types';
 import {createComponent} from '@workday/canvas-kit-react/common';
 import {SystemIcon, SystemIconProps} from '@workday/canvas-kit-react/icon';
+import {px2rem} from '@workday/canvas-kit-styling';
 
 export interface ButtonLabelIconProps extends Partial<SystemIconProps> {
   /**
@@ -42,8 +43,8 @@ export const ButtonLabelIcon = createComponent('span')({
         size={iconSize}
         icon={icon}
         shouldMirror={shouldMirrorIcon}
-        width={size ? iconSizes[size] : iconSizes.large}
-        height={size ? iconSizes[size] : iconSizes.large}
+        width={px2rem(iconSize)}
+        height={px2rem(iconSize)}
         display="inline-block"
         {...elemProps}
       />

package/collection/lib/useOverflowListModel.tsx

@@ -6,10 +6,11 @@ import {Item} from './useBaseListModel';
 
 export function getHiddenIds(
   containerWidth: number,
+  containerGap: number,
   overflowTargetWidth: number,
   itemWidthCache: Record<string, number>,
   selectedIds: string[] | 'all',
-  items?: Item<any>[]
+  items: Item<any>[]
 ): string[] {
   /** Allows us to prioritize showing the selected item */
   let selectedKey: undefined | string;
@@ -18,17 +19,22 @@ export function getHiddenIds(
   /** Tally ids that won't fit inside the container. These will be used by components to hide
    * elements that won't fit in the container */
   const hiddenIds: string[] = [];
+  /** Track if gap should be calculated since gap doesn't apply to the width of the first item, only
+   * consecutive items */
+  let shouldAddGap = false;
+
   if (selectedIds !== 'all' && selectedIds.length) {
-    if (items?.length) {
+    if (items.length) {
       // If selectedIds[0] is not in items, use the first id from items
       selectedKey = items.find(item => item.id === selectedIds[0]) ? selectedIds[0] : items[0].id;
-    } else {
-      selectedKey = selectedIds[0];
     }
   }
 
   if (
-    Object.keys(itemWidthCache).reduce((sum, key) => sum + itemWidthCache[key], 0) <= containerWidth
+    Object.keys(itemWidthCache).reduce(
+      (sum, key, index) => sum + itemWidthCache[key] + (index > 0 ? containerGap : 0),
+      0
+    ) <= containerWidth
   ) {
     // All items fit, return empty array
     return [];
@@ -39,6 +45,7 @@ export function getHiddenIds(
     } else {
       // at least the selected item and overflow target fit. Update our itemWidth with the sum
       itemWidth += itemWidthCache[selectedKey] + overflowTargetWidth;
+      shouldAddGap = true;
     }
   } else {
     itemWidth += overflowTargetWidth;
@@ -46,7 +53,8 @@ export function getHiddenIds(
 
   for (const key in itemWidthCache) {
     if (key !== selectedKey) {
-      itemWidth += itemWidthCache[key];
+      itemWidth += itemWidthCache[key] + (shouldAddGap ? containerGap : 0);
+      shouldAddGap = true;
       if (itemWidth > containerWidth) {
         hiddenIds.push(key);
       }
@@ -75,6 +83,7 @@ export const useOverflowListModel = createModelHook({
   const [hiddenIds, setHiddenIds] = React.useState(config.initialHiddenIds);
   const [itemWidthCache, setItemWidthCache] = React.useState<Record<string, number>>({});
   const [containerWidth, setContainerWidth] = React.useState(0);
+  const [containerGap, setContainerGap] = React.useState(0);
   const containerWidthRef = React.useRef(0);
   const itemWidthCacheRef = React.useRef(itemWidthCache);
   const [overflowTargetWidth, setOverflowTargetWidth] = React.useState(0);
@@ -96,6 +105,7 @@ export const useOverflowListModel = createModelHook({
     hiddenIds: internalHiddenIds,
     itemWidthCache,
     containerWidth,
+    containerGap,
     overflowTargetWidth,
   };
 
@@ -105,6 +115,7 @@ export const useOverflowListModel = createModelHook({
       const {selectedIds} = model.selection.select(data.id, state);
       const ids = getHiddenIds(
         containerWidthRef.current,
+        containerGap,
         overflowTargetWidthRef.current,
         itemWidthCacheRef.current,
         selectedIds,
@@ -120,6 +131,21 @@ export const useOverflowListModel = createModelHook({
 
       const ids = getHiddenIds(
         containerWidthRef.current,
+        containerGap,
+        overflowTargetWidthRef.current,
+        itemWidthCacheRef.current,
+        state.selectedIds,
+        config.items
+      );
+
+      setHiddenIds(ids);
+    },
+    setContainerGap(data: {size: number}) {
+      setContainerGap(data.size);
+
+      const ids = getHiddenIds(
+        containerWidthRef.current,
+        data.size,
         overflowTargetWidthRef.current,
         itemWidthCacheRef.current,
         state.selectedIds,
@@ -142,6 +168,7 @@ export const useOverflowListModel = createModelHook({
 
       const ids = getHiddenIds(
         containerWidthRef.current,
+        containerGap,
         overflowTargetWidthRef.current,
         itemWidthCacheRef.current,
         state.selectedIds,
@@ -158,6 +185,7 @@ export const useOverflowListModel = createModelHook({
 
       const ids = getHiddenIds(
         containerWidthRef.current,
+        containerGap,
         overflowTargetWidthRef.current,
         itemWidthCacheRef.current,
         state.selectedIds !== 'all'

package/dist/commonjs/action-bar/lib/ActionBar.d.ts

@@ -73,6 +73,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -104,6 +105,39 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        isVirtualized: boolean;
+        items: import("../..").Item<any>[];
+    }) => void) | undefined;
+    onSetContainerGap?: ((data: {
+        size: number;
+    }, prevState: {
+        hiddenIds: string[];
+        nonInteractiveIds: string[];
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -135,6 +169,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -167,6 +202,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -198,6 +234,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -229,6 +266,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -260,6 +298,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -289,6 +328,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -318,6 +358,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -347,6 +388,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -378,6 +420,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -407,6 +450,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -436,6 +480,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -465,6 +510,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -494,6 +540,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -523,6 +570,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -552,6 +600,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -581,6 +630,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -610,6 +660,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -639,6 +690,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -668,6 +720,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -700,6 +753,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -731,6 +785,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -762,6 +817,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -794,6 +850,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -825,6 +882,39 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        indexRef: React.MutableRefObject<number>;
+        isVirtualized: boolean;
+        items: import("../..").Item<any>[];
+    }) => boolean) | undefined;
+    shouldSetContainerGap?: ((data: {
+        size: number;
+    }, state: {
+        hiddenIds: string[];
+        nonInteractiveIds: string[];
+        orientation: import("../../collection/lib/useBaseListModel").Orientation;
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -856,6 +946,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -888,6 +979,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -919,6 +1011,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -950,6 +1043,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -981,6 +1075,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1010,6 +1105,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1039,6 +1135,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1068,6 +1165,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1099,6 +1197,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1128,6 +1227,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1157,6 +1257,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1186,6 +1287,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1215,6 +1317,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1244,6 +1347,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1273,6 +1377,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1302,6 +1407,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1331,6 +1437,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1360,6 +1467,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1389,6 +1497,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1421,6 +1530,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1452,6 +1562,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1483,6 +1594,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1513,6 +1625,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1543,6 +1656,9 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         setContainerWidth(data: {
             width?: number | undefined;
         }): void;
+        setContainerGap(data: {
+            size: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;
@@ -1686,6 +1802,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
             orientation: import("../../collection/lib/useBaseListModel").Orientation;
             itemWidthCache: Record<string, number>;
             containerWidth: number;
+            containerGap: number;
             overflowTargetWidth: number;
             selectedIds: string[] | "all";
             unselectedIds: string[];
@@ -1716,6 +1833,9 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
+            setContainerGap(data: {
+                size: number;
+            }): void;
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -1853,6 +1973,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
             orientation: import("../../collection/lib/useBaseListModel").Orientation;
             itemWidthCache: Record<string, number>;
             containerWidth: number;
+            containerGap: number;
             overflowTargetWidth: number;
             selectedIds: string[] | "all";
             unselectedIds: string[];
@@ -1883,6 +2004,9 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
+            setContainerGap(data: {
+                size: number;
+            }): void;
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;
@@ -2010,6 +2134,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
             orientation: import("../../collection/lib/useBaseListModel").Orientation;
             itemWidthCache: Record<string, number>;
             containerWidth: number;
+            containerGap: number;
             overflowTargetWidth: number;
             selectedIds: string[] | "all";
             unselectedIds: string[];
@@ -2040,6 +2165,9 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
             setContainerWidth(data: {
                 width?: number | undefined;
             }): void;
+            setContainerGap(data: {
+                size: number;
+            }): void;
             setOverflowTargetWidth(data: {
                 width: number;
             }): void;

package/dist/commonjs/action-bar/lib/ActionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIlB;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGH;;;;;;;;;;;OAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
+{"version":3,"file":"ActionBar.d.ts","sourceRoot":"","sources":["../../../../action-bar/lib/ActionBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIlB;;;;;;;;;;;;;;;OAeG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;;;;;;;OASG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAGH;;;;;;;;;;;OAWG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}