@wix/patterns 1.228.0 → 1.229.0

package/dist/cjs/components/Kanban/Stage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_Card","_state","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","stageState","stageSummary","props","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","items","useMemo","map","keyedItem","index","itemActionsState","ItemActionsState","fade","collection","stageKey","originalItem","item","itemIndex","renderItem","stage","key","actionCell","length","createElement","Box","width","backgroundColor","borderRadius","paddingLeft","paddingRight","direction","__self","__source","fileName","lineNumber","columnNumber","paddingTop","marginBottom","padding","gap","Text","size","weight","stageName","CounterBadge","skin","truncate","totalItems","paddingBottom","AddItem","removePadding","isLoading","style","overflow","height","minHeight","maxHeight","display","flexDirection","onScroll","itemData","_itemData$item","CardComponent","dataExtension","tags","className","StageComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Stage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AddItem, Box, CounterBadge, Text } from '@wix/design-system';\nimport { FiltersMap, KeyedItem, stringFilter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanStageState } from '../../state/KanbanState/KanbanStageState';\nimport { CardComponent, KanbanCardProps } from './Card';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { ItemActionsState } from '../../state';\n\ninterface StageComponentProps<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> {\n  dataHook: string;\n  stageState: KanbanStageState<T, S, F>;\n  stageSummary?: KanbanBaseProps<T, S, F>['stageSummary'];\n  renderItem?: KanbanBaseProps<T, S, F>['renderItem'];\n  noResultsState?: KanbanBaseProps<T, S, F>['noResultsState'];\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n}\n\nfunction _StageComponent<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n>({\n  dataHook,\n  stageState,\n  stageSummary,\n  ...props\n}: StageComponentProps<T, S, F>) {\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n    if (\n      scrollHeight - scrollTop <= clientHeight + 10 &&\n      !stageState.itemsCollectionState.fetchedLastPage &&\n      !stageState.itemsCollectionState.result.status.isFetching\n    ) {\n      stageState.fetchMore();\n    }\n  };\n\n  const {\n    result: { keyedItems },\n  } = stageState.itemsCollectionState;\n\n  const items: KanbanCardProps<T, S, F>[] = React.useMemo(() => {\n    return keyedItems.map((keyedItem: KeyedItem<T>, index: number) => {\n      const itemActionsState = new ItemActionsState({\n        fade: 'static',\n        keyedItem,\n        collection: stageState.itemsCollectionState,\n      });\n\n      return {\n        keyedItem,\n        stageKey: stageState.stageKey(),\n        originalItem: keyedItem.item,\n        itemIndex: index,\n        itemActionsState,\n        item: {\n          ...props.renderItem?.({\n            stage: stageState.stage,\n            item: keyedItem.item,\n          }),\n          key: keyedItem.key,\n        },\n        actionCell: props.actionCell,\n      };\n    });\n  }, [keyedItems, keyedItems.length]);\n\n  return (\n    <Box\n      width=\"270px\"\n      dataHook={`kanban-stage-container-${stageState.stageKey()}`}\n      backgroundColor=\"#F4F7FF\"\n      borderRadius=\"8px\"\n      paddingLeft=\"12px\"\n      paddingRight=\"12px\"\n      direction=\"vertical\"\n    >\n      <Box width=\"246px\" direction=\"vertical\">\n        <div\n          data-hook={dataHook}\n        // onDragOver={(e) => e.preventDefault()}\n        // onDrop={(e) => {\n        //   e.preventDefault();\n        // }}\n        >\n          <Box paddingTop=\"12px\" direction=\"vertical\">\n            <Box\n              marginBottom=\"24px\"\n              direction=\"vertical\"\n              padding=\"12px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box gap=\"6px\">\n                <Text\n                  size=\"small\"\n                  weight=\"bold\"\n                  dataHook={`kanban-stage-title-${stageState.stageKey()}`}\n                >\n                  {stageState.stageName()}\n                </Text>\n                <CounterBadge\n                  dataHook={`kanban-stage-title-total-${stageState.stageKey()}`}\n                  skin=\"light\"\n                  truncate={false}\n                >\n                  {stageState.totalItems()}\n                </CounterBadge>\n              </Box>\n              <Box>{stageSummary?.({ stage: stageState.stage })}</Box>\n            </Box>\n            <Box paddingBottom=\"12px\">\n              <AddItem size=\"tiny\" removePadding={true}>\n                <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                  Add Card\n                </Box>\n              </AddItem>\n            </Box>\n          </Box>\n          {stageState.isLoading() ? (\n            <div>loading cards...</div>\n          ) : (\n            <div\n              data-hook={`kanban-stage-cards-container-${stageState.stageKey()}`}\n              style={{\n                overflow: 'auto',\n                height: '100%',\n                minHeight: '600px',\n                maxHeight: 'calc(100vh - 400px)',\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '12px',\n              }}\n              onScroll={handleScroll}\n            >\n              {items.map((itemData: KanbanCardProps<T, S, F>) => (\n                <CardComponent\n                  key={`${itemData.stageKey}-${itemData.item?.key}`}\n                  keyedItem={itemData.keyedItem}\n                  originalItem={itemData.keyedItem.item}\n                  itemIndex={itemData.itemIndex}\n                  item={itemData.item}\n                  stageKey={itemData.stageKey}\n                  actionCell={itemData.actionCell}\n                  itemActionsState={itemData.itemActionsState}\n                  dataExtension={props.dataExtension}\n                  tags={props.tags}\n                />\n              ))}\n              {stageState.itemsCollectionState.status.isLoading && (\n                <div className=\"text-sm text-center text-gray-500\">\n                  Loading more...\n                </div>\n              )}\n              {/* {!data?.cursor && !data?.loadingMore && (\n              <div className=\"text-xs text-center text-gray-400\">\n                No more cards\n              </div>\n            )}\n            {!data?.cards()?.length && emptyState}} */}\n            </div>\n          )}\n        </div>\n      </Box>\n    </Box>\n  );\n}\n\nexport const StageComponent = observer(_StageComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_Card","_KanbanCardDragAndDrop","_state","_core","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","state","stageSummary","activeStageKey","stageKey","props","stageState","kanbanStageStates","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","isOver","setNodeRef","setDroppableRef","useDroppable","id","isDndSourceStage","items","useMemo","map","keyedItem","index","itemActionsState","ItemActionsState","fade","collection","originalItem","item","itemIndex","renderItem","stage","key","actionCell","length","DraggableCard","KanbanCardDragAndDrop","createElement","_extends2","ref","style","width","backgroundColor","borderRadius","display","flexDirection","transition","border","process","env","NODE_ENV","onPointerUp","action","dragAndDropState","activeId","handleDragEnd","over","active","__self","__source","fileName","lineNumber","columnNumber","Box","direction","padding","marginBottom","gap","Text","size","weight","stageName","CounterBadge","skin","truncate","totalItems","AddItem","removePadding","paddingTop","paddingBottom","isLoading","overflow","height","minHeight","maxHeight","onScroll","cardProps","dataExtension","tags","CardComponent","className","StageComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Stage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AddItem, Box, CounterBadge, Text } from '@wix/design-system';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CardComponent, KanbanCardProps } from './Card';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { ItemActionsState } from '../../state';\nimport { useDroppable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\n\ninterface StageComponentProps<T, S, F extends FiltersMap> {\n  dataHook: string;\n  state: KanbanState<T, S, F>;\n  stageSummary?: KanbanBaseProps<T, S, F>['stageSummary'];\n  renderItem?: KanbanBaseProps<T, S, F>['renderItem'];\n  noResultsState?: KanbanBaseProps<T, S, F>['noResultsState'];\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n  activeStageKey?: string | null; // Active source stage key\n  stageKey: string;\n}\n\nfunction _StageComponent<T, S, F extends FiltersMap>({\n  dataHook,\n  state,\n  stageSummary,\n  activeStageKey,\n  stageKey,\n  ...props\n}: StageComponentProps<T, S, F>) {\n  const stageState = state.kanbanStageStates[stageKey];\n\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n    if (\n      scrollHeight - scrollTop <= clientHeight + 10 &&\n      !stageState.itemsCollectionState.fetchedLastPage &&\n      !stageState.itemsCollectionState.result.status.isFetching\n    ) {\n      stageState.fetchMore();\n    }\n  };\n\n  const {\n    result: { keyedItems },\n  } = stageState.itemsCollectionState;\n\n  // Make the stage droppable\n  const { isOver, setNodeRef: setDroppableRef } = useDroppable({\n    id: stageState.stageKey,\n  });\n\n  // Check if this stage is the source stage (where drag originated)\n  const isDndSourceStage = activeStageKey === stageState.stageKey;\n\n  const items: KanbanCardProps<T, S, F>[] = React.useMemo(() => {\n    return keyedItems.map((keyedItem: KeyedItem<T>, index: number) => {\n      const itemActionsState = new ItemActionsState({\n        fade: 'static',\n        keyedItem,\n        collection: stageState.itemsCollectionState,\n      });\n\n      return {\n        keyedItem,\n        stageKey: stageState.stageKey,\n        originalItem: keyedItem.item,\n        itemIndex: index,\n        itemActionsState,\n        item: {\n          ...props.renderItem?.({\n            stage: stageState.stage,\n            item: keyedItem.item,\n          }),\n          key: keyedItem.key,\n        },\n        actionCell: props.actionCell,\n      };\n    });\n  }, [keyedItems, keyedItems.length]);\n\n  const { DraggableCard } = KanbanCardDragAndDrop;\n\n  return (\n    <div\n      ref={setDroppableRef}\n      data-hook={`kanban-stage-container-${stageState.stageKey}`}\n      style={{\n        width: '270px',\n        backgroundColor: isOver && !isDndSourceStage ? '#9C9EA6' : '#F4F7FF',\n        borderRadius: '8px',\n        display: 'flex',\n        flexDirection: 'column',\n        transition: 'background-color 0.2s ease',\n        border:\n          isOver && !isDndSourceStage\n            ? '2px dashed #2196F3'\n            : '2px solid transparent',\n      }}\n      {...(process.env.NODE_ENV === 'test' && {\n        onPointerUp: action(() => {\n          if (state.dragAndDropState.activeId) {\n            state.dragAndDropState.handleDragEnd({\n              over: { id: stageState.stageKey },\n              active: { id: state.dragAndDropState.activeId },\n            } as any);\n          }\n        }),\n      })}\n    >\n      <Box width=\"246px\" direction=\"vertical\">\n        <div data-hook={dataHook}>\n          <Box direction=\"vertical\" padding=\"12px\">\n            <Box\n              marginBottom=\"24px\"\n              direction=\"vertical\"\n              padding=\"12px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box gap=\"6px\">\n                <Text\n                  size=\"small\"\n                  weight=\"bold\"\n                  dataHook={`kanban-stage-title-${stageState.stageKey}`}\n                >\n                  {stageState.stageName}\n                </Text>\n                <CounterBadge\n                  dataHook={`kanban-stage-title-total-${stageState.stageKey}`}\n                  skin=\"light\"\n                  truncate={false}\n                >\n                  {stageState.totalItems()}\n                </CounterBadge>\n              </Box>\n              <Box>{stageSummary?.({ stage: stageState.stage })}</Box>\n            </Box>\n            <Box>\n              <AddItem size=\"tiny\" removePadding={true}>\n                <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                  Add Card\n                </Box>\n              </AddItem>\n            </Box>\n          </Box>\n          {stageState.isLoading() ? (\n            <div>loading cards...</div>\n          ) : (\n            <Box paddingBottom=\"12px\" direction=\"vertical\">\n              <div\n                data-hook={`kanban-stage-cards-container-${stageState.stageKey}`}\n                style={{\n                  overflow: 'auto',\n                  height: '100%',\n                  minHeight: '430px',\n                  maxHeight: 'calc(100vh - 420px)',\n                  display: 'flex',\n                  flexDirection: 'column',\n                  gap: '12px',\n                }}\n                onScroll={handleScroll}\n              >\n                {items?.map((item) => (\n                  <DraggableCard\n                    key={`${item.stageKey}-##-${item.item.key}`}\n                    id={`${item.stageKey}-##-${item.item.key}`}\n                    state={state}\n                    cardProps={{\n                      keyedItem: item.keyedItem,\n                      originalItem: item.keyedItem.item,\n                      itemIndex: item.itemIndex,\n                      item: item.item,\n                      stageKey: item.stageKey,\n                      actionCell: item.actionCell,\n                      itemActionsState: item.itemActionsState,\n                      dataExtension: props.dataExtension,\n                      tags: props.tags,\n                    }}\n                  >\n                    {CardComponent}\n                  </DraggableCard>\n                ))}\n                {stageState.itemsCollectionState.status.isLoading && (\n                  <div className=\"text-sm text-center text-gray-500\">\n                    Loading more...\n                  </div>\n                )}\n              </div>\n            </Box>\n          )}\n        </div>\n      </Box>\n    </div>\n  );\n}\n\nexport const StageComponent = observer(_StageComponent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js

@@ -1,6 +1,142 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.KanbanCardDragAndDrop = void 0;
-const KanbanCardDragAndDrop = exports.KanbanCardDragAndDrop = {};
+exports.KanbanDragAndDropState = exports.KanbanCardDragAndDrop = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _KanbanDragAndDropContext = require("./KanbanDragAndDropContext");
+var _KanbanDraggableCardItem = require("./KanbanDraggableCardItem");
+var _mobx = require("mobx");
+class KanbanDragAndDropState {
+  constructor(params) {
+    (0, _defineProperty2.default)(this, "kanbanState", void 0);
+    (0, _defineProperty2.default)(this, "activeId", null);
+    (0, _defineProperty2.default)(this, "status", 'start');
+    (0, _defineProperty2.default)(this, "setActiveId", id => {
+      this.activeId = id;
+    });
+    (0, _defineProperty2.default)(this, "handleDragStart", event => {
+      this.status = 'start';
+      this.activeId = event.active.id.toString();
+    });
+    (0, _defineProperty2.default)(this, "handleDragCancel", () => {
+      this.status = 'cancel';
+      this.setActiveId(null);
+    });
+    (0, _defineProperty2.default)(this, "handleDragEnd", event => {
+      var _this$kanbanState$ite;
+      this.status = 'end';
+      const {
+        active,
+        over
+      } = event;
+      this.setActiveId(null);
+      if (!over) {
+        return;
+      }
+      const activeId = active.id.toString();
+      const overId = over.id.toString();
+      const fromStageId = this._findStageByItemId(activeId);
+
+      // Determine target stage - could be stage key directly or extracted from item ID
+      let toStageId;
+      if (this.kanbanState.kanbanStageStates[overId]) {
+        // Dropping on a stage background
+        toStageId = overId;
+      } else {
+        // Dropping on an item - extract stage from item ID
+        toStageId = this._findStageByItemId(overId);
+      }
+
+      // Only return early if we don't have valid source and target stages
+      if (!fromStageId || !toStageId) {
+        return;
+      }
+
+      // PREVENT MOVEMENT WITHIN THE SAME STAGE
+      if (fromStageId === toStageId) {
+        return; // Don't allow reordering within the same stage
+      }
+      const item = this._findItemById(activeId);
+      if (!item) {
+        return;
+      }
+
+      // Create the Kanban drag end event
+      const kanbanDragEndEvent = {
+        item,
+        fromStageId,
+        toStageId
+      };
+      if ((_this$kanbanState$ite = this.kanbanState.items.dragAndDrop) != null && _this$kanbanState$ite.onSubmit) {
+        var _this$kanbanState$ite2;
+        const submitPromise = async () => {
+          return Promise.resolve();
+        };
+        (_this$kanbanState$ite2 = this.kanbanState.items.dragAndDrop) == null || _this$kanbanState$ite2.onSubmit == null || _this$kanbanState$ite2.onSubmit(kanbanDragEndEvent).then(newItem => {
+          this.kanbanState.getStageStateByKey(fromStageId).itemsCollectionState.optimisticActions.deleteOne(item, {
+            submit: submitPromise
+          });
+          this.kanbanState.getStageStateByKey(toStageId).itemsCollectionState.optimisticActions.createOne(newItem, {
+            submit: submitPromise
+          });
+        }).catch(error => {
+          console.error('Error submitting drag and drop event:', error);
+        });
+      }
+    });
+    this.kanbanState = params.kanbanState;
+    (0, _mobx.makeObservable)(this, {
+      handleDragEnd: _mobx.action,
+      setActiveId: _mobx.action,
+      activeId: _mobx.observable,
+      status: _mobx.observable.ref,
+      handleDragStart: _mobx.action,
+      handleDragCancel: _mobx.action
+    });
+  }
+  _parseItemId(combinedId) {
+    // Parse combined ID format: "stageKey-##-itemKey"
+    const [stageKey, itemKey] = combinedId.split('-##-');
+    if (!stageKey || !itemKey) {
+      return null;
+    }
+    return {
+      stageKey,
+      itemKey
+    };
+  }
+  _findItemById(combinedId) {
+    var _stageState$itemsColl;
+    const parsed = this._parseItemId(combinedId);
+    if (!parsed) {
+      return null;
+    }
+    const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];
+    if (!stageState) {
+      return null;
+    }
+    const item = (_stageState$itemsColl = stageState.itemsCollectionState.getKeyedItem(parsed.itemKey)) == null ? void 0 : _stageState$itemsColl.item;
+    return item || null;
+  }
+  _findStageByItemId(combinedId) {
+    const parsed = this._parseItemId(combinedId);
+    return (parsed == null ? void 0 : parsed.stageKey) || null;
+  }
+  init() {
+    // No initialization needed for native drag and drop
+  }
+  get keyboardCodes() {
+    return {
+      start: ['Space', 'Enter'],
+      cancel: ['Escape'],
+      end: ['Space', 'Enter']
+    };
+  }
+}
+exports.KanbanDragAndDropState = KanbanDragAndDropState;
+const KanbanCardDragAndDrop = exports.KanbanCardDragAndDrop = {
+  KanbanDragAndDropContext: _KanbanDragAndDropContext.KanbanDragAndDropContext,
+  DraggableCard: _KanbanDraggableCardItem.KanbanDraggableCardItem
+};
 //# sourceMappingURL=KanbanCardDragAndDrop.js.map

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["KanbanCardDragAndDrop","exports"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["export const KanbanCardDragAndDrop = {};\n"],"mappings":";;;;AAAO,MAAMA,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_KanbanDragAndDropContext","require","_KanbanDraggableCardItem","_mobx","KanbanDragAndDropState","constructor","params","_defineProperty2","default","id","activeId","event","status","active","toString","setActiveId","_this$kanbanState$ite","over","overId","fromStageId","_findStageByItemId","toStageId","kanbanState","kanbanStageStates","item","_findItemById","kanbanDragEndEvent","items","dragAndDrop","onSubmit","_this$kanbanState$ite2","submitPromise","Promise","resolve","then","newItem","getStageStateByKey","itemsCollectionState","optimisticActions","deleteOne","submit","createOne","catch","error","console","makeObservable","handleDragEnd","action","observable","ref","handleDragStart","handleDragCancel","_parseItemId","combinedId","stageKey","itemKey","split","_stageState$itemsColl","parsed","stageState","getKeyedItem","init","keyboardCodes","start","cancel","end","exports","KanbanCardDragAndDrop","KanbanDragAndDropContext","DraggableCard","KanbanDraggableCardItem"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"sourcesContent":["import { KanbanDragAndDropContext } from './KanbanDragAndDropContext';\nimport { KanbanDraggableCardItem } from './KanbanDraggableCardItem';\n\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\nimport { KanbanDragEndItemEvent } from '../../state/KanbanState/KanbanDragEndEvent';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action, makeObservable, observable } from 'mobx';\nimport {\n  DragStartEvent,\n  DragEndEvent,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\n\nexport interface KanbanDragAndDropStateParams<T, S, F extends FiltersMap> {\n  kanbanState: KanbanState<T, S, F>;\n}\n\nexport class KanbanDragAndDropState<T, S, F extends FiltersMap> {\n  readonly kanbanState: KanbanState<T, S, F>;\n  activeId: string | null = null;\n  status: 'start' | 'over' | 'end' | 'cancel' = 'start';\n\n  constructor(params: KanbanDragAndDropStateParams<T, S, F>) {\n    this.kanbanState = params.kanbanState;\n\n    makeObservable(this, {\n      handleDragEnd: action,\n      setActiveId: action,\n      activeId: observable,\n      status: observable.ref,\n      handleDragStart: action,\n      handleDragCancel: action,\n    });\n  }\n\n  setActiveId = (id: string | null) => {\n    this.activeId = id;\n  };\n\n  private _parseItemId(\n    combinedId: string,\n  ): { stageKey: string; itemKey: string } | null {\n    // Parse combined ID format: \"stageKey-##-itemKey\"\n    const [stageKey, itemKey] = combinedId.split('-##-');\n    if (!stageKey || !itemKey) {\n      return null;\n    }\n    return { stageKey, itemKey };\n  }\n\n  private _findItemById(combinedId: string): T | null {\n    const parsed = this._parseItemId(combinedId);\n    if (!parsed) {\n      return null;\n    }\n\n    const stageState = this.kanbanState.kanbanStageStates[parsed.stageKey];\n    if (!stageState) {\n      return null;\n    }\n\n    const item = stageState.itemsCollectionState.getKeyedItem(\n      parsed.itemKey,\n    )?.item;\n    return item || null;\n  }\n\n  private _findStageByItemId(combinedId: string): string | null {\n    const parsed = this._parseItemId(combinedId);\n    return parsed?.stageKey || null;\n  }\n\n  handleDragStart = (event: DragStartEvent) => {\n    this.status = 'start';\n    this.activeId = event.active.id.toString();\n  };\n\n  handleDragCancel = () => {\n    this.status = 'cancel';\n    this.setActiveId(null);\n  };\n\n  handleDragEnd = (event: DragEndEvent) => {\n    this.status = 'end';\n    const { active, over } = event;\n    this.setActiveId(null);\n\n    if (!over) {\n      return;\n    }\n\n    const activeId = active.id.toString();\n    const overId = over.id.toString();\n\n    const fromStageId = this._findStageByItemId(activeId);\n\n    // Determine target stage - could be stage key directly or extracted from item ID\n    let toStageId: string | null;\n    if (this.kanbanState.kanbanStageStates[overId]) {\n      // Dropping on a stage background\n      toStageId = overId;\n    } else {\n      // Dropping on an item - extract stage from item ID\n      toStageId = this._findStageByItemId(overId);\n    }\n\n    // Only return early if we don't have valid source and target stages\n    if (!fromStageId || !toStageId) {\n      return;\n    }\n\n    // PREVENT MOVEMENT WITHIN THE SAME STAGE\n    if (fromStageId === toStageId) {\n      return; // Don't allow reordering within the same stage\n    }\n\n    const item = this._findItemById(activeId);\n    if (!item) {\n      return;\n    }\n\n    // Create the Kanban drag end event\n    const kanbanDragEndEvent: KanbanDragEndItemEvent<T> = {\n      item,\n      fromStageId,\n      toStageId,\n    };\n\n    if (this.kanbanState.items.dragAndDrop?.onSubmit) {\n      const submitPromise = async () => {\n        return Promise.resolve();\n      };\n\n      this.kanbanState.items.dragAndDrop\n        ?.onSubmit?.(kanbanDragEndEvent)\n        .then((newItem: T) => {\n          this.kanbanState\n            .getStageStateByKey(fromStageId)\n            .itemsCollectionState.optimisticActions.deleteOne(item, {\n              submit: submitPromise,\n            });\n          this.kanbanState\n            .getStageStateByKey(toStageId!)\n            .itemsCollectionState.optimisticActions.createOne(newItem, {\n              submit: submitPromise,\n            });\n        })\n        .catch((error) => {\n          console.error('Error submitting drag and drop event:', error);\n        });\n    }\n  };\n\n  init() {\n    // No initialization needed for native drag and drop\n  }\n\n  get keyboardCodes() {\n    return {\n      start: ['Space', 'Enter'],\n      cancel: ['Escape'],\n      end: ['Space', 'Enter'],\n    };\n  }\n}\n\nexport const KanbanCardDragAndDrop = {\n  KanbanDragAndDropContext,\n  DraggableCard: KanbanDraggableCardItem,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.js

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.KanbanDragAndDropContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
+var _modifiers = require("@wix/wix-style-react-incubator/dnd-kit/modifiers");
+var _mobxReactLite = require("mobx-react-lite");
+var _react2 = require("@wix/bex-core/react");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _KanbanDragAndDropContext(props) {
+  const {
+    state: kanbanState,
+    children
+  } = props;
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
+  const dragAndDropState = kanbanState.dragAndDropState;
+  const pointerSensor = (0, _core.useSensor)(_core.PointerSensor, {
+    activationConstraint: {
+      distance: 3
+    }
+  });
+  const keyboardSensor = (0, _core.useSensor)(_core.KeyboardSensor, {
+    keyboardCodes: kanbanState.dragAndDropState.keyboardCodes,
+    coordinateGetter: () => ({
+      x: 0,
+      y: 25
+    })
+  });
+  const sensors = (0, _core.useSensors)(...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]));
+  (0, _react.useEffect)(() => dragAndDropState.init(), [dragAndDropState]);
+  const handleDragStart = event => {
+    dragAndDropState.handleDragStart(event);
+  };
+  const handleDragOver = () => {};
+  const handleDragEnd = event => {
+    dragAndDropState.handleDragEnd(event);
+  };
+  const handleDragCancel = () => {
+    dragAndDropState.handleDragCancel();
+  };
+  return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    accessibility: {
+      container: modalsContainerRef.current,
+      announcements: {
+        onDragStart: () => 'Item picked up for dragging',
+        onDragOver: () => 'Item moved over droppable area',
+        onDragEnd: () => 'Item dropped',
+        onDragCancel: () => 'Dragging cancelled'
+      },
+      screenReaderInstructions: {
+        draggable: 'To pick up a draggable item, press the space bar.'
+      },
+      restoreFocus: false
+    },
+    collisionDetection: _core.closestCenter,
+    modifiers: [_modifiers.restrictToWindowEdges],
+    onDragStart: handleDragStart,
+    onDragOver: handleDragOver,
+    onDragEnd: handleDragEnd,
+    onDragCancel: handleDragCancel,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 5
+    }
+  }, children);
+}
+const KanbanDragAndDropContext = exports.KanbanDragAndDropContext = (0, _mobxReactLite.observer)(_KanbanDragAndDropContext);
+//# sourceMappingURL=KanbanDragAndDropContext.js.map

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_modifiers","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDragAndDropContext","props","state","kanbanState","children","modalsContainerRef","usePageContext","dragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","distance","keyboardSensor","KeyboardSensor","keyboardCodes","coordinateGetter","x","y","sensors","useSensors","process","env","NODE_ENV","useEffect","init","handleDragStart","event","handleDragOver","handleDragEnd","handleDragCancel","createElement","DndContext","accessibility","container","current","announcements","onDragStart","onDragOver","onDragEnd","onDragCancel","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","__self","__source","fileName","lineNumber","columnNumber","KanbanDragAndDropContext","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDragAndDropContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport {\n  closestCenter,\n  DndContext,\n  DragEndEvent,\n  DragStartEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanState } from '../../state/KanbanState/KanbanState';\n\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface KanbanDragAndDropContextProps<T, S, F extends FiltersMap> {\n  state: KanbanState<T, S, F>;\n  children?: ReactNode;\n  stageId: string;\n}\n\nfunction _KanbanDragAndDropContext<T, S, F extends FiltersMap>(\n  props: KanbanDragAndDropContextProps<T, S, F>,\n) {\n  const { state: kanbanState, children } = props;\n\n  const { modalsContainerRef } = usePageContext();\n\n  const dragAndDropState = kanbanState.dragAndDropState;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: {\n      distance: 3,\n    },\n  });\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: kanbanState.dragAndDropState.keyboardCodes,\n    coordinateGetter: () => ({ x: 0, y: 25 }),\n  });\n\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => dragAndDropState.init(), [dragAndDropState]);\n\n  const handleDragStart = (event: DragStartEvent) => {\n    dragAndDropState.handleDragStart(event);\n  };\n\n  const handleDragOver = () => {};\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    dragAndDropState.handleDragEnd(event);\n  };\n\n  const handleDragCancel = () => {\n    dragAndDropState.handleDragCancel();\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      accessibility={{\n        container: modalsContainerRef.current as HTMLElement | undefined,\n        announcements: {\n          onDragStart: () => 'Item picked up for dragging',\n          onDragOver: () => 'Item moved over droppable area',\n          onDragEnd: () => 'Item dropped',\n          onDragCancel: () => 'Dragging cancelled',\n        },\n        screenReaderInstructions: {\n          draggable: 'To pick up a draggable item, press the space bar.',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n    >\n      {children}\n    </DndContext>\n  );\n}\n\nexport const KanbanDragAndDropContext = observer(_KanbanDragAndDropContext);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.KanbanDraggableCardItem = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
+var _mobx = require("mobx");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _KanbanDraggableCardItem(props) {
+  const {
+    children: CardComponent,
+    id,
+    cardProps,
+    state
+  } = props;
+  const dragHandleRef = (0, _react.useRef)(null);
+
+  // Use useDraggable instead of useSortable since we only support cross-stage movement
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    isDragging,
+    setActivatorNodeRef
+  } = (0, _core.useDraggable)({
+    id
+  });
+  const ariaDescribedBy = `draggable-kanban-card-description-${id}`;
+  const stateDragAndDrop = state.dragAndDropState;
+  const dragHandleProps = {
+    ...attributes,
+    ...listeners,
+    ref: e => {
+      setActivatorNodeRef(e);
+      dragHandleRef.current = e;
+    },
+    'aria-describedby': ariaDescribedBy,
+    onClick: e => e.stopPropagation(),
+    ...(process.env.NODE_ENV === 'test' && {
+      onPointerDown: (0, _mobx.action)(() => {
+        stateDragAndDrop.handleDragStart({
+          active: {
+            id
+          }
+        });
+      })
+    }),
+    style: {
+      pointerEvents: 'auto'
+    }
+  };
+  const dragStyle = {
+    // Apply transform for drag feedback
+    transform: transform ? `translate3d(${transform.x}px, ${transform.y}px, 0)` : undefined,
+    opacity: isDragging ? 0.8 : 1,
+    // Allow pointer events to pass through to parent droppable when not dragging
+    pointerEvents: isDragging ? 'auto' : 'none',
+    // Ensure dragged card appears above all other elements including stages
+    zIndex: isDragging ? 1000 : 'auto',
+    position: isDragging ? 'fixed' : 'static',
+    marginTop: isDragging ? '-100px' : undefined
+  };
+  const containerStyle = {
+    position: 'relative'
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: containerStyle,
+    "data-hook": "kanban-card-item-events",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 5
+    }
+  }, isDragging && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: '104px',
+      width: '198px',
+      padding: '12px',
+      marginLeft: '12px',
+      backgroundColor: '#E5E6E9',
+      borderRadius: '8px',
+      pointerEvents: 'none'
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    ref: setNodeRef,
+    style: dragStyle,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 94,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, dragHandleProps, {
+    "data-hook": `kanban-card-drag-item-${id}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 95,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(CardComponent, (0, _extends2.default)({}, cardProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 11
+    }
+  })))));
+}
+const KanbanDraggableCardItem = exports.KanbanDraggableCardItem = (0, _mobxReactLite.observer)(_KanbanDraggableCardItem);
+//# sourceMappingURL=KanbanDraggableCardItem.js.map

package/dist/cjs/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_core","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_KanbanDraggableCardItem","props","children","CardComponent","id","cardProps","state","dragHandleRef","useRef","attributes","listeners","setNodeRef","transform","isDragging","setActivatorNodeRef","useDraggable","ariaDescribedBy","stateDragAndDrop","dragAndDropState","dragHandleProps","ref","current","onClick","stopPropagation","process","env","NODE_ENV","onPointerDown","action","handleDragStart","active","style","pointerEvents","dragStyle","x","y","undefined","opacity","zIndex","position","marginTop","containerStyle","createElement","__self","__source","fileName","lineNumber","columnNumber","height","width","padding","marginLeft","backgroundColor","borderRadius","_extends2","KanbanDraggableCardItem","exports","observer"],"sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanCardProps } from '../Kanban/Card';\nimport { useDraggable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\n\nexport interface KanbanDraggableCardItemProps<T, S, F extends FiltersMap> {\n  children: React.ComponentType<KanbanCardProps<T, S, F>>;\n  id: string;\n  cardProps: KanbanCardProps<T, S, F>;\n  state: KanbanState<T, S, F>;\n}\n\nfunction _KanbanDraggableCardItem<T, S, F extends FiltersMap>(\n  props: KanbanDraggableCardItemProps<T, S, F>,\n) {\n  const { children: CardComponent, id, cardProps, state } = props;\n\n  const dragHandleRef = useRef<HTMLElement | null>(null);\n\n  // Use useDraggable instead of useSortable since we only support cross-stage movement\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    isDragging,\n    setActivatorNodeRef,\n  } = useDraggable({\n    id,\n  });\n\n  const ariaDescribedBy = `draggable-kanban-card-description-${id}`;\n  const stateDragAndDrop = state.dragAndDropState;\n\n  const dragHandleProps = {\n    ...attributes,\n    ...listeners,\n    ref: (e: HTMLElement | null) => {\n      setActivatorNodeRef(e);\n      dragHandleRef.current = e;\n    },\n    'aria-describedby': ariaDescribedBy,\n    onClick: (e: React.MouseEvent) => e.stopPropagation(),\n    ...(process.env.NODE_ENV === 'test' && {\n      onPointerDown: action(() => {\n        stateDragAndDrop.handleDragStart({ active: { id } } as any);\n      }),\n    }),\n\n    style: { pointerEvents: 'auto' } as React.CSSProperties,\n  };\n\n  const dragStyle: React.CSSProperties = {\n    // Apply transform for drag feedback\n    transform: transform\n      ? `translate3d(${transform.x}px, ${transform.y}px, 0)`\n      : undefined,\n    opacity: isDragging ? 0.8 : 1,\n    // Allow pointer events to pass through to parent droppable when not dragging\n    pointerEvents: isDragging ? 'auto' : 'none',\n    // Ensure dragged card appears above all other elements including stages\n    zIndex: isDragging ? 1000 : 'auto',\n    position: isDragging ? 'fixed' : 'static',\n    marginTop: isDragging ? '-100px' : undefined,\n  };\n\n  const containerStyle: React.CSSProperties = {\n    position: 'relative',\n  };\n\n  return (\n    <div style={containerStyle} data-hook=\"kanban-card-item-events\">\n      {/* Show static placeholder mask when dragging regular cards */}\n      {isDragging && (\n        <div\n          style={{\n            height: '104px',\n            width: '198px',\n            padding: '12px',\n            marginLeft: '12px',\n            backgroundColor: '#E5E6E9',\n            borderRadius: '8px',\n            pointerEvents: 'none',\n          }}\n        >\n          {/* Empty placeholder - no text, just a silver box */}\n        </div>\n      )}\n\n      {/* Draggable card content */}\n      <div ref={setNodeRef} style={dragStyle}>\n        <div {...dragHandleProps} data-hook={`kanban-card-drag-item-${id}`}>\n          <CardComponent {...cardProps} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const KanbanDraggableCardItem = observer(_KanbanDraggableCardItem);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow941976095";
+var _namespace_ = "LoadingRow2869296123";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "LoadingRow941976095__root"
+  "root": "LoadingRow2869296123__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow941976095__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow2869296123__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow941976095\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow941976095__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow941976095__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAqC,CAAC;AACxE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2869296123\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"LoadingRow2869296123__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2869296123__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxHeightText3829307974";
+var _namespace_ = "MaxHeightText1658499099";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxHeightText3829307974__root"
+  "root": "MaxHeightText1658499099__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3829307974\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText3829307974__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText1658499099\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxHeightText1658499099__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MaxLines/MaxLines.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MaxLines1901136821";
+var _namespace_ = "MaxLines910183065";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MaxLines1901136821__root"
+  "root": "MaxLines910183065__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines1901136821\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines1901136821__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines910183065\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MaxLines910183065__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "MultiBulkActionToolbar1468375284";
+var _namespace_ = "MultiBulkActionToolbar4118551431";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "MultiBulkActionToolbar1468375284__root"
+  "root": "MultiBulkActionToolbar4118551431__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar1468375284\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar1468375284__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar4118551431\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar4118551431__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kCAAkC;AACpD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwC,CAAC;AAC/D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}