@wix/patterns 1.229.0 → 1.231.0

package/dist/cjs/components/Kanban/StagesSkeleton.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.StagesSkeleton = StagesSkeleton;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _StagesSkeleton = _interopRequireDefault(require("./StagesSkeleton.scss"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/StagesSkeleton.tsx"; // @ts-expect-error
+const numberOfStages = 6;
+function StageSkeleton({
+  index
+}) {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    key: index,
+    width: "270px",
+    dataHook: "kanban-stage-skeleton",
+    backgroundColor: "#E5E6E9",
+    borderRadius: "8px",
+    padding: "12px",
+    direction: "vertical",
+    height: "calc(100vh - 300px)",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 10,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "246px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
+    skin: "dark",
+    backgroundColor: "#E5E6E9",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 21,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 22,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    className: _StagesSkeleton.default.skeletonLine,
+    width: "185px",
+    marginBottom: "5px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 13
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
+    className: _StagesSkeleton.default.skeletonLine,
+    width: "104px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 13
+    }
+  })))));
+}
+function StagesSkeleton() {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    gap: "12px",
+    dataHook: "kanban-stages-skeleton",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 5
+    }
+  }, Array.from({
+    length: numberOfStages
+  }, (_, index) => /*#__PURE__*/_react.default.createElement(StageSkeleton, {
+    index: index,
+    key: index,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 9
+    }
+  })));
+}
+//# sourceMappingURL=StagesSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_StagesSkeleton","_jsxFileName","numberOfStages","StageSkeleton","index","default","createElement","Box","key","width","dataHook","backgroundColor","borderRadius","padding","direction","height","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","skin","gap","SkeletonLine","className","styles","skeletonLine","marginBottom","StagesSkeleton","Array","from","length","_"],"sources":["../../../../src/components/Kanban/StagesSkeleton.tsx"],"sourcesContent":["import { Box, SkeletonGroup, SkeletonLine } from '@wix/design-system';\nimport React from 'react';\n// @ts-expect-error\nimport styles from './StagesSkeleton.scss';\n\nconst numberOfStages = 6;\n\nfunction StageSkeleton({ index }: { index: number }) {\n  return (\n    <Box\n      key={index}\n      width=\"270px\"\n      dataHook=\"kanban-stage-skeleton\"\n      backgroundColor=\"#E5E6E9\"\n      borderRadius=\"8px\"\n      padding=\"12px\"\n      direction=\"vertical\"\n      height=\"calc(100vh - 300px)\"\n    >\n      <Box width=\"246px\">\n        <SkeletonGroup skin=\"dark\" backgroundColor=\"#E5E6E9\">\n          <Box direction=\"vertical\" gap=\"12px\">\n            <SkeletonLine\n              className={styles.skeletonLine}\n              width=\"185px\"\n              marginBottom=\"5px\"\n            />\n            <SkeletonLine className={styles.skeletonLine} width=\"104px\" />\n          </Box>\n        </SkeletonGroup>\n      </Box>\n    </Box>\n  );\n}\n\nexport function StagesSkeleton() {\n  return (\n    <Box direction=\"horizontal\" gap=\"12px\" dataHook=\"kanban-stages-skeleton\">\n      {Array.from({ length: numberOfStages }, (_, index) => (\n        <StageSkeleton index={index} key={index} />\n      ))}\n    </Box>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Kanban/StagesSkeleton.scss

@@ -0,0 +1,10 @@
+.skeleton-line {
+  background-color: white;
+  border-radius: 12px;
+  width: 185px;
+  height: 12px;
+}
+
+.skeleton-line:last-child {
+  width: 105px;
+}

package/dist/cjs/components/Kanban/useCardActions.js

