@dnd-kit/dom 0.1.11 → 0.1.12-beta-20250507010230
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/index.cjs +30 -16
- package/index.cjs.map +1 -1
- package/index.js +30 -16
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/utilities.cjs +7 -3
- package/utilities.cjs.map +1 -1
- package/utilities.d.cts +1 -1
- package/utilities.d.ts +1 -1
- package/utilities.js +7 -3
- package/utilities.js.map +1 -1
package/index.cjs
CHANGED
|
@@ -157,6 +157,7 @@ function createLiveRegion(id) {
|
|
|
157
157
|
|
|
158
158
|
// src/core/plugins/accessibility/Accessibility.ts
|
|
159
159
|
var debouncedEvents = ["dragover", "dragmove"];
|
|
160
|
+
var elements = /* @__PURE__ */ new WeakSet();
|
|
160
161
|
var Accessibility = class extends abstract.Plugin {
|
|
161
162
|
constructor(manager, options) {
|
|
162
163
|
super(manager);
|
|
@@ -223,6 +224,9 @@ var Accessibility = class extends abstract.Plugin {
|
|
|
223
224
|
for (const draggable of this.manager.registry.draggables.value) {
|
|
224
225
|
const activator = (_a4 = draggable.handle) != null ? _a4 : draggable.element;
|
|
225
226
|
if (activator) {
|
|
227
|
+
if (!elements.has(activator)) {
|
|
228
|
+
elements.add(activator);
|
|
229
|
+
}
|
|
226
230
|
if (!hiddenTextElement || !liveRegionElement) {
|
|
227
231
|
initialize();
|
|
228
232
|
}
|
|
@@ -249,11 +253,17 @@ var Accessibility = class extends abstract.Plugin {
|
|
|
249
253
|
}
|
|
250
254
|
};
|
|
251
255
|
this.registerEffect(() => {
|
|
256
|
+
var _a4;
|
|
257
|
+
let dirty = false;
|
|
252
258
|
for (const draggable of this.manager.registry.draggables.value) {
|
|
253
|
-
|
|
254
|
-
|
|
259
|
+
const activator = (_a4 = draggable.handle) != null ? _a4 : draggable.element;
|
|
260
|
+
if (activator && !elements.has(activator)) {
|
|
261
|
+
dirty = true;
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
if (dirty) {
|
|
265
|
+
utilities.scheduler.schedule(updateAttributes);
|
|
255
266
|
}
|
|
256
|
-
utilities.scheduler.schedule(updateAttributes);
|
|
257
267
|
});
|
|
258
268
|
this.destroy = () => {
|
|
259
269
|
super.destroy();
|
|
@@ -978,8 +988,8 @@ var Scroller = class extends (_a3 = abstract.CorePlugin, _autoScrolling_dec = [s
|
|
|
978
988
|
if (this.disabled) {
|
|
979
989
|
return false;
|
|
980
990
|
}
|
|
981
|
-
const
|
|
982
|
-
if (!
|
|
991
|
+
const elements2 = this.getScrollableElements();
|
|
992
|
+
if (!elements2) {
|
|
983
993
|
__privateSet(this, _meta, void 0);
|
|
984
994
|
return false;
|
|
985
995
|
}
|
|
@@ -995,7 +1005,7 @@ var Scroller = class extends (_a3 = abstract.CorePlugin, _autoScrolling_dec = [s
|
|
|
995
1005
|
if (scrollIntent == null ? void 0 : scrollIntent.isLocked()) {
|
|
996
1006
|
return false;
|
|
997
1007
|
}
|
|
998
|
-
for (const scrollableElement of
|
|
1008
|
+
for (const scrollableElement of elements2) {
|
|
999
1009
|
const elementCanScroll = utilities.canScroll(scrollableElement, by);
|
|
1000
1010
|
if (elementCanScroll.x || elementCanScroll.y) {
|
|
1001
1011
|
const { speed, direction } = utilities.detectScrollIntent(
|
|
@@ -1061,22 +1071,22 @@ var Scroller = class extends (_a3 = abstract.CorePlugin, _autoScrolling_dec = [s
|
|
|
1061
1071
|
const { target } = manager.dragOperation;
|
|
1062
1072
|
const targetElement = target == null ? void 0 : target.element;
|
|
1063
1073
|
if (targetElement) {
|
|
1064
|
-
const
|
|
1074
|
+
const elements2 = utilities.getScrollableAncestors(targetElement, {
|
|
1065
1075
|
excludeElement: false
|
|
1066
1076
|
});
|
|
1067
|
-
previousScrollableElements =
|
|
1068
|
-
return
|
|
1077
|
+
previousScrollableElements = elements2;
|
|
1078
|
+
return elements2;
|
|
1069
1079
|
}
|
|
1070
1080
|
}
|
|
1071
1081
|
if (element) {
|
|
1072
|
-
const
|
|
1082
|
+
const elements2 = utilities.getScrollableAncestors(element, {
|
|
1073
1083
|
excludeElement: false
|
|
1074
1084
|
});
|
|
1075
|
-
if (this.autoScrolling && previousScrollableElements &&
|
|
1085
|
+
if (this.autoScrolling && previousScrollableElements && elements2.size < (previousScrollableElements == null ? void 0 : previousScrollableElements.size)) {
|
|
1076
1086
|
return previousScrollableElements;
|
|
1077
1087
|
}
|
|
1078
|
-
previousScrollableElements =
|
|
1079
|
-
return
|
|
1088
|
+
previousScrollableElements = elements2;
|
|
1089
|
+
return elements2;
|
|
1080
1090
|
}
|
|
1081
1091
|
previousScrollableElements = null;
|
|
1082
1092
|
return null;
|
|
@@ -1140,9 +1150,13 @@ var Scheduler = class {
|
|
|
1140
1150
|
return new Promise((resolve) => this.resolvers.add(resolve));
|
|
1141
1151
|
}
|
|
1142
1152
|
};
|
|
1143
|
-
var scheduler3 = new Scheduler(
|
|
1144
|
-
(
|
|
1145
|
-
);
|
|
1153
|
+
var scheduler3 = new Scheduler((callback) => {
|
|
1154
|
+
if (typeof requestAnimationFrame === "function") {
|
|
1155
|
+
requestAnimationFrame(callback);
|
|
1156
|
+
} else {
|
|
1157
|
+
callback();
|
|
1158
|
+
}
|
|
1159
|
+
});
|
|
1146
1160
|
|
|
1147
1161
|
// src/core/plugins/scrolling/AutoScroller.ts
|
|
1148
1162
|
var AUTOSCROLL_INTERVAL = 10;
|