@progress/kendo-angular-treelist 3.1.3-dev.202110041229

package/dist/es2015/layout/browser-support.service.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { NgZone, ChangeDetectorRef, EventEmitter } from '@angular/core';
+/**
+ * @hidden
+ * move to kendo-common
+ */
+export declare class BrowserSupportService {
+    private zone;
+    private changeDetector;
+    changes: EventEmitter<any>;
+    constructor(zone: NgZone, changeDetector: ChangeDetectorRef);
+    readonly scrollbarWidth: number;
+    readonly rtlScrollLeft: number;
+}

package/dist/es2015/layout/browser-support.service.js

@@ -0,0 +1,75 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Injectable, NgZone, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { fromEvent } from 'rxjs';
+import { auditTime } from 'rxjs/operators';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
+const canCreateElement = () => isDocumentAvailable() && document.createElement;
+const ɵ0 = canCreateElement;
+let cachedScrollbarWidth = null;
+let cachedPixelRatio;
+let cachedRtlScrollLeft = null;
+function scrollbarWidth() {
+    if (cachedScrollbarWidth === null && canCreateElement()) {
+        cachedPixelRatio = window.devicePixelRatio || 1;
+        const div = document.createElement("div");
+        div.style.cssText = "overflow:scroll;overflow-x:hidden;zoom:1;clear:both;display:block";
+        div.innerHTML = " ";
+        document.body.appendChild(div);
+        cachedScrollbarWidth = div.offsetWidth - div.scrollWidth;
+        document.body.removeChild(div);
+    }
+    return cachedScrollbarWidth;
+}
+function rtlScrollLeft() {
+    if (cachedRtlScrollLeft === null && canCreateElement()) {
+        const div = document.createElement("div");
+        div.style.cssText = "overflow:scroll;zoom:1;clear:both;display:block;width:100px;visibility:hidden;position:absolute;left:-10000px;direction:rtl;";
+        div.innerHTML = "<div style='width:200px;height:1px;'</div>";
+        document.body.appendChild(div);
+        const initial = div.scrollLeft;
+        div.scrollLeft = -1;
+        cachedRtlScrollLeft = div.scrollLeft < 0 ? div.scrollLeft : initial;
+        document.body.removeChild(div);
+    }
+    return cachedRtlScrollLeft;
+}
+/**
+ * @hidden
+ * move to kendo-common
+ */
+let BrowserSupportService = class BrowserSupportService {
+    constructor(zone, changeDetector) {
+        this.zone = zone;
+        this.changeDetector = changeDetector;
+        this.changes = new EventEmitter();
+        if (typeof window !== 'undefined') {
+            this.zone.runOutsideAngular(() => {
+                fromEvent(window, 'resize').pipe(auditTime(100)).subscribe(() => {
+                    if (cachedPixelRatio !== window.devicePixelRatio) {
+                        zone.run(() => {
+                            cachedScrollbarWidth = null;
+                            this.changes.emit();
+                            this.changeDetector.markForCheck();
+                        });
+                    }
+                });
+            });
+        }
+    }
+    get scrollbarWidth() {
+        return scrollbarWidth();
+    }
+    get rtlScrollLeft() {
+        return rtlScrollLeft();
+    }
+};
+BrowserSupportService = tslib_1.__decorate([
+    Injectable(),
+    tslib_1.__metadata("design:paramtypes", [NgZone, ChangeDetectorRef])
+], BrowserSupportService);
+export { BrowserSupportService };
+export { ɵ0 };

package/dist/es2015/layout/resizable.directive.d.ts

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
+import { TreeListComponent } from '../treelist.component';
+import { ResizeService } from "./resize.service";
+/**
+ * @hidden
+ */
+export declare class ResizableContainerDirective implements OnDestroy {
+    private el;
+    private renderer;
+    private resizeService;
+    private treelist?;
+    private _lockedWidth;
+    lockedWidth: number;
+    kendoTreeListResizableContainer: boolean;
+    private enabled;
+    private resizeSubscription;
+    constructor(el: ElementRef, renderer: Renderer2, resizeService: ResizeService, treelist?: TreeListComponent);
+    ngOnDestroy(): void;
+    private attachResize;
+    private resize;
+}

package/dist/es2015/layout/resizable.directive.js