@@ -58,6 +58,7 @@ function useCardActions({
   let secondaryActions = null;
   if (secondaryActionCellPropsWithBI && secondaryActionCellPropsWithBI.length > 0) {
     secondaryActions = /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, (0, _extends2.default)({}, actionCellConfig.popoverMenuProps, (0, _getDefaultActionCellProps.getDefaultActionCellProps)(), {
+      maxWidth: "260px",
       dataHook: `kanban-card-more-actions-${stageKey}-${cardKey}`,
       triggerElement: ({
         toggle,
@@ -75,14 +76,14 @@ function useCardActions({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 90,
+          lineNumber: 91,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 105,
+          lineNumber: 106,
           columnNumber: 13
         }
       })),
@@ -99,7 +100,7 @@ function useCardActions({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 111,
+            lineNumber: 112,
             columnNumber: 20
           }
         });
@@ -116,7 +117,7 @@ function useCardActions({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 115,
+          lineNumber: 116,
           columnNumber: 13
         }
       }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CollectionItemActionsHelper","_useExtensionMenuItems","_ToolbarCollectionContext","_designSystem","_getDefaultActionCellProps","_wixUiIconsCommon","_jsxFileName","evaluateActionCell","actionCell","originalItem","itemIndex","itemActionsState","actionCellAPI","useCardActions","stageKey","cardKey","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellConfig","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","actionCellProps","keyedItem","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","secondaryActions","length","default","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","dataHook","triggerElement","toggle","close","IconButton","onClick","e","stopPropagation","reportOnPopoverMenuShow","onMouseLeave","priority","size","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","map","action","index","divider","Divider","key","icon","prefixIcon","rest","MenuItem","primaryActionProps"],"sources":["../../../../src/components/Kanban/useCardActions.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionCellProps } from '../ActionCell';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from '../CollectionItemActions/CollectionItemActionsHelper';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps } from '../../exports/alpha';\nimport { ItemActionsState } from '../../state';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { IconButton, PopoverMenu } from '@wix/design-system';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\n\ninterface CardActionCell<T, S, F extends FiltersMap> {\n  actionCell: KanbanBaseProps<T, S, F>['actionCell'];\n  originalItem: T;\n  itemIndex: number;\n  itemActionsState: ItemActionsState<T, F>;\n  stageKey: string;\n  cardKey: string;\n}\n\nexport function evaluateActionCell<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n}: Omit<CardActionCell<T, S, F>, 'stageKey' | 'cardKey'>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(originalItem, itemIndex, itemActionsState.actionCellAPI);\n  }\n\n  return actionCell;\n}\n\nexport function useCardActions<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n  stageKey,\n  cardKey,\n}: CardActionCell<T, S, F>) {\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n\n  const actionCellConfig = evaluateActionCell({\n    actionCell,\n    originalItem,\n    itemIndex,\n    itemActionsState,\n  });\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellConfig.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps: actionCellConfig,\n    keyedItem: itemActionsState.keyedItem,\n    extensionMenuItems,\n  });\n\n  const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n    toolbarBIReporter,\n    actionCellConfig,\n    itemActionsState.keyedItem,\n  );\n\n  let secondaryActions: React.ReactNode | null = null;\n\n  if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    secondaryActions = (\n      <PopoverMenu\n        {...actionCellConfig.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        dataHook={`kanban-card-more-actions-${stageKey}-${cardKey}`}\n        triggerElement={({ toggle, close }) => (\n          <IconButton\n            dataHook={`kanban-card-more-actions-trigger-${stageKey}-${cardKey}`}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n              reportOnPopoverMenuShow(\n                toolbarBIReporter,\n                actionCellConfig,\n                itemActionsState.keyedItem,\n              );\n            }}\n            onMouseLeave={close}\n            priority=\"secondary\"\n            size=\"tiny\"\n          >\n            <MoreSmall />\n          </IconButton>\n        )}\n      >\n        {secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n          const { icon: prefixIcon, ...rest } = action;\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              prefixIcon={prefixIcon}\n              dataHook={\n                action.dataHook ||\n                `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`\n              }\n              {...rest}\n            />\n          );\n        })}\n      </PopoverMenu>\n    );\n  }\n  return {\n    secondaryActions,\n    primaryActionProps: primaryActionCellPropsWithBI,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CollectionItemActionsHelper","_useExtensionMenuItems","_ToolbarCollectionContext","_designSystem","_getDefaultActionCellProps","_wixUiIconsCommon","_jsxFileName","evaluateActionCell","actionCell","originalItem","itemIndex","itemActionsState","actionCellAPI","useCardActions","stageKey","cardKey","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellConfig","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","actionCellProps","keyedItem","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","secondaryActions","length","default","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","maxWidth","dataHook","triggerElement","toggle","close","IconButton","onClick","e","stopPropagation","reportOnPopoverMenuShow","onMouseLeave","priority","size","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","map","action","index","divider","Divider","key","icon","prefixIcon","rest","MenuItem","primaryActionProps"],"sources":["../../../../src/components/Kanban/useCardActions.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionCellProps } from '../ActionCell';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from '../CollectionItemActions/CollectionItemActionsHelper';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps } from '../../exports/alpha';\nimport { ItemActionsState } from '../../state';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { IconButton, PopoverMenu } from '@wix/design-system';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\n\ninterface CardActionCell<T, S, F extends FiltersMap> {\n  actionCell: KanbanBaseProps<T, S, F>['actionCell'];\n  originalItem: T;\n  itemIndex: number;\n  itemActionsState: ItemActionsState<T, F>;\n  stageKey: string;\n  cardKey: string;\n}\n\nexport function evaluateActionCell<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n}: Omit<CardActionCell<T, S, F>, 'stageKey' | 'cardKey'>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(originalItem, itemIndex, itemActionsState.actionCellAPI);\n  }\n\n  return actionCell;\n}\n\nexport function useCardActions<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n  stageKey,\n  cardKey,\n}: CardActionCell<T, S, F>) {\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n\n  const actionCellConfig = evaluateActionCell({\n    actionCell,\n    originalItem,\n    itemIndex,\n    itemActionsState,\n  });\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellConfig.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps: actionCellConfig,\n    keyedItem: itemActionsState.keyedItem,\n    extensionMenuItems,\n  });\n\n  const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n    toolbarBIReporter,\n    actionCellConfig,\n    itemActionsState.keyedItem,\n  );\n\n  let secondaryActions: React.ReactNode | null = null;\n\n  if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    secondaryActions = (\n      <PopoverMenu\n        {...actionCellConfig.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        maxWidth=\"260px\"\n        dataHook={`kanban-card-more-actions-${stageKey}-${cardKey}`}\n        triggerElement={({ toggle, close }) => (\n          <IconButton\n            dataHook={`kanban-card-more-actions-trigger-${stageKey}-${cardKey}`}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n              reportOnPopoverMenuShow(\n                toolbarBIReporter,\n                actionCellConfig,\n                itemActionsState.keyedItem,\n              );\n            }}\n            onMouseLeave={close}\n            priority=\"secondary\"\n            size=\"tiny\"\n          >\n            <MoreSmall />\n          </IconButton>\n        )}\n      >\n        {secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n          const { icon: prefixIcon, ...rest } = action;\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              prefixIcon={prefixIcon}\n              dataHook={\n                action.dataHook ||\n                `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`\n              }\n              {...rest}\n            />\n          );\n        })}\n      </PopoverMenu>\n    );\n  }\n  return {\n    secondaryActions,\n    primaryActionProps: primaryActionCellPropsWithBI,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -23,7 +23,7 @@ class KanbanDragAndDropState {
       this.status = 'cancel';
       this.setActiveId(null);
     });
