@umbraco-cms/backoffice 15.1.2 → 15.2.0

package/dist-cms/packages/core/sorter/sorter.controller.js

@@ -99,14 +99,13 @@ export class UmbSorterController extends UmbControllerBase {
     #config;
     #observer;
     #model;
-    #rqaId;
     #containerElement;
     #useContainerShadowRoot;
     #scrollElement;
     #enabled;
     #dragX;
     #dragY;
-    #items;
+    #elements;
     get identifier() {
         return this.#config.identifier;
     }
@@ -123,8 +122,10 @@ export class UmbSorterController extends UmbControllerBase {
         this.#enabled = true;
         this.#dragX = 0;
         this.#dragY = 0;
-        this.#items = Array();
+        this.#elements = Array();
         this.#initialize = () => {
+            if (this.#isConnected === false)
+                return;
             const containerEl = (this.#config.containerSelector
                 ? this.#host.shadowRoot.querySelector(this.#config.containerSelector)
                 : this.#host) ?? this.#host;
@@ -134,8 +135,7 @@ export class UmbSorterController extends UmbControllerBase {
             const containerElement = this.#useContainerShadowRoot
                 ? (this.#containerElement.shadowRoot ?? this.#containerElement)
                 : this.#containerElement;
-            containerElement.addEventListener('dragover', this._itemDraggedOver);
-            // TODO: Do we need to handle dragleave?
+            containerElement.addEventListener('dragover', this.#itemDraggedOver);
             this.#observer.disconnect();
             containerElement.querySelectorAll(this.#config.itemSelector).forEach((child) => {
                 if (child.matches && child.matches(this.#config.itemSelector)) {
@@ -147,7 +147,7 @@ export class UmbSorterController extends UmbControllerBase {
                 subtree: false,
             });
         };
-        this._itemDraggedOver = (e) => {
+        this.#itemDraggedOver = (e) => {
             //if(UmbSorterController.activeSorter === this) return;
             const dropSorter = _a.dropSorter;
             if (!dropSorter || dropSorter.identifier !== this.identifier)
@@ -165,7 +165,11 @@ export class UmbSorterController extends UmbControllerBase {
                 return;
             }
             else {
-                // TODO: Check if dropping here is okay..
+                // Indication if drop is good:
+                if (this.updateAllowIndication(_a.activeItem) === false) {
+                    console.log('Dropping here was not allowed');
+                    return;
+                }
                 // If so lets set the approaching sorter:
                 _a.dropSorter = this;
                 // Do not bubble up to parent sorters:
@@ -189,6 +193,11 @@ export class UmbSorterController extends UmbControllerBase {
                 this.#scrollElement = getParentScrollElement(this.#containerElement, true);
             }
             this.#setCurrentElement(element);
+            element.addEventListener('dragend', this.#handleDragEnd);
+            window.addEventListener('mouseup', this.#handleMouseUp);
+            window.addEventListener('mouseout', this.#handleMouseUp);
+            window.addEventListener('mouseleave', this.#handleMouseUp);
+            window.addEventListener('mousemove', this.#handleMouseMove);
             _a.activeItem = this.getItemOfElement(_a.activeElement);
             _a.originalSorter = this;
             // Notice, it is acceptable here to get index via object reference, but only cause there has been no change at this stage, otherwise we cannot trust the object instance is represented in the model — it could have mutated or been cloned [NL]
@@ -213,54 +222,46 @@ export class UmbSorterController extends UmbControllerBase {
             _a.activeSorter = this;
             _a.dropSorter = this;
             // We must wait one frame before changing the look of the block.
-            this.#rqaId = requestAnimationFrame(() => {
+            _a.rqaId = requestAnimationFrame(() => {
                 // It should be okay to use the same rqaId, as the move does not, or is okay not, to happen on first frame/drag-move.
-                this.#rqaId = undefined;
+                _a.rqaId = undefined;
                 if (_a.activeElement) {
                     _a.activeElement.style.transform = '';
                 }
             });
             return true;
         };
-        this.#handleDragEnd = async (event) => {
-            if (!_a.activeElement || !_a.activeItem) {
-                return;
-            }
+        this.#handleDragEnd = (event) => {
             // If browser thinks this was a cancelled move, we should revert the move. (based on dropEffect === 'none') [NL]
             // But notice, this also count when releasing the mouse outside the sorters element, this i'm not sure if I agree on, would be ideal only to revert if ESC was pressed. [NL]
             if (_a.originalSorter && event?.dataTransfer != null && event.dataTransfer.dropEffect === 'none') {
                 // Revert move, to start position.
                 _a.originalSorter.moveItemInModel(_a.originalIndex ?? 0, _a.activeSorter);
             }
-            _a.activeElement.style.transform = '';
-            this.#removePlaceholderStyle();
-            this.#stopAutoScroll();
-            this.removeAllowIndication();
-            if (this.#config.onEnd) {
-                this.#config.onEnd({
-                    item: _a.activeItem,
-                    element: _a.activeElement,
-                });
+            this.#handleMoveEnd();
+        };
+        /**
+         * Listen to mouse move, to check if the mouse is still down.
+         * This event does not happen while dragging, so its a indication that the drag is over.
+         */
+        this.#handleMouseMove = (event) => {
+            // buttons should reprensent which buttons are held, and 0 => represents no button is pressed. [NL]
+            if (event.buttons === 0) {
+                this.#handleMoveEnd();
             }
-            if (this.#rqaId) {
-                cancelAnimationFrame(this.#rqaId);
-                this.#rqaId = undefined;
-            }
-            _a.activeItem = undefined;
-            _a.activeElement = undefined;
-            _a.activeDragElement = undefined;
-            _a.activeSorter = undefined;
-            _a.dropSorter = undefined;
-            _a.originalIndex = undefined;
-            _a.originalSorter = undefined;
-            this.#dragX = 0;
-            this.#dragY = 0;
+        };
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        this.#handleMouseUp = (event) => {
+            this.#handleMoveEnd();
         };
         this.#updateDragMove = () => {
-            this.#rqaId = undefined;
+            _a.rqaId = undefined;
             if (!_a.activeElement || !_a.activeItem) {
                 return;
             }
+            if (_a.dropSorter !== this) {
+                throw new Error('Drop sorter is not this sorter');
+            }
             // Maybe no need to check this twice, like we do it before the RAF an inside it, I think its fine to choose one of them.
             const currentElementRect = _a.activeElement.getBoundingClientRect();
             const insideCurrentRect = isWithinRect(this.#dragX, this.#dragY, currentElementRect);
@@ -299,6 +300,10 @@ export class UmbSorterController extends UmbControllerBase {
             elementsInSameRow.forEach((sameRow) => {
                 const centerX = sameRow.dragRect.left + sameRow.dragRect.width * 0.5;
                 const distance = Math.abs(this.#dragX - centerX);
+                /*const distance = Math.min(
+                    Math.abs(this.#dragX - sameRow.dragRect.left),
+                    Math.abs(this.#dragX - sameRow.dragRect.right),
+                );*/
                 if (distance < lastDistance) {
                     foundEl = sameRow.el;
                     foundElDragRect = sameRow.dragRect;
@@ -306,6 +311,10 @@ export class UmbSorterController extends UmbControllerBase {
                     placeAfter = this.#dragX > centerX;
                 }
             });
+            let activeIndex = this.#model.indexOf(_a.activeItem);
+            if (activeIndex === -1) {
+                activeIndex = null;
+            }
             if (foundEl) {
                 // If we are on top or closest to our self, we should not do anything.
                 if (foundEl === _a.activeElement) {
@@ -315,38 +324,74 @@ export class UmbSorterController extends UmbControllerBase {
                 if (!foundModel) {
                     throw new Error('Could not find model of found element');
                 }
-                // Indication if drop is good:
-                if (this.updateAllowIndication(_a.activeItem) === false) {
-                    return;
+                let relatedIndex = this.#model.indexOf(foundModel);
+                if (relatedIndex === -1) {
+                    relatedIndex = null;
+                }
+                if (activeIndex !== null && relatedIndex !== null) {
+                    // We have both indexes, aka. both elements are in this list.
+                    const widthDiff = Math.max(foundElDragRect.width - currentElementRect.width, 0);
+                    if (activeIndex < relatedIndex && foundElDragRect.left + widthDiff < this.#dragX) {
+                        // If we are located before and we are just enough over to get located after, then lets do it already.
+                        placeAfter = true;
+                    }
+                    else if (activeIndex > relatedIndex && foundElDragRect.right - widthDiff > this.#dragX) {
+                        // If we are located after and we are just enough over to get located before, then lets do it already.
+                        placeAfter = false;
+                    }
                 }
-                const verticalDirection = this.#config.resolvePlacement
+                const placementResult = this.#config.resolvePlacement
                     ? this.#config.resolvePlacement({
                         containerElement: this.#containerElement,
                         containerRect: currentContainerRect,
                         item: _a.activeItem,
+                        itemIndex: activeIndex,
                         element: _a.activeElement,
                         elementRect: currentElementRect,
                         relatedElement: foundEl,
                         relatedModel: foundModel,
                         relatedRect: foundElDragRect,
+                        relatedIndex: relatedIndex,
                         placeholderIsInThisRow: placeholderIsInThisRow,
                         horizontalPlaceAfter: placeAfter,
                         pointerX: this.#dragX,
                         pointerY: this.#dragY,
                     })
                     : true;
-                if (verticalDirection === null) {
-                    // The resolvePlacement has chosen to back out of this move.
+                if (placementResult === null) {
+                    // The resolvePlacement method has chosen to back out of this move.
                     return;
                 }
-                if (verticalDirection) {
-                    placeAfter = this.#dragY > foundElDragRect.top + foundElDragRect.height * 0.5;
+                let verticalDirection = true;
+                if (typeof placementResult === 'object') {
+                    verticalDirection = placementResult.verticalDirection ?? false;
+                    placeAfter = placementResult.placeAfter;
                 }
-                if (verticalDirection) {
+                else {
+                    verticalDirection = placementResult ?? false;
+                    if (verticalDirection === true) {
+                        // Lets check if we should place after or before, based on a vertical algortihm.
+                        placeAfter = this.#dragY > foundElDragRect.top + foundElDragRect.height * 0.5;
+                        // There is room for improvements, if we are in the same model:
+                        if (activeIndex !== null && relatedIndex !== null) {
+                            // We have both indexes, aka. both elements are in this list.
+                            const heightDiff = Math.max(foundElDragRect.height - currentElementRect.height, 0);
+                            if (activeIndex < relatedIndex && this.#dragY > foundElDragRect.top + heightDiff) {
+                                // If active is located above and we are just enough above to get located after, then lets do it already.
+                                placeAfter = true;
+                            }
+                            else if (activeIndex > relatedIndex && this.#dragY < foundElDragRect.bottom - heightDiff) {
+                                // If active is located below and we are just enough above to get located before, then lets do it already.
+                                placeAfter = false;
+                            }
+                        }
+                    }
+                }
+                if (verticalDirection === true) {
                     let el;
                     if (placeAfter === false) {
                         let lastLeft = foundElDragRect.left;
-                        elementsInSameRow.findIndex((x) => {
+                        elementsInSameRow.map((x) => {
                             if (x.dragRect.left < lastLeft) {
                                 lastLeft = x.dragRect.left;
                                 el = x.el;
@@ -355,7 +400,7 @@ export class UmbSorterController extends UmbControllerBase {
                     }
                     else {
                         let lastRight = foundElDragRect.right;
-                        elementsInSameRow.findIndex((x) => {
+                        elementsInSameRow.map((x) => {
                             if (x.dragRect.right > lastRight) {
                                 lastRight = x.dragRect.right;
                                 el = x.el;
@@ -371,7 +416,7 @@ export class UmbSorterController extends UmbControllerBase {
                 this.#moveElementTo(newIndex);
                 return;
             }
-            // We skipped the above part cause we are above or below container, or within an empty container:
+            // We skipped the above part cause we are above or below container, or within an empty container, or in a blank space:
             // Indication if drop is good:
             if (this.updateAllowIndication(_a.activeItem) === false) {
                 return;
@@ -386,6 +431,18 @@ export class UmbSorterController extends UmbControllerBase {
             else if (this.#dragY > currentContainerRect.bottom) {
                 this.#moveElementTo(-1);
             }
+            else {
+                // There was no target, but we are still inside. aka. in a vertical gap/gutter/blankspace.
+                if (this.#model.length > 1 && activeIndex !== null) {
+                    const belowActive = this.#dragY > currentElementRect.bottom;
+                    const foundTarget = belowActive === false
+                        ? this.#findIndexToMoveTo(0, activeIndex)
+                        : this.#findIndexToMoveTo(activeIndex, this.#model.length);
+                    if (foundTarget) {
+                        this.#moveElementTo(foundTarget);
+                    }
+                }
+            }
         };
         // TODO: Move auto scroll into its own class?
         this.#autoScrollRAF = null;
@@ -449,7 +506,6 @@ export class UmbSorterController extends UmbControllerBase {
     }
     setModel(model) {
         if (this.#model) {
-            // TODO: Some updates might need to be done, as the model is about to change? Do make the changes after setting the model?.. [NL]
             this.#model = model;
         }
     }
@@ -488,11 +544,12 @@ export class UmbSorterController extends UmbControllerBase {
             const containerElement = this.#useContainerShadowRoot
                 ? (this.#containerElement.shadowRoot ?? this.#containerElement)
                 : this.#containerElement;
-            containerElement.removeEventListener('dragover', this._itemDraggedOver);
+            containerElement.removeEventListener('dragover', this.#itemDraggedOver);
             this.#containerElement = undefined;
         }
-        this.#items.forEach((item) => this.destroyItem(item));
+        this.#elements.forEach((item) => this.destroyItem(item));
     }
+    #itemDraggedOver;
     #getDraggableElement(element) {
         if (this.#config.draggableSelector) {
             // Concept for enabling getting element within ShadowRoot: (But it might need to be configurable, so its still possible to get light dom element(slotted), despite the host is a web-component with shadow-dom.) [NL]
@@ -522,8 +579,8 @@ export class UmbSorterController extends UmbControllerBase {
                 }
             }
         }
-        this.#items.push(element);
-        this.#items = Array.from(new Set(this.#items));
+        this.#elements.push(element);
+        this.#elements = Array.from(new Set(this.#elements));
     }
     destroyItem(element) {
         if (this.#config.ignorerSelector) {
@@ -531,10 +588,9 @@ export class UmbSorterController extends UmbControllerBase {
         }
         const draggableElement = this.#getDraggableElement(element);
         draggableElement.removeEventListener('dragstart', this.#handleDragStart);
-        // We are not ready to remove the dragend or drop, as this is might be the active one just moving container:
-        //draggableElement.removeEventListener('dragend', this.#handleDragEnd);
+        draggableElement.removeEventListener('dragend', this.#handleDragEnd);
         draggableElement.draggable = false;
-        this.#items = this.#items.filter((x) => x !== element);
+        this.#elements = this.#elements.filter((x) => x !== element);
     }
     #setupPlaceholderStyle() {
         if (this.#config.placeholderClass) {
@@ -559,12 +615,51 @@ export class UmbSorterController extends UmbControllerBase {
             throw new Error('Could not find drag element, query was made with the `draggableSelector` of "' +
                 this.#config.draggableSelector +
                 '"');
-            return;
         }
         this.#setupPlaceholderStyle();
     }
     #handleDragStart;
     #handleDragEnd;
+    /**
+     * Listen to mouse move, to check if the mouse is still down.
+     * This event does not happen while dragging, so its a indication that the drag is over.
+     */
+    #handleMouseMove;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    #handleMouseUp;
+    #handleMoveEnd() {
+        if (!_a.activeElement || !_a.activeItem) {
+            return;
+        }
+        _a.activeElement.removeEventListener('dragend', this.#handleDragEnd);
+        window.removeEventListener('mouseup', this.#handleMouseUp);
+        window.removeEventListener('mouseout', this.#handleMouseUp);
+        window.removeEventListener('mouseleave', this.#handleMouseUp);
+        window.removeEventListener('mousemove', this.#handleMouseMove);
+        _a.activeElement.style.transform = '';
+        this.#removePlaceholderStyle();
+        this.#stopAutoScroll();
+        this.removeAllowIndication();
+        if (this.#config.onEnd) {
+            this.#config.onEnd({
+                item: _a.activeItem,
+                element: _a.activeElement,
+            });
+        }
+        if (_a.rqaId) {
+            cancelAnimationFrame(_a.rqaId);
+            _a.rqaId = undefined;
+        }
+        _a.activeItem = undefined;
+        _a.activeElement = undefined;
+        _a.activeDragElement = undefined;
+        _a.activeSorter = undefined;
+        _a.dropSorter = undefined;
+        _a.originalIndex = undefined;
+        _a.originalSorter = undefined;
+        this.#dragX = 0;
+        this.#dragY = 0;
+    }
     #handleDragMove(event) {
         if (!_a.activeElement) {
             return;
@@ -585,13 +680,43 @@ export class UmbSorterController extends UmbControllerBase {
             const activeDragRect = _a.activeDragElement.getBoundingClientRect();
             const insideCurrentRect = isWithinRect(this.#dragX, this.#dragY, activeDragRect);
             if (!insideCurrentRect) {
-                if (this.#rqaId === undefined) {
-                    this.#rqaId = requestAnimationFrame(this.#updateDragMove);
+                if (_a.rqaId === undefined) {
+                    _a.rqaId = requestAnimationFrame(this.#updateDragMove);
                 }
             }
         }
     }
     #updateDragMove;
+    #findIndexToMoveTo(a, b) {
+        if (a === b) {
+            return a;
+        }
+        const halfWay = a + Math.round((b - a) * 0.5);
+        // if we hit one of the points, then lets just move to the other point.
+        if (halfWay === a || halfWay === b) {
+            return b;
+        }
+        const belowHalf = this.#isPointerBelowTargetElement(halfWay);
+        if (belowHalf === null) {
+            throw new Error('Could not determine if below target');
+        }
+        if (belowHalf) {
+            return this.#findIndexToMoveTo(halfWay, b);
+        }
+        else {
+            return this.#findIndexToMoveTo(a, halfWay);
+        }
+    }
+    #isPointerBelowTargetElement(targetIndex) {
+        if (targetIndex > 0 && targetIndex < this.#model.length) {
+            const element = this.getElementOfItem(this.#model[targetIndex]);
+            if (element) {
+                // Below this one == true, otherwise false.
+                return this.#dragY > element?.getBoundingClientRect().bottom;
+            }
+        }
+        return null;
+    }
     //
     async #moveElementTo(newIndex) {
         if (!_a.activeElement || !_a.activeSorter) {
@@ -601,6 +726,9 @@ export class UmbSorterController extends UmbControllerBase {
         if (!requestingSorter) {
             throw new Error('Could not find requestingSorter');
         }
+        if (requestingSorter !== this) {
+            throw new Error('Requesting sorter is not this sorter');
+        }
         // If same container and same index, do nothing:
         if (requestingSorter === _a.activeSorter && _a.activeIndex === newIndex)
             return;
@@ -618,6 +746,15 @@ export class UmbSorterController extends UmbControllerBase {
         }
         return this.#model.find((entry) => elementUnique === this.#config.getUniqueOfModel(entry));
     }
+    getElementOfItem(item) {
+        const unique = this.#config.getUniqueOfModel(item);
+        if (unique === undefined) {
+            console.error('Sorter could not find unique of item', item);
+            //throw new Error('Sorter could not find unique of item');
+            return;
+        }
+        return this.#elements.find((element) => unique === this.#config.getUniqueOfElement(element));
+    }
     async removeItem(item) {
         if (!item) {
             return false;
@@ -637,30 +774,9 @@ export class UmbSorterController extends UmbControllerBase {
         }
         return false;
     }
-    /*
-    public async insertItem(item: T, newIndex: number = 0) {
-        if (!item) {
-            return false;
-        }
-
-        if (this.#config.performItemInsert) {
-            const result = await this.#config.performItemInsert({ item, newIndex });
-            if (result === false) {
-                return false;
-            }
-        } else {
-            const newModel = [...this.#model];
-            newModel.splice(newIndex, 0, item);
-            this.#model = newModel;
-            this.#config.onChange?.({ model: newModel, item });
-        }
-        return false;
-    }
-    */
     hasOtherItemsThan(item) {
         return this.#model.filter((x) => x !== item).length > 0;
     }
-    // TODO: Could get item via attr.
     async moveItemInModel(newIndex, fromCtrl) {
         if (!_a.activeItem) {
             console.error('There is no active item to move');
@@ -682,33 +798,8 @@ export class UmbSorterController extends UmbControllerBase {
             return false;
         }
         const localMove = fromCtrl === this;
-        if (localMove) {
-            // Local move:
-            const oldIndex = this.#model.indexOf(item);
-            if (oldIndex === -1) {
-                console.error('Could not find item in model when performing internal move', this.getHostElement(), this.#model);
-                return false;
-            }
-            if (this.#config.performItemMove) {
-                const result = await this.#config.performItemMove({ item, newIndex, oldIndex });
-                if (result === false) {
-                    return false;
-                }
-            }
-            else {
-                const newModel = [...this.#model];
-                newModel.splice(oldIndex, 1);
-                if (oldIndex <= newIndex) {
-                    newIndex--;
-                }
-                newModel.splice(newIndex, 0, item);
-                this.#model = newModel;
-                this.#config.onChange?.({ model: newModel, item });
-            }
-            _a.activeIndex = newIndex;
-        }
-        else {
-            // Not a local move:
+        if (!localMove) {
+            // Not a local move, so we have to switch container to continue:
             if ((await fromCtrl.removeItem(item)) !== true) {
                 console.error('Sync could not remove item when moving to a new container');
                 return false;
@@ -735,6 +826,32 @@ export class UmbSorterController extends UmbControllerBase {
                 _a.dropSorter = this;
                 _a.activeIndex = newIndex;
             }
+            return true;
+        }
+        if (localMove) {
+            // Local move:
+            const oldIndex = this.#model.indexOf(item);
+            if (oldIndex === -1) {
+                console.error('Could not find item in model when performing internal move', this.getHostElement(), this.#model);
+                return false;
+            }
+            if (this.#config.performItemMove) {
+                const result = await this.#config.performItemMove({ item, newIndex, oldIndex });
+                if (result === false) {
+                    return false;
+                }
+            }
+            else {
+                const newModel = [...this.#model];
+                newModel.splice(oldIndex, 1);
+                if (oldIndex <= newIndex) {
+                    newIndex--;
+                }
+                newModel.splice(newIndex, 0, item);
+                this.#model = newModel;
+                this.#config.onChange?.({ model: newModel, item });
+            }
+            _a.activeIndex = newIndex;
         }
         return true;
     }

package/dist-cms/packages/core/themes/manifests.d.ts

@@ -1,2 +1,2 @@
 export declare const themes: Array<UmbExtensionManifest>;
-export declare const manifests: (import("../modal/types.js").ManifestModal | import("../extension-registry/index.js").ManifestAppEntryPoint | import("../extension-registry/index.js").ManifestBackofficeEntryPoint | import("../extension-registry/index.js").ManifestEntryPoint | (import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../extension-registry/index.js").UmbEntityBulkActionExtensions | import("../extension-registry/index.js").ManifestExternalLoginProvider | import("../extension-registry/index.js").ManifestGlobalContext | import("../extension-registry/index.js").ManifestHeaderApp | import("../extension-registry/index.js").ManifestHeaderAppButtonKind | import("../extension-registry/index.js").ManifestMfaLoginProvider | import("../extension-registry/index.js").ManifestPreviewAppProvider | import("../extension-registry/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi> | import("../entity-action/entity-action.extension.js").ManifestEntityAction<import("../entity-action/entity-action.extension.js").MetaEntityAction> | import("../entity-action/types.js").ManifestEntityActionDefaultKind | import("../entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../entity-create-option-action/entity-create-option-action.extension.js").ManifestEntityCreateOptionAction<import("../entity-create-option-action/entity-create-option-action.extension.js").MetaEntityCreateOptionAction> | import("../entity-action/common/delete/types.js").ManifestEntityActionDeleteKind | import("../auth/auth-provider.extension.js").ManifestAuthProvider | import("../tree/types.js").ManifestEntityActionDuplicateToKind | import("../tree/types.js").ManifestEntityActionMoveToKind | import("../tree/types.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../tree/types.js").ManifestEntityActionSortChildrenOfKind | (import("../section/types.js").ManifestSection | import("../section/types.js").ManifestSectionRoute | import("../section/types.js").ManifestSectionSidebarApp | import("../section/types.js").ManifestSectionView) | import("../dashboard/dashboard.extension.js").ManifestDashboard | import("../menu/menu.extension.js").ManifestMenu | import("../tree/types.js").ManifestTreeItem | import("../tree/types.js").ManifestTree | import("../tree/types.js").ManifestEntityActionCreateFolderKind | import("../tree/types.js").ManifestEntityActionDeleteFolderKind | import("../tree/types.js").ManifestEntityActionUpdateFolderKind | import("../menu/menu-item.extension.js").ManifestMenuItem | import("../menu/types.js").ManifestMenuItemLinkKind | (import("../property-editor/index.js").ManifestPropertyEditorSchema | import("../property-editor/index.js").ManifestPropertyEditorUi) | import("../property/types.js").ManifestPropertyValueResolver | import("../../ufm/index.js").ManifestUfmComponent | import("../../ufm/index.js").ManifestUfmFilter | import("../content/types.js").ManifestWorkspaceViewContentCollectionKind | import("../workspace/types.js").ManifestWorkspaceActionMenuItem<import("../workspace/types.js").MetaWorkspaceActionMenuItem> | import("../workspace/types.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../workspace/types.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../workspace/types.js").ManifestWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction> | import("../workspace/types.js").ManifestWorkspaceActionDefaultKind | import("../workspace/types.js").ManifestWorkspaceFooterApp | import("../workspace/types.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceView<import("../workspace/types.js").MetaWorkspaceView> | import("../workspace/types.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../workspace/types.js").ManifestWorkspace<import("../workspace/types.js").MetaWorkspace, import("../../../libs/controller-api/index.js").UmbControllerHostElement, import("../workspace/workspace-context.interface.js").UmbWorkspaceContext> | import("../workspace/types.js").ManifestWorkspaceRoutableKind | import("../workspace/types.js").ManifestWorkspaceContext | import("../workspace/types.js").ManifestWorkspaceDefaultKind | import("../tree/types.js").ManifestMenuItemTreeKind | import("../extension-registry/index.js").UmbStoreExtensions | import("../collection/types.js").ManifestCollectionAction | import("../collection/types.js").ManifestCollectionView | import("../collection/types.js").ManifestCollection | import("../collection/types.js").ManifestCollectionActionCreateKind | import("../collection/types.js").ManifestWorkspaceViewCollectionKind | import("../../search/index.js").ManifestSearchProvider | import("../../search/index.js").ManifestSearchResultItem | import("../picker/types.js").ManifestPickerSearchResultItem | import("../../user/current-user/index.js").ManifestUserProfileApp | import("../../user/current-user/index.js").ManifestCurrentUserAction<import("../../user/current-user/index.js").MetaCurrentUserAction> | import("../recycle-bin/types.js").ManifestEntityActionTrashKind | import("../recycle-bin/types.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityActionEmptyRecycleBinKind | import("../../user/user-permission/index.js").ManifestEntityUserPermission | import("../../user/user-permission/index.js").ManifestGranularUserPermission | import("../icon-registry/types.js").ManifestIcons | import("../server-file-system/types.js").ManifestEntityActionRenameServerFileKind | import("./theme.extension.js").ManifestTheme | import("../localization/index.js").ManifestLocalization | import("../property-action/index.js").UmbPropertyActionExtensions | import("../../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../../media/media/index.js").ManifestFileUploadPreview | import("../../health-check/index.js").ManifestHealthCheck | import("../../tiny-mce/index.js").ManifestTinyMcePlugin | import("../../packages/package/index.js").ManifestPackageView | import("src/packages/property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("src/packages/property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("../../tiptap/index.js").ManifestTiptapToolbarExtension<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapExtension<import("../../tiptap/index.js").MetaTiptapExtension> | import("../../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction)[];
+export declare const manifests: (import("../modal/types.js").ManifestModal | import("../collection/types.js").ManifestCollection | import("../tree/types.js").ManifestTreeItem | import("../tree/types.js").ManifestTree | import("../extension-registry/index.js").ManifestAppEntryPoint | import("../extension-registry/index.js").ManifestBackofficeEntryPoint | import("../extension-registry/index.js").ManifestEntryPoint | (import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | import("../../../libs/extension-api/index.js").ManifestBundle<import("../../../libs/extension-api/index.js").ManifestBase | import("../../../libs/extension-api/index.js").ManifestCondition | /*elided*/ any>>>>>>>>>>>) | import("../extension-registry/index.js").UmbEntityBulkActionExtensions | import("../extension-registry/index.js").ManifestExternalLoginProvider | import("../extension-registry/index.js").ManifestGlobalContext | import("../extension-registry/index.js").ManifestHeaderApp | import("../extension-registry/index.js").ManifestHeaderAppButtonKind | import("../extension-registry/index.js").ManifestMfaLoginProvider | import("../extension-registry/index.js").ManifestPreviewAppProvider | import("../extension-registry/index.js").ManifestRepository<import("../../../libs/extension-api/index.js").UmbApi> | import("../entity-action/entity-action.extension.js").ManifestEntityAction<import("../entity-action/entity-action.extension.js").MetaEntityAction> | import("../entity-action/types.js").ManifestEntityActionDefaultKind | import("../entity-action/common/create/types.js").ManifestEntityActionCreateKind | import("../entity-create-option-action/entity-create-option-action.extension.js").ManifestEntityCreateOptionAction<import("../entity-create-option-action/entity-create-option-action.extension.js").MetaEntityCreateOptionAction> | import("../entity-action/common/delete/types.js").ManifestEntityActionDeleteKind | import("../auth/auth-provider.extension.js").ManifestAuthProvider | import("../tree/types.js").ManifestEntityActionDuplicateToKind | import("../tree/types.js").ManifestEntityActionMoveToKind | import("../tree/types.js").ManifestEntityActionReloadTreeItemChildrenKind | import("../tree/types.js").ManifestEntityActionSortChildrenOfKind | (import("../section/types.js").ManifestSectionSidebarApp | import("../section/types.js").ManifestSection | import("../section/types.js").ManifestSectionRoute | import("../section/types.js").ManifestSectionView) | import("../dashboard/dashboard.extension.js").ManifestDashboard | import("../menu/menu.extension.js").ManifestMenu | import("../tree/types.js").ManifestEntityActionCreateFolderKind | import("../tree/types.js").ManifestEntityActionDeleteFolderKind | import("../tree/types.js").ManifestEntityActionUpdateFolderKind | import("../menu/menu-item.extension.js").ManifestMenuItem | import("../menu/types.js").ManifestMenuItemLinkKind | (import("../property-editor/index.js").ManifestPropertyEditorSchema | import("../property-editor/index.js").ManifestPropertyEditorUi) | import("../../ufm/index.js").ManifestUfmComponent | import("../../ufm/index.js").ManifestUfmFilter | import("../property/types.js").ManifestPropertyValueCloner | import("../property/types.js").ManifestPropertyValueResolver | import("../property/types.js").ManifestPropertyContext<import("../property/types.js").MetaPropertyContext> | import("../content/types.js").ManifestWorkspaceViewContentCollectionKind | import("../workspace/types.js").ManifestWorkspaceActionMenuItem<import("../workspace/types.js").MetaWorkspaceActionMenuItem> | import("../workspace/types.js").ManifestWorkspaceActionMenuItemDefaultKind<import("../workspace/types.js").MetaWorkspaceActionMenuItemDefaultKind> | import("../workspace/types.js").ManifestWorkspaceAction<import("../workspace/types.js").MetaWorkspaceAction> | import("../workspace/types.js").ManifestWorkspaceActionDefaultKind | import("../workspace/types.js").ManifestWorkspaceFooterApp | import("../workspace/types.js").ManifestWorkspaceFooterAppMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceFooterAppVariantMenuBreadcrumbKind | import("../workspace/types.js").ManifestWorkspaceView<import("../workspace/types.js").MetaWorkspaceView> | import("../workspace/types.js").ManifestWorkspaceViewContentTypeDesignEditorKind | import("../workspace/types.js").ManifestWorkspace<import("../workspace/types.js").MetaWorkspace, import("../../../libs/controller-api/index.js").UmbControllerHostElement, import("../workspace/workspace-context.interface.js").UmbWorkspaceContext> | import("../workspace/types.js").ManifestWorkspaceRoutableKind | import("../workspace/types.js").ManifestWorkspaceContext | import("../workspace/types.js").ManifestWorkspaceDefaultKind | import("../tree/types.js").ManifestMenuItemTreeKind | import("../extension-registry/index.js").UmbStoreExtensions | import("../collection/types.js").ManifestCollectionAction | import("../collection/types.js").ManifestCollectionView | import("../collection/types.js").ManifestCollectionActionCreateKind | import("../collection/types.js").ManifestWorkspaceViewCollectionKind | import("../../search/index.js").ManifestSearchProvider | import("../../search/index.js").ManifestSearchResultItem | import("../picker/types.js").ManifestPickerSearchResultItem | import("../../user/current-user/index.js").ManifestUserProfileApp | import("../../user/current-user/index.js").ManifestCurrentUserAction<import("../../user/current-user/index.js").MetaCurrentUserAction> | import("../recycle-bin/types.js").ManifestEntityActionTrashKind | import("../recycle-bin/types.js").ManifestEntityActionRestoreFromRecycleBinKind | import("../recycle-bin/types.js").ManifestEntityActionEmptyRecycleBinKind | import("../../user/user-permission/index.js").ManifestEntityUserPermission | import("../../user/user-permission/index.js").ManifestGranularUserPermission | import("../icon-registry/types.js").ManifestIcons | import("../server-file-system/types.js").ManifestEntityActionRenameServerFileKind | import("./theme.extension.js").ManifestTheme | import("../localization/index.js").ManifestLocalization | import("../property-action/property-action.extension.js").UmbPropertyActionExtensions | import("../tree/folder/entity-create-option-action/types.js").ManifestEntityCreateOptionActionFolderKind | import("../../media/media/index.js").ManifestFileUploadPreview | import("../../block/block-custom-view/index.js").ManifestBlockEditorCustomView | import("../../clipboard/index.js").ManifestClipboardCopyPropertyValueTranslator | import("../../clipboard/index.js").ManifestClipboardPastePropertyValueTranslator | import("../../clipboard/index.js").ManifestPropertyActionCopyToClipboardKind | import("../../clipboard/index.js").ManifestPropertyActionPasteFromClipboardKind | import("../../health-check/index.js").ManifestHealthCheck | import("../../tiny-mce/index.js").ManifestTinyMcePlugin | import("../../packages/package/index.js").ManifestPackageView | import("src/packages/property-editors/content-picker/index.js").ManifestDynamicRootOrigin | import("src/packages/property-editors/content-picker/index.js").ManifestDynamicRootQueryStep | import("../../tiptap/index.js").ManifestTiptapToolbarExtension<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapToolbarExtensionButtonKind<import("../../tiptap/index.js").MetaTiptapToolbarExtension> | import("../../tiptap/index.js").ManifestTiptapExtension<import("../../tiptap/index.js").MetaTiptapExtension> | import("../../markdown-editor/index.js").ManifestMonacoMarkdownEditorAction | import("src/packages/clipboard/property/context/types.js").ManifestPropertyContextClipboardKind)[];

package/dist-cms/packages/core/tree/entity-actions/sort-children-of/modal/sort-children-of-modal.element.d.ts

@@ -8,6 +8,7 @@ export declare class UmbSortChildrenOfModalElement extends UmbModalBaseElement<U
     _children: Array<UmbTreeItemModel>;
     _currentPage: number;
     _totalPages: number;
+    _isSorting: boolean;
     constructor();
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): Promise<void>;
     render(): import("lit-html").TemplateResult<1>;