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

package/dist/es2015/expand-state/expandable.directive.d.ts

@@ -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 { OnDestroy, EventEmitter } from '@angular/core';
+import { ExpandableTreeComponent } from './expandable-tree-component';
+/**
+ * A directive which controls the expanded state of the items.
+ */
+export declare class ExpandableDirective implements OnDestroy {
+    private component;
+    /**
+     * Fires when the expandedKeys are changed.
+     */
+    expandedKeysChange: EventEmitter<any>;
+    /**
+     * Sets the expanded item keys.
+     */
+    expandedKeys: any[];
+    /**
+     * Specifies if the items should be initially expanded.
+     * @default false
+     */
+    initiallyExpanded: boolean;
+    /**
+     * Defines the item key that will be stored in the expandedKeys collection.
+     * Defaults to the component idField.
+     */
+    expandBy: string | ((dataItem: any) => any);
+    protected readonly keyGetter: any;
+    protected subscriptions: any;
+    protected state: any;
+    protected _expandBy: any;
+    protected _expandedKeys: any[];
+    constructor(component: ExpandableTreeComponent);
+    /**
+     * @hidden
+     */
+    isExpanded(item: any): boolean;
+    ngOnChanges(changes: any): void;
+    ngOnDestroy(): void;
+    private toggleState;
+}

package/dist/es2015/expand-state/expandable.directive.js