-    (0, _defineProperty2.default)(this, "handleDragEnd", event => {
+    (0, _defineProperty2.default)(this, "handleDragEnd", async event => {
       var _this$kanbanState$ite;
       this.status = 'end';
       const {
@@ -69,20 +69,19 @@ class KanbanDragAndDropState {
         toStageId
       };
       if ((_this$kanbanState$ite = this.kanbanState.items.dragAndDrop) != null && _this$kanbanState$ite.onSubmit) {
-        var _this$kanbanState$ite2;
-        const submitPromise = async () => {
-          return Promise.resolve();
+        const originalItem = item;
+        const updateItem = {
+          ...item,
+          [this.kanbanState.items.stageField]: toStageId
         };
-        (_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);
-        });
+        try {
+          var _this$kanbanState$ite2;
+          this.kanbanState.moveItemBetweenStages(updateItem, fromStageId, toStageId);
+          await ((_this$kanbanState$ite2 = this.kanbanState.items.dragAndDrop) == null || _this$kanbanState$ite2.onSubmit == null ? void 0 : _this$kanbanState$ite2.onSubmit(kanbanDragEndEvent));
+        } catch (error) {
+          this.kanbanState.showErrorToast(error);
+          this.kanbanState.moveItemBetweenStages(originalItem, toStageId, fromStageId);
+        }
       }
     });
     this.kanbanState = params.kanbanState;

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

@@ -1 +1 @@
-{"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":";;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAUO,MAAMG,sBAAsB,CAA6B;EAK9DC,WAAWA,CAACC,MAA6C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAHjC,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBACgB,OAAO;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBAetCC,EAAiB,IAAK;MACnC,IAAI,CAACC,QAAQ,GAAGD,EAAE;IACpB,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,2BAmCkBG,KAAqB,IAAK;MAC3C,IAAI,CAACC,MAAM,GAAG,OAAO;MACrB,IAAI,CAACF,QAAQ,GAAGC,KAAK,CAACE,MAAM,CAACJ,EAAE,CAACK,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAAA,IAAAP,gBAAA,CAAAC,OAAA,4BAEkB,MAAM;MACvB,IAAI,CAACI,MAAM,GAAG,QAAQ;MACtB,IAAI,CAACG,WAAW,CAAC,IAAI,CAAC;IACxB,CAAC;IAAA,IAAAR,gBAAA,CAAAC,OAAA,yBAEgBG,KAAmB,IAAK;MAAA,IAAAK,qBAAA;MACvC,IAAI,CAACJ,MAAM,GAAG,KAAK;MACnB,MAAM;QAAEC,MAAM;QAAEI;MAAK,CAAC,GAAGN,KAAK;MAC9B,IAAI,CAACI,WAAW,CAAC,IAAI,CAAC;MAEtB,IAAI,CAACE,IAAI,EAAE;QACT;MACF;MAEA,MAAMP,QAAQ,GAAGG,MAAM,CAACJ,EAAE,CAACK,QAAQ,CAAC,CAAC;MACrC,MAAMI,MAAM,GAAGD,IAAI,CAACR,EAAE,CAACK,QAAQ,CAAC,CAAC;MAEjC,MAAMK,WAAW,GAAG,IAAI,CAACC,kBAAkB,CAACV,QAAQ,CAAC;;MAErD;MACA,IAAIW,SAAwB;MAC5B,IAAI,IAAI,CAACC,WAAW,CAACC,iBAAiB,CAACL,MAAM,CAAC,EAAE;QAC9C;QACAG,SAAS,GAAGH,MAAM;MACpB,CAAC,MAAM;QACL;QACAG,SAAS,GAAG,IAAI,CAACD,kBAAkB,CAACF,MAAM,CAAC;MAC7C;;MAEA;MACA,IAAI,CAACC,WAAW,IAAI,CAACE,SAAS,EAAE;QAC9B;MACF;;MAEA;MACA,IAAIF,WAAW,KAAKE,SAAS,EAAE;QAC7B,OAAO,CAAC;MACV;MAEA,MAAMG,IAAI,GAAG,IAAI,CAACC,aAAa,CAACf,QAAQ,CAAC;MACzC,IAAI,CAACc,IAAI,EAAE;QACT;MACF;;MAEA;MACA,MAAME,kBAA6C,GAAG;QACpDF,IAAI;QACJL,WAAW;QACXE;MACF,CAAC;MAED,KAAAL,qBAAA,GAAI,IAAI,CAACM,WAAW,CAACK,KAAK,CAACC,WAAW,aAAlCZ,qBAAA,CAAoCa,QAAQ,EAAE;QAAA,IAAAC,sBAAA;QAChD,MAAMC,aAAa,GAAG,MAAAA,CAAA,KAAY;UAChC,OAAOC,OAAO,CAACC,OAAO,CAAC,CAAC;QAC1B,CAAC;QAED,CAAAH,sBAAA,OAAI,CAACR,WAAW,CAACK,KAAK,CAACC,WAAW,aAAlCE,sBAAA,CACID,QAAQ,YADZC,sBAAA,CACID,QAAQ,CAAGH,kBAAkB,CAAC,CAC/BQ,IAAI,CAAEC,OAAU,IAAK;UACpB,IAAI,CAACb,WAAW,CACbc,kBAAkB,CAACjB,WAAW,CAAC,CAC/BkB,oBAAoB,CAACC,iBAAiB,CAACC,SAAS,CAACf,IAAI,EAAE;YACtDgB,MAAM,EAAET;UACV,CAAC,CAAC;UACJ,IAAI,CAACT,WAAW,CACbc,kBAAkB,CAACf,SAAU,CAAC,CAC9BgB,oBAAoB,CAACC,iBAAiB,CAACG,SAAS,CAACN,OAAO,EAAE;YACzDK,MAAM,EAAET;UACV,CAAC,CAAC;QACN,CAAC,CAAC,CACDW,KAAK,CAAEC,KAAK,IAAK;UAChBC,OAAO,CAACD,KAAK,CAAC,uCAAuC,EAAEA,KAAK,CAAC;QAC/D,CAAC,CAAC;MACN;IACF,CAAC;IAhIC,IAAI,CAACrB,WAAW,GAAGhB,MAAM,CAACgB,WAAW;IAErC,IAAAuB,oBAAc,EAAC,IAAI,EAAE;MACnBC,aAAa,EAAEC,YAAM;MACrBhC,WAAW,EAAEgC,YAAM;MACnBrC,QAAQ,EAAEsC,gBAAU;MACpBpC,MAAM,EAAEoC,gBAAU,CAACC,GAAG;MACtBC,eAAe,EAAEH,YAAM;MACvBI,gBAAgB,EAAEJ;IACpB,CAAC,CAAC;EACJ;EAMQK,YAAYA,CAClBC,UAAkB,EAC4B;IAC9C;IACA,MAAM,CAACC,QAAQ,EAAEC,OAAO,CAAC,GAAGF,UAAU,CAACG,KAAK,CAAC,MAAM,CAAC;IACpD,IAAI,CAACF,QAAQ,IAAI,CAACC,OAAO,EAAE;MACzB,OAAO,IAAI;IACb;IACA,OAAO;MAAED,QAAQ;MAAEC;IAAQ,CAAC;EAC9B;EAEQ9B,aAAaA,CAAC4B,UAAkB,EAAY;IAAA,IAAAI,qBAAA;IAClD,MAAMC,MAAM,GAAG,IAAI,CAACN,YAAY,CAACC,UAAU,CAAC;IAC5C,IAAI,CAACK,MAAM,EAAE;MACX,OAAO,IAAI;IACb;IAEA,MAAMC,UAAU,GAAG,IAAI,CAACrC,WAAW,CAACC,iBAAiB,CAACmC,MAAM,CAACJ,QAAQ,CAAC;IACtE,IAAI,CAACK,UAAU,EAAE;MACf,OAAO,IAAI;IACb;IAEA,MAAMnC,IAAI,IAAAiC,qBAAA,GAAGE,UAAU,CAACtB,oBAAoB,CAACuB,YAAY,CACvDF,MAAM,CAACH,OACT,CAAC,qBAFYE,qBAAA,CAEVjC,IAAI;IACP,OAAOA,IAAI,IAAI,IAAI;EACrB;EAEQJ,kBAAkBA,CAACiC,UAAkB,EAAiB;IAC5D,MAAMK,MAAM,GAAG,IAAI,CAACN,YAAY,CAACC,UAAU,CAAC;IAC5C,OAAO,CAAAK,MAAM,oBAANA,MAAM,CAAEJ,QAAQ,KAAI,IAAI;EACjC;EAmFAO,IAAIA,CAAA,EAAG;IACL;EAAA;EAGF,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO;MACLC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACzBC,MAAM,EAAE,CAAC,QAAQ,CAAC;MAClBC,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO;IACxB,CAAC;EACH;AACF;AAACC,OAAA,CAAA9D,sBAAA,GAAAA,sBAAA;AAEM,MAAM+D,qBAAqB,GAAAD,OAAA,CAAAC,qBAAA,GAAG;EACnCC,wBAAwB,EAAxBA,kDAAwB;EACxBC,aAAa,EAAEC;AACjB,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","originalItem","updateItem","stageField","_this$kanbanState$ite2","moveItemBetweenStages","error","showErrorToast","makeObservable","handleDragEnd","action","observable","ref","handleDragStart","handleDragCancel","_parseItemId","combinedId","stageKey","itemKey","split","_stageState$itemsColl","parsed","stageState","itemsCollectionState","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 = async (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 originalItem = item;\n      const updateItem = {\n        ...item,\n        [this.kanbanState.items.stageField]: toStageId,\n      };\n      try {\n        this.kanbanState.moveItemBetweenStages(\n          updateItem,\n          fromStageId,\n          toStageId,\n        );\n        await this.kanbanState.items.dragAndDrop?.onSubmit?.(\n          kanbanDragEndEvent,\n        );\n      } catch (error) {\n        this.kanbanState.showErrorToast(error);\n        this.kanbanState.moveItemBetweenStages(\n          originalItem,\n          toStageId,\n          fromStageId,\n        );\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":";;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AAUO,MAAMG,sBAAsB,CAA6B;EAK9DC,WAAWA,CAACC,MAA6C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBAHjC,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBACgB,OAAO;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBAetCC,EAAiB,IAAK;MACnC,IAAI,CAACC,QAAQ,GAAGD,EAAE;IACpB,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,2BAmCkBG,KAAqB,IAAK;MAC3C,IAAI,CAACC,MAAM,GAAG,OAAO;MACrB,IAAI,CAACF,QAAQ,GAAGC,KAAK,CAACE,MAAM,CAACJ,EAAE,CAACK,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAAA,IAAAP,gBAAA,CAAAC,OAAA,4BAEkB,MAAM;MACvB,IAAI,CAACI,MAAM,GAAG,QAAQ;MACtB,IAAI,CAACG,WAAW,CAAC,IAAI,CAAC;IACxB,CAAC;IAAA,IAAAR,gBAAA,CAAAC,OAAA,yBAEe,MAAOG,KAAmB,IAAK;MAAA,IAAAK,qBAAA;MAC7C,IAAI,CAACJ,MAAM,GAAG,KAAK;MACnB,MAAM;QAAEC,MAAM;QAAEI;MAAK,CAAC,GAAGN,KAAK;MAC9B,IAAI,CAACI,WAAW,CAAC,IAAI,CAAC;MAEtB,IAAI,CAACE,IAAI,EAAE;QACT;MACF;MAEA,MAAMP,QAAQ,GAAGG,MAAM,CAACJ,EAAE,CAACK,QAAQ,CAAC,CAAC;MACrC,MAAMI,MAAM,GAAGD,IAAI,CAACR,EAAE,CAACK,QAAQ,CAAC,CAAC;MAEjC,MAAMK,WAAW,GAAG,IAAI,CAACC,kBAAkB,CAACV,QAAQ,CAAC;;MAErD;MACA,IAAIW,SAAwB;MAC5B,IAAI,IAAI,CAACC,WAAW,CAACC,iBAAiB,CAACL,MAAM,CAAC,EAAE;QAC9C;QACAG,SAAS,GAAGH,MAAM;MACpB,CAAC,MAAM;QACL;QACAG,SAAS,GAAG,IAAI,CAACD,kBAAkB,CAACF,MAAM,CAAC;MAC7C;;MAEA;MACA,IAAI,CAACC,WAAW,IAAI,CAACE,SAAS,EAAE;QAC9B;MACF;;MAEA;MACA,IAAIF,WAAW,KAAKE,SAAS,EAAE;QAC7B,OAAO,CAAC;MACV;MAEA,MAAMG,IAAI,GAAG,IAAI,CAACC,aAAa,CAACf,QAAQ,CAAC;MACzC,IAAI,CAACc,IAAI,EAAE;QACT;MACF;;MAEA;MACA,MAAME,kBAA6C,GAAG;QACpDF,IAAI;QACJL,WAAW;QACXE;MACF,CAAC;MAED,KAAAL,qBAAA,GAAI,IAAI,CAACM,WAAW,CAACK,KAAK,CAACC,WAAW,aAAlCZ,qBAAA,CAAoCa,QAAQ,EAAE;QAChD,MAAMC,YAAY,GAAGN,IAAI;QACzB,MAAMO,UAAU,GAAG;UACjB,GAAGP,IAAI;UACP,CAAC,IAAI,CAACF,WAAW,CAACK,KAAK,CAACK,UAAU,GAAGX;QACvC,CAAC;QACD,IAAI;UAAA,IAAAY,sBAAA;UACF,IAAI,CAACX,WAAW,CAACY,qBAAqB,CACpCH,UAAU,EACVZ,WAAW,EACXE,SACF,CAAC;UACD,QAAAY,sBAAA,GAAM,IAAI,CAACX,WAAW,CAACK,KAAK,CAACC,WAAW,aAAlCK,sBAAA,CAAoCJ,QAAQ,oBAA5CI,sBAAA,CAAoCJ,QAAQ,CAChDH,kBACF,CAAC;QACH,CAAC,CAAC,OAAOS,KAAK,EAAE;UACd,IAAI,CAACb,WAAW,CAACc,cAAc,CAACD,KAAK,CAAC;UACtC,IAAI,CAACb,WAAW,CAACY,qBAAqB,CACpCJ,YAAY,EACZT,SAAS,EACTF,WACF,CAAC;QACH;MACF;IACF,CAAC;IAjIC,IAAI,CAACG,WAAW,GAAGhB,MAAM,CAACgB,WAAW;IAErC,IAAAe,oBAAc,EAAC,IAAI,EAAE;MACnBC,aAAa,EAAEC,YAAM;MACrBxB,WAAW,EAAEwB,YAAM;MACnB7B,QAAQ,EAAE8B,gBAAU;MACpB5B,MAAM,EAAE4B,gBAAU,CAACC,GAAG;MACtBC,eAAe,EAAEH,YAAM;MACvBI,gBAAgB,EAAEJ;IACpB,CAAC,CAAC;EACJ;EAMQK,YAAYA,CAClBC,UAAkB,EAC4B;IAC9C;IACA,MAAM,CAACC,QAAQ,EAAEC,OAAO,CAAC,GAAGF,UAAU,CAACG,KAAK,CAAC,MAAM,CAAC;IACpD,IAAI,CAACF,QAAQ,IAAI,CAACC,OAAO,EAAE;MACzB,OAAO,IAAI;IACb;IACA,OAAO;MAAED,QAAQ;MAAEC;IAAQ,CAAC;EAC9B;EAEQtB,aAAaA,CAACoB,UAAkB,EAAY;IAAA,IAAAI,qBAAA;IAClD,MAAMC,MAAM,GAAG,IAAI,CAACN,YAAY,CAACC,UAAU,CAAC;IAC5C,IAAI,CAACK,MAAM,EAAE;MACX,OAAO,IAAI;IACb;IAEA,MAAMC,UAAU,GAAG,IAAI,CAAC7B,WAAW,CAACC,iBAAiB,CAAC2B,MAAM,CAACJ,QAAQ,CAAC;IACtE,IAAI,CAACK,UAAU,EAAE;MACf,OAAO,IAAI;IACb;IAEA,MAAM3B,IAAI,IAAAyB,qBAAA,GAAGE,UAAU,CAACC,oBAAoB,CAACC,YAAY,CACvDH,MAAM,CAACH,OACT,CAAC,qBAFYE,qBAAA,CAEVzB,IAAI;IACP,OAAOA,IAAI,IAAI,IAAI;EACrB;EAEQJ,kBAAkBA,CAACyB,UAAkB,EAAiB;IAC5D,MAAMK,MAAM,GAAG,IAAI,CAACN,YAAY,CAACC,UAAU,CAAC;IAC5C,OAAO,CAAAK,MAAM,oBAANA,MAAM,CAAEJ,QAAQ,KAAI,IAAI;EACjC;EAoFAQ,IAAIA,CAAA,EAAG;IACL;EAAA;EAGF,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO;MACLC,KAAK,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;MACzBC,MAAM,EAAE,CAAC,QAAQ,CAAC;MAClBC,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO;IACxB,CAAC;EACH;AACF;AAACC,OAAA,CAAAvD,sBAAA,GAAAA,sBAAA;AAEM,MAAMwD,qBAAqB,GAAAD,OAAA,CAAAC,qBAAA,GAAG;EACnCC,wBAAwB,EAAxBA,kDAAwB;EACxBC,aAAa,EAAEC;AACjB,CAAC","ignoreList":[]}

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

@@ -79,11 +79,9 @@ function _KanbanDraggableCardItem(props) {
     }
   }, isDragging && /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      height: '104px',
-      width: '198px',
-      padding: '12px',
-      marginLeft: '12px',
-      backgroundColor: '#E5E6E9',
+      height: '129px',
+      width: '246px',
+      backgroundColor: '#D6E6FE',
       borderRadius: '8px',
       pointerEvents: 'none'
     },