@@ -0,0 +1,82 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Directive, ElementRef, Input, Optional, Renderer2 } from '@angular/core';
+import { TreeListComponent } from '../treelist.component';
+import { ResizeService } from "./resize.service";
+/**
+ * @hidden
+ */
+let ResizableContainerDirective = class ResizableContainerDirective {
+    constructor(el, renderer, resizeService, treelist) {
+        this.el = el;
+        this.renderer = renderer;
+        this.resizeService = resizeService;
+        this.treelist = treelist;
+        this.enabled = false;
+    }
+    set lockedWidth(value) {
+        this._lockedWidth = value;
+        if (this.enabled) {
+            this.attachResize();
+            this.resize();
+        }
+    }
+    set kendoTreeListResizableContainer(enabled) {
+        const refresh = enabled !== this.enabled;
+        this.enabled = enabled;
+        if (refresh) {
+            this.attachResize();
+            this.resize();
+        }
+    }
+    ngOnDestroy() {
+        if (this.resizeSubscription) {
+            this.resizeSubscription.unsubscribe();
+        }
+    }
+    attachResize() {
+        if (this.resizeSubscription && !this.enabled) {
+            this.resizeSubscription.unsubscribe();
+            this.resizeSubscription = null;
+        }
+        if (!this.resizeSubscription && this.enabled) {
+            this.resizeSubscription = this.resizeService.changes.subscribe(this.resize.bind(this));
+        }
+    }
+    resize() {
+        if (this.treelist && this.treelist.wrapper) {
+            const containerElement = this.treelist.wrapper.nativeElement;
+            const width = Math.max(containerElement.clientWidth - this._lockedWidth, 0);
+            if (this.enabled && width > 0) {
+                this.renderer.setStyle(this.el.nativeElement, "width", width + "px");
+            }
+            else {
+                this.renderer.setStyle(this.el.nativeElement, "width", "");
+            }
+        }
+    }
+};
+tslib_1.__decorate([
+    Input('lockedWidth'),
+    tslib_1.__metadata("design:type", Number),
+    tslib_1.__metadata("design:paramtypes", [Number])
+], ResizableContainerDirective.prototype, "lockedWidth", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [Boolean])
+], ResizableContainerDirective.prototype, "kendoTreeListResizableContainer", null);
+ResizableContainerDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoTreeListResizableContainer]'
+    }),
+    tslib_1.__param(3, Optional()),
+    tslib_1.__metadata("design:paramtypes", [ElementRef,
+        Renderer2,
+        ResizeService,
+        TreeListComponent])
+], ResizableContainerDirective);
+export { ResizableContainerDirective };

package/dist/es2015/layout/resize.service.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Observable, Subscription } from "rxjs";
+/**
+ * @hidden
+ */
+export declare class ResizeService {
+    resizeSubscription: Subscription;
+    private dispatcher;
+    changes: Observable<any>;
+    connect(resizes: Observable<any>): void;
+    destroy(): void;
+}

package/dist/es2015/layout/resize.service.js

@@ -0,0 +1,34 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Injectable } from '@angular/core';
+import { Subject, Subscription } from "rxjs";
+import { throttleTime } from 'rxjs/operators';
+/**
+ * @hidden
+ */
+let ResizeService = class ResizeService {
+    /**
+     * @hidden
+     */
+    constructor() {
+        this.resizeSubscription = new Subscription(() => { });
+        this.dispatcher = new Subject();
+        // tslint:disable-next-line:member-ordering
+        this.changes = this.dispatcher.asObservable().pipe(throttleTime(100));
+    }
+    connect(resizes) {
+        this.resizeSubscription.add(resizes.subscribe(this.dispatcher));
+    }
+    destroy() {
+        if (this.resizeSubscription) {
+            this.resizeSubscription.unsubscribe();
+        }
+    }
+};
+ResizeService = tslib_1.__decorate([
+    Injectable()
+], ResizeService);
+export { ResizeService };

package/dist/es2015/layout/responsive.service.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare class ResponsiveService {
+    /**
+     * @hidden
+     */
+    matchMedia: Function;
+    /**
+     * @hidden
+     */
+    matchesMedia(media: string): boolean;
+}

package/dist/es2015/layout/responsive.service.js

@@ -0,0 +1,43 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+import { Injectable } from '@angular/core';
+/* tslint:disable: object-literal-sort-keys */
+const bootstrapToMedia = (media) => (({
+    "xs": "(max-width: 576px)",
+    "sm": "(min-width: 576px)",
+    "md": "(min-width: 768px)",
+    "lg": "(min-width: 992px)",
+    "xl": "(min-width: 1200px)"
+})[media] || media);
+const ɵ0 = bootstrapToMedia;
+/* tslint:enable: object-literal-sort-keys */
+const browserMatchMedia = (media) => window.matchMedia(media).matches;
+const ɵ1 = browserMatchMedia;
+/**
+ * @hidden
+ */
+let ResponsiveService = class ResponsiveService {
+    /**
+     * @hidden
+     */
+    constructor() {
+        /**
+         * @hidden
+         */
+        this.matchMedia = browserMatchMedia;
+    }
+    /**
+     * @hidden
+     */
+    matchesMedia(media) {
+        return !media || this.matchMedia(bootstrapToMedia(media));
+    }
+};
+ResponsiveService = tslib_1.__decorate([
+    Injectable()
+], ResponsiveService);
+export { ResponsiveService };
+export { ɵ0, ɵ1 };

