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

package/dist/es/rendering/cell-template.directive.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 { Directive, TemplateRef, Optional } from '@angular/core';
+/**
+ * Represents the column cell template of the TreeList ([more information and example]({% slug templates_columns_treelist %}#toc-cell-template)).
+ * Helps to customize the content of the cells. To define the cell template, nest an `<ng-template>` tag
+ * with the `kendoTreeListCellTemplate` directive inside a `<kendo-treelist-column>` tag.
+ *
+ * The template context is set to the current data item and the following additional fields are passed:
+ * - `columnIndex`&mdash;The current column index. Use it as an alias for a template variable by utilizing the `let-columnIndex="columnIndex"` syntax.
+ * - `column`&mdash;The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `dataItem`&mdash;The current data item. Represents the default context that will be assigned to any template variable which utilizes the `let-x` syntax&mdash;for example, `let-dataItem`.
+ * - `cellContext`&mdash;An object used to pass context information to built-in directives.
+ * - `hasChildren`&mdash;Specifies if the item has children.
+ * - `isExpanded`&mdash;Specifies if the item is expanded.
+ * - `level`&mdash;The hierarchy level of the item.
+ * - `loading`&mdash;Specifies if the item children are currently loading.
+ * - `rowIndex`&mdash;The current row index. Use it as an alias for a template variable by utilizing the `let-rowIndex="rowIndex"` syntax.
+ *
+ * {% meta height:470 %}
+ * {% embed_file data-binding/hierarchy/app.component.ts preview %}
+ * {% embed_file data-binding/hierarchy/app.module.ts %}
+ * {% embed_file shared/main.ts %}
+ * {% embed_file shared/filesystem.ts %}
+ * {% endmeta %}
+ */
+var CellTemplateDirective = /** @class */ (function () {
+    function CellTemplateDirective(templateRef) {
+        this.templateRef = templateRef;
+    }
+    CellTemplateDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoTreeListCellTemplate]'
+        }),
+        tslib_1.__param(0, Optional()),
+        tslib_1.__metadata("design:paramtypes", [TemplateRef])
+    ], CellTemplateDirective);
+    return CellTemplateDirective;
+}());
+export { CellTemplateDirective };

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

