@dnd-kit/dom 0.3.2 → 0.4.0-beta-20260219130201

package/index.cjs

@@ -298,47 +298,20 @@ function debounce(fn, wait) {
   debounced.cancel = () => clearTimeout(timeout);
   return debounced;
 }
-var Cursor = class extends abstract.Plugin {
+var styleRegistry = /* @__PURE__ */ new Map();
+var _roots_dec, _targetRoot_dec, _sourceRoot_dec, _additionalRoots_dec, _a, _registeredRules, _init, _additionalRoots, _StyleInjector_instances, syncStyles_fn, inject_fn, injectStyleElement_fn, injectAdoptedSheet_fn;
+var _StyleInjector = class _StyleInjector extends (_a = abstract.CorePlugin, _additionalRoots_dec = [state.reactive], _sourceRoot_dec = [state.derived], _targetRoot_dec = [state.derived], _roots_dec = [state.derived], _a) {
   constructor(manager, options) {
     super(manager, options);
-    this.manager = manager;
-    const doc = state.computed(
-      () => {
-        var _a5;
-        return utilities.getDocument((_a5 = this.manager.dragOperation.source) == null ? void 0 : _a5.element);
-      }
-    );
-    this.destroy = state.effect(() => {
-      var _a5;
-      const { dragOperation } = this.manager;
-      const { cursor = "grabbing", nonce } = (_a5 = this.options) != null ? _a5 : {};
-      if (dragOperation.status.initialized) {
-        const document2 = doc.value;
-        const style = document2.createElement("style");
-        if (nonce) {
-          style.setAttribute("nonce", nonce);
-        }
-        style.textContent = `* { cursor: ${cursor} !important; }`;
-        document2.head.appendChild(style);
-        return () => style.remove();
-      }
-    });
-  }
-};
-var styleRegistry = /* @__PURE__ */ new Map();
-var _roots_dec, _targetRoot_dec, _sourceRoot_dec, _additionalRoots_dec, _a, _registeredRules, _init, _additionalRoots, _StyleSheetManager_instances, syncStyles_fn, inject_fn, injectStyleElement_fn, injectAdoptedSheet_fn;
-var StyleSheetManager = class extends (_a = abstract.CorePlugin, _additionalRoots_dec = [state.reactive], _sourceRoot_dec = [state.derived], _targetRoot_dec = [state.derived], _roots_dec = [state.derived], _a) {
-  constructor(manager) {
-    super(manager);
     __runInitializers(_init, 5, this);
-    __privateAdd(this, _StyleSheetManager_instances);
+    __privateAdd(this, _StyleInjector_instances);
     __privateAdd(this, _registeredRules, /* @__PURE__ */ new Set());
     __privateAdd(this, _additionalRoots, __runInitializers(_init, 8, this, /* @__PURE__ */ new Set())), __runInitializers(_init, 11, this);
-    this.registerEffect(__privateMethod(this, _StyleSheetManager_instances, syncStyles_fn));
+    this.registerEffect(__privateMethod(this, _StyleInjector_instances, syncStyles_fn));
   }
   /**
    * Registers CSS rules to be injected into the active drag operation's
-   * document and shadow roots. The StyleSheetManager handles tracking
+   * document and shadow roots. The StyleInjector handles tracking
    * which roots need the styles and cleaning up when they're no longer needed.
    *
    * Returns a cleanup function that unregisters the rules.
@@ -391,13 +364,13 @@ var StyleSheetManager = class extends (_a = abstract.CorePlugin, _additionalRoot
 _init = __decoratorStart(_a);
 _registeredRules = new WeakMap();
 _additionalRoots = new WeakMap();
-_StyleSheetManager_instances = new WeakSet();
+_StyleInjector_instances = new WeakSet();
 syncStyles_fn = function() {
   const { roots } = this;
   const cleanups = [];
   for (const root of roots) {
     for (const cssRules of __privateGet(this, _registeredRules)) {
-      cleanups.push(__privateMethod(this, _StyleSheetManager_instances, inject_fn).call(this, root, cssRules));
+      cleanups.push(__privateMethod(this, _StyleInjector_instances, inject_fn).call(this, root, cssRules));
     }
   }
   return () => {
@@ -414,7 +387,7 @@ inject_fn = function(root, cssRules) {
   }
   let registration = rootStyles.get(cssRules);
   if (!registration) {
-    const created = utilities.isDocument(root) ? __privateMethod(this, _StyleSheetManager_instances, injectStyleElement_fn).call(this, root, rootStyles, cssRules) : __privateMethod(this, _StyleSheetManager_instances, injectAdoptedSheet_fn).call(this, root, rootStyles, cssRules);
+    const created = utilities.isDocument(root) ? __privateMethod(this, _StyleInjector_instances, injectStyleElement_fn).call(this, root, rootStyles, cssRules) : __privateMethod(this, _StyleInjector_instances, injectAdoptedSheet_fn).call(this, root, rootStyles, cssRules);
     if (!created) {
       return () => {
       };
@@ -439,7 +412,12 @@ inject_fn = function(root, cssRules) {
  * giving them the lowest cascade priority.
  */
 injectStyleElement_fn = function(root, rootStyles, cssRules) {
+  var _a5;
   const style = root.createElement("style");
+  const { nonce } = (_a5 = this.options) != null ? _a5 : {};
+  if (nonce) {
+    style.setAttribute("nonce", nonce);
+  }
   style.textContent = cssRules;
   root.head.prepend(style);
   const observer = new MutationObserver((entries) => {
@@ -505,11 +483,35 @@ injectAdoptedSheet_fn = function(root, rootStyles, cssRules) {
     }
   };
 };
-__decorateElement(_init, 4, "additionalRoots", _additionalRoots_dec, StyleSheetManager, _additionalRoots);
-__decorateElement(_init, 2, "sourceRoot", _sourceRoot_dec, StyleSheetManager);
-__decorateElement(_init, 2, "targetRoot", _targetRoot_dec, StyleSheetManager);
-__decorateElement(_init, 2, "roots", _roots_dec, StyleSheetManager);
-__decoratorMetadata(_init, StyleSheetManager);
+__decorateElement(_init, 4, "additionalRoots", _additionalRoots_dec, _StyleInjector, _additionalRoots);
+__decorateElement(_init, 2, "sourceRoot", _sourceRoot_dec, _StyleInjector);
+__decorateElement(_init, 2, "targetRoot", _targetRoot_dec, _StyleInjector);
+__decorateElement(_init, 2, "roots", _roots_dec, _StyleInjector);
+__decoratorMetadata(_init, _StyleInjector);
+_StyleInjector.configure = abstract.configurator(_StyleInjector);
+var StyleInjector = _StyleInjector;
+
+// src/core/plugins/cursor/Cursor.ts
+var Cursor = class extends abstract.Plugin {
+  constructor(manager, options) {
+    super(manager, options);
+    this.manager = manager;
+    const { cursor = "grabbing" } = options != null ? options : {};
+    const styleInjector = manager.registry.plugins.get(
+      StyleInjector
+    );
+    const unregisterStyles = styleInjector == null ? void 0 : styleInjector.register(
+      `* { cursor: ${cursor} !important; }`
+    );
+    if (unregisterStyles) {
+      const originalDestroy = this.destroy.bind(this);
+      this.destroy = () => {
+        unregisterStyles();
+        originalDestroy();
+      };
+    }
+  }
+};
 
 // src/core/plugins/feedback/constants.ts
 var ATTR_PREFIX = "data-dnd-";
@@ -855,10 +857,10 @@ var _Feedback = class _Feedback extends (_a2 = abstract.Plugin, _overlay_dec = [
       initial: {},
       current: {}
     };
-    const styleSheetManager = manager.registry.plugins.get(
-      StyleSheetManager
+    const styleInjector = manager.registry.plugins.get(
+      StyleInjector
     );
-    const unregisterStyles = styleSheetManager == null ? void 0 : styleSheetManager.register(CSS_RULES);
+    const unregisterStyles = styleInjector == null ? void 0 : styleInjector.register(CSS_RULES);
     if (unregisterStyles) {
       const originalDestroy = this.destroy.bind(this);
       this.destroy = () => {
@@ -866,19 +868,19 @@ var _Feedback = class _Feedback extends (_a2 = abstract.Plugin, _overlay_dec = [
         originalDestroy();
       };
     }
-    this.registerEffect(__privateMethod(this, _Feedback_instances, trackOverlayRoot_fn).bind(this, styleSheetManager));
+    this.registerEffect(__privateMethod(this, _Feedback_instances, trackOverlayRoot_fn).bind(this, styleInjector));
     this.registerEffect(__privateMethod(this, _Feedback_instances, render_fn));
   }
 };
 _init2 = __decoratorStart(_a2);
 _overlay = new WeakMap();
 _Feedback_instances = new WeakSet();
-trackOverlayRoot_fn = function(styleSheetManager) {
+trackOverlayRoot_fn = function(styleInjector) {
   const { overlay } = this;
-  if (!overlay || !styleSheetManager) return;
+  if (!overlay || !styleInjector) return;
   const root = utilities.getRoot(overlay);
   if (!root) return;
-  return styleSheetManager.addRoot(root);
+  return styleInjector.addRoot(root);
 };
 render_fn = function() {
   var _a5, _b2, _c3;
@@ -1537,21 +1539,18 @@ var ScrollListener = class extends abstract.CorePlugin {
   }
 };
 _timeout = new WeakMap();
+var CSS_RULES2 = "* { user-select: none !important; -webkit-user-select: none !important; }";
 var PreventSelection = class extends abstract.Plugin {
-  constructor(manager, options) {
-    super(manager, options);
+  constructor(manager) {
+    super(manager);
     this.manager = manager;
+    const styleInjector = manager.registry.plugins.get(
+      StyleInjector
+    );
+    const unregisterStyles = styleInjector == null ? void 0 : styleInjector.register(CSS_RULES2);
     this.destroy = state.effect(() => {
-      var _a5;
       const { dragOperation } = this.manager;
-      const { nonce } = (_a5 = this.options) != null ? _a5 : {};
       if (dragOperation.status.initialized) {
-        const style = document.createElement("style");
-        if (nonce) {
-          style.setAttribute("nonce", nonce);
-        }
-        style.textContent = `* { user-select: none !important; -webkit-user-select: none !important; }`;
-        document.head.appendChild(style);
         removeSelection();
         document.addEventListener("selectionchange", removeSelection, {
           capture: true
@@ -1560,10 +1559,16 @@ var PreventSelection = class extends abstract.Plugin {
           document.removeEventListener("selectionchange", removeSelection, {
             capture: true
           });
-          style.remove();
         };
       }
     });
+    if (unregisterStyles) {
+      const originalDestroy = this.destroy.bind(this);
+      this.destroy = () => {
+        unregisterStyles();
+        originalDestroy();
+      };
+    }
   }
 };
 function removeSelection() {
@@ -2121,7 +2126,7 @@ var DragDropManager = class extends abstract.DragDropManager {
     const sensors = abstract.resolveCustomizable(input.sensors, defaultPreset.sensors);
     const modifiers = abstract.resolveCustomizable(input.modifiers, defaultPreset.modifiers);
     super(__spreadProps(__spreadValues({}, input), {
-      plugins: [ScrollListener, Scroller, StyleSheetManager, ...plugins],
+      plugins: [ScrollListener, Scroller, StyleInjector, ...plugins],
       sensors,
       modifiers
     }));
@@ -2281,7 +2286,7 @@ exports.PointerSensor = PointerSensor;
 exports.PreventSelection = PreventSelection;
 exports.ScrollListener = ScrollListener;
 exports.Scroller = Scroller;
-exports.StyleSheetManager = StyleSheetManager;
+exports.StyleInjector = StyleInjector;
 exports.defaultPreset = defaultPreset;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map