vue-devui 1.6.18 → 1.6.19

package/dragdrop-new/index.es.js

@@ -4,22 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var _a;
 import { provide, defineComponent, createApp, inject, onMounted, nextTick, watch, onBeforeUnmount, createVNode } from "vue";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
 var extendStatics = function(d, b) {
   extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
     d2.__proto__ = b2;
@@ -83,7 +68,7 @@ function __generator(thisArg, body) {
   function step(op) {
     if (f)
       throw new TypeError("Generator is already executing.");
-    while (_)
+    while (g && (g = 0, op[0] && (_ = 0)), _)
       try {
         if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
           return t;
@@ -247,6 +232,10 @@ function __asyncValues(o) {
     }, reject);
   }
 }
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 function isFunction(value) {
   return typeof value === "function";
 }
@@ -284,7 +273,7 @@ var Subscription = function() {
     this._finalizers = null;
   }
   Subscription2.prototype.unsubscribe = function() {
-    var e_1, _a2, e_2, _b;
+    var e_1, _a, e_2, _b;
     var errors;
     if (!this.closed) {
       this.closed = true;
@@ -301,8 +290,8 @@ var Subscription = function() {
             e_1 = { error: e_1_1 };
           } finally {
             try {
-              if (_parentage_1_1 && !_parentage_1_1.done && (_a2 = _parentage_1.return))
-                _a2.call(_parentage_1);
+              if (_parentage_1_1 && !_parentage_1_1.done && (_a = _parentage_1.return))
+                _a.call(_parentage_1);
             } finally {
               if (e_1)
                 throw e_1.error;
@@ -355,7 +344,7 @@ var Subscription = function() {
     }
   };
   Subscription2.prototype.add = function(teardown) {
-    var _a2;
+    var _a;
     if (teardown && teardown !== this) {
       if (this.closed) {
         execFinalizer(teardown);
@@ -366,7 +355,7 @@ var Subscription = function() {
           }
           teardown._addParent(this);
         }
-        (this._finalizers = (_a2 = this._finalizers) !== null && _a2 !== void 0 ? _a2 : []).push(teardown);
+        (this._finalizers = (_a = this._finalizers) !== null && _a !== void 0 ? _a : []).push(teardown);
       }
     }
   };
@@ -438,32 +427,13 @@ var timeoutProvider = {
 };
 function reportUnhandledError(err) {
   timeoutProvider.setTimeout(function() {
-    var onUnhandledError = config.onUnhandledError;
-    if (onUnhandledError) {
-      onUnhandledError(err);
-    } else {
+    {
       throw err;
     }
   });
 }
 function noop() {
 }
-var COMPLETE_NOTIFICATION = function() {
-  return createNotification("C", void 0, void 0);
-}();
-function errorNotification(error) {
-  return createNotification("E", void 0, error);
-}
-function nextNotification(value) {
-  return createNotification("N", value, void 0);
-}
-function createNotification(kind, value, error) {
-  return {
-    kind,
-    value,
-    error
-  };
-}
 var context = null;
 function errorContext(cb) {
   if (config.useDeprecatedSynchronousErrorHandling) {
@@ -473,7 +443,7 @@ function errorContext(cb) {
     }
     cb();
     if (isRoot) {
-      var _a2 = context, errorThrown = _a2.errorThrown, error = _a2.error;
+      var _a = context, errorThrown = _a.errorThrown, error = _a.error;
       context = null;
       if (errorThrown) {
         throw error;
@@ -502,24 +472,24 @@ var Subscriber = function(_super) {
     return new SafeSubscriber(next, error, complete);
   };
   Subscriber2.prototype.next = function(value) {
-    if (this.isStopped) {
-      handleStoppedNotification(nextNotification(value), this);
-    } else {
+    if (this.isStopped)
+      ;
+    else {
       this._next(value);
     }
   };
   Subscriber2.prototype.error = function(err) {
-    if (this.isStopped) {
-      handleStoppedNotification(errorNotification(err), this);
-    } else {
+    if (this.isStopped)
+      ;
+    else {
       this.isStopped = true;
       this._error(err);
     }
   };
   Subscriber2.prototype.complete = function() {
-    if (this.isStopped) {
-      handleStoppedNotification(COMPLETE_NOTIFICATION, this);
-    } else {
+    if (this.isStopped)
+      ;
+    else {
       this.isStopped = true;
       this._complete();
     }
@@ -632,12 +602,6 @@ function handleUnhandledError(error) {
 function defaultErrorHandler(err) {
   throw err;
 }
-function handleStoppedNotification(notification, subscriber) {
-  var onStoppedNotification = config.onStoppedNotification;
-  onStoppedNotification && timeoutProvider.setTimeout(function() {
-    return onStoppedNotification(notification, subscriber);
-  });
-}
 var EMPTY_OBSERVER = {
   closed: true,
   next: noop,
@@ -679,7 +643,7 @@ var Observable = function() {
     var _this = this;
     var subscriber = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error, complete);
     errorContext(function() {
-      var _a2 = _this, operator = _a2.operator, source = _a2.source;
+      var _a = _this, operator = _a.operator, source = _a.source;
       subscriber.add(operator ? operator.call(subscriber, source) : source ? _this._subscribe(subscriber) : _this._trySubscribe(subscriber));
     });
     return subscriber;
@@ -711,8 +675,8 @@ var Observable = function() {
     });
   };
   Observable2.prototype._subscribe = function(subscriber) {
-    var _a2;
-    return (_a2 = this.source) === null || _a2 === void 0 ? void 0 : _a2.subscribe(subscriber);
+    var _a;
+    return (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber);
   };
   Observable2.prototype[observable] = function() {
     return this;
@@ -744,8 +708,8 @@ var Observable = function() {
   return Observable2;
 }();
 function getPromiseCtor(promiseCtor) {
-  var _a2;
-  return (_a2 = promiseCtor !== null && promiseCtor !== void 0 ? promiseCtor : config.Promise) !== null && _a2 !== void 0 ? _a2 : Promise;
+  var _a;
+  return (_a = promiseCtor !== null && promiseCtor !== void 0 ? promiseCtor : config.Promise) !== null && _a !== void 0 ? _a : Promise;
 }
 function isObserver(value) {
   return value && isFunction(value.next) && isFunction(value.error) && isFunction(value.complete);
@@ -807,11 +771,11 @@ var OperatorSubscriber = function(_super) {
     return _this;
   }
   OperatorSubscriber2.prototype.unsubscribe = function() {
-    var _a2;
+    var _a;
     if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {
       var closed_1 = this.closed;
       _super.prototype.unsubscribe.call(this);
-      !closed_1 && ((_a2 = this.onFinalize) === null || _a2 === void 0 ? void 0 : _a2.call(this));
+      !closed_1 && ((_a = this.onFinalize) === null || _a === void 0 ? void 0 : _a.call(this));
     }
   };
   return OperatorSubscriber2;
@@ -848,7 +812,7 @@ var Subject = function(_super) {
   Subject2.prototype.next = function(value) {
     var _this = this;
     errorContext(function() {
-      var e_1, _a2;
+      var e_1, _a;
       _this._throwIfClosed();
       if (!_this.isStopped) {
         if (!_this.currentObservers) {
@@ -863,8 +827,8 @@ var Subject = function(_super) {
           e_1 = { error: e_1_1 };
         } finally {
           try {
-            if (_c && !_c.done && (_a2 = _b.return))
-              _a2.call(_b);
+            if (_c && !_c.done && (_a = _b.return))
+              _a.call(_b);
           } finally {
             if (e_1)
               throw e_1.error;
@@ -906,8 +870,8 @@ var Subject = function(_super) {
   };
   Object.defineProperty(Subject2.prototype, "observed", {
     get: function() {
-      var _a2;
-      return ((_a2 = this.observers) === null || _a2 === void 0 ? void 0 : _a2.length) > 0;
+      var _a;
+      return ((_a = this.observers) === null || _a === void 0 ? void 0 : _a.length) > 0;
     },
     enumerable: false,
     configurable: true
@@ -923,7 +887,7 @@ var Subject = function(_super) {
   };
   Subject2.prototype._innerSubscribe = function(subscriber) {
     var _this = this;
-    var _a2 = this, hasError = _a2.hasError, isStopped = _a2.isStopped, observers = _a2.observers;
+    var _a = this, hasError = _a.hasError, isStopped = _a.isStopped, observers = _a.observers;
     if (hasError || isStopped) {
       return EMPTY_SUBSCRIPTION;
     }
@@ -935,7 +899,7 @@ var Subject = function(_super) {
     });
   };
   Subject2.prototype._checkFinalizedStatuses = function(subscriber) {
-    var _a2 = this, hasError = _a2.hasError, thrownError = _a2.thrownError, isStopped = _a2.isStopped;
+    var _a = this, hasError = _a.hasError, thrownError = _a.thrownError, isStopped = _a.isStopped;
     if (hasError) {
       subscriber.error(thrownError);
     } else if (isStopped) {
@@ -961,20 +925,20 @@ var AnonymousSubject = function(_super) {
     return _this;
   }
   AnonymousSubject2.prototype.next = function(value) {
-    var _a2, _b;
-    (_b = (_a2 = this.destination) === null || _a2 === void 0 ? void 0 : _a2.next) === null || _b === void 0 ? void 0 : _b.call(_a2, value);
+    var _a, _b;
+    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.next) === null || _b === void 0 ? void 0 : _b.call(_a, value);
   };
   AnonymousSubject2.prototype.error = function(err) {
-    var _a2, _b;
-    (_b = (_a2 = this.destination) === null || _a2 === void 0 ? void 0 : _a2.error) === null || _b === void 0 ? void 0 : _b.call(_a2, err);
+    var _a, _b;
+    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, err);
   };
   AnonymousSubject2.prototype.complete = function() {
-    var _a2, _b;
-    (_b = (_a2 = this.destination) === null || _a2 === void 0 ? void 0 : _a2.complete) === null || _b === void 0 ? void 0 : _b.call(_a2);
+    var _a, _b;
+    (_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.complete) === null || _b === void 0 ? void 0 : _b.call(_a);
   };
   AnonymousSubject2.prototype._subscribe = function(subscriber) {
-    var _a2, _b;
-    return (_b = (_a2 = this.source) === null || _a2 === void 0 ? void 0 : _a2.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;
+    var _a, _b;
+    return (_b = (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;
   };
   return AnonymousSubject2;
 }(Subject);
@@ -998,7 +962,7 @@ var BehaviorSubject = function(_super) {
     return subscription;
   };
   BehaviorSubject2.prototype.getValue = function() {
-    var _a2 = this, hasError = _a2.hasError, thrownError = _a2.thrownError, _value = _a2._value;
+    var _a = this, hasError = _a.hasError, thrownError = _a.thrownError, _value = _a._value;
     if (hasError) {
       throw thrownError;
     }
@@ -1054,7 +1018,7 @@ var AsyncAction = function(_super) {
     return _this;
   }
   AsyncAction2.prototype.schedule = function(state, delay) {
-    var _a2;
+    var _a;
     if (delay === void 0) {
       delay = 0;
     }
@@ -1069,7 +1033,7 @@ var AsyncAction = function(_super) {
     }
     this.pending = true;
     this.delay = delay;
-    this.id = (_a2 = this.id) !== null && _a2 !== void 0 ? _a2 : this.requestAsyncId(scheduler, this.id, delay);
+    this.id = (_a = this.id) !== null && _a !== void 0 ? _a : this.requestAsyncId(scheduler, this.id, delay);
     return this;
   };
   AsyncAction2.prototype.requestAsyncId = function(scheduler, _id, delay) {
@@ -1118,7 +1082,7 @@ var AsyncAction = function(_super) {
   };
   AsyncAction2.prototype.unsubscribe = function() {
     if (!this.closed) {
-      var _a2 = this, id = _a2.id, scheduler = _a2.scheduler;
+      var _a = this, id = _a.id, scheduler = _a.scheduler;
       var actions = scheduler.actions;
       this.work = this.state = this.scheduler = null;
       this.pending = false;
@@ -1227,7 +1191,7 @@ function isIterable(input) {
 }
 function readableStreamLikeToAsyncGenerator(readableStream) {
   return __asyncGenerator(this, arguments, function readableStreamLikeToAsyncGenerator_1() {
-    var reader, _a2, value, done;
+    var reader, _a, value, done;
     return __generator(this, function(_b) {
       switch (_b.label) {
         case 0:
@@ -1239,7 +1203,7 @@ function readableStreamLikeToAsyncGenerator(readableStream) {
         case 2:
           return [4, __await(reader.read())];
         case 3:
-          _a2 = _b.sent(), value = _a2.value, done = _a2.done;
+          _a = _b.sent(), value = _a.value, done = _a.done;
           if (!done)
             return [3, 5];
           return [4, __await(void 0)];
@@ -1323,7 +1287,7 @@ function fromPromise(promise) {
 }
 function fromIterable(iterable) {
   return new Observable(function(subscriber) {
-    var e_1, _a2;
+    var e_1, _a;
     try {
       for (var iterable_1 = __values(iterable), iterable_1_1 = iterable_1.next(); !iterable_1_1.done; iterable_1_1 = iterable_1.next()) {
         var value = iterable_1_1.value;
@@ -1336,8 +1300,8 @@ function fromIterable(iterable) {
       e_1 = { error: e_1_1 };
     } finally {
       try {
-        if (iterable_1_1 && !iterable_1_1.done && (_a2 = iterable_1.return))
-          _a2.call(iterable_1);
+        if (iterable_1_1 && !iterable_1_1.done && (_a = iterable_1.return))
+          _a.call(iterable_1);
       } finally {
         if (e_1)
           throw e_1.error;
@@ -1358,7 +1322,7 @@ function fromReadableStreamLike(readableStream) {
 }
 function process(asyncIterable, subscriber) {
   var asyncIterable_1, asyncIterable_1_1;
-  var e_2, _a2;
+  var e_2, _a;
   return __awaiter(this, void 0, void 0, function() {
     var value, e_2_1;
     return __generator(this, function(_b) {
@@ -1388,9 +1352,9 @@ function process(asyncIterable, subscriber) {
           return [3, 11];
         case 6:
           _b.trys.push([6, , 9, 10]);
-          if (!(asyncIterable_1_1 && !asyncIterable_1_1.done && (_a2 = asyncIterable_1.return)))
+          if (!(asyncIterable_1_1 && !asyncIterable_1_1.done && (_a = asyncIterable_1.return)))
             return [3, 8];
-          return [4, _a2.call(asyncIterable_1)];
+          return [4, _a.call(asyncIterable_1)];
         case 7:
           _b.sent();
           _b.label = 8;
@@ -1486,11 +1450,11 @@ function scheduleIterable(input, scheduler) {
     executeSchedule(subscriber, scheduler, function() {
       iterator$1 = input[iterator]();
       executeSchedule(subscriber, scheduler, function() {
-        var _a2;
+        var _a;
         var value;
         var done;
         try {
-          _a2 = iterator$1.next(), value = _a2.value, done = _a2.done;
+          _a = iterator$1.next(), value = _a.value, done = _a.done;
         } catch (err) {
           subscriber.error(err);
           return;
@@ -1667,11 +1631,11 @@ function fromEvent(target, eventName, options, resultSelector) {
   if (resultSelector) {
     return fromEvent(target, eventName, options).pipe(mapOneOrManyArgs(resultSelector));
   }
-  var _a2 = __read(isEventTarget(target) ? eventTargetMethods.map(function(methodName) {
+  var _a = __read(isEventTarget(target) ? eventTargetMethods.map(function(methodName) {
     return function(handler) {
       return target[methodName](eventName, handler, options);
     };
-  }) : isNodeStyleEventEmitter(target) ? nodeEventEmitterMethods.map(toCommonHandlerRegistry(target, eventName)) : isJQueryStyleEventEmitter(target) ? jqueryMethods.map(toCommonHandlerRegistry(target, eventName)) : [], 2), add = _a2[0], remove = _a2[1];
+  }) : isNodeStyleEventEmitter(target) ? nodeEventEmitterMethods.map(toCommonHandlerRegistry(target, eventName)) : isJQueryStyleEventEmitter(target) ? jqueryMethods.map(toCommonHandlerRegistry(target, eventName)) : [], 2), add = _a[0], remove = _a[1];
   if (!add) {
     if (isArrayLike(target)) {
       return mergeMap(function(subTarget) {
@@ -1829,27 +1793,27 @@ function defaultCompare(a, b) {
 function tap(observerOrNext, error, complete) {
   var tapObserver = isFunction(observerOrNext) || error || complete ? { next: observerOrNext, error, complete } : observerOrNext;
   return tapObserver ? operate(function(source, subscriber) {
-    var _a2;
-    (_a2 = tapObserver.subscribe) === null || _a2 === void 0 ? void 0 : _a2.call(tapObserver);
+    var _a;
+    (_a = tapObserver.subscribe) === null || _a === void 0 ? void 0 : _a.call(tapObserver);
     var isUnsub = true;
     source.subscribe(createOperatorSubscriber(subscriber, function(value) {
-      var _a3;
-      (_a3 = tapObserver.next) === null || _a3 === void 0 ? void 0 : _a3.call(tapObserver, value);
+      var _a2;
+      (_a2 = tapObserver.next) === null || _a2 === void 0 ? void 0 : _a2.call(tapObserver, value);
       subscriber.next(value);
     }, function() {
-      var _a3;
+      var _a2;
       isUnsub = false;
-      (_a3 = tapObserver.complete) === null || _a3 === void 0 ? void 0 : _a3.call(tapObserver);
+      (_a2 = tapObserver.complete) === null || _a2 === void 0 ? void 0 : _a2.call(tapObserver);
       subscriber.complete();
     }, function(err) {
-      var _a3;
+      var _a2;
       isUnsub = false;
-      (_a3 = tapObserver.error) === null || _a3 === void 0 ? void 0 : _a3.call(tapObserver, err);
+      (_a2 = tapObserver.error) === null || _a2 === void 0 ? void 0 : _a2.call(tapObserver, err);
       subscriber.error(err);
     }, function() {
-      var _a3, _b;
+      var _a2, _b;
       if (isUnsub) {
-        (_a3 = tapObserver.unsubscribe) === null || _a3 === void 0 ? void 0 : _a3.call(tapObserver);
+        (_a2 = tapObserver.unsubscribe) === null || _a2 === void 0 ? void 0 : _a2.call(tapObserver);
       }
       (_b = tapObserver.finalize) === null || _b === void 0 ? void 0 : _b.call(tapObserver);
     }));
@@ -1857,7 +1821,7 @@ function tap(observerOrNext, error, complete) {
 }
 function throttle(durationSelector, config2) {
   return operate(function(source, subscriber) {
-    var _a2 = config2 !== null && config2 !== void 0 ? config2 : {}, _b = _a2.leading, leading = _b === void 0 ? true : _b, _c = _a2.trailing, trailing = _c === void 0 ? false : _c;
+    var _a = config2 !== null && config2 !== void 0 ? config2 : {}, _b = _a.leading, leading = _b === void 0 ? true : _b, _c = _a.trailing, trailing = _c === void 0 ? false : _c;
     var hasValue = false;
     var sendValue = null;
     var throttled = null;
@@ -1982,7 +1946,23 @@ class Utils {
       return event;
     }
     const ev = document.createEvent("DragEvent");
-    ev.initMouseEvent(eventType || event.type, true, true, window, 0, event.screenX, event.screenY, event.clientX, event.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, event.button, event.relatedTarget);
+    ev.initMouseEvent(
+      eventType || event.type,
+      true,
+      true,
+      window,
+      0,
+      event.screenX,
+      event.screenY,
+      event.clientX,
+      event.clientY,
+      event.ctrlKey,
+      event.altKey,
+      event.shiftKey,
+      event.metaKey,
+      event.button,
+      event.relatedTarget
+    );
     if (ev.dataTransfer !== null) {
       ev.dataTransfer.setData("text", "");
       ev.dataTransfer.effectAllowed = event.dataTransfer.effectAllowed;
@@ -2001,24 +1981,8 @@ function provideToContext(token, value, context2) {
 }
 const _DragDropTouch = class {
   constructor() {
-    __publicField(this, "dataTransfer");
-    __publicField(this, "lastClick", 0);
-    __publicField(this, "lastTouch");
-    __publicField(this, "lastTarget");
-    __publicField(this, "dragSource");
-    __publicField(this, "ptDown");
-    __publicField(this, "isDragEnabled");
-    __publicField(this, "isDropZone");
-    __publicField(this, "pressHoldInterval");
-    __publicField(this, "img");
-    __publicField(this, "imgCustom");
-    __publicField(this, "imgOffset");
-    __publicField(this, "dragoverTimer");
-    __publicField(this, "touchTarget");
-    __publicField(this, "touchmoveListener");
-    __publicField(this, "touchendListener");
-    __publicField(this, "listenerOpt");
-    __publicField(this, "touchstart", (e) => {
+    this.lastClick = 0;
+    this.touchstart = (e) => {
       if (this.shouldHandle(e)) {
         if (Date.now() - this.lastClick < _DragDropTouch.DBLCLICK) {
           if (this.dispatchEvent(e, "dblclick", e.target)) {
@@ -2045,14 +2009,14 @@ const _DragDropTouch = class {
           }
         }
       }
-    });
-    __publicField(this, "touchmoveOnDocument", (e) => {
+    };
+    this.touchmoveOnDocument = (e) => {
       if (this.shouldCancelPressHoldMove(e)) {
         this.reset();
         return;
       }
-    });
-    __publicField(this, "touchmove", (e) => {
+    };
+    this.touchmove = (e) => {
       if (this.shouldCancelPressHoldMove(e)) {
         this.reset();
         return;
@@ -2077,8 +2041,8 @@ const _DragDropTouch = class {
           this.setDragoverInterval(e);
         }
       }
-    });
-    __publicField(this, "touchendOnDocument", (e) => {
+    };
+    this.touchendOnDocument = (e) => {
       if (this.shouldHandle(e)) {
         if (!this.img) {
           this.dragSource = null;
@@ -2089,8 +2053,8 @@ const _DragDropTouch = class {
           this.reset();
         }
       }
-    });
-    __publicField(this, "touchend", (e) => {
+    };
+    this.touchend = (e) => {
       if (this.shouldHandle(e)) {
         if (!this.img) {
           this.dragSource = null;
@@ -2105,7 +2069,7 @@ const _DragDropTouch = class {
           this.reset();
         }
       }
-    });
+    };
     if (_DragDropTouch.instance) {
       throw new Error("DragDropTouch instance already created.");
     }
@@ -2142,7 +2106,7 @@ const _DragDropTouch = class {
     return _DragDropTouch.instance;
   }
   static isTouchDevice() {
-    var _a2;
+    var _a;
     if (typeof window === "undefined" || typeof document === "undefined") {
       return false;
     }
@@ -2167,7 +2131,7 @@ const _DragDropTouch = class {
       touchTestNode.id = "touch_test";
       fakeBody.appendChild(touchTestNode);
       bool = touchTestNode.offsetTop === 42;
-      (_a2 = fakeBody.parentElement) == null ? void 0 : _a2.removeChild(fakeBody);
+      (_a = fakeBody.parentElement) == null ? void 0 : _a.removeChild(fakeBody);
     }
     return bool;
   }
@@ -2381,33 +2345,22 @@ const _DragDropTouch = class {
   }
 };
 let DragDropTouch = _DragDropTouch;
-__publicField(DragDropTouch, "THRESHOLD", 5);
-__publicField(DragDropTouch, "OPACITY", 0.5);
-__publicField(DragDropTouch, "DBLCLICK", 500);
-__publicField(DragDropTouch, "DRAG_OVER_TIME", 300);
-__publicField(DragDropTouch, "CTX_MENU", 900);
-__publicField(DragDropTouch, "IS_PRESS_HOLD_MODE", true);
-__publicField(DragDropTouch, "PRESS_HOLD_AWAIT", 400);
-__publicField(DragDropTouch, "PRESS_HOLD_MARGIN", 25);
-__publicField(DragDropTouch, "PRESS_HOLD_THRESHOLD", 0);
-__publicField(DragDropTouch, "DRAG_HANDLE_ATTR", "data-drag-handle-selector");
-__publicField(DragDropTouch, "rmvAttrs", "id,class,style,draggable".split(","));
-__publicField(DragDropTouch, "kbdProps", "altKey,ctrlKey,metaKey,shiftKey".split(","));
-__publicField(DragDropTouch, "ptProps", "pageX,pageY,clientX,clientY,screenX,screenY".split(","));
-__publicField(DragDropTouch, "instance", null);
+DragDropTouch.THRESHOLD = 5;
+DragDropTouch.OPACITY = 0.5;
+DragDropTouch.DBLCLICK = 500;
+DragDropTouch.DRAG_OVER_TIME = 300;
+DragDropTouch.CTX_MENU = 900;
+DragDropTouch.IS_PRESS_HOLD_MODE = true;
+DragDropTouch.PRESS_HOLD_AWAIT = 400;
+DragDropTouch.PRESS_HOLD_MARGIN = 25;
+DragDropTouch.PRESS_HOLD_THRESHOLD = 0;
+DragDropTouch.DRAG_HANDLE_ATTR = "data-drag-handle-selector";
+DragDropTouch.rmvAttrs = "id,class,style,draggable".split(",");
+DragDropTouch.kbdProps = "altKey,ctrlKey,metaKey,shiftKey".split(",");
+DragDropTouch.ptProps = "pageX,pageY,clientX,clientY,screenX,screenY".split(",");
+DragDropTouch.instance = null;
 ((DragDropTouch2) => {
   class DataTransfer2 {
-    constructor() {
-      __publicField(this, "files");
-      __publicField(this, "items");
-      __publicField(this, "_data");
-      __publicField(this, "_dropEffect");
-      __publicField(this, "_effectAllowed");
-      __publicField(this, "_types");
-      this._dropEffect = "move";
-      this._effectAllowed = "all";
-      this._data = {};
-    }
     get dropEffect() {
       return this._dropEffect;
     }
@@ -2423,6 +2376,11 @@ __publicField(DragDropTouch, "instance", null);
     get types() {
       return Object.keys(this._data);
     }
+    constructor() {
+      this._dropEffect = "move";
+      this._effectAllowed = "all";
+      this._data = {};
+    }
     clearData(type) {
       if (type !== null) {
         delete this._data[type];
@@ -2446,39 +2404,16 @@ __publicField(DragDropTouch, "instance", null);
 })(DragDropTouch || (DragDropTouch = {}));
 class DragDropService {
   constructor() {
-    __publicField(this, "dragData");
-    __publicField(this, "draggedEl");
-    __publicField(this, "draggedElIdentity");
-    __publicField(this, "batchDragData");
-    __publicField(this, "batchDragGroup");
-    __publicField(this, "batchDragStyle");
-    __publicField(this, "batchDragging");
-    __publicField(this, "scope");
-    __publicField(this, "dropTargets", []);
-    __publicField(this, "dropEvent", new Subject());
-    __publicField(this, "dragEndEvent", new Subject());
-    __publicField(this, "dragStartEvent", new Subject());
-    __publicField(this, "dropOnItem");
-    __publicField(this, "dragFollow");
-    __publicField(this, "dragFollowOptions");
-    __publicField(this, "dropOnOrigin");
-    __publicField(this, "draggedElFollowingMouse");
-    __publicField(this, "dragOffset");
-    __publicField(this, "subscription", new Subscription());
-    __publicField(this, "_dragEmptyImage");
-    __publicField(this, "dragCloneNode");
-    __publicField(this, "dragOriginPlaceholder");
-    __publicField(this, "dragItemContainer");
-    __publicField(this, "dragItemParentName", "");
-    __publicField(this, "dragItemChildrenName", "");
-    __publicField(this, "intersectionObserver", null);
-    __publicField(this, "sub");
-    __publicField(this, "dragOriginPlaceholderNextSibling");
-    __publicField(this, "touchInstance");
-    __publicField(this, "dragElShowHideEvent", new Subject());
-    __publicField(this, "dragSyncGroupDirectives");
-    __publicField(this, "dragPreviewDirective");
-    __publicField(this, "followMouse4CloneNode", (event) => {
+    this.dropTargets = [];
+    this.dropEvent = new Subject();
+    this.dragEndEvent = new Subject();
+    this.dragStartEvent = new Subject();
+    this.subscription = new Subscription();
+    this.dragItemParentName = "";
+    this.dragItemChildrenName = "";
+    this.intersectionObserver = null;
+    this.dragElShowHideEvent = new Subject();
+    this.followMouse4CloneNode = (event) => {
       const { offsetLeft, offsetTop } = this.dragOffset;
       const { clientX, clientY } = event;
       requestAnimationFrame(() => {
@@ -2488,7 +2423,7 @@ class DragDropService {
         this.dragCloneNode.style.left = clientX - offsetLeft + "px";
         this.dragCloneNode.style.top = clientY - offsetTop + "px";
       });
-    });
+    };
     this.touchInstance = DragDropTouch.getInstance();
   }
   get dragEmptyImage() {
@@ -2684,7 +2619,7 @@ class DragDropService {
     }
   }
 }
-__publicField(DragDropService, "TOKEN", Symbol("DRAG_DROP_SERVICE_TOKEN"));
+DragDropService.TOKEN = Symbol("DRAG_DROP_SERVICE_TOKEN");
 function useDragDropService() {
   const dragDropService = new DragDropService();
   provide(DragDropService.TOKEN, new DragDropService());
@@ -2693,7 +2628,6 @@ function useDragDropService() {
 class EventEmitter extends Subject {
   constructor(isAsync = false) {
     super();
-    __publicField(this, "__isAsync");
     this.__isAsync = isAsync;
   }
   emit(value) {
@@ -2754,8 +2688,7 @@ class EventEmitter extends Subject {
 class PreserveNextEventEmitter extends EventEmitter {
   constructor() {
     super(...arguments);
-    __publicField(this, "_schedulerFns");
-    __publicField(this, "_isAsync", false);
+    this._isAsync = false;
   }
   get schedulerFns() {
     return this._schedulerFns;
@@ -2807,12 +2740,12 @@ class NgSimpleChange {
 }
 class NgDirectiveBase {
   constructor() {
-    __publicField(this, "__eventListenerMap", /* @__PURE__ */ new Map());
-    __publicField(this, "el", { nativeElement: null });
-    __publicField(this, "hostBindingMap");
-    __publicField(this, "hostListenerMap");
-    __publicField(this, "inputNameMap");
-    __publicField(this, "outputNameMap");
+    this.__eventListenerMap = /* @__PURE__ */ new Map();
+    this.el = { nativeElement: null };
+    this.hostBindingMap = void 0;
+    this.hostListenerMap = void 0;
+    this.inputNameMap = void 0;
+    this.outputNameMap = void 0;
   }
   mounted() {
     if (this.hostBindingMap && this.el.nativeElement) {
@@ -2907,12 +2840,12 @@ class NgDirectiveBase {
     element.addEventListener(key, this[functionKey].bind(this));
   }
   eventListener(key, userFunction) {
-    var _a2;
+    var _a;
     const subscription = this[key].subscribe((e) => {
       userFunction(e);
     });
     if (this.__eventListenerMap.get(key)) {
-      (_a2 = this.__eventListenerMap.get(key)) == null ? void 0 : _a2.unsubscribe();
+      (_a = this.__eventListenerMap.get(key)) == null ? void 0 : _a.unsubscribe();
       this.__eventListenerMap.delete(key);
     }
     this.__eventListenerMap.set(key, subscription);
@@ -2956,30 +2889,26 @@ const DragPreviewComponent = defineComponent({
   },
   setup(props) {
     return () => {
-      var _a2;
-      return (_a2 = props.template) == null ? void 0 : _a2.call(props, props.context);
+      var _a;
+      return (_a = props.template) == null ? void 0 : _a.call(props, props.context);
     };
   }
 });
 class DragPreviewDirective extends NgDirectiveBase {
   constructor(el, dragDropService) {
     super();
-    __publicField(this, "inputNameMap", {
+    this.dragDropService = dragDropService;
+    this.inputNameMap = {
       dragPreview: "dragPreviewTemplate"
-    });
-    __publicField(this, "dragPreviewTemplate");
-    __publicField(this, "dragPreviewData");
-    __publicField(this, "dragPreviewOptions", {
+    };
+    this.dragPreviewOptions = {
       skipBatchPreview: false
-    });
-    __publicField(this, "previewRef");
-    __publicField(this, "context");
-    __publicField(this, "el", { nativeElement: null });
-    this.dragDropService = dragDropService;
+    };
+    this.el = { nativeElement: null };
     this.el.nativeElement = el;
   }
   createPreview() {
-    var _a2;
+    var _a;
     const context2 = {
       data: this.dragPreviewData,
       draggedEl: this.dragDropService.draggedEl,
@@ -2987,7 +2916,7 @@ class DragPreviewDirective extends NgDirectiveBase {
       batchDragData: this.dragDropService.batchDragData && this.dragDropService.getBatchDragData(),
       dragSyncDOMElements: this.dragDropService.dragSyncGroupDirectives && this.getDragSyncDOMElements()
     };
-    const app = createApp(DragPreviewComponent, { context: context2, template: (_a2 = this.dragPreviewTemplate) == null ? void 0 : _a2.template });
+    const app = createApp(DragPreviewComponent, { context: context2, template: (_a = this.dragPreviewTemplate) == null ? void 0 : _a.template });
     app._context.provides = Object.create(this.context);
     const element = document.createElement("div");
     const instance = app.mount(element);
@@ -3013,8 +2942,8 @@ class DragPreviewDirective extends NgDirectiveBase {
     return this.dragDropService.dragSyncGroupDirectives.map((dir) => dir.el.nativeElement);
   }
 }
-__publicField(DragPreviewDirective, "INSTANCE_KEY", "__vueDevuiDragPreviewDirectiveInstance");
-__publicField(DragPreviewDirective, "TOKEN", Symbol("DRAG_PREVIEW_DIRECTIVE_TOKEN"));
+DragPreviewDirective.INSTANCE_KEY = "__vueDevuiDragPreviewDirectiveInstance";
+DragPreviewDirective.TOKEN = Symbol("DRAG_PREVIEW_DIRECTIVE_TOKEN");
 var DragPreview = {
   mounted(el, binding, vNode) {
     const context2 = vNode["ctx"].provides;
@@ -3033,49 +2962,35 @@ var DragPreview = {
 class DraggableDirective extends NgDirectiveBase {
   constructor(el, dragDropService, dragPreviewDirective) {
     super();
-    __publicField(this, "hostBindingMap", {
+    this.hostBindingMap = {
       draggable: "draggable",
       "data-drag-handle-selector": "dragHandle"
-    });
-    __publicField(this, "draggable", true);
-    __publicField(this, "dragData");
-    __publicField(this, "dragScope", "default");
-    __publicField(this, "dragHandle");
-    __publicField(this, "dragHandleClass", "drag-handle");
-    __publicField(this, "dragOverClass");
-    __publicField(this, "dragEffect", "move");
-    __publicField(this, "_disabled", false);
-    __publicField(this, "dragStartEvent", new EventEmitter());
-    __publicField(this, "dragEvent", new PreserveNextEventEmitter());
-    __publicField(this, "dragEndEvent", new EventEmitter());
-    __publicField(this, "dropEndEvent", new PreserveNextEventEmitter());
-    __publicField(this, "document", window.document);
-    __publicField(this, "mouseOverElement");
-    __publicField(this, "enableDragFollow", false);
-    __publicField(this, "dragFollowOptions");
-    __publicField(this, "originPlaceholder");
-    __publicField(this, "dragIdentity");
-    __publicField(this, "dragItemParentName", "");
-    __publicField(this, "dragItemChildrenName", "");
-    __publicField(this, "dragsSub", new Subscription());
-    __publicField(this, "destroyDragEndSub", new Subscription());
-    __publicField(this, "isDestroyed");
-    __publicField(this, "delayRemoveOriginPlaceholderTimer");
-    __publicField(this, "batchDraggable");
-    __publicField(this, "dragOriginPlaceholder");
-    __publicField(this, "dragOriginPlaceholderNextSibling");
-    __publicField(this, "dragElShowHideEvent", new Subject());
-    __publicField(this, "beforeDragStartEvent", new Subject());
-    __publicField(this, "el", { nativeElement: null });
-    __publicField(this, "dragDropService");
-    __publicField(this, "dragPreviewDirective");
-    __publicField(this, "insertOriginPlaceholder", (directShow = true, updateService = true) => {
-      var _a2, _b, _c;
+    };
+    this.draggable = true;
+    this.dragScope = "default";
+    this.dragHandleClass = "drag-handle";
+    this.dragEffect = "move";
+    this._disabled = false;
+    this.dragStartEvent = new EventEmitter();
+    this.dragEvent = new PreserveNextEventEmitter();
+    this.dragEndEvent = new EventEmitter();
+    this.dropEndEvent = new PreserveNextEventEmitter();
+    this.document = window.document;
+    this.enableDragFollow = false;
+    this.dragItemParentName = "";
+    this.dragItemChildrenName = "";
+    this.dragsSub = new Subscription();
+    this.destroyDragEndSub = new Subscription();
+    this.dragElShowHideEvent = new Subject();
+    this.beforeDragStartEvent = new Subject();
+    this.el = { nativeElement: null };
+    this.insertOriginPlaceholder = (directShow = true, updateService = true) => {
+      var _a, _b, _c;
       if (this.delayRemoveOriginPlaceholderTimer) {
         clearTimeout(this.delayRemoveOriginPlaceholderTimer);
         this.delayRemoveOriginPlaceholderTimer = void 0;
       }
-      const node = this.document.createElement(((_a2 = this.originPlaceholder) == null ? void 0 : _a2.tag) || "div");
+      const node = this.document.createElement(((_a = this.originPlaceholder) == null ? void 0 : _a.tag) || "div");
       const rect = this.el.nativeElement.getBoundingClientRect();
       if (directShow) {
         node.style.display = "block";
@@ -3105,11 +3020,11 @@ class DraggableDirective extends NgDirectiveBase {
       this.dragOriginPlaceholder = node;
       this.dragOriginPlaceholderNextSibling = this.el.nativeElement.nextSibling;
       this.el.nativeElement.parentElement.insertBefore(node, this.el.nativeElement.nextSibling);
-    });
-    __publicField(this, "removeOriginPlaceholder", (updateService = true) => {
-      var _a2;
+    };
+    this.removeOriginPlaceholder = (updateService = true) => {
+      var _a;
       if (this.dragOriginPlaceholder) {
-        (_a2 = this.dragOriginPlaceholder.parentElement) == null ? void 0 : _a2.removeChild(this.dragOriginPlaceholder);
+        (_a = this.dragOriginPlaceholder.parentElement) == null ? void 0 : _a.removeChild(this.dragOriginPlaceholder);
       }
       if (updateService) {
         this.dragDropService.dragOriginPlaceholder = void 0;
@@ -3117,24 +3032,24 @@ class DraggableDirective extends NgDirectiveBase {
       }
       this.dragOriginPlaceholder = void 0;
       this.dragOriginPlaceholderNextSibling = void 0;
-    });
-    __publicField(this, "delayRemoveOriginPlaceholder", (updateService = true) => {
-      var _a2, _b;
-      const timeout = (_a2 = this.originPlaceholder) == null ? void 0 : _a2.removeDelay;
+    };
+    this.delayRemoveOriginPlaceholder = (updateService = true) => {
+      var _a, _b;
+      const timeout = (_a = this.originPlaceholder) == null ? void 0 : _a.removeDelay;
       const delayOriginPlaceholder = this.dragOriginPlaceholder;
       const dragOriginPlaceholderNextSibling = this.findNextSibling(this.dragOriginPlaceholderNextSibling);
       if ((_b = delayOriginPlaceholder == null ? void 0 : delayOriginPlaceholder.parentElement) == null ? void 0 : _b.contains(dragOriginPlaceholderNextSibling)) {
         delayOriginPlaceholder.parentElement.insertBefore(delayOriginPlaceholder, dragOriginPlaceholderNextSibling);
       }
       setTimeout(() => {
-        var _a3;
-        if ((_a3 = delayOriginPlaceholder == null ? void 0 : delayOriginPlaceholder.parentElement) == null ? void 0 : _a3.contains(dragOriginPlaceholderNextSibling)) {
+        var _a2;
+        if ((_a2 = delayOriginPlaceholder == null ? void 0 : delayOriginPlaceholder.parentElement) == null ? void 0 : _a2.contains(dragOriginPlaceholderNextSibling)) {
           delayOriginPlaceholder.parentElement.insertBefore(delayOriginPlaceholder, dragOriginPlaceholderNextSibling);
         }
         delayOriginPlaceholder == null ? void 0 : delayOriginPlaceholder.classList.add("delay-deletion");
         this.delayRemoveOriginPlaceholderTimer = setTimeout(() => {
-          var _a4;
-          (_a4 = delayOriginPlaceholder == null ? void 0 : delayOriginPlaceholder.parentElement) == null ? void 0 : _a4.removeChild(delayOriginPlaceholder);
+          var _a3;
+          (_a3 = delayOriginPlaceholder == null ? void 0 : delayOriginPlaceholder.parentElement) == null ? void 0 : _a3.removeChild(delayOriginPlaceholder);
           if (this.document.body.contains(this.el.nativeElement)) {
             this.el.nativeElement.style.display = "";
             this.dragDropService.dragElShowHideEvent.next(false);
@@ -3147,7 +3062,7 @@ class DraggableDirective extends NgDirectiveBase {
         this.dragOriginPlaceholder = void 0;
         this.dragOriginPlaceholderNextSibling = void 0;
       });
-    });
+    };
     this.el.nativeElement = el;
     this.dragDropService = dragDropService;
     this.dragPreviewDirective = dragPreviewDirective;
@@ -3166,25 +3081,27 @@ class DraggableDirective extends NgDirectiveBase {
   }
   dropSubscription() {
     const dragDropSub = this.dragDropService.newSubscription();
-    dragDropSub.add(this.dragDropService.dropEvent.subscribe((event) => {
-      this.mouseOverElement = void 0;
-      Utils.removeClass(this.el.nativeElement, this.dragOverClass);
-      this.dropEndEvent.emit(event);
-      if (this.isDestroyed) {
-        if (this.dropEndEvent.schedulerFns && this.dropEndEvent.schedulerFns.size > 0) {
-          this.dropEndEvent.forceCallback(event, true);
+    dragDropSub.add(
+      this.dragDropService.dropEvent.subscribe((event) => {
+        this.mouseOverElement = void 0;
+        Utils.removeClass(this.el.nativeElement, this.dragOverClass);
+        this.dropEndEvent.emit(event);
+        if (this.isDestroyed) {
+          if (this.dropEndEvent.schedulerFns && this.dropEndEvent.schedulerFns.size > 0) {
+            this.dropEndEvent.forceCallback(event, true);
+          }
         }
-      }
-      if (this.dragDropService.dragOriginPlaceholder) {
-        if (this.originPlaceholder && this.originPlaceholder.removeDelay > 0 && !this.dragDropService.dropOnOrigin) {
-          this.delayRemoveOriginPlaceholder();
-        } else {
-          this.removeOriginPlaceholder();
+        if (this.dragDropService.dragOriginPlaceholder) {
+          if (this.originPlaceholder && this.originPlaceholder.removeDelay > 0 && !this.dragDropService.dropOnOrigin) {
+            this.delayRemoveOriginPlaceholder();
+          } else {
+            this.removeOriginPlaceholder();
+          }
+          this.dragDropService.draggedElIdentity = void 0;
         }
-        this.dragDropService.draggedElIdentity = void 0;
-      }
-      this.dragDropService.subscription.unsubscribe();
-    }));
+        this.dragDropService.subscription.unsubscribe();
+      })
+    );
     dragDropSub.add(this.dragDropService.dragElShowHideEvent.subscribe(this.dragElShowHideEvent));
   }
   ngAfterViewInit() {
@@ -3203,14 +3120,16 @@ class DraggableDirective extends NgDirectiveBase {
     this.isDestroyed = true;
     if (this.dragDropService.draggedEl === this.el.nativeElement) {
       this.destroyDragEndSub = new Subscription();
-      this.destroyDragEndSub.add(fromEvent(this.el.nativeElement, "dragend").subscribe((event) => {
-        this.dragEnd(event);
-        if (this.dropEndEvent.schedulerFns && this.dropEndEvent.schedulerFns.size > 0) {
-          this.dropEndEvent.forceCallback(event, true);
-        }
-        this.destroyDragEndSub.unsubscribe();
-        this.destroyDragEndSub = void 0;
-      }));
+      this.destroyDragEndSub.add(
+        fromEvent(this.el.nativeElement, "dragend").subscribe((event) => {
+          this.dragEnd(event);
+          if (this.dropEndEvent.schedulerFns && this.dropEndEvent.schedulerFns.size > 0) {
+            this.dropEndEvent.forceCallback(event, true);
+          }
+          this.destroyDragEndSub.unsubscribe();
+          this.destroyDragEndSub = void 0;
+        })
+      );
       if (this.originPlaceholder && this.originPlaceholder.show !== false && this.dragDropService.dragOriginPlaceholder && this.dragDropService.draggedElIdentity) {
         this.removeOriginPlaceholder();
       }
@@ -3218,7 +3137,7 @@ class DraggableDirective extends NgDirectiveBase {
     this.dragsSub.unsubscribe();
   }
   dragStart(e) {
-    var _a2;
+    var _a;
     if (this.allowDrag(e)) {
       Utils.addClass(this.el.nativeElement, this.dragOverClass);
       this.dragDropService.dragData = this.dragData;
@@ -3230,7 +3149,7 @@ class DraggableDirective extends NgDirectiveBase {
       this.dragDropService.dragItemParentName = this.dragItemParentName;
       this.dragDropService.dragItemChildrenName = this.dragItemChildrenName;
       this.beforeDragStartEvent.next(true);
-      if (this.dragPreviewDirective && ((_a2 = this.dragPreviewDirective) == null ? void 0 : _a2.dragPreviewTemplate)) {
+      if (this.dragPreviewDirective && ((_a = this.dragPreviewDirective) == null ? void 0 : _a.dragPreviewTemplate)) {
         this.dragDropService.dragFollow = true;
         this.dragDropService.dragPreviewDirective = this.dragPreviewDirective;
       }
@@ -3436,12 +3355,12 @@ class DraggableDirective extends NgDirectiveBase {
     };
   }
 }
-__publicField(DraggableDirective, "INSTANCE_KEY", "__vueDevuiDraggableDirectiveInstance");
-__publicField(DraggableDirective, "TOKEN", Symbol("DRAGGABLE_DIRECTIVE_TOKEN"));
+DraggableDirective.INSTANCE_KEY = "__vueDevuiDraggableDirectiveInstance";
+DraggableDirective.TOKEN = Symbol("DRAGGABLE_DIRECTIVE_TOKEN");
 var Draggable = {
   mounted(el, binding, vNode) {
-    var _a2, _b, _c;
-    const context2 = (_a2 = vNode.ctx) == null ? void 0 : _a2.provides;
+    var _a, _b, _c;
+    const context2 = (_a = vNode.ctx) == null ? void 0 : _a.provides;
     const dragDropService = injectFromContext(DragDropService.TOKEN, context2);
     let dragPreviewDirective = injectFromContext(DragPreviewDirective.TOKEN, context2);
     if ((dragPreviewDirective == null ? void 0 : dragPreviewDirective.el.nativeElement) !== el) {
@@ -3459,21 +3378,13 @@ var Draggable = {
     draggableDirective.updateInput(binding.value, binding.oldValue);
   },
   beforeUnmount(el) {
-    var _a2;
+    var _a;
     const draggableDirective = el[DraggableDirective.INSTANCE_KEY];
-    (_a2 = draggableDirective.ngOnDestroy) == null ? void 0 : _a2.call(draggableDirective);
+    (_a = draggableDirective.ngOnDestroy) == null ? void 0 : _a.call(draggableDirective);
   }
 };
 class DropEvent {
   constructor(event, data, dropSubject, dropIndex, dragFromIndex, dropOnItem, dropOnOrigin, batchDragData) {
-    __publicField(this, "nativeEvent");
-    __publicField(this, "dragData");
-    __publicField(this, "batchDragData");
-    __publicField(this, "dropSubject");
-    __publicField(this, "dropIndex");
-    __publicField(this, "dragFromIndex");
-    __publicField(this, "dropOnItem");
-    __publicField(this, "dropOnOrigin");
     this.nativeEvent = event;
     this.dragData = data;
     this.dropSubject = dropSubject;
@@ -3487,53 +3398,34 @@ class DropEvent {
 class DroppableDirective extends NgDirectiveBase {
   constructor(el, dragDropService) {
     super();
-    __publicField(this, "hostListenerMap", {
+    this.hostListenerMap = {
       drop: "drop"
-    });
-    __publicField(this, "dragEnterEvent", new EventEmitter());
-    __publicField(this, "dragOverEvent", new EventEmitter());
-    __publicField(this, "dragLeaveEvent", new EventEmitter());
-    __publicField(this, "dropEvent", new EventEmitter());
-    __publicField(this, "dragOverClass");
-    __publicField(this, "dropScope", "default");
-    __publicField(this, "placeholderTag", "div");
-    __publicField(this, "placeholderStyle", { backgroundColor: ["#859bff", `var(--devui-brand-foil, #859bff)`], opacity: ".4" });
-    __publicField(this, "placeholderText", "");
-    __publicField(this, "allowDropOnItem", false);
-    __publicField(this, "dragOverItemClass");
-    __publicField(this, "nestingTargetRect");
-    __publicField(this, "switchWhileCrossEdge", false);
-    __publicField(this, "defaultDropPosition", "closest");
-    __publicField(this, "dropSortCountSelector");
-    __publicField(this, "dropSortVirtualScrollOption");
-    __publicField(this, "dropFlag");
-    __publicField(this, "sortContainer");
-    __publicField(this, "sortDirection");
-    __publicField(this, "sortDirectionZMode");
-    __publicField(this, "placeholder");
-    __publicField(this, "dragCount", 0);
-    __publicField(this, "dropIndex");
-    __publicField(this, "dragStartSubscription");
-    __publicField(this, "dragEndSubscription");
-    __publicField(this, "dropEndSubscription");
-    __publicField(this, "overElement");
-    __publicField(this, "dragPartEventSub");
-    __publicField(this, "allowDropCache");
-    __publicField(this, "dragElIndex");
-    __publicField(this, "placeholderInsertionEvent", new Subject());
-    __publicField(this, "placeholderRenderEvent", new Subject());
-    __publicField(this, "document");
-    __publicField(this, "el", { nativeElement: null });
-    __publicField(this, "dragDropService");
-    __publicField(this, "dropSortCountSelectorFilterFn", (value) => {
+    };
+    this.dragEnterEvent = new EventEmitter();
+    this.dragOverEvent = new EventEmitter();
+    this.dragLeaveEvent = new EventEmitter();
+    this.dropEvent = new EventEmitter();
+    this.dropScope = "default";
+    this.placeholderTag = "div";
+    this.placeholderStyle = { backgroundColor: ["#859bff", `var(--devui-brand-foil, #859bff)`], opacity: ".4" };
+    this.placeholderText = "";
+    this.allowDropOnItem = false;
+    this.switchWhileCrossEdge = false;
+    this.defaultDropPosition = "closest";
+    this.dragCount = 0;
+    this.dropIndex = void 0;
+    this.placeholderInsertionEvent = new Subject();
+    this.placeholderRenderEvent = new Subject();
+    this.el = { nativeElement: null };
+    this.dropSortCountSelectorFilterFn = (value) => {
       return Utils.matches(value, this.dropSortCountSelector) || value.contains(this.placeholder) || value === this.dragDropService.dragOriginPlaceholder;
-    });
-    __publicField(this, "setPlaceholder", () => {
+    };
+    this.setPlaceholder = () => {
       this.placeholder.style.width = this.dragDropService.dragOffset.width + "px";
       this.placeholder.style.height = this.dragDropService.dragOffset.height + "px";
       Utils.addElStyles(this.placeholder, this.placeholderStyle);
       this.placeholderRenderEvent.next({ width: this.dragDropService.dragOffset.width, height: this.dragDropService.dragOffset.height });
-    });
+    };
     this.document = window.document;
     this.el.nativeElement = el;
     this.dragDropService = dragDropService;
@@ -3574,14 +3466,19 @@ class DroppableDirective extends NgDirectiveBase {
       this.dropIndex = void 0;
     });
     this.dragPartEventSub = new Subscription();
-    this.dragPartEventSub.add(fromEvent(this.el.nativeElement, "dragover").pipe(filter((event) => this.allowDrop(event)), distinctUntilChanged((prev, current) => {
-      const bool = prev.clientX === current.clientX && prev.clientY === current.clientY && prev.target === current.target;
-      if (bool) {
-        current.preventDefault();
-        current.stopPropagation();
-      }
-      return bool;
-    })).subscribe((event) => this.dragOver(event)));
+    this.dragPartEventSub.add(
+      fromEvent(this.el.nativeElement, "dragover").pipe(
+        filter((event) => this.allowDrop(event)),
+        distinctUntilChanged((prev, current) => {
+          const bool = prev.clientX === current.clientX && prev.clientY === current.clientY && prev.target === current.target;
+          if (bool) {
+            current.preventDefault();
+            current.stopPropagation();
+          }
+          return bool;
+        })
+      ).subscribe((event) => this.dragOver(event))
+    );
     this.dragPartEventSub.add(fromEvent(this.el.nativeElement, "dragenter").subscribe((event) => this.dragEnter(event)));
     this.dragPartEventSub.add(fromEvent(this.el.nativeElement, "dragleave").subscribe((event) => this.dragLeave(event)));
   }
@@ -3595,8 +3492,8 @@ class DroppableDirective extends NgDirectiveBase {
     this.sortDirectionZMode = this.sortContainer ? this.sortContainer.getAttribute("d-sortable-zmode") === "true" || false : false;
   }
   ngOnDestroy() {
-    var _a2, _b, _c;
-    (_a2 = this.dragStartSubscription) == null ? void 0 : _a2.unsubscribe();
+    var _a, _b, _c;
+    (_a = this.dragStartSubscription) == null ? void 0 : _a.unsubscribe();
     (_b = this.dragEndSubscription) == null ? void 0 : _b.unsubscribe();
     (_c = this.dropEndSubscription) == null ? void 0 : _c.unsubscribe();
     if (this.dragPartEventSub) {
@@ -3692,7 +3589,18 @@ class DroppableDirective extends NgDirectiveBase {
     if (this.dragDropService.batchDragData && this.dragDropService.batchDragData.length > 1) {
       batchDraggble = this.dragDropService.batchDragData.map((dragData) => dragData.draggable).filter((draggable) => draggable && draggable.el.nativeElement !== this.dragDropService.draggedEl);
     }
-    this.dropEvent.emit(new DropEvent(e, this.dragDropService.dragData, this.dragDropService.dropEvent, this.dropSortVirtualScrollOption ? this.getRealIndex(this.dropIndex, this.dropFlag) : this.dropIndex, this.sortContainer ? this.checkSelfFromIndex(this.dragDropService.draggedEl) : -1, this.dragDropService.dropOnItem, this.dragDropService.dropOnOrigin, this.dragDropService.batchDragging ? this.dragDropService.getBatchDragData(draggedElIdentity) : void 0));
+    this.dropEvent.emit(
+      new DropEvent(
+        e,
+        this.dragDropService.dragData,
+        this.dragDropService.dropEvent,
+        this.dropSortVirtualScrollOption ? this.getRealIndex(this.dropIndex, this.dropFlag) : this.dropIndex,
+        this.sortContainer ? this.checkSelfFromIndex(this.dragDropService.draggedEl) : -1,
+        this.dragDropService.dropOnItem,
+        this.dragDropService.dropOnOrigin,
+        this.dragDropService.batchDragging ? this.dragDropService.getBatchDragData(draggedElIdentity) : void 0
+      )
+    );
     if (this.dragDropService.dragFollow) {
       this.dragDropService.disableDraggedCloneNodeFollowMouse();
     } else {
@@ -3753,7 +3661,7 @@ class DroppableDirective extends NgDirectiveBase {
     return allowed;
   }
   findSortableEl(event) {
-    var _a2;
+    var _a;
     const moveElement = event.target;
     let overElement = null;
     if (!this.sortContainer) {
@@ -3767,17 +3675,19 @@ class DroppableDirective extends NgDirectiveBase {
       childEls = childEls.filter(this.dropSortCountSelectorFilterFn);
     }
     if (childEls.some((el) => el !== this.dragDropService.dragOriginPlaceholder && el.classList.contains("drag-origin-placeholder"))) {
-      childEls = childEls.filter((el) => !(el.classList.contains("drag-origin-placeholder") && el !== this.dragDropService.dragOriginPlaceholder));
+      childEls = childEls.filter(
+        (el) => !(el.classList.contains("drag-origin-placeholder") && el !== this.dragDropService.dragOriginPlaceholder)
+      );
     }
     if (this.dragDropService.dragFollow && this.dragDropService.dragCloneNode) {
       const cloneNodeIndex = childEls.findIndex((value) => value === this.dragDropService.dragCloneNode);
-      if (cloneNodeIndex !== -1) {
+      if (-1 !== cloneNodeIndex) {
         childEls.splice(cloneNodeIndex, 1);
       }
     }
     if (this.dragDropService.dragOriginPlaceholder) {
       const dragOriginPlaceholderIndex = childEls.findIndex((value) => value === this.dragDropService.dragOriginPlaceholder);
-      if (dragOriginPlaceholderIndex !== -1) {
+      if (-1 !== dragOriginPlaceholderIndex) {
         this.dragElIndex = dragOriginPlaceholderIndex - 1;
         childEls.splice(dragOriginPlaceholderIndex, 1);
       } else {
@@ -3787,18 +3697,20 @@ class DroppableDirective extends NgDirectiveBase {
       this.dragElIndex = -1;
     }
     const placeholderIndex = childEls.findIndex((value) => value.contains(this.placeholder));
-    if (placeholderIndex !== -1) {
+    if (-1 !== placeholderIndex) {
       childEls.splice(placeholderIndex, 1);
     }
-    if (placeholderIndex !== -1 && this.dragElIndex !== -1 && placeholderIndex < this.dragElIndex) {
+    if (-1 !== placeholderIndex && -1 !== this.dragElIndex && placeholderIndex < this.dragElIndex) {
       this.dragElIndex--;
     }
-    const positionIndex = placeholderIndex !== -1 ? placeholderIndex : this.dragElIndex;
-    const currentIndex = childEls.findIndex((value) => value.contains(moveElement) || value.nextElementSibling === moveElement && value.nextElementSibling.classList.contains("drag-origin-placeholder"));
-    if (this.switchWhileCrossEdge && !this.allowDropOnItem && childEls.length && positionIndex !== -1 && currentIndex > -1) {
+    const positionIndex = -1 !== placeholderIndex ? placeholderIndex : this.dragElIndex;
+    const currentIndex = childEls.findIndex(
+      (value) => value.contains(moveElement) || value.nextElementSibling === moveElement && value.nextElementSibling.classList.contains("drag-origin-placeholder")
+    );
+    if (this.switchWhileCrossEdge && !this.allowDropOnItem && childEls.length && -1 !== positionIndex && currentIndex > -1) {
       const lastIndex = positionIndex;
       const realEl = this.overElement && (this.overElement.realEl || this.overElement.el);
-      if (currentIndex !== -1 && realEl === childEls[currentIndex]) {
+      if (-1 !== currentIndex && realEl === childEls[currentIndex]) {
         this.dropIndex = this.overElement.index;
         return this.overElement;
       }
@@ -3811,7 +3723,7 @@ class DroppableDirective extends NgDirectiveBase {
       this.dropIndex = overElement.index;
       return overElement;
     }
-    if (moveElement === this.sortContainer || ((_a2 = moveElement.classList) == null ? void 0 : _a2.contains("drag-origin-placeholder")) || moveElement === (this.dragDropService && this.dragDropService.dragOriginPlaceholder) || !this.sortContainer.contains(moveElement) && this.defaultDropPosition === "closest") {
+    if (moveElement === this.sortContainer || ((_a = moveElement.classList) == null ? void 0 : _a.contains("drag-origin-placeholder")) || moveElement === (this.dragDropService && this.dragDropService.dragOriginPlaceholder) || !this.sortContainer.contains(moveElement) && this.defaultDropPosition === "closest") {
       if (!childEls.length) {
         this.dropIndex = 0;
         this.dragDropService.dropOnItem = false;
@@ -3945,8 +3857,10 @@ class DroppableDirective extends NgDirectiveBase {
       const index2 = arr.indexOf(el);
       return index2 > -1 ? index2 : defaultValue;
     };
-    if (overElement !== null) {
-      const sortContainerChildren = Utils.slice(this.sortContainer.children).filter((el) => el !== this.dragDropService.dragCloneNode);
+    if (null !== overElement) {
+      const sortContainerChildren = Utils.slice(this.sortContainer.children).filter(
+        (el) => el !== this.dragDropService.dragCloneNode
+      );
       if (overElement.el === null) {
         cmd = {
           command: "append"
@@ -4082,21 +3996,21 @@ class DroppableDirective extends NgDirectiveBase {
     return this.sortContainer;
   }
 }
-__publicField(DroppableDirective, "INSTANCE_KEY", "__vueDevuiDroppableDirectiveInstance");
-__publicField(DroppableDirective, "TOKEN", Symbol("DROPPABLE_DIRECTIVE_TOKEN"));
+DroppableDirective.INSTANCE_KEY = "__vueDevuiDroppableDirectiveInstance";
+DroppableDirective.TOKEN = Symbol("DROPPABLE_DIRECTIVE_TOKEN");
 var Droppable = {
   mounted(el, binding, vNode) {
-    var _a2;
+    var _a;
     const context2 = vNode["ctx"].provides;
     const dragDropService = injectFromContext(DragDropService.TOKEN, context2);
     const droppableDirective = el[DroppableDirective.INSTANCE_KEY] = new DroppableDirective(el, dragDropService);
     provideToContext(DroppableDirective.TOKEN, droppableDirective, context2);
     droppableDirective.setInput(binding.value);
     droppableDirective.mounted();
-    (_a2 = droppableDirective.ngOnInit) == null ? void 0 : _a2.call(droppableDirective);
+    (_a = droppableDirective.ngOnInit) == null ? void 0 : _a.call(droppableDirective);
     setTimeout(() => {
-      var _a3;
-      (_a3 = droppableDirective.ngAfterViewInit) == null ? void 0 : _a3.call(droppableDirective);
+      var _a2;
+      (_a2 = droppableDirective.ngAfterViewInit) == null ? void 0 : _a2.call(droppableDirective);
     }, 0);
   },
   updated(el, binding) {
@@ -4104,30 +4018,30 @@ var Droppable = {
     droppableDirective.updateInput(binding.value, binding.oldValue);
   },
   beforeUnmount(el) {
-    var _a2;
+    var _a;
     const droppableDirective = el[DroppableDirective.INSTANCE_KEY];
-    (_a2 = droppableDirective.ngOnDestroy) == null ? void 0 : _a2.call(droppableDirective);
+    (_a = droppableDirective.ngOnDestroy) == null ? void 0 : _a.call(droppableDirective);
   }
 };
 class SortableDirective extends NgDirectiveBase {
   constructor(el) {
     super();
-    __publicField(this, "dSortDirection", "v");
-    __publicField(this, "dSortableZMode", false);
-    __publicField(this, "dSortable", true);
-    __publicField(this, "hostBindingMap", {
+    this.dSortDirection = "v";
+    this.dSortableZMode = false;
+    this.dSortable = true;
+    this.hostBindingMap = {
       dSortDirection: "dsortable",
       dSortableZMode: "d-sortable-zmode",
       dSortable: "d-sortable"
-    });
-    __publicField(this, "inputNameMap", {
+    };
+    this.inputNameMap = {
       dSortable: "dSortDirection"
-    });
-    __publicField(this, "el", { nativeElement: null });
+    };
+    this.el = { nativeElement: null };
     this.el.nativeElement = el;
   }
 }
-__publicField(SortableDirective, "INSTANCE_KEY", "__vueDevuiSortableDirectiveInstance");
+SortableDirective.INSTANCE_KEY = "__vueDevuiSortableDirectiveInstance";
 var Sortable = {
   mounted(el, binding) {
     const sortableDirective = el[SortableDirective.INSTANCE_KEY] = new SortableDirective(el);
@@ -4150,24 +4064,14 @@ const DropScrollEnhanceTimingFunctionGroup = {
 class DropScrollEnhancedDirective extends NgDirectiveBase {
   constructor(el, dragDropService) {
     super();
-    __publicField(this, "minSpeed", 50);
-    __publicField(this, "maxSpeed", 1e3);
-    __publicField(this, "responseEdgeWidth", "100px");
-    __publicField(this, "speedFn", DropScrollEnhanceTimingFunctionGroup.default);
-    __publicField(this, "direction", "v");
-    __publicField(this, "viewOffset");
-    __publicField(this, "dropScrollScope");
-    __publicField(this, "backSpaceDroppable", true);
-    __publicField(this, "forwardScrollArea");
-    __publicField(this, "backwardScrollArea");
-    __publicField(this, "subscription", new Subscription());
-    __publicField(this, "forwardScrollFn");
-    __publicField(this, "backwardScrollFn");
-    __publicField(this, "lastScrollTime");
-    __publicField(this, "animationFrameId");
-    __publicField(this, "document");
-    __publicField(this, "el", { nativeElement: null });
-    __publicField(this, "dragDropService");
+    this.minSpeed = 50;
+    this.maxSpeed = 1e3;
+    this.responseEdgeWidth = "100px";
+    this.speedFn = DropScrollEnhanceTimingFunctionGroup.default;
+    this.direction = "v";
+    this.backSpaceDroppable = true;
+    this.subscription = new Subscription();
+    this.el = { nativeElement: null };
     this.el.nativeElement = el;
     this.dragDropService = dragDropService;
     this.document = window.document;
@@ -4179,35 +4083,62 @@ class DropScrollEnhancedDirective extends NgDirectiveBase {
     this.backwardScrollArea = this.createScrollArea(this.direction, 1);
     this.forwardScrollFn = this.createScrollFn(this.direction, 0, this.speedFn);
     this.backwardScrollFn = this.createScrollFn(this.direction, 1, this.speedFn);
-    this.subscription.add(fromEvent(this.forwardScrollArea, "dragover").pipe(tap((event) => {
-      event.preventDefault();
-      event.stopPropagation();
-    }), throttleTime(100, void 0, { leading: true, trailing: false })).subscribe((event) => this.forwardScrollFn(event)));
-    this.subscription.add(fromEvent(this.backwardScrollArea, "dragover").pipe(tap((event) => {
-      event.preventDefault();
-      event.stopPropagation();
-    }), throttleTime(100, void 0, { leading: true, trailing: false })).subscribe((event) => this.backwardScrollFn(event)));
-    this.subscription.add(merge(fromEvent(this.forwardScrollArea, "drop"), fromEvent(this.backwardScrollArea, "drop")).subscribe((event) => this.delegateDropEvent(event)));
-    this.subscription.add(merge(fromEvent(this.forwardScrollArea, "dragleave", { passive: true }), fromEvent(this.backwardScrollArea, "dragleave", { passive: true })).subscribe((event) => this.cleanLastScrollTime()));
-    this.subscription.add(fromEvent(this.el.nativeElement, "scroll", { passive: true }).pipe(throttleTime(300, void 0, { leading: true, trailing: true })).subscribe((event) => {
-      this.toggleScrollToOneEnd(this.el.nativeElement, this.forwardScrollArea, this.direction, 0);
-      this.toggleScrollToOneEnd(this.el.nativeElement, this.backwardScrollArea, this.direction, 1);
-    }));
-    this.subscription.add(fromEvent(window, "resize", { passive: true }).pipe(throttleTime(300, void 0, { leading: true, trailing: true })).subscribe((event) => this.resizeArea()));
-    this.subscription.add(this.dragDropService.dragStartEvent.subscribe(() => {
-      if (!this.allowScroll()) {
-        return;
-      }
-      setTimeout(() => {
-        this.forwardScrollArea.style.display = "block";
-        this.backwardScrollArea.style.display = "block";
-      });
-    }));
-    this.subscription.add(merge(this.dragDropService.dragEndEvent, this.dragDropService.dropEvent).subscribe(() => {
-      this.forwardScrollArea.style.display = "none";
-      this.backwardScrollArea.style.display = "none";
-      this.lastScrollTime = void 0;
-    }));
+    this.subscription.add(
+      fromEvent(this.forwardScrollArea, "dragover").pipe(
+        tap((event) => {
+          event.preventDefault();
+          event.stopPropagation();
+        }),
+        throttleTime(100, void 0, { leading: true, trailing: false })
+      ).subscribe((event) => this.forwardScrollFn(event))
+    );
+    this.subscription.add(
+      fromEvent(this.backwardScrollArea, "dragover").pipe(
+        tap((event) => {
+          event.preventDefault();
+          event.stopPropagation();
+        }),
+        throttleTime(100, void 0, { leading: true, trailing: false })
+      ).subscribe((event) => this.backwardScrollFn(event))
+    );
+    this.subscription.add(
+      merge(fromEvent(this.forwardScrollArea, "drop"), fromEvent(this.backwardScrollArea, "drop")).subscribe(
+        (event) => this.delegateDropEvent(event)
+      )
+    );
+    this.subscription.add(
+      merge(
+        fromEvent(this.forwardScrollArea, "dragleave", { passive: true }),
+        fromEvent(this.backwardScrollArea, "dragleave", { passive: true })
+      ).subscribe((event) => this.cleanLastScrollTime())
+    );
+    this.subscription.add(
+      fromEvent(this.el.nativeElement, "scroll", { passive: true }).pipe(throttleTime(300, void 0, { leading: true, trailing: true })).subscribe((event) => {
+        this.toggleScrollToOneEnd(this.el.nativeElement, this.forwardScrollArea, this.direction, 0);
+        this.toggleScrollToOneEnd(this.el.nativeElement, this.backwardScrollArea, this.direction, 1);
+      })
+    );
+    this.subscription.add(
+      fromEvent(window, "resize", { passive: true }).pipe(throttleTime(300, void 0, { leading: true, trailing: true })).subscribe((event) => this.resizeArea())
+    );
+    this.subscription.add(
+      this.dragDropService.dragStartEvent.subscribe(() => {
+        if (!this.allowScroll()) {
+          return;
+        }
+        setTimeout(() => {
+          this.forwardScrollArea.style.display = "block";
+          this.backwardScrollArea.style.display = "block";
+        });
+      })
+    );
+    this.subscription.add(
+      merge(this.dragDropService.dragEndEvent, this.dragDropService.dropEvent).subscribe(() => {
+        this.forwardScrollArea.style.display = "none";
+        this.backwardScrollArea.style.display = "none";
+        this.lastScrollTime = void 0;
+      })
+    );
     setTimeout(() => {
       this.resizeArea();
     }, 0);
@@ -4350,7 +4281,9 @@ class DropScrollEnhancedDirective extends NgDirectiveBase {
     const offsetWidthAttr = direction === "v" ? "offsetHeight" : "offsetWidth";
     const clientWidthAttr = direction === "v" ? "clientHeight" : "clientWidth";
     const rectWidthAttr = direction === "v" ? "height" : "width";
-    if (scrollElement[scrollAttr] === 0 && orientation === 1 || Math.abs(scrollElement[scrollAttr] + scrollElement.getBoundingClientRect()[rectWidthAttr] - scrollElement[scrollWidthAttr] - scrollElement[offsetWidthAttr] + scrollElement[clientWidthAttr]) < 1 && orientation === 0) {
+    if (scrollElement[scrollAttr] === 0 && orientation === 1 || Math.abs(
+      scrollElement[scrollAttr] + scrollElement.getBoundingClientRect()[rectWidthAttr] - scrollElement[scrollWidthAttr] - scrollElement[offsetWidthAttr] + scrollElement[clientWidthAttr]
+    ) < 1 && orientation === 0) {
       toggleElement.style.pointerEvents = "none";
       this.toggleActiveClass(toggleElement, false);
     } else {
@@ -4400,7 +4333,7 @@ class DropScrollEnhancedDirective extends NgDirectiveBase {
     return allowed;
   }
 }
-__publicField(DropScrollEnhancedDirective, "INSTANCE_KEY", "__vueDevuiDropScrollEnhancedDirectiveInstance");
+DropScrollEnhancedDirective.INSTANCE_KEY = "__vueDevuiDropScrollEnhancedDirectiveInstance";
 var DropScrollEnhanced = {
   mounted(el, binding, vNode) {
     const context2 = vNode["ctx"].provides;
@@ -4409,8 +4342,8 @@ var DropScrollEnhanced = {
     droppableDirective.setInput(binding.value);
     droppableDirective.mounted();
     setTimeout(() => {
-      var _a2;
-      (_a2 = droppableDirective.ngAfterViewInit) == null ? void 0 : _a2.call(droppableDirective);
+      var _a;
+      (_a = droppableDirective.ngAfterViewInit) == null ? void 0 : _a.call(droppableDirective);
     }, 0);
   },
   updated(el, binding) {
@@ -4418,19 +4351,19 @@ var DropScrollEnhanced = {
     droppableDirective.updateInput(binding.value, binding.oldValue);
   },
   beforeUnmount(el) {
-    var _a2;
+    var _a;
     const droppableDirective = el[DropScrollEnhancedDirective.INSTANCE_KEY];
-    (_a2 = droppableDirective.ngOnDestroy) == null ? void 0 : _a2.call(droppableDirective);
+    (_a = droppableDirective.ngOnDestroy) == null ? void 0 : _a.call(droppableDirective);
   }
 };
 class DropScrollEnhancedSideDirective extends DropScrollEnhancedDirective {
   constructor() {
     super(...arguments);
-    __publicField(this, "inputNameMap", {
+    this.inputNameMap = {
       direction: "sideDirection"
-    });
-    __publicField(this, "sideDirection", "h");
-    __publicField(this, "direction", "v");
+    };
+    this.sideDirection = "h";
+    this.direction = "v";
   }
   ngOnInit() {
     this.direction = this.sideDirection === "v" ? "h" : "v";
@@ -4440,12 +4373,15 @@ const DropScrollEnhancedSide = {
   mounted(el, binding, vNode) {
     const context2 = vNode["ctx"].provides;
     const dragDropService = injectFromContext(DragDropService.TOKEN, context2);
-    const droppableDirective = el[DropScrollEnhancedSideDirective.INSTANCE_KEY] = new DropScrollEnhancedSideDirective(el, dragDropService);
+    const droppableDirective = el[DropScrollEnhancedSideDirective.INSTANCE_KEY] = new DropScrollEnhancedSideDirective(
+      el,
+      dragDropService
+    );
     droppableDirective.setInput(binding.value);
     droppableDirective.mounted();
     setTimeout(() => {
-      var _a2;
-      (_a2 = droppableDirective.ngAfterViewInit) == null ? void 0 : _a2.call(droppableDirective);
+      var _a;
+      (_a = droppableDirective.ngAfterViewInit) == null ? void 0 : _a.call(droppableDirective);
     }, 0);
   },
   updated(el, binding) {
@@ -4453,23 +4389,22 @@ const DropScrollEnhancedSide = {
     droppableDirective.updateInput(binding.value, binding.oldValue);
   },
   beforeUnmount(el) {
-    var _a2;
+    var _a;
     const droppableDirective = el[DropScrollEnhancedSideDirective.INSTANCE_KEY];
-    (_a2 = droppableDirective.ngOnDestroy) == null ? void 0 : _a2.call(droppableDirective);
+    (_a = droppableDirective.ngOnDestroy) == null ? void 0 : _a.call(droppableDirective);
   }
 };
 class BatchDraggableDirective extends NgDirectiveBase {
   constructor(draggable, dragDropService) {
     super();
-    __publicField(this, "batchDragGroup", "default");
-    __publicField(this, "batchDragActive", false);
-    __publicField(this, "batchDragLastOneAutoActiveEventKeys", ["ctrlKey"]);
-    __publicField(this, "batchDragStyle", ["badge", "stack"]);
-    __publicField(this, "batchDragActiveEvent", new EventEmitter());
-    __publicField(this, "dragData");
-    __publicField(this, "needToRestore", false);
     this.draggable = draggable;
     this.dragDropService = dragDropService;
+    this.batchDragGroup = "default";
+    this.batchDragActive = false;
+    this.batchDragLastOneAutoActiveEventKeys = ["ctrlKey"];
+    this.batchDragStyle = ["badge", "stack"];
+    this.batchDragActiveEvent = new EventEmitter();
+    this.needToRestore = false;
     this.draggable.batchDraggable = this;
   }
   ngOnInit() {
@@ -4602,20 +4537,23 @@ class BatchDraggableDirective extends NgDirectiveBase {
     });
   }
 }
-__publicField(BatchDraggableDirective, "INSTANCE_KEY", "__vueDevuiBatchDraggableDirectiveInstance");
+BatchDraggableDirective.INSTANCE_KEY = "__vueDevuiBatchDraggableDirectiveInstance";
 var BatchDraggable = {
   mounted(el, binding, vNode) {
-    var _a2;
+    var _a;
     const context2 = vNode["ctx"].provides;
     const dragDropService = injectFromContext(DragDropService.TOKEN, context2);
     const draggableDirective = injectFromContext(DraggableDirective.TOKEN, context2);
-    const batchDraggableDirective = el[BatchDraggableDirective.INSTANCE_KEY] = new BatchDraggableDirective(draggableDirective, dragDropService);
+    const batchDraggableDirective = el[BatchDraggableDirective.INSTANCE_KEY] = new BatchDraggableDirective(
+      draggableDirective,
+      dragDropService
+    );
     batchDraggableDirective.setInput(binding.value);
     batchDraggableDirective.mounted();
-    (_a2 = batchDraggableDirective.ngOnInit) == null ? void 0 : _a2.call(batchDraggableDirective);
+    (_a = batchDraggableDirective.ngOnInit) == null ? void 0 : _a.call(batchDraggableDirective);
     setTimeout(() => {
-      var _a3;
-      (_a3 = batchDraggableDirective.ngAfterViewInit) == null ? void 0 : _a3.call(batchDraggableDirective);
+      var _a2;
+      (_a2 = batchDraggableDirective.ngAfterViewInit) == null ? void 0 : _a2.call(batchDraggableDirective);
     }, 0);
   },
   updated(el, binding) {
@@ -4623,9 +4561,9 @@ var BatchDraggable = {
     batchDraggableDirective.updateInput(binding.value, binding.oldValue);
   },
   beforeUnmount(el) {
-    var _a2;
+    var _a;
     const batchDraggableDirective = el[BatchDraggableDirective.INSTANCE_KEY];
-    (_a2 = batchDraggableDirective.ngOnDestroy) == null ? void 0 : _a2.call(batchDraggableDirective);
+    (_a = batchDraggableDirective.ngOnDestroy) == null ? void 0 : _a.call(batchDraggableDirective);
   }
 };
 class DragPreviewCloneDomRefComponent extends NgDirectiveBase {
@@ -4699,16 +4637,16 @@ var DragPreviewCloneDomRef = defineComponent({
     onMounted(() => {
       instance.mounted();
       nextTick(() => {
-        var _a2;
-        (_a2 = instance.ngAfterViewInit) == null ? void 0 : _a2.call(instance);
+        var _a;
+        (_a = instance.ngAfterViewInit) == null ? void 0 : _a.call(instance);
       });
     });
     watch(() => props, (binding, oldBinding) => {
       instance.updateInput(binding, oldBinding);
     });
     onBeforeUnmount(() => {
-      var _a2;
-      (_a2 = instance.ngOnDestroy) == null ? void 0 : _a2.call(instance);
+      var _a;
+      (_a = instance.ngOnDestroy) == null ? void 0 : _a.call(instance);
     });
     expose({
       instance
@@ -4739,13 +4677,10 @@ function symbolIterator() {
 }
 const _QueryList = class {
   constructor() {
-    __publicField(this, "dirty", true);
-    __publicField(this, "_results", []);
-    __publicField(this, "changes", new EventEmitter());
-    __publicField(this, "length", 0);
-    __publicField(this, "first");
-    __publicField(this, "last");
-    __publicField(this, _a);
+    this.dirty = true;
+    this._results = [];
+    this.changes = new EventEmitter();
+    this.length = 0;
     const symbol = Symbol.iterator;
     const proto = _QueryList.prototype;
     if (!proto[symbol])
@@ -4794,12 +4729,11 @@ const _QueryList = class {
   }
 };
 let QueryList = _QueryList;
-_a = Symbol.iterator;
 class DescendantRegisterService {
   constructor() {
-    __publicField(this, "_result", []);
-    __publicField(this, "changeSubject", new BehaviorSubject([]));
-    __publicField(this, "changes", this.changeSubject.asObservable().pipe(debounceTime(200)));
+    this._result = [];
+    this.changeSubject = new BehaviorSubject([]);
+    this.changes = this.changeSubject.asObservable().pipe(debounceTime(200));
   }
   register(t) {
     if (!t) {
@@ -4828,7 +4762,6 @@ class DescendantRegisterService {
 class DescendantChildren extends NgDirectiveBase {
   constructor(drs) {
     super();
-    __publicField(this, "descendantItem");
     this.drs = drs;
   }
   ngOnInit() {
@@ -4841,7 +4774,6 @@ class DescendantChildren extends NgDirectiveBase {
 class DescendantRoot extends QueryList {
   constructor(drs) {
     super();
-    __publicField(this, "sub");
     this.drs = drs;
   }
   on() {
@@ -4861,15 +4793,11 @@ class DescendantRoot extends QueryList {
 }
 class DragSyncDescendantRegisterService extends DescendantRegisterService {
 }
-__publicField(DragSyncDescendantRegisterService, "TOKEN", Symbol("DRAG_SYNC_DR_SERVICE"));
+DragSyncDescendantRegisterService.TOKEN = Symbol("DRAG_SYNC_DR_SERVICE");
 class DropSortSyncDescendantRegisterService extends DescendantRegisterService {
 }
-__publicField(DropSortSyncDescendantRegisterService, "TOKEN", Symbol("DROP_SORT_SYNC_DR_SERVICE"));
+DropSortSyncDescendantRegisterService.TOKEN = Symbol("DROP_SORT_SYNC_DR_SERVICE");
 class DragDropSyncService {
-  constructor() {
-    __publicField(this, "dragSyncList");
-    __publicField(this, "dropSortSyncList");
-  }
   updateDragSyncList(list) {
     this.dragSyncList = list;
   }
@@ -4889,16 +4817,14 @@ class DragDropSyncService {
     return this.dropSortSyncList ? this.dropSortSyncList.filter((dragSync) => dragSync.dropSyncGroup === groupName) : [];
   }
 }
-__publicField(DragDropSyncService, "TOKEN", Symbol("DRAG_DROP_SYNC_SERVICE"));
+DragDropSyncService.TOKEN = Symbol("DRAG_DROP_SYNC_SERVICE");
 class DragDropSyncBoxDirective extends NgDirectiveBase {
   constructor(dragDropSyncService, dragSyncDrs, dropSortSyncDrs) {
     super();
-    __publicField(this, "sub", new Subscription());
-    __publicField(this, "dragSyncList");
-    __publicField(this, "dropSyncList");
     this.dragDropSyncService = dragDropSyncService;
     this.dragSyncDrs = dragSyncDrs;
     this.dropSortSyncDrs = dropSortSyncDrs;
+    this.sub = new Subscription();
   }
   ngOnInit() {
     this.dragSyncList = new DescendantRoot(this.dragSyncDrs);
@@ -4920,7 +4846,7 @@ class DragDropSyncBoxDirective extends NgDirectiveBase {
     this.dropSyncList.off();
   }
 }
-__publicField(DragDropSyncBoxDirective, "INSTANCE_KEY", "__vueDevuiDragDropSyncBoxDirectiveInstance");
+DragDropSyncBoxDirective.INSTANCE_KEY = "__vueDevuiDragDropSyncBoxDirectiveInstance";
 var DragDropSyncBox = {
   created(el, binding, vNode) {
     const context2 = vNode["ctx"].provides;
@@ -4932,18 +4858,22 @@ var DragDropSyncBox = {
     provideToContext(DropSortSyncDescendantRegisterService.TOKEN, dropSortSyncDrs, context2);
   },
   mounted(el, binding, vNode) {
-    var _a2;
+    var _a;
     const context2 = vNode["ctx"].provides;
     const dragDropSyncService = injectFromContext(DragDropSyncService.TOKEN, context2);
     const dragSyncDrs = injectFromContext(DragSyncDescendantRegisterService.TOKEN, context2);
     const dropSortSyncDrs = injectFromContext(DropSortSyncDescendantRegisterService.TOKEN, context2);
-    const dragDropSyncBoxDirective = el[DragDropSyncBoxDirective.INSTANCE_KEY] = new DragDropSyncBoxDirective(dragDropSyncService, dragSyncDrs, dropSortSyncDrs);
+    const dragDropSyncBoxDirective = el[DragDropSyncBoxDirective.INSTANCE_KEY] = new DragDropSyncBoxDirective(
+      dragDropSyncService,
+      dragSyncDrs,
+      dropSortSyncDrs
+    );
     dragDropSyncBoxDirective.setInput(binding.value);
     dragDropSyncBoxDirective.mounted();
-    (_a2 = dragDropSyncBoxDirective.ngOnInit) == null ? void 0 : _a2.call(dragDropSyncBoxDirective);
+    (_a = dragDropSyncBoxDirective.ngOnInit) == null ? void 0 : _a.call(dragDropSyncBoxDirective);
     setTimeout(() => {
-      var _a3;
-      (_a3 = dragDropSyncBoxDirective.ngAfterViewInit) == null ? void 0 : _a3.call(dragDropSyncBoxDirective);
+      var _a2;
+      (_a2 = dragDropSyncBoxDirective.ngAfterViewInit) == null ? void 0 : _a2.call(dragDropSyncBoxDirective);
     }, 0);
   },
   updated(el, binding) {
@@ -4951,42 +4881,45 @@ var DragDropSyncBox = {
     dragDropSyncBoxDirective.updateInput(binding.value, binding.oldValue);
   },
   beforeUnmount(el) {
-    var _a2;
+    var _a;
     const dragDropSyncBoxDirective = el[DragDropSyncBoxDirective.INSTANCE_KEY];
-    (_a2 = dragDropSyncBoxDirective.ngOnDestroy) == null ? void 0 : _a2.call(dragDropSyncBoxDirective);
+    (_a = dragDropSyncBoxDirective.ngOnDestroy) == null ? void 0 : _a.call(dragDropSyncBoxDirective);
   }
 };
 class DragSyncDirective extends DescendantChildren {
   constructor(el, draggable, dragDropSyncService, dragDropService, dragSyncDrs) {
     super(dragSyncDrs);
-    __publicField(this, "inputNameMap", {
-      dragSync: "dragSyncGroup",
-      dragSyncGroup: "dragSyncGroup"
-    });
-    __publicField(this, "dragSyncGroup", "");
-    __publicField(this, "subscription", new Subscription());
-    __publicField(this, "syncGroupDirectives");
-    __publicField(this, "el", { nativeElement: null });
-    __publicField(this, "subDragElEvent", (bool) => {
-      this.syncGroupDirectives.forEach((dir) => this.renderDisplay(dir.el.nativeElement, bool));
-    });
     this.draggable = draggable;
     this.dragDropSyncService = dragDropSyncService;
     this.dragDropService = dragDropService;
+    this.inputNameMap = {
+      dragSync: "dragSyncGroup",
+      dragSyncGroup: "dragSyncGroup"
+    };
+    this.dragSyncGroup = "";
+    this.subscription = new Subscription();
+    this.el = { nativeElement: null };
+    this.subDragElEvent = (bool) => {
+      this.syncGroupDirectives.forEach((dir) => this.renderDisplay(dir.el.nativeElement, bool));
+    };
     this.el.nativeElement = el;
     this.descendantItem = this;
   }
   ngOnInit() {
     if (this.draggable) {
       this.subscription.add(this.draggable.dragElShowHideEvent.subscribe(this.subDragElEvent));
-      this.subscription.add(this.draggable.beforeDragStartEvent.subscribe(() => {
-        this.syncGroupDirectives = this.dragDropSyncService.getDragSyncByGroup(this.dragSyncGroup).filter((directive) => directive !== this);
-        this.dragDropService.dragSyncGroupDirectives = this.syncGroupDirectives;
-      }));
-      this.subscription.add(this.draggable.dropEndEvent.subscribe(() => {
-        this.dragDropService.dragSyncGroupDirectives = void 0;
-        this.syncGroupDirectives = void 0;
-      }));
+      this.subscription.add(
+        this.draggable.beforeDragStartEvent.subscribe(() => {
+          this.syncGroupDirectives = this.dragDropSyncService.getDragSyncByGroup(this.dragSyncGroup).filter((directive) => directive !== this);
+          this.dragDropService.dragSyncGroupDirectives = this.syncGroupDirectives;
+        })
+      );
+      this.subscription.add(
+        this.draggable.dropEndEvent.subscribe(() => {
+          this.dragDropService.dragSyncGroupDirectives = void 0;
+          this.syncGroupDirectives = void 0;
+        })
+      );
     }
     super.ngOnInit();
   }
@@ -5000,10 +4933,10 @@ class DragSyncDirective extends DescendantChildren {
     nativeEl.style.display = bool ? "" : "none";
   }
 }
-__publicField(DragSyncDirective, "INSTANCE_KEY", "__vueDevuiDragSyncDirectiveInstance");
+DragSyncDirective.INSTANCE_KEY = "__vueDevuiDragSyncDirectiveInstance";
 var DragSync = {
   mounted(el, binding, vNode) {
-    var _a2;
+    var _a;
     const context2 = vNode["ctx"].provides;
     let draggable = injectFromContext(DraggableDirective.TOKEN, context2);
     if ((draggable == null ? void 0 : draggable.el.nativeElement) !== el) {
@@ -5012,43 +4945,48 @@ var DragSync = {
     const dragDropSyncService = injectFromContext(DragDropSyncService.TOKEN, context2);
     const dragDropService = injectFromContext(DragDropService.TOKEN, context2);
     const dragSyncDrs = injectFromContext(DragSyncDescendantRegisterService.TOKEN, context2);
-    const dragSyncDirective = el[DragSyncDirective.INSTANCE_KEY] = new DragSyncDirective(el, draggable, dragDropSyncService, dragDropService, dragSyncDrs);
+    const dragSyncDirective = el[DragSyncDirective.INSTANCE_KEY] = new DragSyncDirective(
+      el,
+      draggable,
+      dragDropSyncService,
+      dragDropService,
+      dragSyncDrs
+    );
     dragSyncDirective.setInput(binding.value);
     dragSyncDirective.mounted();
-    (_a2 = dragSyncDirective.ngOnInit) == null ? void 0 : _a2.call(dragSyncDirective);
+    (_a = dragSyncDirective.ngOnInit) == null ? void 0 : _a.call(dragSyncDirective);
   },
   updated(el, binding) {
     const dragSyncDirective = el[DragSyncDirective.INSTANCE_KEY];
     dragSyncDirective.updateInput(binding.value, binding.oldValue);
   },
   beforeUnmount(el) {
-    var _a2;
+    var _a;
     const dragSyncDirective = el[DragSyncDirective.INSTANCE_KEY];
-    (_a2 = dragSyncDirective.ngOnDestroy) == null ? void 0 : _a2.call(dragSyncDirective);
+    (_a = dragSyncDirective.ngOnDestroy) == null ? void 0 : _a.call(dragSyncDirective);
   }
 };
 class DropSortSyncDirective extends DescendantChildren {
   constructor(el, droppable, dragDropSyncService, dropSortSyncDrs) {
     super(dropSortSyncDrs);
-    __publicField(this, "inputNameMap", {
+    this.droppable = droppable;
+    this.dragDropSyncService = dragDropSyncService;
+    this.inputNameMap = {
       dropSortSync: "dropSyncGroup",
       dropSyncGroup: "dropSyncGroup",
       dropSyncDirection: "direction"
-    });
-    __publicField(this, "dropSyncGroup", "");
-    __publicField(this, "direction", "v");
-    __publicField(this, "subscription", new Subscription());
-    __publicField(this, "syncGroupDirectives");
-    __publicField(this, "placeholder");
-    __publicField(this, "sortContainer");
-    __publicField(this, "el", { nativeElement: null });
-    __publicField(this, "subRenderEvent", (nativeStyle) => {
+    };
+    this.dropSyncGroup = "";
+    this.direction = "v";
+    this.subscription = new Subscription();
+    this.el = { nativeElement: null };
+    this.subRenderEvent = (nativeStyle) => {
       this.syncGroupDirectives = this.dragDropSyncService.getDropSyncByGroup(this.dropSyncGroup).filter((directive) => directive !== this);
       this.syncGroupDirectives.forEach((dir) => {
         dir.renderPlaceholder(nativeStyle, this.droppable);
       });
-    });
-    __publicField(this, "subInsertionEvent", (cmd) => {
+    };
+    this.subInsertionEvent = (cmd) => {
       this.syncGroupDirectives = this.dragDropSyncService.getDropSyncByGroup(this.dropSyncGroup).filter((directive) => directive !== this);
       this.syncGroupDirectives.forEach((dir) => {
         dir.insertPlaceholderCommand({
@@ -5057,9 +4995,7 @@ class DropSortSyncDirective extends DescendantChildren {
           relatedEl: dir.getChildrenElByIndex(dir.sortContainer, cmd.index)
         });
       });
-    });
-    this.droppable = droppable;
-    this.dragDropSyncService = dragDropSyncService;
+    };
     this.el.nativeElement = el;
     this.descendantItem = this;
   }
@@ -5118,30 +5054,38 @@ class DropSortSyncDirective extends DescendantChildren {
     }
   }
 }
-__publicField(DropSortSyncDirective, "INSTANCE_KEY", "__vueDevuiDropSortSyncDirectiveInstance");
+DropSortSyncDirective.INSTANCE_KEY = "__vueDevuiDropSortSyncDirectiveInstance";
 var DropSortSync = {
   mounted(el, binding, vNode) {
-    var _a2;
+    var _a;
     const context2 = vNode["ctx"].provides;
     let droppable = injectFromContext(DroppableDirective.TOKEN, context2);
     if ((droppable == null ? void 0 : droppable.el.nativeElement) !== el) {
       droppable = void 0;
     }
     const dragDropSyncService = injectFromContext(DragDropSyncService.TOKEN, context2);
-    const dropSortSyncDrs = injectFromContext(DropSortSyncDescendantRegisterService.TOKEN, context2);
-    const dropSortSyncDirective = el[DropSortSyncDirective.INSTANCE_KEY] = new DropSortSyncDirective(el, droppable, dragDropSyncService, dropSortSyncDrs);
+    const dropSortSyncDrs = injectFromContext(
+      DropSortSyncDescendantRegisterService.TOKEN,
+      context2
+    );
+    const dropSortSyncDirective = el[DropSortSyncDirective.INSTANCE_KEY] = new DropSortSyncDirective(
+      el,
+      droppable,
+      dragDropSyncService,
+      dropSortSyncDrs
+    );
     dropSortSyncDirective.setInput(binding.value);
     dropSortSyncDirective.mounted();
-    (_a2 = dropSortSyncDirective.ngOnInit) == null ? void 0 : _a2.call(dropSortSyncDirective);
+    (_a = dropSortSyncDirective.ngOnInit) == null ? void 0 : _a.call(dropSortSyncDirective);
   },
   updated(el, binding) {
     const dropSortSyncDirective = el[DropSortSyncDirective.INSTANCE_KEY];
     dropSortSyncDirective.updateInput(binding.value, binding.oldValue);
   },
   beforeUnmount(el) {
-    var _a2;
+    var _a;
     const dropSortSyncDirective = el[DropSortSyncDirective.INSTANCE_KEY];
-    (_a2 = dropSortSyncDirective.ngOnDestroy) == null ? void 0 : _a2.call(dropSortSyncDirective);
+    (_a = dropSortSyncDirective.ngOnDestroy) == null ? void 0 : _a.call(dropSortSyncDirective);
   }
 };
 var useDragDropSort = {