@@ -0,0 +1,111 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Input, Output, EventEmitter } from '@angular/core';
+import { ExpandableTreeComponent } from './expandable-tree-component';
+import { getter } from '@progress/kendo-common';
+import { isString } from '../utils';
+/**
+ * A directive which controls the expanded state of the items.
+ */
+let ExpandableDirective = class ExpandableDirective {
+    constructor(component) {
+        this.component = component;
+        /**
+         * Fires when the expandedKeys are changed.
+         */
+        this.expandedKeysChange = new EventEmitter();
+        /**
+         * Specifies if the items should be initially expanded.
+         * @default false
+         */
+        this.initiallyExpanded = false;
+        this.state = new Set();
+        this.component.isExpanded = this.isExpanded.bind(this);
+        this.toggleState = this.toggleState.bind(this);
+        this.subscriptions = this.component.expandStateChange.subscribe(this.toggleState);
+    }
+    /**
+     * Sets the expanded item keys.
+     */
+    set expandedKeys(value) {
+        if (value !== this._expandedKeys) {
+            this._expandedKeys = value;
+            this.component.updateView();
+        }
+    }
+    get expandedKeys() {
+        return Array.from(this.state.keys());
+    }
+    /**
+     * Defines the item key that will be stored in the expandedKeys collection.
+     * Defaults to the component idField.
+     */
+    set expandBy(key) {
+        if (isString(key)) {
+            this._expandBy = getter(key);
+        }
+        else {
+            this._expandBy = key;
+        }
+    }
+    get keyGetter() {
+        return this._expandBy || this.component.idGetter;
+    }
+    /**
+     * @hidden
+     */
+    isExpanded(item) {
+        const key = this.keyGetter(item);
+        return this.state.has(key) ? !this.initiallyExpanded : this.initiallyExpanded;
+    }
+    ngOnChanges(changes) {
+        if (changes.expandedKeys) {
+            this.state = new Set(this._expandedKeys);
+        }
+        else if (changes.initiallyExpanded) {
+            this.state.clear();
+        }
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    toggleState(args) {
+        const key = this.keyGetter(args.dataItem);
+        if (Boolean(this.initiallyExpanded) !== args.expand) {
+            this.state.add(key);
+        }
+        else {
+            this.state.delete(key);
+        }
+        this.expandedKeysChange.emit(this.expandedKeys);
+    }
+};
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], ExpandableDirective.prototype, "expandedKeysChange", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Array),
+    tslib_1.__metadata("design:paramtypes", [Array])
+], ExpandableDirective.prototype, "expandedKeys", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], ExpandableDirective.prototype, "initiallyExpanded", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object),
+    tslib_1.__metadata("design:paramtypes", [Object])
+], ExpandableDirective.prototype, "expandBy", null);
+ExpandableDirective = tslib_1.__decorate([
+    Directive({
+        exportAs: 'kendoTreeListExpandable',
+        selector: '[kendoTreeListExpandable]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [ExpandableTreeComponent])
+], ExpandableDirective);
+export { ExpandableDirective };

package/dist/es2015/filtering/base-filter-cell.component.d.ts

@@ -0,0 +1,76 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { QueryList, AfterContentInit, OnDestroy } from '@angular/core';
+import { FilterService } from './filter.service';
+import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
+import { FilterOperatorBase } from './operators/filter-operator.base';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+export declare const setFilter: (index: any, filter: any, field: any, defaultOperator: any) => FilterDescriptor;
+/**
+ * @hidden
+ */
+export declare const logicOperators: (localization: LocalizationService) => {
+    text: string;
+    value: "or" | "and";
+}[];
+/**
+ * @hidden
+ */
+export declare const flatten: (filter: CompositeFilterDescriptor) => FilterDescriptor[];
+/**
+ * @hidden
+ */
+export declare const filtersByField: (filter: CompositeFilterDescriptor, field: string) => FilterDescriptor[];
+/**
+ * @hidden
+ */
+export declare const filterByField: (filter: CompositeFilterDescriptor, field: string) => FilterDescriptor;
+/**
+ * @hidden
+ */
+export declare const removeFilter: (filter: CompositeFilterDescriptor, field: string) => CompositeFilterDescriptor;
+/**
+ * @hidden
+ */
+export declare const localizeOperators: (operators: any) => (localization: any) => {
+    text: any;
+    value: any;
+}[];
+/**
+ * An abstract base class for the filter-cell component ([see example]({% slug reusablecustomfilters_treelist %}#toc-filter-row)).
+ */
+export declare abstract class BaseFilterCellComponent implements AfterContentInit, OnDestroy {
+    protected filterService: FilterService;
+    /**
+     * @hidden
+     */
+    readonly hostClasses: boolean;
+    operatorList: QueryList<FilterOperatorBase>;
+    operators: Array<{
+        text: string;
+        value: string;
+    }>;
+    filter: CompositeFilterDescriptor;
+    protected defaultOperators: Array<{
+        text: string;
+        value: string;
+    }>;
+    private _operators;
+    private operationListSubscription;
+    constructor(filterService: FilterService);
+    /**
+     * @hidden
+     */
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    protected filterByField(field: string): FilterDescriptor;
+    protected filtersByField(field: string): FilterDescriptor[];
+    protected removeFilter(field: string): CompositeFilterDescriptor;
+    protected updateFilter(filter: FilterDescriptor): CompositeFilterDescriptor;
+    protected applyFilter(filter: CompositeFilterDescriptor): void;
+}

package/dist/es2015/filtering/base-filter-cell.component.js

@@ -0,0 +1,157 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ContentChildren, QueryList, HostBinding } from '@angular/core';
+import { isCompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { isPresent, observe } from '../utils';
+import { FilterOperatorBase, toJSON } from './operators/filter-operator.base';
+import { map } from 'rxjs/operators';
+const insertDefaultFilter = (index, rootFilter, filter) => {
+    rootFilter = (rootFilter || { filters: [], logic: "and" });
+    rootFilter.filters[index] = filter;
+    return filter;
+};
+const ɵ0 = insertDefaultFilter;
+/**
+ * @hidden
+ */
+export const setFilter = (index, filter, field, defaultOperator) => {
+    if (isPresent(filter) && isPresent(filter.filters) && filter.filters.length > index) {
+        return filter.filters[index];
+    }
+    else {
+        return insertDefaultFilter(index, filter, {
+            field,
+            operator: defaultOperator
+        });
+    }
+};
+/**
+ * @hidden
+ */
+export const logicOperators = (localization) => [
+    { text: localization.get("filterAndLogic"), value: "and" },
+    { text: localization.get("filterOrLogic"), value: "or" }
+];
+/**
+ * @hidden
+ */
+export const flatten = (filter) => {
+    if (isPresent(filter.filters)) {
+        return filter.filters.reduce((acc, curr) => acc.concat(isCompositeFilterDescriptor(curr) ? flatten(curr) : [curr]), []);
+    }
+    return [];
+};
+const trimFilterByField = (filter, field) => {
+    if (isPresent(filter) && isPresent(filter.filters)) {
+        filter.filters = filter.filters.filter(x => {
+            if (isCompositeFilterDescriptor(x)) {
+                trimFilterByField(x, field);
+                return x.filters.length;
+            }
+            else {
+                return x.field !== field;
+            }
+        });
+    }
+};
+const ɵ1 = trimFilterByField;
+/**
+ * @hidden
+ */
+export const filtersByField = (filter, field) => flatten(filter || {}).filter(x => x.field === field);
+/**
+ * @hidden
+ */
+export const filterByField = (filter, field) => {
+    let [currentFilter] = filtersByField(filter, field);
+    return currentFilter;
+};
+/**
+ * @hidden
+ */
+export const removeFilter = (filter, field) => {
+    trimFilterByField(filter, field);
+    return filter;
+};
+/**
+ * @hidden
+ */
+export const localizeOperators = operators => localization => Object.keys(operators).map(key => ({
+    text: localization.get(key),
+    value: operators[key]
+}));
+/**
+ * An abstract base class for the filter-cell component ([see example]({% slug reusablecustomfilters_treelist %}#toc-filter-row)).
+ */
+export class BaseFilterCellComponent {
+    constructor(filterService) {
+        this.filterService = filterService;
+        this.operatorList = new QueryList();
+    }
+    /**
+     * @hidden
+     */
+    get hostClasses() {
+        return true;
+    }
+    get operators() {
+        return this._operators.length ? this._operators : this.defaultOperators;
+    }
+    set operators(values) {
+        this._operators = values;
+    }
+    /**
+     * @hidden
+     */
+    ngAfterContentInit() {
+        this.operationListSubscription = observe(this.operatorList)
+            .pipe(map(q => q.toArray()), map(toJSON))
+            .subscribe(x => {
+            this.operators = x;
+        });
+    }
+    ngOnDestroy() {
+        if (this.operationListSubscription) {
+            this.operationListSubscription.unsubscribe();
+        }
+    }
+    filterByField(field) {
+        return filterByField(this.filter, field);
+    }
+    filtersByField(field) {
+        return filtersByField(this.filter, field);
+    }
+    removeFilter(field) {
+        return removeFilter(this.filter, field);
+    }
+    updateFilter(filter) {
+        const root = this.filter || {
+            filters: [],
+            logic: "and"
+        };
+        let [currentFilter] = flatten(root).filter(x => x.field === filter.field);
+        if (!isPresent(currentFilter)) {
+            root.filters.push(filter);
+        }
+        else {
+            Object.assign(currentFilter, filter);
+        }
+        return root;
+    }
+    applyFilter(filter) {
+        this.filterService.filter(filter);
+    }
+}
+tslib_1.__decorate([
+    HostBinding('class.k-filtercell'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], BaseFilterCellComponent.prototype, "hostClasses", null);
+tslib_1.__decorate([
+    ContentChildren(FilterOperatorBase),
+    tslib_1.__metadata("design:type", QueryList)
+], BaseFilterCellComponent.prototype, "operatorList", void 0);
+export { ɵ0, ɵ1 };

package/dist/es2015/filtering/boolean-filter.component.d.ts

@@ -0,0 +1,59 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { FilterService } from './filter.service';
+import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
+import { BaseFilterCellComponent } from './base-filter-cell.component';
+import { FilterComponent } from './filter-component.interface';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+export declare class BooleanFilterComponent extends BaseFilterCellComponent implements FilterComponent {
+    protected localization: LocalizationService;
+    /**
+     * @hidden
+     */
+    readonly hostClasses: boolean;
+    /**
+     * The column with which the filter is associated.
+     * @type {ColumnComponent}
+     */
+    column: ColumnComponent;
+    /**
+     * The current root filter.
+     * @type {CompositeFilterDescriptor}
+     */
+    filter: CompositeFilterDescriptor;
+    /**
+     * @hidden
+     */
+    operator: string;
+    /**
+     * The current filter for the associated column field.
+     * @readonly
+     * @type {FilterDescriptor}
+     */
+    readonly currentFilter: FilterDescriptor;
+    /**
+     * The current filter operator for the associated column field.
+     * @readonly
+     * @type {string}
+     */
+    readonly currentOperator: string;
+    /**
+     * @hidden
+     */
+    items: any[];
+    /**
+     * @hidden
+     */
+    defaultItem: any;
+    private subscription;
+    constructor(filterService: FilterService, localization: LocalizationService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    protected localizationChange(): void;
+}

package/dist/es2015/filtering/boolean-filter.component.js

@@ -0,0 +1,84 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+// tslint:disable:no-access-missing-member
+import * as tslib_1 from "tslib";
+import { Input, HostBinding } from '@angular/core';
+import { ColumnComponent } from '../columns/column.component';
+import { BaseFilterCellComponent } from './base-filter-cell.component';
+/**
+ * @hidden
+ */
+export class BooleanFilterComponent extends BaseFilterCellComponent {
+    constructor(filterService, localization) {
+        super(filterService);
+        this.localization = localization;
+        /**
+         * @hidden
+         */
+        this.operator = "eq";
+        /**
+         * @hidden
+         */
+        this.items = [
+            { text: this.localization.get("filterIsTrue"), value: true },
+            { text: this.localization.get("filterIsFalse"), value: false }
+        ];
+        /**
+         * @hidden
+         */
+        this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
+    }
+    /**
+     * @hidden
+     */
+    get hostClasses() {
+        return true;
+    }
+    /**
+     * The current filter for the associated column field.
+     * @readonly
+     * @type {FilterDescriptor}
+     */
+    get currentFilter() {
+        return this.filterByField(this.column.field);
+    }
+    /**
+     * The current filter operator for the associated column field.
+     * @readonly
+     * @type {string}
+     */
+    get currentOperator() {
+        return this.currentFilter ? this.currentFilter.operator : this.operator;
+    }
+    ngOnInit() {
+        this.subscription = this.localization.changes.subscribe(this.localizationChange.bind(this));
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+        super.ngOnDestroy();
+    }
+    localizationChange() {
+        this.items = [
+            { text: this.localization.get("filterIsTrue"), value: true },
+            { text: this.localization.get("filterIsFalse"), value: false }
+        ];
+        this.defaultItem = { text: this.localization.get("filterBooleanAll"), value: null };
+    }
+}
+tslib_1.__decorate([
+    HostBinding('class.k-filtercell-boolean'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], BooleanFilterComponent.prototype, "hostClasses", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", ColumnComponent)
+], BooleanFilterComponent.prototype, "column", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], BooleanFilterComponent.prototype, "filter", void 0);

package/dist/es2015/filtering/cell/autocomplete-filter-cell.component.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { FilterService } from '../filter.service';
+import { CompositeFilterDescriptor, FilterDescriptor } from '@progress/kendo-data-query';
+import { BaseFilterCellComponent } from '../base-filter-cell.component';
+import { FilterComponent } from '../filter-component.interface';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * @hidden
+ */
+export declare class AutoCompleteFilterCellComponent extends BaseFilterCellComponent implements FilterComponent {
+    protected localization: LocalizationService;
+    showOperators: boolean;
+    column: ColumnComponent;
+    filter: CompositeFilterDescriptor;
+    data: any[];
+    valueField: string;
+    readonly currentFilter: FilterDescriptor;
+    readonly currentOperator: string;
+    protected defaultOperators: Array<{
+        text: string;
+        value: string;
+    }>;
+    private _valueField;
+    constructor(filterService: FilterService, column: ColumnComponent, localization: LocalizationService);
+}

package/dist/es2015/filtering/cell/autocomplete-filter-cell.component.js

@@ -0,0 +1,92 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+// tslint:disable:no-access-missing-member
+import * as tslib_1 from "tslib";
+import { Component, Input } from '@angular/core';
+import { ColumnComponent } from '../../columns/column.component';
+import { FilterService } from '../filter.service';
+import { BaseFilterCellComponent, localizeOperators } from '../base-filter-cell.component';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+const stringOperators = localizeOperators({
+    "filterContainsOperator": "contains",
+    "filterNotContainsOperator": "doesnotcontain",
+    // tslint:disable-next-line:object-literal-sort-keys
+    "filterEqOperator": "eq",
+    "filterNotEqOperator": "neq",
+    "filterStartsWithOperator": "startswith",
+    "filterEndsWithOperator": "endswith",
+    "filterIsNullOperator": "isnull",
+    "filterIsNotNullOperator": "isnotnull",
+    "filterIsEmptyOperator": "isempty",
+    "filterIsNotEmptyOperator": "isnotempty"
+});
+/**
+ * @hidden
+ */
+let AutoCompleteFilterCellComponent = class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
+    constructor(filterService, column, localization) {
+        super(filterService);
+        this.localization = localization;
+        this.showOperators = true;
+        this.defaultOperators = stringOperators(this.localization);
+        this.column = column;
+    }
+    set valueField(value) {
+        this._valueField = value;
+    }
+    get valueField() {
+        return this._valueField ? this._valueField : this.column.field;
+    }
+    get currentFilter() {
+        return this.filterByField(this.column.field);
+    }
+    get currentOperator() {
+        return this.currentFilter ? this.currentFilter.operator : "contains";
+    }
+};
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], AutoCompleteFilterCellComponent.prototype, "showOperators", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", ColumnComponent)
+], AutoCompleteFilterCellComponent.prototype, "column", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Object)
+], AutoCompleteFilterCellComponent.prototype, "filter", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Array)
+], AutoCompleteFilterCellComponent.prototype, "data", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String),
+    tslib_1.__metadata("design:paramtypes", [String])
+], AutoCompleteFilterCellComponent.prototype, "valueField", null);
+AutoCompleteFilterCellComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-treelist-autocomplete-filter-cell',
+        template: `
+        <kendo-treelist-filter-wrapper-cell
+            [column]="column"
+            [filter]="filter"
+            [operators]="operators"
+            [showOperators]="showOperators">
+            <kendo-autocomplete
+                kendoFilterInput
+                [data]="data"
+                [valueField]="valueField"
+                [value]="currentFilter?.value">
+            </kendo-autocomplete>
+        </kendo-treelist-filter-wrapper-cell>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [FilterService,
+        ColumnComponent,
+        LocalizationService])
+], AutoCompleteFilterCellComponent);
+export { AutoCompleteFilterCellComponent };

package/dist/es2015/filtering/cell/boolean-filter-cell.component.d.ts

@@ -0,0 +1,29 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { ChangeDetectorRef } from '@angular/core';
+import { FilterService } from '../filter.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { BooleanFilterComponent } from '../boolean-filter.component';
+/**
+ * Represents a Boolean filter-cell component.
+ *
+ * @example
+ *
+ *  ```html-no-run
+ *      <kendo-treelist-column field="ProductName" title="Product Name">
+ *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *          <kendo-treelist-boolean-filter-cell
+ *              [column]="column"
+ *              [filter]="filter">
+ *          </kendo-treelist-boolean-filter-cell>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+export declare class BooleanFilterCellComponent extends BooleanFilterComponent {
+    private cd;
+    constructor(filterService: FilterService, localization: LocalizationService, cd: ChangeDetectorRef);
+    protected localizationChange(): void;
+}