@progress/kendo-angular-treelist 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/row-reordering/types.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/row-reordering/utils.mjs

@@ -1,128 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { cancelIcon, insertMiddleIcon, plusIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-export const isNextSibling = (dropTarget, dragTarget) => dropTarget === dragTarget.nextElementSibling;
-/**
- * @hidden
- */
-export const isPreviousSibling = (dropTarget, dragTarget) => dropTarget === dragTarget.previousElementSibling;
-/**
- * @hidden
- */
-export function getOffset(element) {
-    const { clientTop, clientLeft } = getDocument(element);
-    const { pageYOffset, pageXOffset } = getWindow(element);
-    const { top, left } = element.getBoundingClientRect();
-    return {
-        top: top + pageYOffset - clientTop,
-        left: left + pageXOffset - clientLeft
-    };
-}
-/**
- * @hidden
- */
-export const hintIcons = {
-    forbidden: 'cancel',
-    before: 'insert-middle',
-    after: 'insert-middle',
-    over: 'plus'
-};
-/**
- * @hidden
- */
-export const hintSVGIcons = {
-    forbidden: cancelIcon,
-    before: insertMiddleIcon,
-    after: insertMiddleIcon,
-    over: plusIcon
-};
-/**
- * @hidden
- */
-export const dropPosition = {
-    forbidden: 'forbidden',
-    before: 'before',
-    after: 'after',
-    over: 'over'
-};
-/**
- * @hidden
- */
-export const hintStyles = {
-    zIndex: '20000',
-    display: 'flex',
-    position: 'fixed'
-};
-/**
- * @hidden
- */
-export const hintClasses = ['k-drag-clue', 'k-reorder-clue'];
-/**
- * @hidden
- */
-export const dropIndicatorStyles = {
-    zIndex: '19000',
-    position: 'absolute'
-};
-/**
- * @hidden
- */
-export const dropIndicatorClasses = ['k-drop-hint', 'k-drop-hint-h'];
-/**
- * @hidden
- */
-export const defaultSelectors = {
-    handle: '.k-table-td.k-drag-cell',
-    dragTarget: '.k-table-row[data-treelist-view-index]',
-    dropTarget: '.k-table-row[data-treelist-view-index]'
-};
-/**
- * @hidden
- */
-export const rowIndexAttr = 'data-treelist-view-index';
-/**
- * @hidden
- */
-export const findParent = (collection, searchItem, field) => {
-    let parent = null;
-    for (const item of collection) {
-        if (searchItem === item) {
-            return null;
-        }
-        const checked = [];
-        const queue = [];
-        queue.push(item);
-        while (queue.length !== 0) {
-            const current = queue.shift();
-            if (!current) {
-                continue;
-            }
-            checked.push(current);
-            if (current === searchItem) {
-                return item;
-            }
-            if (current.hasOwnProperty(field)) {
-                current[field].forEach(node => {
-                    if (checked.indexOf(node) === -1) {
-                        checked.push(node);
-                        queue.push(node);
-                        if (node === searchItem) {
-                            parent = current;
-                            return;
-                        }
-                    }
-                });
-            }
-            if (parent) {
-                return parent;
-            }
-        }
-    }
-};
-const getDocument = element => element?.ownerDocument.documentElement;
-const getWindow = element => element?.ownerDocument.defaultView;

package/esm2022/scrolling/content-scroll-event.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/scrolling/row-height.service.mjs

@@ -1,30 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export class RowHeightService {
-    total;
-    rowHeight;
-    constructor(total = 0, rowHeight) {
-        this.total = total;
-        this.rowHeight = rowHeight;
-        this.rowHeight = rowHeight || 0;
-    }
-    index(position) {
-        if (position < 0) {
-            return undefined;
-        }
-        return Math.min(Math.floor(position / this.rowHeight), this.total - 1);
-    }
-    offset(rowIndex) {
-        if (0 <= rowIndex && rowIndex < this.total) {
-            return rowIndex * this.rowHeight;
-        }
-    }
-    totalHeight() {
-        return this.total * this.rowHeight;
-    }
-}

package/esm2022/scrolling/scroll-bottom-event.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/scrolling/scroll-request.service.mjs

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class ScrollRequestService {
-    requests = new Subject();
-    scrollTo(request) {
-        this.requests.next(request);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollRequestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollRequestService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollRequestService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/scrolling/scroll-sync.service.mjs

@@ -1,80 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable, NgZone } from '@angular/core';
-import { Subscription, Subject, fromEvent } from 'rxjs';
-import { distinctUntilChanged, filter, map, tap } from 'rxjs/operators';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class ScrollSyncService {
-    ngZone;
-    changes = new Subject();
-    elements = [];
-    source;
-    subscriptions = new Subscription();
-    headerSubscription = new Subscription();
-    bodySubscription = new Subscription();
-    constructor(ngZone) {
-        this.ngZone = ngZone;
-        this.subscriptions.add(this.changes.subscribe(args => this.scrollLeft(args)));
-    }
-    registerEmitter(el, sourceType) {
-        this.unregister(sourceType);
-        this.elements.push({ element: el, sourceType });
-        if (sourceType === "body" || sourceType === "header") {
-            this.ngZone.runOutsideAngular(() => {
-                const obs = fromEvent(el, "scroll").pipe(map(({ target: { scrollLeft } }) => ({
-                    scrollLeft,
-                    sourceType
-                })));
-                const subscription = obs.pipe(distinctUntilChanged((x, y) => (x.scrollLeft === y.scrollLeft)), filter(x => !this.source || this.source === x.sourceType), tap(x => this.source = x.sourceType))
-                    .subscribe((x) => this.changes.next(x));
-                subscription.add(obs.pipe(filter(x => this.source && this.source !== x.sourceType))
-                    .subscribe(() => this.source = undefined));
-                if (sourceType === "body") {
-                    this.bodySubscription.add(subscription);
-                }
-                else {
-                    this.headerSubscription.add(subscription);
-                }
-            });
-        }
-    }
-    /**
-     * destroy
-     */
-    destroy() {
-        this.subscriptions.unsubscribe();
-        this.headerSubscription.unsubscribe();
-        this.bodySubscription.unsubscribe();
-    }
-    scrollLeft({ scrollLeft, sourceType }) {
-        this.ngZone.runOutsideAngular(() => {
-            this.elements
-                .filter(x => sourceType !== x.sourceType)
-                .forEach(({ element }) => element.scrollLeft = scrollLeft);
-        });
-    }
-    unregister(sourceType) {
-        const index = this.elements.findIndex(x => x.sourceType === sourceType);
-        if (index > -1) {
-            if (sourceType === "header") {
-                this.headerSubscription.unsubscribe();
-                this.headerSubscription = new Subscription();
-            }
-            else if (sourceType === "body") {
-                this.bodySubscription.unsubscribe();
-                this.bodySubscription = new Subscription();
-            }
-            this.elements.splice(index, 1);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollSyncService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollSyncService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollSyncService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i0.NgZone }] });

package/esm2022/scrolling/scroller.service.mjs

@@ -1,112 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Observable, BehaviorSubject } from 'rxjs';
-/**
- * @hidden
- */
-export class ScrollAction {
-    offset;
-    constructor(offset) {
-        this.offset = offset;
-    }
-}
-/**
- * @hidden
- */
-export class PageAction {
-    skip;
-    take;
-    constructor(skip, take) {
-        this.skip = skip;
-        this.take = take;
-    }
-}
-/**
- * @hidden
- */
-export class ScrollBottomAction {
-}
-const SCROLL_BOTTOM_THRESHOLD = 1;
-/**
- * @hidden
- */
-export class ScrollerService {
-    scrollObservable;
-    firstLoaded = 0;
-    lastLoaded;
-    lastScrollTop = 0;
-    take;
-    total;
-    rowHeightService;
-    scrollSubscription;
-    subscription;
-    constructor(scrollObservable) {
-        this.scrollObservable = scrollObservable;
-    }
-    create(rowHeightService, skip, take, total, scrollTop = 0) {
-        this.rowHeightService = rowHeightService;
-        this.firstLoaded = skip;
-        this.lastLoaded = skip + take;
-        this.take = take;
-        this.total = total;
-        this.lastScrollTop = scrollTop;
-        const subject = new BehaviorSubject(new ScrollAction(this.rowHeightService.offset(skip)));
-        this.subscription = Observable.create(observer => {
-            this.unsubscribe();
-            this.scrollSubscription = this.scrollObservable.subscribe(x => this.onScroll(x, observer));
-        }).subscribe(x => subject.next(x));
-        return subject;
-    }
-    destroy() {
-        this.unsubscribe();
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-    }
-    onScroll({ scrollTop, offsetHeight, scrollHeight, clientHeight }, observer) {
-        if (this.lastScrollTop === scrollTop) {
-            return;
-        }
-        const up = this.lastScrollTop >= scrollTop;
-        this.lastScrollTop = scrollTop;
-        let firstItemIndex = this.rowHeightService.index(scrollTop);
-        let firstItemOffset = this.rowHeightService.offset(firstItemIndex);
-        const lastItemIndex = this.rowHeightService.index(scrollTop + offsetHeight);
-        if (!up) {
-            if (lastItemIndex >= this.lastLoaded && this.lastLoaded < this.total) {
-                const overflow = (firstItemIndex + this.take) - this.total;
-                if (overflow > 0) {
-                    firstItemIndex = firstItemIndex - overflow;
-                    firstItemOffset = this.rowHeightService.offset(firstItemIndex);
-                }
-                this.firstLoaded = firstItemIndex;
-                observer.next(new ScrollAction(firstItemOffset));
-                let nextTake = this.firstLoaded + this.take;
-                this.lastLoaded = Math.min(nextTake, this.total);
-                nextTake = nextTake > this.total ? this.total - this.firstLoaded : this.take;
-                observer.next(new PageAction(this.firstLoaded, this.take));
-            }
-            else {
-                const atBottom = scrollHeight - clientHeight - scrollTop < SCROLL_BOTTOM_THRESHOLD;
-                if (atBottom) {
-                    observer.next(new ScrollBottomAction());
-                }
-            }
-        }
-        if (up && firstItemIndex < this.firstLoaded) {
-            const nonVisibleBuffer = Math.floor(this.take * 0.3);
-            this.firstLoaded = Math.max(firstItemIndex - nonVisibleBuffer, 0);
-            observer.next(new ScrollAction(this.rowHeightService.offset(this.firstLoaded)));
-            this.lastLoaded = Math.min(this.firstLoaded + this.take, this.total);
-            observer.next(new PageAction(this.firstLoaded, this.take));
-        }
-    }
-    unsubscribe() {
-        if (this.scrollSubscription) {
-            this.scrollSubscription.unsubscribe();
-            this.scrollSubscription = undefined;
-        }
-    }
-}