@@ -0,0 +1,221 @@
+/**-----------------------------------------------------------------------------------------
+* 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
+ */
+var CellComponent = /** @class */ (function () {
+    function CellComponent(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;
+    }
+    Object.defineProperty(CellComponent.prototype, "commandCellClass", {
+        get: function () {
+            return this.column.isCommand;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "checkboxCellClass", {
+        get: function () {
+            return this.column.isCheckboxColumn;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "textNoWrapClass", {
+        get: function () {
+            return this.column.expandable;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "viewItem", {
+        get: function () {
+            return this._viewItem;
+        },
+        set: function (value) {
+            this._viewItem = value;
+            this.cellContext.viewItem = this.viewItem;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "formGroup", {
+        get: function () {
+            return this.viewItem.isNew ? this.editService.newItemGroup :
+                this.viewItem.editContext ? this.viewItem.editContext.group : null;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "isEdited", {
+        get: function () {
+            return Boolean((this.viewItem.isNew && isColumnEditable(this.column, this.editService.newItemGroup)) ||
+                (isColumnEditable(this.column, this.formGroup) &&
+                    this.viewItem.editContext &&
+                    this.editService.isEditedColumn(this.column)));
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "templateContext", {
+        get: function () {
+            return this._templateContext;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "editTemplateContext", {
+        get: function () {
+            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;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "format", {
+        get: function () {
+            if (isColumnComponent(this.column) && !isNullOrEmptyString(this.column.format)) {
+                return extractFormat(this.column.format);
+            }
+            return undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "isBoundColumn", {
+        get: function () {
+            return this.column.field && !this.column.templateRef;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "isSpanColumn", {
+        get: function () {
+            return isSpanColumn(this.column) && !this.column.templateRef;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(CellComponent.prototype, "childColumns", {
+        get: function () {
+            return columnsToRender([this.column]);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    CellComponent.prototype.ngDoCheck = function () {
+        this.updateTemplateContext();
+    };
+    CellComponent.prototype.ngAfterContentChecked = function () {
+        this.updateTemplateContext();
+    };
+    CellComponent.prototype.updateTemplateContext = function () {
+        if (!this.column.templateRef) {
+            return;
+        }
+        var 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: "\n        <ng-container [ngSwitch]=\"isEdited\">\n            <ng-container *ngSwitchCase=\"false\">\n                <ng-container *ngIf=\"column.expandable\">\n                    <span class=\"k-icon k-i-none\" *ngFor=\"let item of level | levelItems : hasChildren && expandIcons\"></span>\n                    <span class=\"k-icon\" *ngIf=\"hasChildren && expandIcons\"\n                        [ngClass]=\"{ 'k-i-collapse': isExpanded && !loading, 'k-i-expand': !isExpanded && !loading, 'k-i-loading': loading }\">\n                    </span>\n                </ng-container>\n                <ng-container *ngIf=\"column.templateRef\"\n                    [ngTemplateOutlet]=\"column.templateRef\"\n                    [ngTemplateOutletContext]=\"templateContext\">\n                </ng-container>\n                <ng-container *ngIf=\"isSpanColumn\">\n                    <ng-container *ngFor=\"let childColumn of childColumns\">\n                        {{ dataItem | valueOf: childColumn.field: childColumn.format}}\n                    </ng-container>\n                </ng-container>\n                <ng-container *ngIf=\"isBoundColumn\">{{ dataItem | valueOf: column.field: column.format}}</ng-container>\n                <ng-template [ngIf]=\"column.isCheckboxColumn && !isNew\">\n                    <input type=\"checkbox\" kendoTreeListFocusable class=\"k-checkbox\" [checked]=\"selected\" />\n                </ng-template>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"true\">\n                <ng-container\n                    *ngIf=\"column.editTemplateRef\"\n                    [ngTemplateOutlet]=\"column.editTemplateRef\"\n                    [ngTemplateOutletContext]=\"editTemplateContext\">\n                </ng-container>\n                <ng-container [ngSwitch]=\"column.editor\" *ngIf=\"!column.editTemplateRef\">\n                    <kendo-numerictextbox\n                        *ngSwitchCase=\"'numeric'\"\n                        [format]=\"format\"\n                        [formControl]=\"formGroup.get(column.field)\"\n                        kendoTreeListFocusable\n                    ></kendo-numerictextbox>\n\n                    <kendo-datepicker\n                        *ngSwitchCase=\"'date'\"\n                        [format]=\"format\"\n                        [formControl]=\"formGroup.get(column.field)\"\n                        kendoTreeListFocusable\n                    ></kendo-datepicker>\n\n                    <input\n                        *ngSwitchCase=\"'boolean'\"\n                        type=\"checkbox\"\n                        class=\"k-checkbox\"\n                        [formControl]=\"formGroup.get(column.field)\"\n                        kendoTreeListFocusable\n                    />\n\n                    <input\n                        *ngSwitchDefault\n                        type=\"text\"\n                        class=\"k-textbox\"\n                        [formControl]=\"formGroup.get(column.field)\"\n                        kendoTreeListFocusable\n                    />\n                </ng-container>\n            </ng-container>\n        </ng-container>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [EditService,
+            FocusGroup])
+    ], CellComponent);
+    return CellComponent;
+}());
+export { CellComponent };

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

@@ -0,0 +1,37 @@
+/**-----------------------------------------------------------------------------------------
+* 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
+ */
+var ColGroupComponent = /** @class */ (function () {
+    function ColGroupComponent() {
+        this.columns = [];
+    }
+    Object.defineProperty(ColGroupComponent.prototype, "columnsToRender", {
+        get: function () {
+            return columnsToRender(this.columns);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ColGroupComponent.prototype.trackBy = function (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: "\n        <col *ngFor=\"let column of columnsToRender; trackBy: trackBy;\" [style.width.px]=\"column.width\"/>\n    "
+        })
+    ], ColGroupComponent);
+    return ColGroupComponent;
+}());
+export { ColGroupComponent };

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

@@ -0,0 +1,149 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+var focusableRegex = /^(?:a|input|select|option|textarea|button|object)$/i;
+var NODE_NAME_PREDICATES = {};
+var toClassList = function (classNames) { return String(classNames).trim().split(' '); };
+var ɵ0 = toClassList;
+/**
+ * @hidden
+ */
+export var hasClasses = function (element, classNames) {
+    var namesList = toClassList(classNames);
+    return Boolean(toClassList(element.className).find(function (className) { return namesList.indexOf(className) >= 0; }));
+};
+/**
+ * @hidden
+ */
+export var matchesClasses = function (classNames) {
+    return function (element) { return hasClasses(element, classNames); };
+};
+/**
+ * @hidden
+ */
+export var matchesNodeName = function (nodeName) {
+    if (!NODE_NAME_PREDICATES[nodeName]) {
+        NODE_NAME_PREDICATES[nodeName] = function (element) {
+            return String(element.nodeName).toLowerCase() === nodeName.toLowerCase();
+        };
+    }
+    return NODE_NAME_PREDICATES[nodeName];
+};
+/**
+ * @hidden
+ */
+export var closest = function (node, predicate) {
+    while (node && !predicate(node)) {
+        node = node.parentNode;
+    }
+    return node;
+};
+/**
+ * @hidden
+ */
+export var closestInScope = function (node, predicate, scope) {
+    while (node && node !== scope && !predicate(node)) {
+        node = node.parentNode;
+    }
+    if (node !== scope) {
+        return node;
+    }
+};
+/**
+ * @hidden
+ */
+export var contains = function (parent, node, matchSelf) {
+    if (matchSelf === void 0) { matchSelf = false; }
+    var outside = !closest(node, function (child) { return child === parent; });
+    if (outside) {
+        return false;
+    }
+    var el = closest(node, function (child) { return child === node; });
+    return el && (matchSelf || el !== parent);
+};
+/**
+ * @hidden
+ */
+export var isVisible = function (element) {
+    var rect = element.getBoundingClientRect();
+    var hasSize = rect.width > 0 && rect.height > 0;
+    var 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 var isFocusable = function (element) {
+    if (!element.tagName) {
+        return false;
+    }
+    var tagName = element.tagName.toLowerCase();
+    var hasTabIndex = Boolean(element.getAttribute('tabIndex'));
+    var focusable = !element.disabled && focusableRegex.test(tagName);
+    return focusable || hasTabIndex;
+};
+/**
+ * @hidden
+ */
+export var isFocusableWithTabKey = function (element, checkVisibility) {
+    if (checkVisibility === void 0) { checkVisibility = true; }
+    if (!isFocusable(element)) {
+        return false;
+    }
+    var tabIndex = element.getAttribute('tabIndex');
+    var visible = !checkVisibility || isVisible(element);
+    return visible && tabIndex !== '-1';
+};
+/**
+ * @hidden
+ */
+export var findElement = function (node, predicate, matchSelf) {
+    if (matchSelf === void 0) { matchSelf = true; }
+    if (!node) {
+        return;
+    }
+    if (matchSelf && predicate(node)) {
+        return node;
+    }
+    node = node.firstChild;
+    while (node) {
+        if (node.nodeType === 1) {
+            var element = findElement(node, predicate);
+            if (element) {
+                return element;
+            }
+        }
+        node = node.nextSibling;
+    }
+};
+/**
+ * @hidden
+ */
+export var findFocusable = function (element, checkVisibility) {
+    if (checkVisibility === void 0) { checkVisibility = true; }
+    return findElement(element, function (node) { return isFocusableWithTabKey(node, checkVisibility); });
+};
+/**
+ * @hidden
+ */
+export var findFocusableChild = function (element, checkVisibility) {
+    if (checkVisibility === void 0) { checkVisibility = true; }
+    return findElement(element, function (node) { return isFocusableWithTabKey(node, checkVisibility); }, false);
+};
+/**
+ * @hidden
+ */
+export function rtlScrollPosition(position, element, initial) {
+    var result = position;
+    if (initial < 0) {
+        result = -position;
+    }
+    else if (initial > 0) {
+        result = element.scrollWidth - element.offsetWidth - position;
+    }
+    return result;
+}
+export { ɵ0 };

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

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* 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';
+var FORMAT_REGEX = /\{\d+:?/;
+/**
+ * @hidden
+ */
+var FieldAccessorPipe = /** @class */ (function () {
+    function FieldAccessorPipe(intlService) {
+        this.intlService = intlService;
+    }
+    FieldAccessorPipe.prototype.transform = function (dataItem, fieldName, format) {
+        if (!isNullOrEmptyString(fieldName)) {
+            var value = getter(fieldName)(dataItem);
+            if (!isNullOrEmptyString(format)) {
+                return this.formatValue(format, value);
+            }
+            return value;
+        }
+        return dataItem;
+    };
+    FieldAccessorPipe.prototype.formatValue = function (format, value) {
+        var 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);
+    return FieldAccessorPipe;
+}());
+export { FieldAccessorPipe };

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

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* 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
+ */
+var LevelItemsPipe = /** @class */ (function () {
+    function LevelItemsPipe() {
+    }
+    LevelItemsPipe.prototype.transform = function (level, hasChildren) {
+        var result = [];
+        var count = level + 1 - (hasChildren ? 1 : 0);
+        for (var idx = 0; idx < count; idx++) {
+            result.push(idx);
+        }
+        return result;
+    };
+    LevelItemsPipe = tslib_1.__decorate([
+        Pipe({
+            name: 'levelItems',
+            pure: true
+        })
+    ], LevelItemsPipe);
+    return LevelItemsPipe;
+}());
+export { LevelItemsPipe };

package/dist/es/rendering/common/loading.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";
+import { Component, HostBinding } from '@angular/core';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+var LoadingComponent = /** @class */ (function () {
+    function LoadingComponent(localization) {
+        this.localization = localization;
+        this.hostClass = true;
+    }
+    Object.defineProperty(LoadingComponent.prototype, "loadingText", {
+        get: function () {
+            return this.localization.get('loading');
+        },
+        enumerable: true,
+        configurable: true
+    });
+    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: "\n        <span class=\"k-loading-text\">{{ loadingText }}</span>\n        <div class=\"k-loading-image\"></div>\n        <div class=\"k-loading-color\"></div>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [LocalizationService])
+    ], LoadingComponent);
+    return LoadingComponent;
+}());
+export { LoadingComponent };

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

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

package/dist/es/rendering/common/spacer.component.js

@@ -0,0 +1,58 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { isPresent } from '../../utils';
+/**
+ * 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.
+ */
+var TreeListSpacerComponent = /** @class */ (function () {
+    function TreeListSpacerComponent() {
+        this.hostClass = true;
+    }
+    Object.defineProperty(TreeListSpacerComponent.prototype, "sizedClass", {
+        get: function () {
+            return isPresent(this.width);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(TreeListSpacerComponent.prototype, "flexBasisStyle", {
+        get: function () {
+            return this.width;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    tslib_1.__decorate([
+        HostBinding('class.k-spacer'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], TreeListSpacerComponent.prototype, "hostClass", void 0);
+    tslib_1.__decorate([
+        HostBinding('class.k-spacer-sized'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], TreeListSpacerComponent.prototype, "sizedClass", null);
+    tslib_1.__decorate([
+        HostBinding('style.flexBasis'),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], TreeListSpacerComponent.prototype, "flexBasisStyle", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], TreeListSpacerComponent.prototype, "width", void 0);
+    TreeListSpacerComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-treelist-spacer, kendo-treelist-pager-spacer',
+            template: ""
+        })
+    ], TreeListSpacerComponent);
+    return TreeListSpacerComponent;
+}());
+export { TreeListSpacerComponent };