@@ -99,7 +97,7 @@ function _KanbanDraggableCardItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 92,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, dragHandleProps, {
@@ -107,14 +105,14 @@ function _KanbanDraggableCardItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 93,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(CardComponent, (0, _extends2.default)({}, cardProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 94,
       columnNumber: 11
     }
   })))));

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

@@ -1 +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":[]}
+{"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","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: '129px',\n            width: '246px',\n            backgroundColor: '#D6E6FE',\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_ = "LoadingRow2869296123";
+var _namespace_ = "LoadingRow1379802632";
 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": "LoadingRow2869296123__root"
+  "root": "LoadingRow1379802632__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow2869296123__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow1379802632__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_ = \"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":[]}
+{"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_ = \"LoadingRow1379802632\";\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\":\"LoadingRow1379802632__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1379802632__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_ = "MaxHeightText1658499099";
+var _namespace_ = "MaxHeightText1535554536";
 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": "MaxHeightText1658499099__root"
+  "root": "MaxHeightText1535554536__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_ = \"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":[]}
+{"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_ = \"MaxHeightText1535554536\";\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\":\"MaxHeightText1535554536__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_ = "MaxLines910183065";
+var _namespace_ = "MaxLines84696292";
 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": "MaxLines910183065__root"
+  "root": "MaxLines84696292__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_ = \"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":[]}
+{"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_ = \"MaxLines84696292\";\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\":\"MaxLines84696292__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,kBAAkB;AACpC,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;AAAwB,CAAC;AAC/C,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_ = "MultiBulkActionToolbar4118551431";
+var _namespace_ = "MultiBulkActionToolbar3403576012";
 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": "MultiBulkActionToolbar4118551431__root"
+  "root": "MultiBulkActionToolbar3403576012__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_ = \"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":[]}
+{"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_ = \"MultiBulkActionToolbar3403576012\";\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\":\"MultiBulkActionToolbar3403576012__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":[]}

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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_ = "NestedTablePlaceholderStatesRow302806167";
+var _namespace_ = "NestedTablePlaceholderStatesRow871935612";
 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": "NestedTablePlaceholderStatesRow302806167__root"