package/dist/es2015/layout/row-sync.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare const syncRowsHeight: (table1: any, table2: any) => void;

package/dist/es2015/layout/row-sync.js

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+const set = value => pair => pair.forEach(x => x.style.height = value);
+const ɵ0 = set;
+const clearHeight = pairs => pairs
+    .filter(([left, right]) => left.style.height || right.style.height)
+    .forEach(set(""));
+const ɵ1 = clearHeight;
+const zip = (arr1, arr2) => {
+    const result = [];
+    for (let idx = 0, len = arr1.length; idx < len; idx++) {
+        if (!arr2[idx]) {
+            break;
+        }
+        result.push([arr1[idx], arr2[idx]]);
+    }
+    return result;
+};
+const ɵ2 = zip;
+const setHeight = heights => (row, idx) => set(`${heights[idx] + 1}px`)(row);
+const ɵ3 = setHeight;
+const getHeights = rows => rows.map(([left, right]) => {
+    const height = left.offsetHeight;
+    const offsetHeight2 = right.offsetHeight;
+    if (height < offsetHeight2) {
+        return offsetHeight2;
+    }
+    return height;
+});
+const ɵ4 = getHeights;
+/**
+ * @hidden
+ */
+export const syncRowsHeight = (table1, table2) => {
+    const activeElement = document.activeElement;
+    const rows = zip(table1.rows, table2.rows);
+    clearHeight(rows);
+    const heights = getHeights(rows);
+    [table1, table2].forEach(x => x.style.display = 'none');
+    rows.forEach(setHeight(heights));
+    [table1, table2].forEach(x => x.style.display = '');
+    if (document.activeElement !== activeElement &&
+        (table1.contains(activeElement) || table2.contains(activeElement))) {
+        activeElement.focus();
+    }
+};
+export { ɵ0, ɵ1, ɵ2, ɵ3, ɵ4 };

package/dist/es2015/localization/custom-messages.component.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug globalization_treelist %}#toc-localization)).
+ */
+export declare class CustomMessagesComponent extends Messages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected readonly override: boolean;
+}

package/dist/es2015/localization/custom-messages.component.js

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+var CustomMessagesComponent_1;
+import { Component, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+/**
+ * Custom component messages override default component messages
+ * ([see example]({% slug globalization_treelist %}#toc-localization)).
+ */
+let CustomMessagesComponent = CustomMessagesComponent_1 = class CustomMessagesComponent extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+    get override() {
+        return true;
+    }
+};
+CustomMessagesComponent = CustomMessagesComponent_1 = tslib_1.__decorate([
+    Component({
+        providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => CustomMessagesComponent_1)
+            }
+        ],
+        selector: 'kendo-treelist-messages',
+        template: ``
+    }),
+    tslib_1.__metadata("design:paramtypes", [LocalizationService])
+], CustomMessagesComponent);
+export { CustomMessagesComponent };

package/dist/es2015/localization/localized-messages.directive.d.ts

@@ -0,0 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+/**
+ * @hidden
+ */
+export declare class LocalizedMessagesDirective extends Messages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+}

package/dist/es2015/localization/localized-messages.directive.js

@@ -0,0 +1,31 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as tslib_1 from "tslib";
+var LocalizedMessagesDirective_1;
+import { Directive, forwardRef } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { Messages } from './messages';
+/**
+ * @hidden
+ */
+let LocalizedMessagesDirective = LocalizedMessagesDirective_1 = class LocalizedMessagesDirective extends Messages {
+    constructor(service) {
+        super();
+        this.service = service;
+    }
+};
+LocalizedMessagesDirective = LocalizedMessagesDirective_1 = tslib_1.__decorate([
+    Directive({
+        providers: [
+            {
+                provide: Messages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective_1)
+            }
+        ],
+        selector: '[kendoTreeListLocalizedMessages]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [LocalizationService])
+], LocalizedMessagesDirective);
+export { LocalizedMessagesDirective };