@progress/kendo-angular-treelist 4.0.6 → 5.0.0-dev.202204150741

package/dist/es2015/rendering/cell.component.js

@@ -1,238 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, HostBinding, Input } from '@angular/core';
-import { EditService } from '../editing/edit.service';
-import { isSpanColumn } from '../columns/column-base';
-import { isColumnComponent } from '../columns/column.component';
-import { columnsToRender } from "../columns/column-common";
-import { isNullOrEmptyString, extractFormat, isColumnEditable } from '../utils';
-import { FocusGroup } from '../navigation/focus-group';
-/**
- * @hidden
- */
-let CellComponent = class CellComponent {
-    constructor(editService, focusGroup) {
-        this.editService = editService;
-        this.focusGroup = focusGroup;
-        this.isNew = false;
-        this.level = 0;
-        this.cellContext = {};
-        this._templateContext = {};
-        this._editTemplateContext = {};
-        this.templateContext.cellContext = this.cellContext;
-        this.cellContext.focusGroup = focusGroup;
-    }
-    get commandCellClass() {
-        return this.column.isCommand;
-    }
-    get checkboxCellClass() {
-        return this.column.isCheckboxColumn;
-    }
-    get textNoWrapClass() {
-        return this.column.expandable;
-    }
-    set viewItem(value) {
-        this._viewItem = value;
-        this.cellContext.viewItem = this.viewItem;
-    }
-    get viewItem() {
-        return this._viewItem;
-    }
-    get formGroup() {
-        return this.viewItem.isNew ? this.editService.newItemGroup :
-            this.viewItem.editContext ? this.viewItem.editContext.group : null;
-    }
-    get isEdited() {
-        return Boolean((this.viewItem.isNew && isColumnEditable(this.column, this.editService.newItemGroup)) ||
-            (isColumnEditable(this.column, this.formGroup) &&
-                this.viewItem.editContext &&
-                this.editService.isEditedColumn(this.column)));
-    }
-    get templateContext() {
-        return this._templateContext;
-    }
-    get editTemplateContext() {
-        this._editTemplateContext.$implicit = this.formGroup;
-        this._editTemplateContext.cellContext = this.cellContext;
-        this._editTemplateContext.column = this.column;
-        this._editTemplateContext.dataItem = this.dataItem;
-        this._editTemplateContext.formGroup = this.formGroup;
-        this._editTemplateContext.isNew = this.isNew;
-        return this._editTemplateContext;
-    }
-    get format() {
-        if (isColumnComponent(this.column) && !isNullOrEmptyString(this.column.format)) {
-            return extractFormat(this.column.format);
-        }
-        return undefined;
-    }
-    get isBoundColumn() {
-        return this.column.field && !this.column.templateRef;
-    }
-    get isSpanColumn() {
-        return isSpanColumn(this.column) && !this.column.templateRef;
-    }
-    get childColumns() {
-        return columnsToRender([this.column]);
-    }
-    ngDoCheck() {
-        this.updateTemplateContext();
-    }
-    ngAfterContentChecked() {
-        this.updateTemplateContext();
-    }
-    updateTemplateContext() {
-        if (!this.column.templateRef) {
-            return;
-        }
-        const context = this._templateContext;
-        context.$implicit = this.dataItem;
-        context.column = this.column;
-        context.columnIndex = this.columnIndex;
-        context.dataItem = this.dataItem;
-        context.hasChildren = this.hasChildren;
-        context.isExpanded = this.isExpanded;
-        context.isNew = this.isNew;
-        context.level = this.level;
-        context.loading = this.loading;
-        context.rowIndex = this.viewItem.rowIndex;
-    }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-command-cell'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], CellComponent.prototype, "commandCellClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-checkbox-cell'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], CellComponent.prototype, "checkboxCellClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-text-nowrap'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], CellComponent.prototype, "textNoWrapClass", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], CellComponent.prototype, "column", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], CellComponent.prototype, "columnIndex", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CellComponent.prototype, "isNew", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], CellComponent.prototype, "level", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CellComponent.prototype, "hasChildren", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CellComponent.prototype, "isExpanded", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CellComponent.prototype, "loading", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CellComponent.prototype, "expandIcons", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], CellComponent.prototype, "selected", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object)
-], CellComponent.prototype, "dataItem", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], CellComponent.prototype, "viewItem", null);
-CellComponent = tslib_1.__decorate([
-    Component({
-        selector: '[kendoTreeListCell]',
-        template: `
-        <ng-container [ngSwitch]="isEdited">
-            <ng-container *ngSwitchCase="false">
-                <ng-container *ngIf="column.expandable">
-                    <span class="k-icon k-i-none" *ngFor="let item of level | levelItems : hasChildren && expandIcons"></span>
-                    <span class="k-icon" *ngIf="hasChildren && expandIcons"
-                        [ngClass]="{ 'k-i-collapse': isExpanded && !loading, 'k-i-expand': !isExpanded && !loading, 'k-i-loading': loading }">
-                    </span>
-                </ng-container>
-                <ng-container *ngIf="column.templateRef"
-                    [ngTemplateOutlet]="column.templateRef"
-                    [ngTemplateOutletContext]="templateContext">
-                </ng-container>
-                <ng-container *ngIf="isSpanColumn">
-                    <ng-container *ngFor="let childColumn of childColumns">
-                        {{ dataItem | valueOf: childColumn.field: childColumn.format}}
-                    </ng-container>
-                </ng-container>
-                <ng-container *ngIf="isBoundColumn">{{ dataItem | valueOf: column.field: column.format}}</ng-container>
-                <ng-template [ngIf]="column.isCheckboxColumn && !isNew">
-                    <input
-                        type="checkbox"
-                        kendoTreeListFocusable
-                        class="k-checkbox k-checkbox-md k-rounded-md"
-                        [checked]="selected" />
-                </ng-template>
-            </ng-container>
-            <ng-container *ngSwitchCase="true">
-                <ng-container
-                    *ngIf="column.editTemplateRef"
-                    [ngTemplateOutlet]="column.editTemplateRef"
-                    [ngTemplateOutletContext]="editTemplateContext">
-                </ng-container>
-                <ng-container [ngSwitch]="column.editor" *ngIf="!column.editTemplateRef">
-                    <kendo-numerictextbox
-                        *ngSwitchCase="'numeric'"
-                        [format]="format"
-                        [formControl]="formGroup.get(column.field)"
-                        kendoTreeListFocusable
-                    ></kendo-numerictextbox>
-
-                    <kendo-datepicker
-                        *ngSwitchCase="'date'"
-                        [format]="format"
-                        [formControl]="formGroup.get(column.field)"
-                        kendoTreeListFocusable
-                    ></kendo-datepicker>
-
-                    <input
-                        *ngSwitchCase="'boolean'"
-                        type="checkbox"
-                        class="k-checkbox k-checkbox-md k-rounded-md"
-                        [formControl]="formGroup.get(column.field)"
-                        kendoTreeListFocusable
-                    />
-
-                    <input
-                        *ngSwitchDefault
-                        type="text"
-                        class="k-textbox k-input k-rounded-md"
-                        [formControl]="formGroup.get(column.field)"
-                        kendoTreeListFocusable
-                    />
-                </ng-container>
-            </ng-container>
-        </ng-container>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [EditService,
-        FocusGroup])
-], CellComponent);
-export { CellComponent };

package/dist/es2015/rendering/common/col-group.component.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ColumnComponent } from '../../columns/column.component';
-import { ColumnBase } from "../../columns/column-base";
-/**
- * @hidden
- */
-export declare class ColGroupComponent {
-    columns: Array<ColumnComponent>;
-    readonly columnsToRender: Array<ColumnBase>;
-    trackBy(index: number, _item: any): any;
-}

package/dist/es2015/rendering/common/col-group.component.js

@@ -1,37 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, Input } from '@angular/core';
-import { columnsToRender } from '../../columns/column-common';
-/**
- * @hidden
- */
-let ColGroupComponent = class ColGroupComponent {
-    /**
-     * @hidden
-     */
-    constructor() {
-        this.columns = [];
-    }
-    get columnsToRender() {
-        return columnsToRender(this.columns);
-    }
-    trackBy(index, _item) {
-        return index;
-    }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], ColGroupComponent.prototype, "columns", void 0);
-ColGroupComponent = tslib_1.__decorate([
-    Component({
-        selector: '[kendoTreeListColGroup]',
-        template: `
-        <col *ngFor="let column of columnsToRender; trackBy: trackBy;" [style.width.px]="column.width"/>
-    `
-    })
-], ColGroupComponent);
-export { ColGroupComponent };

package/dist/es2015/rendering/common/dom-queries.js

@@ -1,140 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-const focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
-const NODE_NAME_PREDICATES = {};
-const toClassList = (classNames) => String(classNames).trim().split(' ');
-const ɵ0 = toClassList;
-/**
- * @hidden
- */
-export const hasClasses = (element, classNames) => {
-    const namesList = toClassList(classNames);
-    return Boolean(toClassList(element.className).find((className) => namesList.indexOf(className) >= 0));
-};
-/**
- * @hidden
- */
-export const matchesClasses = (classNames) => (element) => hasClasses(element, classNames);
-/**
- * @hidden
- */
-export const matchesNodeName = (nodeName) => {
-    if (!NODE_NAME_PREDICATES[nodeName]) {
-        NODE_NAME_PREDICATES[nodeName] = (element) => String(element.nodeName).toLowerCase() === nodeName.toLowerCase();
-    }
-    return NODE_NAME_PREDICATES[nodeName];
-};
-/**
- * @hidden
- */
-export const closest = (node, predicate) => {
-    while (node && !predicate(node)) {
-        node = node.parentNode;
-    }
-    return node;
-};
-/**
- * @hidden
- */
-export const closestInScope = (node, predicate, scope) => {
-    while (node && node !== scope && !predicate(node)) {
-        node = node.parentNode;
-    }
-    if (node !== scope) {
-        return node;
-    }
-};
-/**
- * @hidden
- */
-export const contains = (parent, node, matchSelf = false) => {
-    const outside = !closest(node, (child) => child === parent);
-    if (outside) {
-        return false;
-    }
-    const el = closest(node, (child) => child === node);
-    return el && (matchSelf || el !== parent);
-};
-/**
- * @hidden
- */
-export const isVisible = (element) => {
-    const rect = element.getBoundingClientRect();
-    const hasSize = rect.width > 0 && rect.height > 0;
-    const hasPosition = rect.x !== 0 && rect.y !== 0;
-    // Elements can have zero size due to styling, but they will still count as visible.
-    // For example, the selection checkbox has no size, but is made visible through styling.
-    return (hasSize || hasPosition) && window.getComputedStyle(element).visibility !== 'hidden';
-};
-/**
- * @hidden
- */
-export const isFocusable = (element) => {
-    if (!element.tagName) {
-        return false;
-    }
-    const tagName = element.tagName.toLowerCase();
-    const hasTabIndex = Boolean(element.getAttribute('tabIndex'));
-    const focusable = !element.disabled && focusableRegex.test(tagName);
-    return focusable || hasTabIndex;
-};
-/**
- * @hidden
- */
-export const isFocusableWithTabKey = (element, checkVisibility = true) => {
-    if (!isFocusable(element)) {
-        return false;
-    }
-    const tabIndex = element.getAttribute('tabIndex');
-    const visible = !checkVisibility || isVisible(element);
-    return visible && tabIndex !== '-1';
-};
-/**
- * @hidden
- */
-export const findElement = (node, predicate, matchSelf = true) => {
-    if (!node) {
-        return;
-    }
-    if (matchSelf && predicate(node)) {
-        return node;
-    }
-    node = node.firstChild;
-    while (node) {
-        if (node.nodeType === 1) {
-            const element = findElement(node, predicate);
-            if (element) {
-                return element;
-            }
-        }
-        node = node.nextSibling;
-    }
-};
-/**
- * @hidden
- */
-export const findFocusable = (element, checkVisibility = true) => {
-    return findElement(element, (node) => isFocusableWithTabKey(node, checkVisibility));
-};
-/**
- * @hidden
- */
-export const findFocusableChild = (element, checkVisibility = true) => {
-    return findElement(element, (node) => isFocusableWithTabKey(node, checkVisibility), false);
-};
-/**
- * @hidden
- */
-export function rtlScrollPosition(position, element, initial) {
-    let result = position;
-    if (initial < 0) {
-        result = -position;
-    }
-    else if (initial > 0) {
-        result = element.scrollWidth - element.offsetWidth - position;
-    }
-    return result;
-}
-export { ɵ0 };

package/dist/es2015/rendering/common/field-accessor.pipe.d.ts

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PipeTransform } from '@angular/core';
-import { IntlService } from '@progress/kendo-angular-intl';
-/**
- * @hidden
- */
-export declare class FieldAccessorPipe implements PipeTransform {
-    private intlService;
-    constructor(intlService: IntlService);
-    transform(dataItem: any, fieldName: string, format?: any): any;
-    private formatValue;
-}

package/dist/es2015/rendering/common/field-accessor.pipe.js

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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";
-/* tslint:disable:pipe-prefix */
-import { Pipe } from '@angular/core';
-import { getter } from '@progress/kendo-common';
-import { isString, isNullOrEmptyString } from '../../utils';
-import { IntlService } from '@progress/kendo-angular-intl';
-const FORMAT_REGEX = /\{\d+:?/;
-/**
- * @hidden
- */
-let FieldAccessorPipe = class FieldAccessorPipe {
-    constructor(intlService) {
-        this.intlService = intlService;
-    }
-    transform(dataItem, fieldName, format) {
-        if (!isNullOrEmptyString(fieldName)) {
-            const value = getter(fieldName)(dataItem);
-            if (!isNullOrEmptyString(format)) {
-                return this.formatValue(format, value);
-            }
-            return value;
-        }
-        return dataItem;
-    }
-    formatValue(format, value) {
-        const intl = this.intlService;
-        if (isString(format) && format.match(FORMAT_REGEX)) {
-            return intl.format(format, value);
-        }
-        return intl.toString(value, format);
-    }
-};
-FieldAccessorPipe = tslib_1.__decorate([
-    Pipe({
-        name: 'valueOf',
-        pure: false
-    }),
-    tslib_1.__metadata("design:paramtypes", [IntlService])
-], FieldAccessorPipe);
-export { FieldAccessorPipe };

package/dist/es2015/rendering/common/level-items.pipe.d.ts

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { PipeTransform } from '@angular/core';
-/**
- * @hidden
- */
-export declare class LevelItemsPipe implements PipeTransform {
-    transform(level: number, hasChildren?: boolean): any;
-}

package/dist/es2015/rendering/common/level-items.pipe.js

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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";
-/* tslint:disable:pipe-prefix */
-import { Pipe } from '@angular/core';
-/**
- * @hidden
- */
-let LevelItemsPipe = class LevelItemsPipe {
-    transform(level, hasChildren) {
-        const result = [];
-        const count = level + 1 - (hasChildren ? 1 : 0);
-        for (let idx = 0; idx < count; idx++) {
-            result.push(idx);
-        }
-        return result;
-    }
-};
-LevelItemsPipe = tslib_1.__decorate([
-    Pipe({
-        name: 'levelItems',
-        pure: true
-    })
-], LevelItemsPipe);
-export { LevelItemsPipe };

package/dist/es2015/rendering/common/loading.component.d.ts

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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';
-/**
- * @hidden
- */
-export declare class LoadingComponent {
-    private localization;
-    hostClass: boolean;
-    readonly loadingText: string;
-    constructor(localization: LocalizationService);
-}

package/dist/es2015/rendering/common/loading.component.js

@@ -1,35 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Component, HostBinding } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-/**
- * @hidden
- */
-let LoadingComponent = class LoadingComponent {
-    constructor(localization) {
-        this.localization = localization;
-        this.hostClass = true;
-    }
-    get loadingText() {
-        return this.localization.get('loading');
-    }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-loading-mask'),
-    tslib_1.__metadata("design:type", Boolean)
-], LoadingComponent.prototype, "hostClass", void 0);
-LoadingComponent = tslib_1.__decorate([
-    Component({
-        selector: '[kendoTreeListLoading]',
-        template: `
-        <span class="k-loading-text">{{ loadingText }}</span>
-        <div class="k-loading-image"></div>
-        <div class="k-loading-color"></div>
-    `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], LoadingComponent);
-export { LoadingComponent };

package/dist/es2015/rendering/common/row-class.d.ts

@@ -1,42 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the callback arguments that are used by the
- * [`rowSelected`]({% slug api_treelist_treelistcomponent %}#toc-rowSelected) property.
- */
-export interface RowArgs {
-    /**
-     * The current row data.
-     */
-    dataItem: any;
-    /**
-     * The current row index.
-     */
-    index: number;
-}
-/**
- * Represents the callback arguments that are used by the
- * [`rowClass`]({% slug api_treelist_treelistcomponent %}#toc-rowClass) property.
- */
-export interface RowClassArgs extends RowArgs {
-}
-/**
- * Represents the callback that is used by the
- * [`rowClass`]({% slug api_treelist_treelistcomponent %}#toc-rowClass) property.
- *
- * ```ts-no-run
- *  rowCallback({ dataItem, index }) {
- *    const isEven = index % 2 == 0;
- *    return {
- *      even: isEven,
- *      odd: !isEven
- *    };
- *  }
- * ```
- *
- */
-export declare type RowClassFn = (context: RowClassArgs) => string | string[] | Set<string> | {
-    [key: string]: any;
-};

package/dist/es2015/rendering/common/row-class.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es2015/rendering/common/spacer.component.d.ts

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the Kendo UI TreeListSpacer component for Angular.
- * Used to give additional white space between the Pager inner elements,
- * and provides a way for customizing the spacer width.
- * It can also be used in any flex container within the TreeList.
- */
-export declare class TreeListSpacerComponent {
-    hostClass: boolean;
-    readonly sizedClass: boolean;
-    readonly flexBasisStyle: string;
-    /**
-     * Specifies the width of the TreeListSpacer.
-     * Accepts the [string values of the CSS `flex-basis` property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis).
-     *
-     * If not set, the TreeListSpacer will take all the available space.
-     */
-    width: string;
-}