+  "root": "NestedTablePlaceholderStatesRow871935612__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow302806167\";\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\":\"NestedTablePlaceholderStatesRow302806167__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,0CAA0C;AAC5D,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;AAAgD,CAAC;AACvE,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow871935612\";\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\":\"NestedTablePlaceholderStatesRow871935612__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,0CAA0C;AAC5D,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;AAAgD,CAAC;AACvE,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/NestedTable/NestedTableRow.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_ = "NestedTableRow2803282709";
+var _namespace_ = "NestedTableRow3923245335";
 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": "NestedTableRow2803282709__root",
-  "firstLevel": "NestedTableRow2803282709__firstLevel",
-  "placeholder": "NestedTableRow2803282709__placeholder",
-  "parentHovered": "NestedTableRow2803282709__parentHovered"
+  "root": "NestedTableRow3923245335__root",
+  "firstLevel": "NestedTableRow3923245335__firstLevel",
+  "placeholder": "NestedTableRow3923245335__placeholder",
+  "parentHovered": "NestedTableRow3923245335__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow2803282709\";\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\":\"NestedTableRow2803282709__root\",\"firstLevel\":\"NestedTableRow2803282709__firstLevel\",\"placeholder\":\"NestedTableRow2803282709__placeholder\",\"parentHovered\":\"NestedTableRow2803282709__parentHovered\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow3923245335\";\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\":\"NestedTableRow3923245335__root\",\"firstLevel\":\"NestedTableRow3923245335__firstLevel\",\"placeholder\":\"NestedTableRow3923245335__placeholder\",\"parentHovered\":\"NestedTableRow3923245335__parentHovered\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect380559074";
+var _namespace_ = "MultipleDragOverlayEffect3950300445";
 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": "MultipleDragOverlayEffect380559074__root"
+  "root": "MultipleDragOverlayEffect3950300445__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};