package/esm2022/scrolling/scrollmode.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/scrolling/suspend.service.mjs

@@ -1,17 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Injectable } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export class SuspendService {
-    scroll = false;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SuspendService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SuspendService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SuspendService, decorators: [{
-            type: Injectable
-        }] });

package/esm2022/selection/is-selected.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2022/selection/marquee.directive.mjs

@@ -1,196 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, HostBinding, ChangeDetectorRef } from '@angular/core';
-import { DraggableDirective, isDocumentAvailable } from '@progress/kendo-angular-common';
-import { SelectionService } from './selection.service';
-import { createState } from './selection-state';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-common";
-import * as i2 from "./selection.service";
-const MINIMAL_DRAG_DISTANCE = 5;
-const createElement = () => {
-    if (!isDocumentAvailable()) {
-        return;
-    }
-    const marquee = document.createElement("div");
-    marquee.className = "k-marquee";
-    const marqueeColor = document.createElement("div");
-    marqueeColor.className = "k-marquee-color";
-    marquee.appendChild(marqueeColor);
-    return marquee;
-};
-const elementUnderCursor = ({ clientX, clientY }) => document && document.elementFromPoint(clientX, clientY);
-/**
- * @hidden
- */
-export class MarqueeDirective {
-    draggable;
-    selection;
-    changeDetector;
-    get userSelection() {
-        return this.selection.enableMarquee ? 'none' : null;
-    }
-    // possibly add snap
-    pressArgs;
-    marqueeElement;
-    pressTarget;
-    currentTarget;
-    selectionSelected;
-    state;
-    subscriptions;
-    selectionStarted = false;
-    constructor(draggable, selection, changeDetector) {
-        this.draggable = draggable;
-        this.selection = selection;
-        this.changeDetector = changeDetector;
-        this.cellSelected = this.cellSelected.bind(this);
-        this.rowSelected = this.rowSelected.bind(this);
-    }
-    ngOnInit() {
-        // handle esc
-        // trigger cancel
-        this.subscriptions = this.draggable.kendoPress.subscribe(this.start.bind(this));
-        this.subscriptions.add(this.draggable.kendoDrag.subscribe(this.moveMarquee.bind(this)));
-        this.subscriptions.add(this.draggable.kendoRelease.subscribe(this.endSelection.bind(this)));
-    }
-    ngOnDestroy() {
-        this.subscriptions.unsubscribe();
-        this.clean();
-    }
-    cellSelected(dataItem, column) {
-        return this.state.has(dataItem, column);
-    }
-    rowSelected(dataItem) {
-        return this.state.has(dataItem);
-    }
-    start(args) {
-        const pressTarget = this.targetArgs(args, true);
-        if (!pressTarget) {
-            return;
-        }
-        this.pressTarget = pressTarget;
-        this.pressArgs = args;
-    }
-    moveMarquee(args) {
-        const press = this.pressArgs;
-        if (!this.selectionStarted && press) {
-            const distance = Math.sqrt((args.pageX - press.pageX) ** 2 + (args.pageY - press.pageY) ** 2);
-            if (distance > MINIMAL_DRAG_DISTANCE) {
-                this.selectionStarted = true;
-            }
-            else {
-                return;
-            }
-        }
-        if (this.pressTarget && !this.state) {
-            this.initMarquee();
-        }
-        if (this.marqueeElement) {
-            const element = this.marqueeElement;
-            const left = Math.min(args.pageX, press.pageX);
-            const top = Math.min(args.pageY, press.pageY);
-            const width = Math.abs(args.pageX - press.pageX);
-            const height = Math.abs(args.pageY - press.pageY);
-            element.style.left = `${left}px`;
-            element.style.top = `${top}px`;
-            element.style.width = `${width}px`;
-            element.style.height = `${height}px`;
-        }
-        else if (this.state) {
-            const currentTarget = this.targetArgs(args);
-            if (currentTarget && (!this.currentTarget || this.currentTarget.item.data !== currentTarget.item.data ||
-                (this.selection.settings.mode === 'cell' && this.currentTarget.column !== currentTarget.column))) {
-                this.currentTarget = currentTarget;
-                this.state.fromArray(this.selection.rangeItems(this.pressTarget, currentTarget).map(item => ({ itemKey: item.dataItem, columnKey: item.column })));
-                this.selection.updateSelectedState();
-                this.changeDetector.detectChanges();
-            }
-        }
-    }
-    endSelection(args) {
-        if (!this.state) {
-            return;
-        }
-        if ((this.pressArgs.pageX !== args.pageX || this.pressArgs.pageY !== args.pageY)) {
-            const pressTarget = this.pressTarget;
-            const releaseTarget = this.targetArgs(args);
-            this.clean();
-            // if one is missing select first / last viewItem depending on the position
-            // select column based on coordinates
-            if (pressTarget && releaseTarget) {
-                this.selection.dragging = true;
-                this.selection.selectRange(pressTarget, releaseTarget);
-            }
-            else {
-                this.changeDetector.detectChanges();
-            }
-        }
-        else {
-            this.clean();
-            this.changeDetector.detectChanges();
-        }
-    }
-    clean() {
-        if (this.marqueeElement) {
-            document.body.removeChild(this.marqueeElement);
-            this.marqueeElement = null;
-        }
-        if (this.selectionSelected) {
-            if (this.selection.settings.mode === 'cell') {
-                this.selection.isCellSelected = this.selectionSelected;
-            }
-            else {
-                this.selection.isRowSelected = this.selectionSelected;
-            }
-            this.selectionSelected = null;
-        }
-        if (this.state) {
-            this.state.clear();
-            this.state = null;
-        }
-        this.pressTarget = null;
-        this.pressArgs = null;
-        this.selectionStarted = false;
-        this.selection.dragging = false;
-    }
-    targetArgs(args, skipFocusable) {
-        let target = args.originalEvent.target;
-        if (this.marqueeElement) {
-            this.marqueeElement.style.display = 'none';
-            target = elementUnderCursor(args);
-            this.marqueeElement.style.display = 'block';
-        }
-        return this.selection.targetArgs(target, skipFocusable);
-    }
-    initMarquee() {
-        this.state = createState(this.selection.settings);
-        if (this.selection.settings.mode === 'cell') {
-            this.selectionSelected = this.selection.isCellSelected;
-            this.selection.isCellSelected = this.cellSelected;
-        }
-        else {
-            this.selectionSelected = this.selection.isRowSelected;
-            this.selection.isRowSelected = this.rowSelected;
-        }
-        this.changeDetector.detectChanges();
-        const drag = this.selection.settings.drag;
-        if (!(drag && drag.snap)) {
-            this.marqueeElement = createElement();
-            document.body.appendChild(this.marqueeElement);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarqueeDirective, deps: [{ token: i1.DraggableDirective }, { token: i2.SelectionService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: MarqueeDirective, isStandalone: true, selector: "[kendoTreeListSelectionMarquee]", host: { properties: { "style.user-select": "this.userSelection" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MarqueeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTreeListSelectionMarquee]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.DraggableDirective }, { type: i2.SelectionService }, { type: i0.ChangeDetectorRef }], propDecorators: { userSelection: [{
-                type: HostBinding,
-                args: ['style.user-select']
-            }] } });

package/esm2022/selection/selectable-settings.mjs

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};