@industry-theme/backlogmd-kanban-panel 1.2.13 → 1.2.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/panels.bundle.js +352 -186
- package/dist/panels.bundle.js.map +1 -1
- package/package.json +2 -2
package/dist/panels.bundle.js
CHANGED
|
@@ -464,7 +464,7 @@ function Accessibility(_ref) {
|
|
|
464
464
|
}));
|
|
465
465
|
return container ? createPortal(markup, container) : markup;
|
|
466
466
|
}
|
|
467
|
-
var Action;
|
|
467
|
+
var Action$1;
|
|
468
468
|
(function(Action2) {
|
|
469
469
|
Action2["DragStart"] = "dragStart";
|
|
470
470
|
Action2["DragMove"] = "dragMove";
|
|
@@ -474,7 +474,7 @@ var Action;
|
|
|
474
474
|
Action2["RegisterDroppable"] = "registerDroppable";
|
|
475
475
|
Action2["SetDroppableDisabled"] = "setDroppableDisabled";
|
|
476
476
|
Action2["UnregisterDroppable"] = "unregisterDroppable";
|
|
477
|
-
})(Action || (Action = {}));
|
|
477
|
+
})(Action$1 || (Action$1 = {}));
|
|
478
478
|
function noop() {
|
|
479
479
|
}
|
|
480
480
|
function useSensor(sensor, options) {
|
|
@@ -497,7 +497,7 @@ function useSensors() {
|
|
|
497
497
|
[...sensors]
|
|
498
498
|
);
|
|
499
499
|
}
|
|
500
|
-
const defaultCoordinates = /* @__PURE__ */ Object.freeze({
|
|
500
|
+
const defaultCoordinates$1 = /* @__PURE__ */ Object.freeze({
|
|
501
501
|
x: 0,
|
|
502
502
|
y: 0
|
|
503
503
|
});
|
|
@@ -586,7 +586,7 @@ function getRectDelta(rect1, rect2) {
|
|
|
586
586
|
return rect1 && rect2 ? {
|
|
587
587
|
x: rect1.left - rect2.left,
|
|
588
588
|
y: rect1.top - rect2.top
|
|
589
|
-
} : defaultCoordinates;
|
|
589
|
+
} : defaultCoordinates$1;
|
|
590
590
|
}
|
|
591
591
|
function createRectAdjustmentFn(modifier) {
|
|
592
592
|
return function adjustClientRect(rect) {
|
|
@@ -792,11 +792,11 @@ function getScrollCoordinates(element2) {
|
|
|
792
792
|
y: getScrollYCoordinate(element2)
|
|
793
793
|
};
|
|
794
794
|
}
|
|
795
|
-
var Direction;
|
|
795
|
+
var Direction$1;
|
|
796
796
|
(function(Direction2) {
|
|
797
797
|
Direction2[Direction2["Forward"] = 1] = "Forward";
|
|
798
798
|
Direction2[Direction2["Backward"] = -1] = "Backward";
|
|
799
|
-
})(Direction || (Direction = {}));
|
|
799
|
+
})(Direction$1 || (Direction$1 = {}));
|
|
800
800
|
function isDocumentScrollingElement(element2) {
|
|
801
801
|
if (!canUseDOM || !element2) {
|
|
802
802
|
return false;
|
|
@@ -868,17 +868,17 @@ function getScrollDirectionAndSpeed(scrollContainer, scrollContainerRect, _ref,
|
|
|
868
868
|
width: scrollContainerRect.width * thresholdPercentage.x
|
|
869
869
|
};
|
|
870
870
|
if (!isTop && top <= scrollContainerRect.top + threshold.height) {
|
|
871
|
-
direction.y = Direction.Backward;
|
|
871
|
+
direction.y = Direction$1.Backward;
|
|
872
872
|
speed.y = acceleration * Math.abs((scrollContainerRect.top + threshold.height - top) / threshold.height);
|
|
873
873
|
} else if (!isBottom && bottom >= scrollContainerRect.bottom - threshold.height) {
|
|
874
|
-
direction.y = Direction.Forward;
|
|
874
|
+
direction.y = Direction$1.Forward;
|
|
875
875
|
speed.y = acceleration * Math.abs((scrollContainerRect.bottom - threshold.height - bottom) / threshold.height);
|
|
876
876
|
}
|
|
877
877
|
if (!isRight && right >= scrollContainerRect.right - threshold.width) {
|
|
878
|
-
direction.x = Direction.Forward;
|
|
878
|
+
direction.x = Direction$1.Forward;
|
|
879
879
|
speed.x = acceleration * Math.abs((scrollContainerRect.right - threshold.width - right) / threshold.width);
|
|
880
880
|
} else if (!isLeft && left <= scrollContainerRect.left + threshold.width) {
|
|
881
|
-
direction.x = Direction.Backward;
|
|
881
|
+
direction.x = Direction$1.Backward;
|
|
882
882
|
speed.x = acceleration * Math.abs((scrollContainerRect.left + threshold.width - left) / threshold.width);
|
|
883
883
|
}
|
|
884
884
|
return {
|
|
@@ -919,7 +919,7 @@ function getScrollElementRect(element2) {
|
|
|
919
919
|
function getScrollOffsets(scrollableAncestors) {
|
|
920
920
|
return scrollableAncestors.reduce((acc, node2) => {
|
|
921
921
|
return add(acc, getScrollCoordinates(node2));
|
|
922
|
-
}, defaultCoordinates);
|
|
922
|
+
}, defaultCoordinates$1);
|
|
923
923
|
}
|
|
924
924
|
function getScrollXOffset(scrollableAncestors) {
|
|
925
925
|
return scrollableAncestors.reduce((acc, node2) => {
|
|
@@ -1030,7 +1030,7 @@ function hasExceededDistance(delta, measurement) {
|
|
|
1030
1030
|
}
|
|
1031
1031
|
return false;
|
|
1032
1032
|
}
|
|
1033
|
-
var EventName;
|
|
1033
|
+
var EventName$1;
|
|
1034
1034
|
(function(EventName2) {
|
|
1035
1035
|
EventName2["Click"] = "click";
|
|
1036
1036
|
EventName2["DragStart"] = "dragstart";
|
|
@@ -1039,14 +1039,14 @@ var EventName;
|
|
|
1039
1039
|
EventName2["Resize"] = "resize";
|
|
1040
1040
|
EventName2["SelectionChange"] = "selectionchange";
|
|
1041
1041
|
EventName2["VisibilityChange"] = "visibilitychange";
|
|
1042
|
-
})(EventName || (EventName = {}));
|
|
1042
|
+
})(EventName$1 || (EventName$1 = {}));
|
|
1043
1043
|
function preventDefault(event) {
|
|
1044
1044
|
event.preventDefault();
|
|
1045
1045
|
}
|
|
1046
1046
|
function stopPropagation(event) {
|
|
1047
1047
|
event.stopPropagation();
|
|
1048
1048
|
}
|
|
1049
|
-
var KeyboardCode;
|
|
1049
|
+
var KeyboardCode$1;
|
|
1050
1050
|
(function(KeyboardCode2) {
|
|
1051
1051
|
KeyboardCode2["Space"] = "Space";
|
|
1052
1052
|
KeyboardCode2["Down"] = "ArrowDown";
|
|
@@ -1056,33 +1056,33 @@ var KeyboardCode;
|
|
|
1056
1056
|
KeyboardCode2["Esc"] = "Escape";
|
|
1057
1057
|
KeyboardCode2["Enter"] = "Enter";
|
|
1058
1058
|
KeyboardCode2["Tab"] = "Tab";
|
|
1059
|
-
})(KeyboardCode || (KeyboardCode = {}));
|
|
1059
|
+
})(KeyboardCode$1 || (KeyboardCode$1 = {}));
|
|
1060
1060
|
const defaultKeyboardCodes = {
|
|
1061
|
-
start: [KeyboardCode.Space, KeyboardCode.Enter],
|
|
1062
|
-
cancel: [KeyboardCode.Esc],
|
|
1063
|
-
end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
|
|
1061
|
+
start: [KeyboardCode$1.Space, KeyboardCode$1.Enter],
|
|
1062
|
+
cancel: [KeyboardCode$1.Esc],
|
|
1063
|
+
end: [KeyboardCode$1.Space, KeyboardCode$1.Enter, KeyboardCode$1.Tab]
|
|
1064
1064
|
};
|
|
1065
1065
|
const defaultKeyboardCoordinateGetter = (event, _ref) => {
|
|
1066
1066
|
let {
|
|
1067
1067
|
currentCoordinates
|
|
1068
1068
|
} = _ref;
|
|
1069
1069
|
switch (event.code) {
|
|
1070
|
-
case KeyboardCode.Right:
|
|
1070
|
+
case KeyboardCode$1.Right:
|
|
1071
1071
|
return {
|
|
1072
1072
|
...currentCoordinates,
|
|
1073
1073
|
x: currentCoordinates.x + 25
|
|
1074
1074
|
};
|
|
1075
|
-
case KeyboardCode.Left:
|
|
1075
|
+
case KeyboardCode$1.Left:
|
|
1076
1076
|
return {
|
|
1077
1077
|
...currentCoordinates,
|
|
1078
1078
|
x: currentCoordinates.x - 25
|
|
1079
1079
|
};
|
|
1080
|
-
case KeyboardCode.Down:
|
|
1080
|
+
case KeyboardCode$1.Down:
|
|
1081
1081
|
return {
|
|
1082
1082
|
...currentCoordinates,
|
|
1083
1083
|
y: currentCoordinates.y + 25
|
|
1084
1084
|
};
|
|
1085
|
-
case KeyboardCode.Up:
|
|
1085
|
+
case KeyboardCode$1.Up:
|
|
1086
1086
|
return {
|
|
1087
1087
|
...currentCoordinates,
|
|
1088
1088
|
y: currentCoordinates.y - 25
|
|
@@ -1112,9 +1112,9 @@ class KeyboardSensor {
|
|
|
1112
1112
|
}
|
|
1113
1113
|
attach() {
|
|
1114
1114
|
this.handleStart();
|
|
1115
|
-
this.windowListeners.add(EventName.Resize, this.handleCancel);
|
|
1116
|
-
this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
|
|
1117
|
-
setTimeout(() => this.listeners.add(EventName.Keydown, this.handleKeyDown));
|
|
1115
|
+
this.windowListeners.add(EventName$1.Resize, this.handleCancel);
|
|
1116
|
+
this.windowListeners.add(EventName$1.VisibilityChange, this.handleCancel);
|
|
1117
|
+
setTimeout(() => this.listeners.add(EventName$1.Keydown, this.handleKeyDown));
|
|
1118
1118
|
}
|
|
1119
1119
|
handleStart() {
|
|
1120
1120
|
const {
|
|
@@ -1125,7 +1125,7 @@ class KeyboardSensor {
|
|
|
1125
1125
|
if (node2) {
|
|
1126
1126
|
scrollIntoViewIfNeeded(node2);
|
|
1127
1127
|
}
|
|
1128
|
-
onStart(defaultCoordinates);
|
|
1128
|
+
onStart(defaultCoordinates$1);
|
|
1129
1129
|
}
|
|
1130
1130
|
handleKeyDown(event) {
|
|
1131
1131
|
if (isKeyboardEvent(event)) {
|
|
@@ -1156,7 +1156,7 @@ class KeyboardSensor {
|
|
|
1156
1156
|
const currentCoordinates = collisionRect ? {
|
|
1157
1157
|
x: collisionRect.left,
|
|
1158
1158
|
y: collisionRect.top
|
|
1159
|
-
} : defaultCoordinates;
|
|
1159
|
+
} : defaultCoordinates$1;
|
|
1160
1160
|
if (!this.referenceCoordinates) {
|
|
1161
1161
|
this.referenceCoordinates = currentCoordinates;
|
|
1162
1162
|
}
|
|
@@ -1186,14 +1186,14 @@ class KeyboardSensor {
|
|
|
1186
1186
|
} = getScrollPosition(scrollContainer);
|
|
1187
1187
|
const scrollElementRect = getScrollElementRect(scrollContainer);
|
|
1188
1188
|
const clampedCoordinates = {
|
|
1189
|
-
x: Math.min(direction === KeyboardCode.Right ? scrollElementRect.right - scrollElementRect.width / 2 : scrollElementRect.right, Math.max(direction === KeyboardCode.Right ? scrollElementRect.left : scrollElementRect.left + scrollElementRect.width / 2, newCoordinates.x)),
|
|
1190
|
-
y: Math.min(direction === KeyboardCode.Down ? scrollElementRect.bottom - scrollElementRect.height / 2 : scrollElementRect.bottom, Math.max(direction === KeyboardCode.Down ? scrollElementRect.top : scrollElementRect.top + scrollElementRect.height / 2, newCoordinates.y))
|
|
1189
|
+
x: Math.min(direction === KeyboardCode$1.Right ? scrollElementRect.right - scrollElementRect.width / 2 : scrollElementRect.right, Math.max(direction === KeyboardCode$1.Right ? scrollElementRect.left : scrollElementRect.left + scrollElementRect.width / 2, newCoordinates.x)),
|
|
1190
|
+
y: Math.min(direction === KeyboardCode$1.Down ? scrollElementRect.bottom - scrollElementRect.height / 2 : scrollElementRect.bottom, Math.max(direction === KeyboardCode$1.Down ? scrollElementRect.top : scrollElementRect.top + scrollElementRect.height / 2, newCoordinates.y))
|
|
1191
1191
|
};
|
|
1192
|
-
const canScrollX = direction === KeyboardCode.Right && !isRight || direction === KeyboardCode.Left && !isLeft;
|
|
1193
|
-
const canScrollY = direction === KeyboardCode.Down && !isBottom || direction === KeyboardCode.Up && !isTop;
|
|
1192
|
+
const canScrollX = direction === KeyboardCode$1.Right && !isRight || direction === KeyboardCode$1.Left && !isLeft;
|
|
1193
|
+
const canScrollY = direction === KeyboardCode$1.Down && !isBottom || direction === KeyboardCode$1.Up && !isTop;
|
|
1194
1194
|
if (canScrollX && clampedCoordinates.x !== newCoordinates.x) {
|
|
1195
1195
|
const newScrollCoordinates = scrollContainer.scrollLeft + coordinatesDelta.x;
|
|
1196
|
-
const canScrollToNewCoordinates = direction === KeyboardCode.Right && newScrollCoordinates <= maxScroll.x || direction === KeyboardCode.Left && newScrollCoordinates >= minScroll.x;
|
|
1196
|
+
const canScrollToNewCoordinates = direction === KeyboardCode$1.Right && newScrollCoordinates <= maxScroll.x || direction === KeyboardCode$1.Left && newScrollCoordinates >= minScroll.x;
|
|
1197
1197
|
if (canScrollToNewCoordinates && !coordinatesDelta.y) {
|
|
1198
1198
|
scrollContainer.scrollTo({
|
|
1199
1199
|
left: newScrollCoordinates,
|
|
@@ -1204,7 +1204,7 @@ class KeyboardSensor {
|
|
|
1204
1204
|
if (canScrollToNewCoordinates) {
|
|
1205
1205
|
scrollDelta.x = scrollContainer.scrollLeft - newScrollCoordinates;
|
|
1206
1206
|
} else {
|
|
1207
|
-
scrollDelta.x = direction === KeyboardCode.Right ? scrollContainer.scrollLeft - maxScroll.x : scrollContainer.scrollLeft - minScroll.x;
|
|
1207
|
+
scrollDelta.x = direction === KeyboardCode$1.Right ? scrollContainer.scrollLeft - maxScroll.x : scrollContainer.scrollLeft - minScroll.x;
|
|
1208
1208
|
}
|
|
1209
1209
|
if (scrollDelta.x) {
|
|
1210
1210
|
scrollContainer.scrollBy({
|
|
@@ -1215,7 +1215,7 @@ class KeyboardSensor {
|
|
|
1215
1215
|
break;
|
|
1216
1216
|
} else if (canScrollY && clampedCoordinates.y !== newCoordinates.y) {
|
|
1217
1217
|
const newScrollCoordinates = scrollContainer.scrollTop + coordinatesDelta.y;
|
|
1218
|
-
const canScrollToNewCoordinates = direction === KeyboardCode.Down && newScrollCoordinates <= maxScroll.y || direction === KeyboardCode.Up && newScrollCoordinates >= minScroll.y;
|
|
1218
|
+
const canScrollToNewCoordinates = direction === KeyboardCode$1.Down && newScrollCoordinates <= maxScroll.y || direction === KeyboardCode$1.Up && newScrollCoordinates >= minScroll.y;
|
|
1219
1219
|
if (canScrollToNewCoordinates && !coordinatesDelta.x) {
|
|
1220
1220
|
scrollContainer.scrollTo({
|
|
1221
1221
|
top: newScrollCoordinates,
|
|
@@ -1226,7 +1226,7 @@ class KeyboardSensor {
|
|
|
1226
1226
|
if (canScrollToNewCoordinates) {
|
|
1227
1227
|
scrollDelta.y = scrollContainer.scrollTop - newScrollCoordinates;
|
|
1228
1228
|
} else {
|
|
1229
|
-
scrollDelta.y = direction === KeyboardCode.Down ? scrollContainer.scrollTop - maxScroll.y : scrollContainer.scrollTop - minScroll.y;
|
|
1229
|
+
scrollDelta.y = direction === KeyboardCode$1.Down ? scrollContainer.scrollTop - maxScroll.y : scrollContainer.scrollTop - minScroll.y;
|
|
1230
1230
|
}
|
|
1231
1231
|
if (scrollDelta.y) {
|
|
1232
1232
|
scrollContainer.scrollBy({
|
|
@@ -1332,7 +1332,7 @@ class AbstractPointerSensor {
|
|
|
1332
1332
|
this.documentListeners = new Listeners(this.document);
|
|
1333
1333
|
this.listeners = new Listeners(listenerTarget);
|
|
1334
1334
|
this.windowListeners = new Listeners(getWindow(target));
|
|
1335
|
-
this.initialCoordinates = (_getEventCoordinates = getEventCoordinates(event)) != null ? _getEventCoordinates : defaultCoordinates;
|
|
1335
|
+
this.initialCoordinates = (_getEventCoordinates = getEventCoordinates(event)) != null ? _getEventCoordinates : defaultCoordinates$1;
|
|
1336
1336
|
this.handleStart = this.handleStart.bind(this);
|
|
1337
1337
|
this.handleMove = this.handleMove.bind(this);
|
|
1338
1338
|
this.handleEnd = this.handleEnd.bind(this);
|
|
@@ -1358,11 +1358,11 @@ class AbstractPointerSensor {
|
|
|
1358
1358
|
if (events2.cancel) {
|
|
1359
1359
|
this.listeners.add(events2.cancel.name, this.handleCancel);
|
|
1360
1360
|
}
|
|
1361
|
-
this.windowListeners.add(EventName.Resize, this.handleCancel);
|
|
1362
|
-
this.windowListeners.add(EventName.DragStart, preventDefault);
|
|
1363
|
-
this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
|
|
1364
|
-
this.windowListeners.add(EventName.ContextMenu, preventDefault);
|
|
1365
|
-
this.documentListeners.add(EventName.Keydown, this.handleKeydown);
|
|
1361
|
+
this.windowListeners.add(EventName$1.Resize, this.handleCancel);
|
|
1362
|
+
this.windowListeners.add(EventName$1.DragStart, preventDefault);
|
|
1363
|
+
this.windowListeners.add(EventName$1.VisibilityChange, this.handleCancel);
|
|
1364
|
+
this.windowListeners.add(EventName$1.ContextMenu, preventDefault);
|
|
1365
|
+
this.documentListeners.add(EventName$1.Keydown, this.handleKeydown);
|
|
1366
1366
|
if (activationConstraint) {
|
|
1367
1367
|
if (bypassActivationConstraint != null && bypassActivationConstraint({
|
|
1368
1368
|
event: this.props.event,
|
|
@@ -1408,11 +1408,11 @@ class AbstractPointerSensor {
|
|
|
1408
1408
|
} = this.props;
|
|
1409
1409
|
if (initialCoordinates) {
|
|
1410
1410
|
this.activated = true;
|
|
1411
|
-
this.documentListeners.add(EventName.Click, stopPropagation, {
|
|
1411
|
+
this.documentListeners.add(EventName$1.Click, stopPropagation, {
|
|
1412
1412
|
capture: true
|
|
1413
1413
|
});
|
|
1414
1414
|
this.removeTextSelection();
|
|
1415
|
-
this.documentListeners.add(EventName.SelectionChange, this.removeTextSelection);
|
|
1415
|
+
this.documentListeners.add(EventName$1.SelectionChange, this.removeTextSelection);
|
|
1416
1416
|
onStart(initialCoordinates);
|
|
1417
1417
|
}
|
|
1418
1418
|
}
|
|
@@ -1432,7 +1432,7 @@ class AbstractPointerSensor {
|
|
|
1432
1432
|
if (!initialCoordinates) {
|
|
1433
1433
|
return;
|
|
1434
1434
|
}
|
|
1435
|
-
const coordinates = (_getEventCoordinates2 = getEventCoordinates(event)) != null ? _getEventCoordinates2 : defaultCoordinates;
|
|
1435
|
+
const coordinates = (_getEventCoordinates2 = getEventCoordinates(event)) != null ? _getEventCoordinates2 : defaultCoordinates$1;
|
|
1436
1436
|
const delta = subtract(initialCoordinates, coordinates);
|
|
1437
1437
|
if (!activated && activationConstraint) {
|
|
1438
1438
|
if (isDistanceConstraint(activationConstraint)) {
|
|
@@ -1479,7 +1479,7 @@ class AbstractPointerSensor {
|
|
|
1479
1479
|
onCancel();
|
|
1480
1480
|
}
|
|
1481
1481
|
handleKeydown(event) {
|
|
1482
|
-
if (event.code === KeyboardCode.Esc) {
|
|
1482
|
+
if (event.code === KeyboardCode$1.Esc) {
|
|
1483
1483
|
this.handleCancel();
|
|
1484
1484
|
}
|
|
1485
1485
|
}
|
|
@@ -1534,10 +1534,10 @@ const events$1 = {
|
|
|
1534
1534
|
name: "mouseup"
|
|
1535
1535
|
}
|
|
1536
1536
|
};
|
|
1537
|
-
var MouseButton;
|
|
1537
|
+
var MouseButton$1;
|
|
1538
1538
|
(function(MouseButton2) {
|
|
1539
1539
|
MouseButton2[MouseButton2["RightClick"] = 2] = "RightClick";
|
|
1540
|
-
})(MouseButton || (MouseButton = {}));
|
|
1540
|
+
})(MouseButton$1 || (MouseButton$1 = {}));
|
|
1541
1541
|
class MouseSensor extends AbstractPointerSensor {
|
|
1542
1542
|
constructor(props) {
|
|
1543
1543
|
super(props, events$1, getOwnerDocument(props.event.target));
|
|
@@ -1552,7 +1552,7 @@ MouseSensor.activators = [{
|
|
|
1552
1552
|
let {
|
|
1553
1553
|
onActivation
|
|
1554
1554
|
} = _ref2;
|
|
1555
|
-
if (event.button === MouseButton.RightClick) {
|
|
1555
|
+
if (event.button === MouseButton$1.RightClick) {
|
|
1556
1556
|
return false;
|
|
1557
1557
|
}
|
|
1558
1558
|
onActivation == null ? void 0 : onActivation({
|
|
@@ -1609,25 +1609,25 @@ TouchSensor.activators = [{
|
|
|
1609
1609
|
return true;
|
|
1610
1610
|
}
|
|
1611
1611
|
}];
|
|
1612
|
-
var AutoScrollActivator;
|
|
1612
|
+
var AutoScrollActivator$1;
|
|
1613
1613
|
(function(AutoScrollActivator2) {
|
|
1614
1614
|
AutoScrollActivator2[AutoScrollActivator2["Pointer"] = 0] = "Pointer";
|
|
1615
1615
|
AutoScrollActivator2[AutoScrollActivator2["DraggableRect"] = 1] = "DraggableRect";
|
|
1616
|
-
})(AutoScrollActivator || (AutoScrollActivator = {}));
|
|
1617
|
-
var TraversalOrder;
|
|
1616
|
+
})(AutoScrollActivator$1 || (AutoScrollActivator$1 = {}));
|
|
1617
|
+
var TraversalOrder$1;
|
|
1618
1618
|
(function(TraversalOrder2) {
|
|
1619
1619
|
TraversalOrder2[TraversalOrder2["TreeOrder"] = 0] = "TreeOrder";
|
|
1620
1620
|
TraversalOrder2[TraversalOrder2["ReversedTreeOrder"] = 1] = "ReversedTreeOrder";
|
|
1621
|
-
})(TraversalOrder || (TraversalOrder = {}));
|
|
1621
|
+
})(TraversalOrder$1 || (TraversalOrder$1 = {}));
|
|
1622
1622
|
function useAutoScroller(_ref) {
|
|
1623
1623
|
let {
|
|
1624
1624
|
acceleration,
|
|
1625
|
-
activator = AutoScrollActivator.Pointer,
|
|
1625
|
+
activator = AutoScrollActivator$1.Pointer,
|
|
1626
1626
|
canScroll,
|
|
1627
1627
|
draggingRect,
|
|
1628
1628
|
enabled,
|
|
1629
1629
|
interval = 5,
|
|
1630
|
-
order: order2 = TraversalOrder.TreeOrder,
|
|
1630
|
+
order: order2 = TraversalOrder$1.TreeOrder,
|
|
1631
1631
|
pointerCoordinates,
|
|
1632
1632
|
scrollableAncestors,
|
|
1633
1633
|
scrollableAncestorRects,
|
|
@@ -1649,14 +1649,14 @@ function useAutoScroller(_ref) {
|
|
|
1649
1649
|
});
|
|
1650
1650
|
const rect = useMemo(() => {
|
|
1651
1651
|
switch (activator) {
|
|
1652
|
-
case AutoScrollActivator.Pointer:
|
|
1652
|
+
case AutoScrollActivator$1.Pointer:
|
|
1653
1653
|
return pointerCoordinates ? {
|
|
1654
1654
|
top: pointerCoordinates.y,
|
|
1655
1655
|
bottom: pointerCoordinates.y,
|
|
1656
1656
|
left: pointerCoordinates.x,
|
|
1657
1657
|
right: pointerCoordinates.x
|
|
1658
1658
|
} : null;
|
|
1659
|
-
case AutoScrollActivator.DraggableRect:
|
|
1659
|
+
case AutoScrollActivator$1.DraggableRect:
|
|
1660
1660
|
return draggingRect;
|
|
1661
1661
|
}
|
|
1662
1662
|
}, [activator, draggingRect, pointerCoordinates]);
|
|
@@ -1670,7 +1670,7 @@ function useAutoScroller(_ref) {
|
|
|
1670
1670
|
const scrollTop = scrollSpeed.current.y * scrollDirection.current.y;
|
|
1671
1671
|
scrollContainer.scrollBy(scrollLeft, scrollTop);
|
|
1672
1672
|
}, []);
|
|
1673
|
-
const sortedScrollableAncestors = useMemo(() => order2 === TraversalOrder.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order2, scrollableAncestors]);
|
|
1673
|
+
const sortedScrollableAncestors = useMemo(() => order2 === TraversalOrder$1.TreeOrder ? [...scrollableAncestors].reverse() : scrollableAncestors, [order2, scrollableAncestors]);
|
|
1674
1674
|
useEffect(
|
|
1675
1675
|
() => {
|
|
1676
1676
|
if (!enabled || !scrollableAncestors.length || !rect) {
|
|
@@ -1738,12 +1738,12 @@ function useAutoScroller(_ref) {
|
|
|
1738
1738
|
}
|
|
1739
1739
|
const defaultScrollIntent = {
|
|
1740
1740
|
x: {
|
|
1741
|
-
[Direction.Backward]: false,
|
|
1742
|
-
[Direction.Forward]: false
|
|
1741
|
+
[Direction$1.Backward]: false,
|
|
1742
|
+
[Direction$1.Forward]: false
|
|
1743
1743
|
},
|
|
1744
1744
|
y: {
|
|
1745
|
-
[Direction.Backward]: false,
|
|
1746
|
-
[Direction.Forward]: false
|
|
1745
|
+
[Direction$1.Backward]: false,
|
|
1746
|
+
[Direction$1.Forward]: false
|
|
1747
1747
|
}
|
|
1748
1748
|
};
|
|
1749
1749
|
function useScrollIntent(_ref2) {
|
|
@@ -1762,12 +1762,12 @@ function useScrollIntent(_ref2) {
|
|
|
1762
1762
|
};
|
|
1763
1763
|
return {
|
|
1764
1764
|
x: {
|
|
1765
|
-
[Direction.Backward]: previousIntent.x[Direction.Backward] || direction.x === -1,
|
|
1766
|
-
[Direction.Forward]: previousIntent.x[Direction.Forward] || direction.x === 1
|
|
1765
|
+
[Direction$1.Backward]: previousIntent.x[Direction$1.Backward] || direction.x === -1,
|
|
1766
|
+
[Direction$1.Forward]: previousIntent.x[Direction$1.Forward] || direction.x === 1
|
|
1767
1767
|
},
|
|
1768
1768
|
y: {
|
|
1769
|
-
[Direction.Backward]: previousIntent.y[Direction.Backward] || direction.y === -1,
|
|
1770
|
-
[Direction.Forward]: previousIntent.y[Direction.Forward] || direction.y === 1
|
|
1769
|
+
[Direction$1.Backward]: previousIntent.y[Direction$1.Backward] || direction.y === -1,
|
|
1770
|
+
[Direction$1.Forward]: previousIntent.y[Direction$1.Forward] || direction.y === 1
|
|
1771
1771
|
}
|
|
1772
1772
|
};
|
|
1773
1773
|
}, [disabled, delta, previousDelta]);
|
|
@@ -1795,16 +1795,16 @@ function useCombineActivators(sensors, getSyntheticHandler) {
|
|
|
1795
1795
|
return [...accumulator, ...sensorActivators];
|
|
1796
1796
|
}, []), [sensors, getSyntheticHandler]);
|
|
1797
1797
|
}
|
|
1798
|
-
var MeasuringStrategy;
|
|
1798
|
+
var MeasuringStrategy$1;
|
|
1799
1799
|
(function(MeasuringStrategy2) {
|
|
1800
1800
|
MeasuringStrategy2[MeasuringStrategy2["Always"] = 0] = "Always";
|
|
1801
1801
|
MeasuringStrategy2[MeasuringStrategy2["BeforeDragging"] = 1] = "BeforeDragging";
|
|
1802
1802
|
MeasuringStrategy2[MeasuringStrategy2["WhileDragging"] = 2] = "WhileDragging";
|
|
1803
|
-
})(MeasuringStrategy || (MeasuringStrategy = {}));
|
|
1804
|
-
var MeasuringFrequency;
|
|
1803
|
+
})(MeasuringStrategy$1 || (MeasuringStrategy$1 = {}));
|
|
1804
|
+
var MeasuringFrequency$1;
|
|
1805
1805
|
(function(MeasuringFrequency2) {
|
|
1806
1806
|
MeasuringFrequency2["Optimized"] = "optimized";
|
|
1807
|
-
})(MeasuringFrequency || (MeasuringFrequency = {}));
|
|
1807
|
+
})(MeasuringFrequency$1 || (MeasuringFrequency$1 = {}));
|
|
1808
1808
|
const defaultValue = /* @__PURE__ */ new Map();
|
|
1809
1809
|
function useDroppableMeasuring(containers, _ref) {
|
|
1810
1810
|
let {
|
|
@@ -1903,9 +1903,9 @@ function useDroppableMeasuring(containers, _ref) {
|
|
|
1903
1903
|
};
|
|
1904
1904
|
function isDisabled() {
|
|
1905
1905
|
switch (strategy) {
|
|
1906
|
-
case MeasuringStrategy.Always:
|
|
1906
|
+
case MeasuringStrategy$1.Always:
|
|
1907
1907
|
return false;
|
|
1908
|
-
case MeasuringStrategy.BeforeDragging:
|
|
1908
|
+
case MeasuringStrategy$1.BeforeDragging:
|
|
1909
1909
|
return dragging;
|
|
1910
1910
|
default:
|
|
1911
1911
|
return !dragging;
|
|
@@ -2096,9 +2096,9 @@ function useScrollOffsets(elements) {
|
|
|
2096
2096
|
}, [handleScroll, elements]);
|
|
2097
2097
|
return useMemo(() => {
|
|
2098
2098
|
if (elements.length) {
|
|
2099
|
-
return scrollCoordinates ? Array.from(scrollCoordinates.values()).reduce((acc, coordinates) => add(acc, coordinates), defaultCoordinates) : getScrollOffsets(elements);
|
|
2099
|
+
return scrollCoordinates ? Array.from(scrollCoordinates.values()).reduce((acc, coordinates) => add(acc, coordinates), defaultCoordinates$1) : getScrollOffsets(elements);
|
|
2100
2100
|
}
|
|
2101
|
-
return defaultCoordinates;
|
|
2101
|
+
return defaultCoordinates$1;
|
|
2102
2102
|
}, [elements, scrollCoordinates]);
|
|
2103
2103
|
}
|
|
2104
2104
|
function useScrollOffsetsDelta(scrollOffsets, dependencies) {
|
|
@@ -2114,7 +2114,7 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
|
|
|
2114
2114
|
dependencies
|
|
2115
2115
|
);
|
|
2116
2116
|
useEffect(() => {
|
|
2117
|
-
const hasScrollOffsets = scrollOffsets !== defaultCoordinates;
|
|
2117
|
+
const hasScrollOffsets = scrollOffsets !== defaultCoordinates$1;
|
|
2118
2118
|
if (hasScrollOffsets && !initialScrollOffsets.current) {
|
|
2119
2119
|
initialScrollOffsets.current = scrollOffsets;
|
|
2120
2120
|
}
|
|
@@ -2122,7 +2122,7 @@ function useScrollOffsetsDelta(scrollOffsets, dependencies) {
|
|
|
2122
2122
|
initialScrollOffsets.current = null;
|
|
2123
2123
|
}
|
|
2124
2124
|
}, [scrollOffsets]);
|
|
2125
|
-
return initialScrollOffsets.current ? subtract(scrollOffsets, initialScrollOffsets.current) : defaultCoordinates;
|
|
2125
|
+
return initialScrollOffsets.current ? subtract(scrollOffsets, initialScrollOffsets.current) : defaultCoordinates$1;
|
|
2126
2126
|
}
|
|
2127
2127
|
function useSensorSetup(sensors) {
|
|
2128
2128
|
useEffect(
|
|
@@ -2261,8 +2261,8 @@ const defaultMeasuringConfiguration = {
|
|
|
2261
2261
|
},
|
|
2262
2262
|
droppable: {
|
|
2263
2263
|
measure: getTransformAgnosticClientRect,
|
|
2264
|
-
strategy: MeasuringStrategy.WhileDragging,
|
|
2265
|
-
frequency: MeasuringFrequency.Optimized
|
|
2264
|
+
strategy: MeasuringStrategy$1.WhileDragging,
|
|
2265
|
+
frequency: MeasuringFrequency$1.Optimized
|
|
2266
2266
|
},
|
|
2267
2267
|
dragOverlay: {
|
|
2268
2268
|
measure: getClientRect
|
|
@@ -2350,7 +2350,7 @@ function getInitialState() {
|
|
|
2350
2350
|
}
|
|
2351
2351
|
function reducer(state, action) {
|
|
2352
2352
|
switch (action.type) {
|
|
2353
|
-
case Action.DragStart:
|
|
2353
|
+
case Action$1.DragStart:
|
|
2354
2354
|
return {
|
|
2355
2355
|
...state,
|
|
2356
2356
|
draggable: {
|
|
@@ -2359,7 +2359,7 @@ function reducer(state, action) {
|
|
|
2359
2359
|
active: action.active
|
|
2360
2360
|
}
|
|
2361
2361
|
};
|
|
2362
|
-
case Action.DragMove:
|
|
2362
|
+
case Action$1.DragMove:
|
|
2363
2363
|
if (state.draggable.active == null) {
|
|
2364
2364
|
return state;
|
|
2365
2365
|
}
|
|
@@ -2373,8 +2373,8 @@ function reducer(state, action) {
|
|
|
2373
2373
|
}
|
|
2374
2374
|
}
|
|
2375
2375
|
};
|
|
2376
|
-
case Action.DragEnd:
|
|
2377
|
-
case Action.DragCancel:
|
|
2376
|
+
case Action$1.DragEnd:
|
|
2377
|
+
case Action$1.DragCancel:
|
|
2378
2378
|
return {
|
|
2379
2379
|
...state,
|
|
2380
2380
|
draggable: {
|
|
@@ -2390,7 +2390,7 @@ function reducer(state, action) {
|
|
|
2390
2390
|
}
|
|
2391
2391
|
}
|
|
2392
2392
|
};
|
|
2393
|
-
case Action.RegisterDroppable: {
|
|
2393
|
+
case Action$1.RegisterDroppable: {
|
|
2394
2394
|
const {
|
|
2395
2395
|
element: element2
|
|
2396
2396
|
} = action;
|
|
@@ -2407,7 +2407,7 @@ function reducer(state, action) {
|
|
|
2407
2407
|
}
|
|
2408
2408
|
};
|
|
2409
2409
|
}
|
|
2410
|
-
case Action.SetDroppableDisabled: {
|
|
2410
|
+
case Action$1.SetDroppableDisabled: {
|
|
2411
2411
|
const {
|
|
2412
2412
|
id,
|
|
2413
2413
|
key: key2,
|
|
@@ -2430,7 +2430,7 @@ function reducer(state, action) {
|
|
|
2430
2430
|
}
|
|
2431
2431
|
};
|
|
2432
2432
|
}
|
|
2433
|
-
case Action.UnregisterDroppable: {
|
|
2433
|
+
case Action$1.UnregisterDroppable: {
|
|
2434
2434
|
const {
|
|
2435
2435
|
id,
|
|
2436
2436
|
key: key2
|
|
@@ -2584,16 +2584,16 @@ function useLayoutShiftScrollCompensation(_ref) {
|
|
|
2584
2584
|
}, [activeNode, x, y, initialRect, measure]);
|
|
2585
2585
|
}
|
|
2586
2586
|
const ActiveDraggableContext = /* @__PURE__ */ createContext({
|
|
2587
|
-
...defaultCoordinates,
|
|
2587
|
+
...defaultCoordinates$1,
|
|
2588
2588
|
scaleX: 1,
|
|
2589
2589
|
scaleY: 1
|
|
2590
2590
|
});
|
|
2591
|
-
var Status;
|
|
2591
|
+
var Status$1;
|
|
2592
2592
|
(function(Status2) {
|
|
2593
2593
|
Status2[Status2["Uninitialized"] = 0] = "Uninitialized";
|
|
2594
2594
|
Status2[Status2["Initializing"] = 1] = "Initializing";
|
|
2595
2595
|
Status2[Status2["Initialized"] = 2] = "Initialized";
|
|
2596
|
-
})(Status || (Status = {}));
|
|
2596
|
+
})(Status$1 || (Status$1 = {}));
|
|
2597
2597
|
const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
|
|
2598
2598
|
var _sensorContext$curren, _dragOverlay$nodeRef$, _dragOverlay$rect, _over$rect;
|
|
2599
2599
|
let {
|
|
@@ -2610,8 +2610,8 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
|
|
|
2610
2610
|
const store = useReducer(reducer, void 0, getInitialState);
|
|
2611
2611
|
const [state, dispatch] = store;
|
|
2612
2612
|
const [dispatchMonitorEvent, registerMonitorListener] = useDndMonitorProvider();
|
|
2613
|
-
const [status, setStatus] = useState(Status.Uninitialized);
|
|
2614
|
-
const isInitialized = status === Status.Initialized;
|
|
2613
|
+
const [status, setStatus] = useState(Status$1.Uninitialized);
|
|
2614
|
+
const isInitialized = status === Status$1.Initialized;
|
|
2615
2615
|
const {
|
|
2616
2616
|
draggable: {
|
|
2617
2617
|
active: activeId,
|
|
@@ -2807,9 +2807,9 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
|
|
|
2807
2807
|
};
|
|
2808
2808
|
unstable_batchedUpdates(() => {
|
|
2809
2809
|
onDragStart == null ? void 0 : onDragStart(event2);
|
|
2810
|
-
setStatus(Status.Initializing);
|
|
2810
|
+
setStatus(Status$1.Initializing);
|
|
2811
2811
|
dispatch({
|
|
2812
|
-
type: Action.DragStart,
|
|
2812
|
+
type: Action$1.DragStart,
|
|
2813
2813
|
initialCoordinates,
|
|
2814
2814
|
active: id2
|
|
2815
2815
|
});
|
|
@@ -2823,12 +2823,12 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
|
|
|
2823
2823
|
},
|
|
2824
2824
|
onMove(coordinates) {
|
|
2825
2825
|
dispatch({
|
|
2826
|
-
type: Action.DragMove,
|
|
2826
|
+
type: Action$1.DragMove,
|
|
2827
2827
|
coordinates
|
|
2828
2828
|
});
|
|
2829
2829
|
},
|
|
2830
|
-
onEnd: createHandler(Action.DragEnd),
|
|
2831
|
-
onCancel: createHandler(Action.DragCancel)
|
|
2830
|
+
onEnd: createHandler(Action$1.DragEnd),
|
|
2831
|
+
onCancel: createHandler(Action$1.DragCancel)
|
|
2832
2832
|
});
|
|
2833
2833
|
activeSensorRef.current = sensorInstance;
|
|
2834
2834
|
function createHandler(type) {
|
|
@@ -2851,10 +2851,10 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
|
|
|
2851
2851
|
delta: scrollAdjustedTranslate2,
|
|
2852
2852
|
over: over2
|
|
2853
2853
|
};
|
|
2854
|
-
if (type === Action.DragEnd && typeof cancelDrop === "function") {
|
|
2854
|
+
if (type === Action$1.DragEnd && typeof cancelDrop === "function") {
|
|
2855
2855
|
const shouldCancel = await Promise.resolve(cancelDrop(event2));
|
|
2856
2856
|
if (shouldCancel) {
|
|
2857
|
-
type = Action.DragCancel;
|
|
2857
|
+
type = Action$1.DragCancel;
|
|
2858
2858
|
}
|
|
2859
2859
|
}
|
|
2860
2860
|
}
|
|
@@ -2863,12 +2863,12 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
|
|
|
2863
2863
|
dispatch({
|
|
2864
2864
|
type
|
|
2865
2865
|
});
|
|
2866
|
-
setStatus(Status.Uninitialized);
|
|
2866
|
+
setStatus(Status$1.Uninitialized);
|
|
2867
2867
|
setOver(null);
|
|
2868
2868
|
setActiveSensor(null);
|
|
2869
2869
|
setActivatorEvent(null);
|
|
2870
2870
|
activeSensorRef.current = null;
|
|
2871
|
-
const eventName = type === Action.DragEnd ? "onDragEnd" : "onDragCancel";
|
|
2871
|
+
const eventName = type === Action$1.DragEnd ? "onDragEnd" : "onDragCancel";
|
|
2872
2872
|
if (event2) {
|
|
2873
2873
|
const handler2 = latestProps.current[eventName];
|
|
2874
2874
|
handler2 == null ? void 0 : handler2(event2);
|
|
@@ -2912,8 +2912,8 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
|
|
|
2912
2912
|
const activators = useCombineActivators(sensors, bindActivatorToSensorInstantiator);
|
|
2913
2913
|
useSensorSetup(sensors);
|
|
2914
2914
|
useIsomorphicLayoutEffect$2(() => {
|
|
2915
|
-
if (activeNodeRect && status === Status.Initializing) {
|
|
2916
|
-
setStatus(Status.Initialized);
|
|
2915
|
+
if (activeNodeRect && status === Status$1.Initializing) {
|
|
2916
|
+
setStatus(Status$1.Initialized);
|
|
2917
2917
|
}
|
|
2918
2918
|
}, [activeNodeRect, status]);
|
|
2919
2919
|
useEffect(
|
|
@@ -3245,7 +3245,7 @@ function useDroppable(_ref) {
|
|
|
3245
3245
|
useEffect(
|
|
3246
3246
|
() => {
|
|
3247
3247
|
dispatch({
|
|
3248
|
-
type: Action.RegisterDroppable,
|
|
3248
|
+
type: Action$1.RegisterDroppable,
|
|
3249
3249
|
element: {
|
|
3250
3250
|
id,
|
|
3251
3251
|
key: key2,
|
|
@@ -3256,7 +3256,7 @@ function useDroppable(_ref) {
|
|
|
3256
3256
|
}
|
|
3257
3257
|
});
|
|
3258
3258
|
return () => dispatch({
|
|
3259
|
-
type: Action.UnregisterDroppable,
|
|
3259
|
+
type: Action$1.UnregisterDroppable,
|
|
3260
3260
|
key: key2,
|
|
3261
3261
|
id
|
|
3262
3262
|
});
|
|
@@ -3267,7 +3267,7 @@ function useDroppable(_ref) {
|
|
|
3267
3267
|
useEffect(() => {
|
|
3268
3268
|
if (disabled !== previous2.current.disabled) {
|
|
3269
3269
|
dispatch({
|
|
3270
|
-
type: Action.SetDroppableDisabled,
|
|
3270
|
+
type: Action$1.SetDroppableDisabled,
|
|
3271
3271
|
id,
|
|
3272
3272
|
key: key2,
|
|
3273
3273
|
disabled
|
|
@@ -5755,100 +5755,266 @@ function panelDataHelper$1(panelDataArray, panelData, layout) {
|
|
|
5755
5755
|
pivotIndices
|
|
5756
5756
|
};
|
|
5757
5757
|
}
|
|
5758
|
-
function
|
|
5759
|
-
return {
|
|
5760
|
-
|
|
5761
|
-
|
|
5762
|
-
|
|
5763
|
-
|
|
5764
|
-
|
|
5765
|
-
|
|
5766
|
-
|
|
5767
|
-
|
|
5768
|
-
|
|
5769
|
-
|
|
5770
|
-
|
|
5771
|
-
|
|
5758
|
+
function mapThemeToPanelVars(theme2) {
|
|
5759
|
+
return {
|
|
5760
|
+
"--panel-background": theme2.colors.background,
|
|
5761
|
+
"--panel-border": theme2.colors.border,
|
|
5762
|
+
"--panel-handle": theme2.colors.backgroundSecondary,
|
|
5763
|
+
"--panel-handle-hover": theme2.colors.backgroundHover,
|
|
5764
|
+
"--panel-handle-active": theme2.colors.primary,
|
|
5765
|
+
"--panel-button-bg": theme2.colors.surface,
|
|
5766
|
+
"--panel-button-hover": theme2.colors.backgroundHover,
|
|
5767
|
+
"--panel-button-border": theme2.colors.border,
|
|
5768
|
+
"--panel-button-icon": theme2.colors.textSecondary,
|
|
5769
|
+
"--panel-accent-bg": theme2.colors.primary + "15"
|
|
5770
|
+
// primary color with 15% opacity
|
|
5771
|
+
};
|
|
5772
|
+
}
|
|
5773
|
+
const SnapCarousel = forwardRef(({
|
|
5774
|
+
panels: panels2,
|
|
5775
|
+
className = "",
|
|
5776
|
+
style: style2,
|
|
5777
|
+
theme: theme2,
|
|
5778
|
+
minPanelWidth = 350,
|
|
5779
|
+
idealPanelWidth = 0.333,
|
|
5780
|
+
// 1/3 of container
|
|
5781
|
+
showSeparator = false,
|
|
5782
|
+
onPanelChange,
|
|
5783
|
+
preventKeyboardScroll = true,
|
|
5784
|
+
disableSwipe = false
|
|
5785
|
+
}, ref) => {
|
|
5786
|
+
const containerRef = useRef(null);
|
|
5787
|
+
const isProgrammaticScrollRef = useRef(false);
|
|
5788
|
+
const scrollTimeoutRef = useRef(null);
|
|
5789
|
+
const themeStyles = mapThemeToPanelVars(theme2);
|
|
5790
|
+
useImperativeHandle(ref, () => ({
|
|
5791
|
+
scrollToPanel: (index2) => {
|
|
5792
|
+
if (!containerRef.current) return;
|
|
5793
|
+
const container = containerRef.current;
|
|
5794
|
+
const targetPanel = container.children[index2];
|
|
5795
|
+
if (targetPanel) {
|
|
5796
|
+
isProgrammaticScrollRef.current = true;
|
|
5797
|
+
if (scrollTimeoutRef.current) {
|
|
5798
|
+
clearTimeout(scrollTimeoutRef.current);
|
|
5799
|
+
}
|
|
5800
|
+
const scrollLeft = targetPanel.offsetLeft;
|
|
5801
|
+
container.scrollTo({
|
|
5802
|
+
left: scrollLeft,
|
|
5803
|
+
behavior: "smooth"
|
|
5804
|
+
});
|
|
5805
|
+
scrollTimeoutRef.current = setTimeout(() => {
|
|
5806
|
+
isProgrammaticScrollRef.current = false;
|
|
5807
|
+
}, 500);
|
|
5808
|
+
}
|
|
5809
|
+
},
|
|
5810
|
+
getCurrentPanel: () => {
|
|
5811
|
+
if (!containerRef.current || containerRef.current.children.length === 0) return 0;
|
|
5812
|
+
const container = containerRef.current;
|
|
5813
|
+
const containerRect = container.getBoundingClientRect();
|
|
5814
|
+
const snapPointX = containerRect.left;
|
|
5815
|
+
let closestIndex = 0;
|
|
5816
|
+
let closestDistance = Infinity;
|
|
5817
|
+
for (let i = 0; i < container.children.length; i++) {
|
|
5818
|
+
const panel = container.children[i];
|
|
5819
|
+
const panelRect = panel.getBoundingClientRect();
|
|
5820
|
+
const distance = Math.abs(panelRect.left - snapPointX);
|
|
5821
|
+
if (distance < closestDistance) {
|
|
5822
|
+
closestDistance = distance;
|
|
5823
|
+
closestIndex = i;
|
|
5824
|
+
}
|
|
5825
|
+
}
|
|
5826
|
+
return closestIndex;
|
|
5772
5827
|
}
|
|
5773
|
-
}
|
|
5774
|
-
|
|
5775
|
-
|
|
5776
|
-
|
|
5777
|
-
|
|
5778
|
-
|
|
5779
|
-
|
|
5780
|
-
|
|
5781
|
-
|
|
5782
|
-
|
|
5828
|
+
}));
|
|
5829
|
+
const handleScroll = (_e2) => {
|
|
5830
|
+
if (!onPanelChange || !containerRef.current || containerRef.current.children.length === 0) return;
|
|
5831
|
+
if (isProgrammaticScrollRef.current) return;
|
|
5832
|
+
const container = containerRef.current;
|
|
5833
|
+
const containerRect = container.getBoundingClientRect();
|
|
5834
|
+
const snapPointX = containerRect.left;
|
|
5835
|
+
let closestIndex = 0;
|
|
5836
|
+
let closestDistance = Infinity;
|
|
5837
|
+
for (let i = 0; i < container.children.length; i++) {
|
|
5838
|
+
const panel = container.children[i];
|
|
5839
|
+
const panelRect = panel.getBoundingClientRect();
|
|
5840
|
+
const distance = Math.abs(panelRect.left - snapPointX);
|
|
5841
|
+
if (distance < closestDistance) {
|
|
5842
|
+
closestDistance = distance;
|
|
5843
|
+
closestIndex = i;
|
|
5844
|
+
}
|
|
5845
|
+
}
|
|
5846
|
+
onPanelChange(closestIndex);
|
|
5847
|
+
};
|
|
5783
5848
|
useEffect(() => {
|
|
5784
|
-
if (!
|
|
5785
|
-
const
|
|
5786
|
-
|
|
5787
|
-
|
|
5788
|
-
|
|
5849
|
+
if (!preventKeyboardScroll || !containerRef.current) return;
|
|
5850
|
+
const container = containerRef.current;
|
|
5851
|
+
const handleKeyDown = (e) => {
|
|
5852
|
+
const target = e.target;
|
|
5853
|
+
const isInteractive = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.tagName === "SELECT" || target.isContentEditable || target.closest(".xterm") !== null || // Terminal elements
|
|
5854
|
+
target.closest('[contenteditable="true"]') !== null;
|
|
5855
|
+
if (isInteractive) {
|
|
5856
|
+
return;
|
|
5857
|
+
}
|
|
5858
|
+
const scrollKeys = [" ", "Space", "ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown"];
|
|
5859
|
+
if (scrollKeys.includes(e.key)) {
|
|
5860
|
+
e.preventDefault();
|
|
5861
|
+
}
|
|
5862
|
+
};
|
|
5863
|
+
container.addEventListener("keydown", handleKeyDown);
|
|
5864
|
+
return () => {
|
|
5865
|
+
container.removeEventListener("keydown", handleKeyDown);
|
|
5789
5866
|
};
|
|
5790
|
-
|
|
5791
|
-
|
|
5867
|
+
}, [preventKeyboardScroll]);
|
|
5868
|
+
useEffect(() => {
|
|
5869
|
+
return () => {
|
|
5870
|
+
if (scrollTimeoutRef.current) {
|
|
5871
|
+
clearTimeout(scrollTimeoutRef.current);
|
|
5872
|
+
}
|
|
5792
5873
|
};
|
|
5793
|
-
}, [f]), useEffect(() => () => {
|
|
5794
|
-
w.current && clearTimeout(w.current);
|
|
5795
5874
|
}, []);
|
|
5796
|
-
const
|
|
5797
|
-
|
|
5798
|
-
|
|
5799
|
-
|
|
5800
|
-
|
|
5801
|
-
|
|
5802
|
-
|
|
5875
|
+
const panelCount = panels2.length;
|
|
5876
|
+
const twoPanelThreshold = minPanelWidth * 2;
|
|
5877
|
+
let panelWidth;
|
|
5878
|
+
if (panelCount === 1) {
|
|
5879
|
+
panelWidth = "100%";
|
|
5880
|
+
} else if (panelCount === 2) {
|
|
5881
|
+
panelWidth = "100%";
|
|
5882
|
+
} else {
|
|
5883
|
+
panelWidth = `max(${minPanelWidth}px, ${idealPanelWidth * 100}%)`;
|
|
5884
|
+
}
|
|
5885
|
+
const carouselId = React2__default.useId().replace(/:/g, "_");
|
|
5886
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
5887
|
+
panelCount === 2 && /* @__PURE__ */ jsx("style", { children: `
|
|
5888
|
+
.snap-carousel-container[data-carousel-id="${carouselId}"][data-panel-count="2"] .snap-carousel-panel {
|
|
5803
5889
|
width: 100%;
|
|
5804
5890
|
}
|
|
5805
|
-
@container (min-width: ${
|
|
5806
|
-
.snap-carousel-container[data-carousel-id="${
|
|
5891
|
+
@container (min-width: ${twoPanelThreshold}px) {
|
|
5892
|
+
.snap-carousel-container[data-carousel-id="${carouselId}"][data-panel-count="2"] .snap-carousel-panel {
|
|
5807
5893
|
width: 50%;
|
|
5808
5894
|
}
|
|
5809
5895
|
}
|
|
5810
5896
|
` }),
|
|
5811
|
-
/* @__PURE__ */ jsx(
|
|
5812
|
-
|
|
5813
|
-
|
|
5814
|
-
|
|
5815
|
-
|
|
5816
|
-
|
|
5817
|
-
|
|
5818
|
-
|
|
5819
|
-
|
|
5820
|
-
|
|
5821
|
-
|
|
5897
|
+
/* @__PURE__ */ jsx(
|
|
5898
|
+
"div",
|
|
5899
|
+
{
|
|
5900
|
+
ref: containerRef,
|
|
5901
|
+
className: `snap-carousel-container ${disableSwipe ? "swipe-disabled" : ""} ${className}`,
|
|
5902
|
+
style: {
|
|
5903
|
+
...themeStyles,
|
|
5904
|
+
...style2,
|
|
5905
|
+
"--snap-carousel-min-width": `${minPanelWidth}px`,
|
|
5906
|
+
"--snap-carousel-ideal-width": `${idealPanelWidth * 100}%`,
|
|
5907
|
+
"--snap-carousel-gap": showSeparator ? "1px" : "0px",
|
|
5908
|
+
"--snap-carousel-panel-width": panelWidth,
|
|
5909
|
+
"--snap-carousel-panel-count": panelCount,
|
|
5910
|
+
"--snap-carousel-two-panel-threshold": `${twoPanelThreshold}px`
|
|
5911
|
+
},
|
|
5912
|
+
onScroll: handleScroll,
|
|
5913
|
+
"data-panel-count": panelCount,
|
|
5914
|
+
"data-carousel-id": carouselId,
|
|
5915
|
+
children: panels2.map((panel, index2) => /* @__PURE__ */ jsx("div", { className: "snap-carousel-panel", children: panel }, index2))
|
|
5916
|
+
}
|
|
5917
|
+
)
|
|
5822
5918
|
] });
|
|
5823
5919
|
});
|
|
5824
|
-
|
|
5825
|
-
var
|
|
5826
|
-
(
|
|
5827
|
-
|
|
5828
|
-
|
|
5829
|
-
|
|
5830
|
-
|
|
5831
|
-
|
|
5832
|
-
|
|
5833
|
-
|
|
5834
|
-
|
|
5835
|
-
|
|
5836
|
-
|
|
5837
|
-
|
|
5838
|
-
|
|
5839
|
-
|
|
5840
|
-
|
|
5841
|
-
|
|
5842
|
-
|
|
5843
|
-
|
|
5844
|
-
|
|
5845
|
-
|
|
5846
|
-
|
|
5847
|
-
|
|
5848
|
-
|
|
5920
|
+
SnapCarousel.displayName = "SnapCarousel";
|
|
5921
|
+
var Action;
|
|
5922
|
+
(function(Action2) {
|
|
5923
|
+
Action2["DragStart"] = "dragStart";
|
|
5924
|
+
Action2["DragMove"] = "dragMove";
|
|
5925
|
+
Action2["DragEnd"] = "dragEnd";
|
|
5926
|
+
Action2["DragCancel"] = "dragCancel";
|
|
5927
|
+
Action2["DragOver"] = "dragOver";
|
|
5928
|
+
Action2["RegisterDroppable"] = "registerDroppable";
|
|
5929
|
+
Action2["SetDroppableDisabled"] = "setDroppableDisabled";
|
|
5930
|
+
Action2["UnregisterDroppable"] = "unregisterDroppable";
|
|
5931
|
+
})(Action || (Action = {}));
|
|
5932
|
+
const defaultCoordinates = /* @__PURE__ */ Object.freeze({
|
|
5933
|
+
x: 0,
|
|
5934
|
+
y: 0
|
|
5935
|
+
});
|
|
5936
|
+
var Direction;
|
|
5937
|
+
(function(Direction2) {
|
|
5938
|
+
Direction2[Direction2["Forward"] = 1] = "Forward";
|
|
5939
|
+
Direction2[Direction2["Backward"] = -1] = "Backward";
|
|
5940
|
+
})(Direction || (Direction = {}));
|
|
5941
|
+
var EventName;
|
|
5942
|
+
(function(EventName2) {
|
|
5943
|
+
EventName2["Click"] = "click";
|
|
5944
|
+
EventName2["DragStart"] = "dragstart";
|
|
5945
|
+
EventName2["Keydown"] = "keydown";
|
|
5946
|
+
EventName2["ContextMenu"] = "contextmenu";
|
|
5947
|
+
EventName2["Resize"] = "resize";
|
|
5948
|
+
EventName2["SelectionChange"] = "selectionchange";
|
|
5949
|
+
EventName2["VisibilityChange"] = "visibilitychange";
|
|
5950
|
+
})(EventName || (EventName = {}));
|
|
5951
|
+
var KeyboardCode;
|
|
5952
|
+
(function(KeyboardCode2) {
|
|
5953
|
+
KeyboardCode2["Space"] = "Space";
|
|
5954
|
+
KeyboardCode2["Down"] = "ArrowDown";
|
|
5955
|
+
KeyboardCode2["Right"] = "ArrowRight";
|
|
5956
|
+
KeyboardCode2["Left"] = "ArrowLeft";
|
|
5957
|
+
KeyboardCode2["Up"] = "ArrowUp";
|
|
5958
|
+
KeyboardCode2["Esc"] = "Escape";
|
|
5959
|
+
KeyboardCode2["Enter"] = "Enter";
|
|
5960
|
+
KeyboardCode2["Tab"] = "Tab";
|
|
5961
|
+
})(KeyboardCode || (KeyboardCode = {}));
|
|
5962
|
+
({
|
|
5963
|
+
start: [KeyboardCode.Space, KeyboardCode.Enter],
|
|
5964
|
+
cancel: [KeyboardCode.Esc],
|
|
5965
|
+
end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
|
|
5966
|
+
});
|
|
5967
|
+
var MouseButton;
|
|
5968
|
+
(function(MouseButton2) {
|
|
5969
|
+
MouseButton2[MouseButton2["RightClick"] = 2] = "RightClick";
|
|
5970
|
+
})(MouseButton || (MouseButton = {}));
|
|
5971
|
+
var AutoScrollActivator;
|
|
5972
|
+
(function(AutoScrollActivator2) {
|
|
5973
|
+
AutoScrollActivator2[AutoScrollActivator2["Pointer"] = 0] = "Pointer";
|
|
5974
|
+
AutoScrollActivator2[AutoScrollActivator2["DraggableRect"] = 1] = "DraggableRect";
|
|
5975
|
+
})(AutoScrollActivator || (AutoScrollActivator = {}));
|
|
5976
|
+
var TraversalOrder;
|
|
5977
|
+
(function(TraversalOrder2) {
|
|
5978
|
+
TraversalOrder2[TraversalOrder2["TreeOrder"] = 0] = "TreeOrder";
|
|
5979
|
+
TraversalOrder2[TraversalOrder2["ReversedTreeOrder"] = 1] = "ReversedTreeOrder";
|
|
5980
|
+
})(TraversalOrder || (TraversalOrder = {}));
|
|
5981
|
+
({
|
|
5982
|
+
x: {
|
|
5983
|
+
[Direction.Backward]: false,
|
|
5984
|
+
[Direction.Forward]: false
|
|
5985
|
+
},
|
|
5986
|
+
y: {
|
|
5987
|
+
[Direction.Backward]: false,
|
|
5988
|
+
[Direction.Forward]: false
|
|
5849
5989
|
}
|
|
5850
|
-
|
|
5851
|
-
|
|
5990
|
+
});
|
|
5991
|
+
var MeasuringStrategy;
|
|
5992
|
+
(function(MeasuringStrategy2) {
|
|
5993
|
+
MeasuringStrategy2[MeasuringStrategy2["Always"] = 0] = "Always";
|
|
5994
|
+
MeasuringStrategy2[MeasuringStrategy2["BeforeDragging"] = 1] = "BeforeDragging";
|
|
5995
|
+
MeasuringStrategy2[MeasuringStrategy2["WhileDragging"] = 2] = "WhileDragging";
|
|
5996
|
+
})(MeasuringStrategy || (MeasuringStrategy = {}));
|
|
5997
|
+
var MeasuringFrequency;
|
|
5998
|
+
(function(MeasuringFrequency2) {
|
|
5999
|
+
MeasuringFrequency2["Optimized"] = "optimized";
|
|
6000
|
+
})(MeasuringFrequency || (MeasuringFrequency = {}));
|
|
6001
|
+
({
|
|
6002
|
+
droppable: {
|
|
6003
|
+
strategy: MeasuringStrategy.WhileDragging,
|
|
6004
|
+
frequency: MeasuringFrequency.Optimized
|
|
6005
|
+
}
|
|
6006
|
+
});
|
|
6007
|
+
/* @__PURE__ */ createContext({
|
|
6008
|
+
...defaultCoordinates,
|
|
6009
|
+
scaleX: 1,
|
|
6010
|
+
scaleY: 1
|
|
6011
|
+
});
|
|
6012
|
+
var Status;
|
|
6013
|
+
(function(Status2) {
|
|
6014
|
+
Status2[Status2["Uninitialized"] = 0] = "Uninitialized";
|
|
6015
|
+
Status2[Status2["Initializing"] = 1] = "Initializing";
|
|
6016
|
+
Status2[Status2["Initialized"] = 2] = "Initialized";
|
|
6017
|
+
})(Status || (Status = {}));
|
|
5852
6018
|
var Ee = Object.defineProperty;
|
|
5853
6019
|
var Re = (o, e, t) => e in o ? Ee(o, e, { enumerable: true, configurable: true, writable: true, value: t }) : o[e] = t;
|
|
5854
6020
|
var le$1 = (o, e, t) => Re(o, typeof e != "symbol" ? e + "" : e, t);
|
|
@@ -6336,7 +6502,7 @@ function gt(o, e, t, r2) {
|
|
|
6336
6502
|
};
|
|
6337
6503
|
}, [o, e, t, r2]);
|
|
6338
6504
|
}
|
|
6339
|
-
const version = "1.2.
|
|
6505
|
+
const version = "1.2.14";
|
|
6340
6506
|
const packageJson = {
|
|
6341
6507
|
version
|
|
6342
6508
|
};
|
|
@@ -8777,7 +8943,7 @@ const KanbanPanel = ({
|
|
|
8777
8943
|
}));
|
|
8778
8944
|
const measuringConfig = {
|
|
8779
8945
|
droppable: {
|
|
8780
|
-
strategy: MeasuringStrategy.Always
|
|
8946
|
+
strategy: MeasuringStrategy$1.Always
|
|
8781
8947
|
}
|
|
8782
8948
|
};
|
|
8783
8949
|
useLayoutEffect(() => {
|
|
@@ -54258,7 +54424,7 @@ const TaskDetailPanel = ({
|
|
|
54258
54424
|
error: errorMessage
|
|
54259
54425
|
});
|
|
54260
54426
|
if (span) {
|
|
54261
|
-
span.addEvent("task.
|
|
54427
|
+
span.addEvent("task.delete.failed", {
|
|
54262
54428
|
"task.id": selectedTask.id
|
|
54263
54429
|
});
|
|
54264
54430
|
span.addEvent("task.save.error", {
|