@vuu-ui/vuu-utils 4.0.1 → 5.0.0-alpha.1

package/src/vendor/@dnd-kit/abstract/index.js

@@ -1,4 +1,4 @@
-import { untracked, effect, effects, reactive, derived, ValueHistory, snapshot, batch, signal } from '../state/dist/index.js';
+import { signal, untracked, effect, batch, effects, reactive, derived, ValueHistory, snapshot } from '../state/dist/index.js';
 import { Position } from '../geometry/dist/index.js';
 
 var __create = Object.create;
@@ -234,11 +234,13 @@ var PluginRegistry = class {
    * - Registers new plugins with their options
    */
   set values(entries) {
-    const descriptors = entries.map(descriptor).reduceRight((acc, descriptor2) => {
-      if (acc.some(({ plugin }) => plugin === descriptor2.plugin)) {
+    const descriptors = entries.map(descriptor).reduce((acc, descriptor2) => {
+      const existing = acc.find(({ plugin }) => plugin === descriptor2.plugin);
+      if (existing) {
+        existing.options = descriptor2.options;
         return acc;
       }
-      return [descriptor2, ...acc];
+      return [...acc, descriptor2];
     }, []);
     const constructors = descriptors.map(({ plugin }) => plugin);
     for (const plugin of __privateGet(this, _previousValues)) {
@@ -440,6 +442,336 @@ var CollisionObserver = class extends Plugin {
 };
 _previousCoordinates = new WeakMap();
 _collisions = new WeakMap();
+var _disabled_dec2, _data_dec, _manager_dec, _Entity_static, flushIdChanges_fn, _init2, _manager, _idSignal, _data, _disabled2;
+_manager_dec = [reactive], _data_dec = [reactive], _disabled_dec2 = [reactive];
+var _Entity = class _Entity {
+  /**
+   * Creates a new instance of the `Entity` class.
+   *
+   * @param input - An object containing the initial properties of the entity.
+   * @param manager - The manager that controls the drag and drop operations.
+   */
+  constructor(input, manager) {
+    __privateAdd(this, _manager, __runInitializers(_init2, 8, this)), __runInitializers(_init2, 11, this);
+    /**
+     * The unique identifier of the entity.
+     *
+     * Setting this property defers the signal update to a microtask,
+     * batching multiple id changes together atomically. This ensures
+     * that when entities swap ids (e.g. during sorting with virtualization),
+     * all registry updates happen in a single transaction.
+     */
+    __privateAdd(this, _idSignal);
+    __privateAdd(this, _data, __runInitializers(_init2, 12, this)), __runInitializers(_init2, 15, this);
+    __privateAdd(this, _disabled2, __runInitializers(_init2, 16, this)), __runInitializers(_init2, 19, this);
+    const { effects: effects6, id, data = {}, disabled = false, register = true } = input;
+    let previousId = id;
+    __privateSet(this, _idSignal, signal(id));
+    this.manager = manager;
+    this.data = data;
+    this.disabled = disabled;
+    this.effects = () => {
+      var _a;
+      return [
+        () => {
+          const { id: id2, manager: manager2 } = this;
+          if (id2 === previousId) {
+            return;
+          }
+          previousId = id2;
+          manager2 == null ? void 0 : manager2.registry.register(this);
+          return () => manager2 == null ? void 0 : manager2.registry.unregister(this);
+        },
+        ...(_a = effects6 == null ? void 0 : effects6()) != null ? _a : []
+      ];
+    };
+    this.register = this.register.bind(this);
+    this.unregister = this.unregister.bind(this);
+    this.destroy = this.destroy.bind(this);
+    if (manager && register) {
+      queueMicrotask(this.register);
+    }
+  }
+  get id() {
+    var _a, _b;
+    const signalValue = __privateGet(this, _idSignal).value;
+    return (_b = (_a = _Entity.pendingIdChanges) == null ? void 0 : _a.get(this)) != null ? _b : signalValue;
+  }
+  set id(value) {
+    var _a, _b;
+    const current = (_b = (_a = _Entity.pendingIdChanges) == null ? void 0 : _a.get(this)) != null ? _b : __privateGet(this, _idSignal).peek();
+    if (value === current) return;
+    if (!_Entity.pendingIdChanges) {
+      _Entity.pendingIdChanges = /* @__PURE__ */ new Map();
+      queueMicrotask(() => {
+        var _a2;
+        return __privateMethod(_a2 = _Entity, _Entity_static, flushIdChanges_fn).call(_a2);
+      });
+    }
+    _Entity.pendingIdChanges.set(this, value);
+  }
+  /**
+   * A method that registers the entity with the manager.
+   * @returns CleanupFunction | void
+   */
+  register() {
+    var _a;
+    return (_a = this.manager) == null ? void 0 : _a.registry.register(this);
+  }
+  /**
+   * A method that unregisters the entity from the manager.
+   * @returns void
+   */
+  unregister() {
+    var _a;
+    (_a = this.manager) == null ? void 0 : _a.registry.unregister(this);
+  }
+  /**
+   * A method that cleans up the entity when it is no longer needed.
+   * @returns void
+   */
+  destroy() {
+    var _a;
+    (_a = this.manager) == null ? void 0 : _a.registry.unregister(this);
+  }
+};
+_init2 = __decoratorStart(null);
+_Entity_static = new WeakSet();
+flushIdChanges_fn = function() {
+  const changes = _Entity.pendingIdChanges;
+  _Entity.pendingIdChanges = null;
+  if (changes) {
+    batch(() => {
+      for (const [entity, id] of changes) {
+        __privateGet(entity, _idSignal).value = id;
+      }
+    });
+  }
+};
+_manager = new WeakMap();
+_idSignal = new WeakMap();
+_data = new WeakMap();
+_disabled2 = new WeakMap();
+__decorateElement(_init2, 4, "manager", _manager_dec, _Entity, _manager);
+__decorateElement(_init2, 4, "data", _data_dec, _Entity, _data);
+__decorateElement(_init2, 4, "disabled", _disabled_dec2, _Entity, _disabled2);
+__privateAdd(_Entity, _Entity_static);
+__decoratorMetadata(_init2, _Entity);
+_Entity.pendingIdChanges = null;
+var Entity = _Entity;
+var EntityRegistry = class {
+  constructor() {
+    this.map = signal(/* @__PURE__ */ new Map());
+    this.cleanupFunctions = /* @__PURE__ */ new WeakMap();
+    /**
+     * Registers a entity in the registry.
+     * @param key - The unique identifier of the entity.
+     * @param value - The entity to register.
+     * @returns A function that unregisters the entity.
+     */
+    this.register = (key, value) => {
+      const current = this.map.peek();
+      const currentValue = current.get(key);
+      const unregister = () => this.unregister(key, value);
+      if (currentValue === value) return unregister;
+      if (currentValue) {
+        if (currentValue.id === key) {
+          const cleanup2 = this.cleanupFunctions.get(currentValue);
+          cleanup2 == null ? void 0 : cleanup2();
+          this.cleanupFunctions.delete(currentValue);
+        }
+      }
+      const updatedMap = new Map(current);
+      for (const [existingKey, existingValue] of current) {
+        if (existingValue === value && existingKey !== key) {
+          updatedMap.delete(existingKey);
+          break;
+        }
+      }
+      updatedMap.set(key, value);
+      this.map.value = updatedMap;
+      const cleanup = effects(...value.effects());
+      this.cleanupFunctions.set(value, cleanup);
+      return unregister;
+    };
+    /**
+     * Unregisters an entity from the registry.
+     * @param key - The unique identifier of the entity.
+     * @param value - The entity instance to unregister.
+     */
+    this.unregister = (key, value) => {
+      const current = this.map.peek();
+      if (current.get(key) !== value) {
+        return;
+      }
+      const cleanup = this.cleanupFunctions.get(value);
+      cleanup == null ? void 0 : cleanup();
+      this.cleanupFunctions.delete(value);
+      const updatedMap = new Map(current);
+      updatedMap.delete(key);
+      this.map.value = updatedMap;
+    };
+  }
+  /**
+   * Iterator for the EntityRegistry class.
+   * @returns An iterator for the values in the map.
+   */
+  [Symbol.iterator]() {
+    return this.map.peek().values();
+  }
+  get value() {
+    return this.map.value.values();
+  }
+  /**
+   * Checks if a entity with the given identifier exists in the registry.
+   * @param identifier - The unique identifier of the entity.
+   * @returns True if the entity exists, false otherwise.
+   */
+  has(identifier) {
+    return this.map.value.has(identifier);
+  }
+  /**
+   * Retrieves a entity from the registry using its identifier.
+   * @param identifier - The unique identifier of the entity.
+   * @returns The entity if it exists, undefined otherwise.
+   */
+  get(identifier) {
+    return this.map.value.get(identifier);
+  }
+  /**
+   * Destroys all entries in the registry and clears the registry.
+   */
+  destroy() {
+    for (const entry of this) {
+      const cleanup = this.cleanupFunctions.get(entry);
+      cleanup == null ? void 0 : cleanup();
+      entry.destroy();
+    }
+    this.map.value = /* @__PURE__ */ new Map();
+  }
+};
+var _isDragSource_dec, _isDragging_dec, _isDropping_dec, _status_dec, _modifiers_dec, _type_dec, _c, _init3, _type, _modifiers, _status;
+var Draggable = class extends (_c = Entity, _type_dec = [reactive], _modifiers_dec = [reactive], _status_dec = [reactive], _isDropping_dec = [derived], _isDragging_dec = [derived], _isDragSource_dec = [derived], _c) {
+  constructor(_a, manager) {
+    var _b = _a, { modifiers, type, sensors, plugins, effects: effects6 } = _b, input = __objRest(_b, ["modifiers", "type", "sensors", "plugins", "effects"]);
+    super(
+      __spreadProps(__spreadValues({}, input), {
+        effects: () => {
+          var _a2;
+          return [
+            ...(_a2 = effects6 == null ? void 0 : effects6()) != null ? _a2 : [],
+            () => {
+              const { manager: manager2, plugins: plugins2 } = this;
+              if (!manager2 || !plugins2) return;
+              for (const entry of plugins2) {
+                const { plugin } = descriptor(entry);
+                manager2.registry.plugins.register(plugin);
+              }
+            }
+          ];
+        }
+      }),
+      manager
+    );
+    __runInitializers(_init3, 5, this);
+    __privateAdd(this, _type, __runInitializers(_init3, 8, this)), __runInitializers(_init3, 11, this);
+    __privateAdd(this, _modifiers, __runInitializers(_init3, 12, this)), __runInitializers(_init3, 15, this);
+    __privateAdd(this, _status, __runInitializers(_init3, 16, this, this.isDragSource ? "dragging" : "idle")), __runInitializers(_init3, 19, this);
+    this.type = type;
+    this.sensors = sensors;
+    this.modifiers = modifiers;
+    this.alignment = input.alignment;
+    this.plugins = plugins;
+  }
+  /**
+   * Look up per-entity options for a given plugin constructor.
+   */
+  pluginConfig(plugin) {
+    if (!this.plugins) return void 0;
+    for (const entry of this.plugins) {
+      const desc = descriptor(entry);
+      if (desc.plugin === plugin) return desc.options;
+    }
+    return void 0;
+  }
+  get isDropping() {
+    return this.status === "dropping" && this.isDragSource;
+  }
+  get isDragging() {
+    return this.status === "dragging" && this.isDragSource;
+  }
+  get isDragSource() {
+    var _a, _b;
+    return ((_b = (_a = this.manager) == null ? void 0 : _a.dragOperation.source) == null ? void 0 : _b.id) === this.id;
+  }
+};
+_init3 = __decoratorStart(_c);
+_type = new WeakMap();
+_modifiers = new WeakMap();
+_status = new WeakMap();
+__decorateElement(_init3, 4, "type", _type_dec, Draggable, _type);
+__decorateElement(_init3, 4, "modifiers", _modifiers_dec, Draggable, _modifiers);
+__decorateElement(_init3, 4, "status", _status_dec, Draggable, _status);
+__decorateElement(_init3, 2, "isDropping", _isDropping_dec, Draggable);
+__decorateElement(_init3, 2, "isDragging", _isDragging_dec, Draggable);
+__decorateElement(_init3, 2, "isDragSource", _isDragSource_dec, Draggable);
+__decoratorMetadata(_init3, Draggable);
+var _isDropTarget_dec, _shape_dec, _collisionPriority_dec, _collisionDetector_dec, _type_dec2, _accept_dec, _c2, _init4, _accept, _type2, _collisionDetector, _collisionPriority, _shape;
+var Droppable = class extends (_c2 = Entity, _accept_dec = [reactive], _type_dec2 = [reactive], _collisionDetector_dec = [reactive], _collisionPriority_dec = [reactive], _shape_dec = [reactive], _isDropTarget_dec = [derived], _c2) {
+  constructor(_a, manager) {
+    var _b = _a, { accept, collisionDetector, collisionPriority, type } = _b, input = __objRest(_b, ["accept", "collisionDetector", "collisionPriority", "type"]);
+    super(input, manager);
+    __runInitializers(_init4, 5, this);
+    __privateAdd(this, _accept, __runInitializers(_init4, 8, this)), __runInitializers(_init4, 11, this);
+    __privateAdd(this, _type2, __runInitializers(_init4, 12, this)), __runInitializers(_init4, 15, this);
+    __privateAdd(this, _collisionDetector, __runInitializers(_init4, 16, this)), __runInitializers(_init4, 19, this);
+    __privateAdd(this, _collisionPriority, __runInitializers(_init4, 20, this)), __runInitializers(_init4, 23, this);
+    __privateAdd(this, _shape, __runInitializers(_init4, 24, this)), __runInitializers(_init4, 27, this);
+    this.accept = accept;
+    this.collisionDetector = collisionDetector;
+    this.collisionPriority = collisionPriority;
+    this.type = type;
+  }
+  /**
+   * Checks whether or not the droppable accepts a given draggable.
+   *
+   * @param draggable - The draggable to check
+   * @returns true if the draggable can be dropped here
+   */
+  accepts(draggable) {
+    const { accept } = this;
+    if (!accept) {
+      return true;
+    }
+    if (typeof accept === "function") {
+      return accept(draggable);
+    }
+    if (!draggable.type) {
+      return false;
+    }
+    if (Array.isArray(accept)) {
+      return accept.includes(draggable.type);
+    }
+    return draggable.type === accept;
+  }
+  get isDropTarget() {
+    var _a, _b;
+    return ((_b = (_a = this.manager) == null ? void 0 : _a.dragOperation.target) == null ? void 0 : _b.id) === this.id;
+  }
+};
+_init4 = __decoratorStart(_c2);
+_accept = new WeakMap();
+_type2 = new WeakMap();
+_collisionDetector = new WeakMap();
+_collisionPriority = new WeakMap();
+_shape = new WeakMap();
+__decorateElement(_init4, 4, "accept", _accept_dec, Droppable, _accept);
+__decorateElement(_init4, 4, "type", _type_dec2, Droppable, _type2);
+__decorateElement(_init4, 4, "collisionDetector", _collisionDetector_dec, Droppable, _collisionDetector);
+__decorateElement(_init4, 4, "collisionPriority", _collisionPriority_dec, Droppable, _collisionPriority);
+__decorateElement(_init4, 4, "shape", _shape_dec, Droppable, _shape);
+__decorateElement(_init4, 2, "isDropTarget", _isDropTarget_dec, Droppable);
+__decoratorMetadata(_init4, Droppable);
 
 // src/core/manager/events.ts
 var Monitor = class {
@@ -546,6 +878,9 @@ var CollisionNotifier = class extends CorePlugin {
         if (collisionObserver.isDisabled()) {
           return;
         }
+        if (Entity.pendingIdChanges) {
+          return;
+        }
         const event = defaultPreventable({
           collisions
         });
@@ -588,12 +923,12 @@ var CollisionType = /* @__PURE__ */ ((CollisionType2) => {
   CollisionType2[CollisionType2["PointerIntersection"] = 2] = "PointerIntersection";
   return CollisionType2;
 })(CollisionType || {});
-var _dropped_dec, _dragging_dec, _initialized_dec, _initializing_dec, _idle_dec, _current_dec, _value_dec, _init2, _value;
-_value_dec = [reactive], _current_dec = [derived], _idle_dec = [derived], _initializing_dec = [derived], _initialized_dec = [derived], _dragging_dec = [derived], _dropped_dec = [derived];
+var _dropped_dec, _dragging_dec, _initialized_dec, _initializing_dec, _initializationPending_dec, _idle_dec, _current_dec, _value_dec, _init5, _value;
+_value_dec = [reactive], _current_dec = [derived], _idle_dec = [derived], _initializationPending_dec = [derived], _initializing_dec = [derived], _initialized_dec = [derived], _dragging_dec = [derived], _dropped_dec = [derived];
 var Status = class {
   constructor() {
-    __runInitializers(_init2, 5, this);
-    __privateAdd(this, _value, __runInitializers(_init2, 8, this, "idle" /* Idle */)), __runInitializers(_init2, 11, this);
+    __runInitializers(_init5, 5, this);
+    __privateAdd(this, _value, __runInitializers(_init5, 8, this, "idle" /* Idle */)), __runInitializers(_init5, 11, this);
   }
   get current() {
     return this.value;
@@ -601,6 +936,9 @@ var Status = class {
   get idle() {
     return this.value === "idle" /* Idle */;
   }
+  get initializationPending() {
+    return this.value === "initialization-pending" /* InitializationPending */;
+  }
   get initializing() {
     return this.value === "initializing" /* Initializing */;
   }
@@ -623,16 +961,17 @@ var Status = class {
     this.value = value;
   }
 };
-_init2 = __decoratorStart(null);
+_init5 = __decoratorStart(null);
 _value = new WeakMap();
-__decorateElement(_init2, 4, "value", _value_dec, Status, _value);
-__decorateElement(_init2, 2, "current", _current_dec, Status);
-__decorateElement(_init2, 2, "idle", _idle_dec, Status);
-__decorateElement(_init2, 2, "initializing", _initializing_dec, Status);
-__decorateElement(_init2, 2, "initialized", _initialized_dec, Status);
-__decorateElement(_init2, 2, "dragging", _dragging_dec, Status);
-__decorateElement(_init2, 2, "dropped", _dropped_dec, Status);
-__decoratorMetadata(_init2, Status);
+__decorateElement(_init5, 4, "value", _value_dec, Status, _value);
+__decorateElement(_init5, 2, "current", _current_dec, Status);
+__decorateElement(_init5, 2, "idle", _idle_dec, Status);
+__decorateElement(_init5, 2, "initializationPending", _initializationPending_dec, Status);
+__decorateElement(_init5, 2, "initializing", _initializing_dec, Status);
+__decorateElement(_init5, 2, "initialized", _initialized_dec, Status);
+__decorateElement(_init5, 2, "dragging", _dragging_dec, Status);
+__decorateElement(_init5, 2, "dropped", _dropped_dec, Status);
+__decoratorMetadata(_init5, Status);
 
 // src/core/manager/actions.ts
 var DragActions = class {
@@ -725,11 +1064,13 @@ var DragActions = class {
         if (controller.signal.aborted) return;
         const { status } = dragOperation;
         if (status.current !== "initializing" /* Initializing */) return;
-        dragOperation.status.set("dragging" /* Dragging */);
-        this.manager.monitor.dispatch("dragstart", {
-          nativeEvent,
-          operation: dragOperation.snapshot(),
-          cancelable: false
+        batch(() => {
+          dragOperation.status.set("dragging" /* Dragging */);
+          this.manager.monitor.dispatch("dragstart", {
+            nativeEvent,
+            operation: dragOperation.snapshot(),
+            cancelable: false
+          });
         });
       });
       return controller;
@@ -854,272 +1195,73 @@ var DragActions = class {
     });
   }
 };
-var _disabled_dec2, _data_dec, _id_dec, _manager_dec, _init3, _manager, _id, _data, _disabled2;
-_manager_dec = [reactive], _id_dec = [reactive], _data_dec = [reactive], _disabled_dec2 = [reactive];
-var Entity = class {
+
+// src/core/sensors/sensor.ts
+var Sensor = class extends Plugin {
   /**
-   * Creates a new instance of the `Entity` class.
+   * Creates a new sensor instance.
    *
-   * @param input - An object containing the initial properties of the entity.
-   * @param manager - The manager that controls the drag and drop operations.
+   * @param manager - The drag drop manager instance
+   * @param options - Optional sensor configuration
    */
-  constructor(input, manager) {
-    __privateAdd(this, _manager, __runInitializers(_init3, 8, this)), __runInitializers(_init3, 11, this);
-    __privateAdd(this, _id, __runInitializers(_init3, 12, this)), __runInitializers(_init3, 15, this);
-    __privateAdd(this, _data, __runInitializers(_init3, 16, this)), __runInitializers(_init3, 19, this);
-    __privateAdd(this, _disabled2, __runInitializers(_init3, 20, this)), __runInitializers(_init3, 23, this);
-    const { effects: effects6, id, data = {}, disabled = false, register = true } = input;
-    let previousId = id;
+  constructor(manager, options) {
+    super(manager, options);
     this.manager = manager;
-    this.id = id;
-    this.data = data;
-    this.disabled = disabled;
-    this.effects = () => {
-      var _a;
-      return [
-        () => {
-          const { id: id2, manager: manager2 } = this;
-          if (id2 === previousId) {
-            return;
-          }
-          manager2 == null ? void 0 : manager2.registry.register(this);
-          return () => manager2 == null ? void 0 : manager2.registry.unregister(this);
-        },
-        ...(_a = effects6 == null ? void 0 : effects6()) != null ? _a : []
-      ];
-    };
-    this.register = this.register.bind(this);
-    this.unregister = this.unregister.bind(this);
-    this.destroy = this.destroy.bind(this);
-    if (manager && register) {
-      queueMicrotask(this.register);
-    }
-  }
-  /**
-   * A method that registers the entity with the manager.
-   * @returns CleanupFunction | void
-   */
-  register() {
-    var _a;
-    return (_a = this.manager) == null ? void 0 : _a.registry.register(this);
+    this.options = options;
   }
-  /**
-   * A method that unregisters the entity from the manager.
-   * @returns void
-   */
-  unregister() {
-    var _a;
-    (_a = this.manager) == null ? void 0 : _a.registry.unregister(this);
+};
+
+// src/core/sensors/activation.ts
+var ActivationController = class extends AbortController {
+  constructor(constraints, onActivate) {
+    super();
+    this.constraints = constraints;
+    this.onActivate = onActivate;
+    this.activated = false;
+    for (const constraint of constraints != null ? constraints : []) {
+      constraint.controller = this;
+    }
   }
-  /**
-   * A method that cleans up the entity when it is no longer needed.
-   * @returns void
-   */
-  destroy() {
+  onEvent(event) {
     var _a;
-    (_a = this.manager) == null ? void 0 : _a.registry.unregister(this);
-  }
-};
-_init3 = __decoratorStart(null);
-_manager = new WeakMap();
-_id = new WeakMap();
-_data = new WeakMap();
-_disabled2 = new WeakMap();
-__decorateElement(_init3, 4, "manager", _manager_dec, Entity, _manager);
-__decorateElement(_init3, 4, "id", _id_dec, Entity, _id);
-__decorateElement(_init3, 4, "data", _data_dec, Entity, _data);
-__decorateElement(_init3, 4, "disabled", _disabled_dec2, Entity, _disabled2);
-__decoratorMetadata(_init3, Entity);
-var EntityRegistry = class {
-  constructor() {
-    this.map = signal(/* @__PURE__ */ new Map());
-    this.cleanupFunctions = /* @__PURE__ */ new WeakMap();
-    /**
-     * Registers a entity in the registry.
-     * @param key - The unique identifier of the entity.
-     * @param value - The entity to register.
-     * @returns A function that unregisters the entity.
-     */
-    this.register = (key, value) => {
-      const current = this.map.peek();
-      const currentValue = current.get(key);
-      const unregister = () => this.unregister(key, value);
-      if (currentValue === value) return unregister;
-      if (currentValue) {
-        const cleanup2 = this.cleanupFunctions.get(currentValue);
-        cleanup2 == null ? void 0 : cleanup2();
-        this.cleanupFunctions.delete(currentValue);
-      }
-      const updatedMap = new Map(current);
-      updatedMap.set(key, value);
-      this.map.value = updatedMap;
-      const cleanup = effects(...value.effects());
-      this.cleanupFunctions.set(value, cleanup);
-      return unregister;
-    };
-    /**
-     * Unregisters an entity from the registry.
-     * @param key - The unique identifier of the entity.
-     * @param value - The entity instance to unregister.
-     */
-    this.unregister = (key, value) => {
-      const current = this.map.peek();
-      if (current.get(key) !== value) {
-        return;
+    if (this.activated) return;
+    if ((_a = this.constraints) == null ? void 0 : _a.length) {
+      for (const constraint of this.constraints) {
+        constraint.onEvent(event);
       }
-      const cleanup = this.cleanupFunctions.get(value);
-      cleanup == null ? void 0 : cleanup();
-      this.cleanupFunctions.delete(value);
-      const updatedMap = new Map(current);
-      updatedMap.delete(key);
-      this.map.value = updatedMap;
-    };
-  }
-  /**
-   * Iterator for the EntityRegistry class.
-   * @returns An iterator for the values in the map.
-   */
-  [Symbol.iterator]() {
-    return this.map.peek().values();
-  }
-  get value() {
-    return this.map.value.values();
-  }
-  /**
-   * Checks if a entity with the given identifier exists in the registry.
-   * @param identifier - The unique identifier of the entity.
-   * @returns True if the entity exists, false otherwise.
-   */
-  has(identifier) {
-    return this.map.value.has(identifier);
-  }
-  /**
-   * Retrieves a entity from the registry using its identifier.
-   * @param identifier - The unique identifier of the entity.
-   * @returns The entity if it exists, undefined otherwise.
-   */
-  get(identifier) {
-    return this.map.value.get(identifier);
-  }
-  /**
-   * Destroys all entries in the registry and clears the registry.
-   */
-  destroy() {
-    for (const entry of this) {
-      const cleanup = this.cleanupFunctions.get(entry);
-      cleanup == null ? void 0 : cleanup();
-      entry.destroy();
+    } else {
+      this.activate(event);
     }
-    this.map.value = /* @__PURE__ */ new Map();
-  }
-};
-var _isDragSource_dec, _isDragging_dec, _isDropping_dec, _status_dec, _modifiers_dec, _type_dec, _c, _init4, _type, _modifiers, _status;
-var Draggable = class extends (_c = Entity, _type_dec = [reactive], _modifiers_dec = [reactive], _status_dec = [reactive], _isDropping_dec = [derived], _isDragging_dec = [derived], _isDragSource_dec = [derived], _c) {
-  constructor(_a, manager) {
-    var _b = _a, { modifiers, type, sensors } = _b, input = __objRest(_b, ["modifiers", "type", "sensors"]);
-    super(input, manager);
-    __runInitializers(_init4, 5, this);
-    __privateAdd(this, _type, __runInitializers(_init4, 8, this)), __runInitializers(_init4, 11, this);
-    __privateAdd(this, _modifiers, __runInitializers(_init4, 12, this)), __runInitializers(_init4, 15, this);
-    __privateAdd(this, _status, __runInitializers(_init4, 16, this, this.isDragSource ? "dragging" : "idle")), __runInitializers(_init4, 19, this);
-    this.type = type;
-    this.sensors = sensors;
-    this.modifiers = modifiers;
-    this.alignment = input.alignment;
   }
-  get isDropping() {
-    return this.status === "dropping" && this.isDragSource;
-  }
-  get isDragging() {
-    return this.status === "dragging" && this.isDragSource;
+  activate(event) {
+    if (this.activated) return;
+    this.activated = true;
+    this.onActivate(event);
   }
-  get isDragSource() {
-    var _a, _b;
-    return ((_b = (_a = this.manager) == null ? void 0 : _a.dragOperation.source) == null ? void 0 : _b.id) === this.id;
+  abort(event) {
+    this.activated = false;
+    super.abort(event);
   }
 };
-_init4 = __decoratorStart(_c);
-_type = new WeakMap();
-_modifiers = new WeakMap();
-_status = new WeakMap();
-__decorateElement(_init4, 4, "type", _type_dec, Draggable, _type);
-__decorateElement(_init4, 4, "modifiers", _modifiers_dec, Draggable, _modifiers);
-__decorateElement(_init4, 4, "status", _status_dec, Draggable, _status);
-__decorateElement(_init4, 2, "isDropping", _isDropping_dec, Draggable);
-__decorateElement(_init4, 2, "isDragging", _isDragging_dec, Draggable);
-__decorateElement(_init4, 2, "isDragSource", _isDragSource_dec, Draggable);
-__decoratorMetadata(_init4, Draggable);
-var _isDropTarget_dec, _shape_dec, _collisionPriority_dec, _collisionDetector_dec, _type_dec2, _accept_dec, _c2, _init5, _accept, _type2, _collisionDetector, _collisionPriority, _shape;
-var Droppable = class extends (_c2 = Entity, _accept_dec = [reactive], _type_dec2 = [reactive], _collisionDetector_dec = [reactive], _collisionPriority_dec = [reactive], _shape_dec = [reactive], _isDropTarget_dec = [derived], _c2) {
-  constructor(_a, manager) {
-    var _b = _a, { accept, collisionDetector, collisionPriority, type } = _b, input = __objRest(_b, ["accept", "collisionDetector", "collisionPriority", "type"]);
-    super(input, manager);
-    __runInitializers(_init5, 5, this);
-    __privateAdd(this, _accept, __runInitializers(_init5, 8, this)), __runInitializers(_init5, 11, this);
-    __privateAdd(this, _type2, __runInitializers(_init5, 12, this)), __runInitializers(_init5, 15, this);
-    __privateAdd(this, _collisionDetector, __runInitializers(_init5, 16, this)), __runInitializers(_init5, 19, this);
-    __privateAdd(this, _collisionPriority, __runInitializers(_init5, 20, this)), __runInitializers(_init5, 23, this);
-    __privateAdd(this, _shape, __runInitializers(_init5, 24, this)), __runInitializers(_init5, 27, this);
-    this.accept = accept;
-    this.collisionDetector = collisionDetector;
-    this.collisionPriority = collisionPriority;
-    this.type = type;
-  }
-  /**
-   * Checks whether or not the droppable accepts a given draggable.
-   *
-   * @param draggable - The draggable to check
-   * @returns true if the draggable can be dropped here
-   */
-  accepts(draggable) {
-    const { accept } = this;
-    if (!accept) {
-      return true;
-    }
-    if (typeof accept === "function") {
-      return accept(draggable);
-    }
-    if (!draggable.type) {
-      return false;
-    }
-    if (Array.isArray(accept)) {
-      return accept.includes(draggable.type);
-    }
-    return draggable.type === accept;
+var _controller;
+var ActivationConstraint = class {
+  constructor(options) {
+    this.options = options;
+    __privateAdd(this, _controller);
   }
-  get isDropTarget() {
-    var _a, _b;
-    return ((_b = (_a = this.manager) == null ? void 0 : _a.dragOperation.target) == null ? void 0 : _b.id) === this.id;
+  set controller(controller) {
+    __privateSet(this, _controller, controller);
+    controller.signal.addEventListener("abort", () => this.abort());
   }
-};
-_init5 = __decoratorStart(_c2);
-_accept = new WeakMap();
-_type2 = new WeakMap();
-_collisionDetector = new WeakMap();
-_collisionPriority = new WeakMap();
-_shape = new WeakMap();
-__decorateElement(_init5, 4, "accept", _accept_dec, Droppable, _accept);
-__decorateElement(_init5, 4, "type", _type_dec2, Droppable, _type2);
-__decorateElement(_init5, 4, "collisionDetector", _collisionDetector_dec, Droppable, _collisionDetector);
-__decorateElement(_init5, 4, "collisionPriority", _collisionPriority_dec, Droppable, _collisionPriority);
-__decorateElement(_init5, 4, "shape", _shape_dec, Droppable, _shape);
-__decorateElement(_init5, 2, "isDropTarget", _isDropTarget_dec, Droppable);
-__decoratorMetadata(_init5, Droppable);
-
-// src/core/sensors/sensor.ts
-var Sensor = class extends Plugin {
   /**
-   * Creates a new sensor instance.
-   *
-   * @param manager - The drag drop manager instance
-   * @param options - Optional sensor configuration
+   * Called when the activation is triggered.
    */
-  constructor(manager, options) {
-    super(manager, options);
-    this.manager = manager;
-    this.options = options;
+  activate(event) {
+    var _a;
+    (_a = __privateGet(this, _controller)) == null ? void 0 : _a.activate(event);
   }
 };
+_controller = new WeakMap();
 
 // src/core/modifiers/modifier.ts
 var Modifier = class extends Plugin {
@@ -1364,6 +1506,12 @@ var defaultRenderer = {
 };
 
 // src/core/manager/manager.ts
+function resolveCustomizable(value, defaults) {
+  if (typeof value === "function") {
+    return value(defaults);
+  }
+  return value != null ? value : defaults;
+}
 var DragDropManager = class {
   /**
    * Creates a new drag and drop manager instance.
@@ -1382,12 +1530,12 @@ var DragDropManager = class {
       this.registry.destroy();
       this.collisionObserver.destroy();
     };
-    const {
-      plugins = [],
-      sensors = [],
-      modifiers = [],
-      renderer = defaultRenderer
-    } = config != null ? config : {};
+    var _a;
+    const raw = config != null ? config : {};
+    const plugins = resolveCustomizable(raw.plugins, []);
+    const sensors = resolveCustomizable(raw.sensors, []);
+    const modifiers = resolveCustomizable(raw.modifiers, []);
+    const renderer = (_a = raw.renderer) != null ? _a : defaultRenderer;
     const monitor = new DragDropMonitor(this);
     const registry = new DragDropRegistry(this);
     this.registry = registry;
@@ -1401,13 +1549,15 @@ var DragDropManager = class {
     this.sensors = sensors;
     const { destroy } = this;
     const cleanup = effects(() => {
-      var _a, _b, _c3;
+      var _a2, _b, _c3;
       const currentModifiers = untracked(() => this.dragOperation.modifiers);
       const managerModifiers = this.modifiers;
-      if (currentModifiers !== managerModifiers) {
-        currentModifiers.forEach((modifier) => modifier.destroy());
+      for (const modifier of currentModifiers) {
+        if (!managerModifiers.includes(modifier)) {
+          modifier.destroy();
+        }
       }
-      this.dragOperation.modifiers = (_c3 = (_b = (_a = this.dragOperation.source) == null ? void 0 : _a.modifiers) == null ? void 0 : _b.map((modifier) => {
+      this.dragOperation.modifiers = (_c3 = (_b = (_a2 = this.dragOperation.source) == null ? void 0 : _a2.modifiers) == null ? void 0 : _b.map((modifier) => {
         const { plugin, options } = descriptor(modifier);
         return new plugin(this, options);
       })) != null ? _c3 : managerModifiers;
@@ -1467,6 +1617,6 @@ var DragDropManager = class {
   }
 };
 
-export { CollisionPriority, CollisionType, CorePlugin, DragDropManager, Status as DragOperationStatus, Draggable, Droppable, Modifier, Plugin, PluginRegistry, Sensor, configurator, configure, descriptor, sortCollisions };
+export { ActivationConstraint, ActivationController, CollisionPriority, CollisionType, CorePlugin, DragDropManager, Status as DragOperationStatus, Draggable, Droppable, Modifier, Plugin, PluginRegistry, Sensor, configurator, configure, descriptor, resolveCustomizable, sortCollisions };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map