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

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

@@ -0,0 +1,62 @@
+/**-----------------------------------------------------------------------------------------
+* 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, 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>
+ *   ```
+ */
+let BooleanFilterCellComponent = class BooleanFilterCellComponent extends BooleanFilterComponent {
+    constructor(filterService, localization, cd) {
+        super(filterService, localization);
+        this.cd = cd;
+    }
+    localizationChange() {
+        super.localizationChange();
+        this.cd.markForCheck();
+    }
+};
+BooleanFilterCellComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-treelist-boolean-filter-cell',
+        template: `
+        <kendo-treelist-filter-wrapper-cell
+            [column]="column"
+            [filter]="filter"
+            [showOperators]="false"
+            [defaultOperator]="operator">
+            <kendo-dropdownlist
+                kendoFilterInput
+                [defaultItem]="defaultItem"
+                [data]="items"
+                textField="text"
+                valueField="value"
+                [popupSettings]="{ width: 'auto' }"
+                [valuePrimitive]="true"
+                [value]="currentFilter?.value">
+            </kendo-dropdownlist>
+        </kendo-treelist-filter-wrapper-cell>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [FilterService,
+        LocalizationService,
+        ChangeDetectorRef])
+], BooleanFilterCellComponent);
+export { BooleanFilterCellComponent };

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

@@ -0,0 +1,33 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { FilterService } from '../filter.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { DateFilterComponent } from '../date-filter.component';
+/**
+ * Represents a date-filter cell component.
+ *
+ * @example
+ *
+ *  ```html-no-run
+ *      <kendo-treelist-column field="OrderDate" title="Order Date">
+ *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *          <kendo-treelist-date-filter-cell
+ *              [showOperators]="false"
+ *              [column]="column"
+ *              [filter]="filter">
+ *          </kendo-treelist-date-filter-cell>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+export declare class DateFilterCellComponent extends DateFilterComponent {
+    protected localization: LocalizationService;
+    /**
+     * Determines if the drop-down filter operators will be displayed. The default value is `true`.
+     * @type {boolean}
+     */
+    showOperators: boolean;
+    constructor(filterService: FilterService, localization: LocalizationService);
+}

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

@@ -0,0 +1,73 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { FilterService } from '../filter.service';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+import { DateFilterComponent } from '../date-filter.component';
+/**
+ * Represents a date-filter cell component.
+ *
+ * @example
+ *
+ *  ```html-no-run
+ *      <kendo-treelist-column field="OrderDate" title="Order Date">
+ *          <ng-template kendoTreeListFilterCellTemplate let-filter let-column="column">
+ *          <kendo-treelist-date-filter-cell
+ *              [showOperators]="false"
+ *              [column]="column"
+ *              [filter]="filter">
+ *          </kendo-treelist-date-filter-cell>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+let DateFilterCellComponent = class DateFilterCellComponent extends DateFilterComponent {
+    constructor(filterService, localization) {
+        super(filterService, localization);
+        this.localization = localization;
+        /**
+         * Determines if the drop-down filter operators will be displayed. The default value is `true`.
+         * @type {boolean}
+         */
+        this.showOperators = true;
+    }
+};
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], DateFilterCellComponent.prototype, "showOperators", void 0);
+DateFilterCellComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-treelist-date-filter-cell',
+        template: `
+        <kendo-treelist-filter-wrapper-cell
+            [column]="column"
+            [filter]="filter"
+            [operators]="operators"
+            [defaultOperator]="operator"
+            [showOperators]="showOperators"
+            >
+            <kendo-datepicker
+                kendoFilterInput
+                [value]="currentFilter?.value"
+                [format]="format"
+                [formatPlaceholder]="formatPlaceholder"
+                [placeholder]="placeholder"
+                [activeView]="activeView"
+                [bottomView]="bottomView"
+                [topView]="topView"
+                [min]="min"
+                [max]="max"
+                [weekNumber]="weekNumber"
+                >
+            </kendo-datepicker>
+        </kendo-treelist-filter-wrapper-cell>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [FilterService,
+        LocalizationService])
+], DateFilterCellComponent);
+export { DateFilterCellComponent };

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

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Type } from '@angular/core';
+import { FilterComponent } from '../filter-component.interface';
+/**
+ * @hidden
+ *
+ * > List the following components in the TreeListModule as `entryComponents`.
+ */
+export declare const filterComponentFactory: (type: string) => Type<FilterComponent>;

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

@@ -0,0 +1,19 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { StringFilterCellComponent } from './string-filter-cell.component';
+import { NumericFilterCellComponent } from './numeric-filter-cell.component';
+import { BooleanFilterCellComponent } from './boolean-filter-cell.component';
+import { DateFilterCellComponent } from "./date-filter-cell.component";
+/**
+ * @hidden
+ *
+ * > List the following components in the TreeListModule as `entryComponents`.
+ */
+export const filterComponentFactory = (type) => ({
+    "boolean": BooleanFilterCellComponent,
+    "date": DateFilterCellComponent,
+    "numeric": NumericFilterCellComponent,
+    "text": StringFilterCellComponent
+}[type]);

package/dist/es2015/filtering/cell/filter-cell-host.directive.d.ts

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Type, ViewContainerRef, ComponentFactoryResolver } from "@angular/core";
+import { FilterHostDirective } from "../filter-host.directive";
+import { FilterComponent } from "../filter-component.interface";
+/**
+ * @hidden
+ */
+export declare class FilterCellHostDirective extends FilterHostDirective {
+    constructor(host: ViewContainerRef, resolver: ComponentFactoryResolver);
+    protected componentType(): Type<FilterComponent>;
+}

package/dist/es2015/filtering/cell/filter-cell-host.directive.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* 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, ViewContainerRef, ComponentFactoryResolver } from "@angular/core";
+import { FilterHostDirective } from "../filter-host.directive";
+import { isNullOrEmptyString } from "../../utils";
+import { filterComponentFactory } from "./filter-cell-component.factory";
+import { StringFilterCellComponent } from "./string-filter-cell.component";
+/**
+ * @hidden
+ */
+let FilterCellHostDirective = class FilterCellHostDirective extends FilterHostDirective {
+    constructor(host, resolver) {
+        super(host, resolver);
+    }
+    componentType() {
+        if (!isNullOrEmptyString(this.column.filter)) {
+            return filterComponentFactory(this.column.filter);
+        }
+        return StringFilterCellComponent;
+    }
+};
+FilterCellHostDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoFilterCellHost]'
+    }),
+    tslib_1.__metadata("design:paramtypes", [ViewContainerRef,
+        ComponentFactoryResolver])
+], FilterCellHostDirective);
+export { FilterCellHostDirective };

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

@@ -0,0 +1,72 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { EventEmitter, OnInit } from '@angular/core';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * Represents a component which accommodates the filter operators.
+ */
+export declare class FilterCellOperatorsComponent implements OnInit {
+    protected localization: LocalizationService;
+    clearText: string;
+    /**
+     * @hidden
+     */
+    readonly hostClasses: boolean;
+    /**
+     * @hidden
+     */
+    dropdown: DropDownListComponent;
+    /**
+     * The filter operators that will be displayed.
+     */
+    operators: Array<{
+        text: string;
+        value: string;
+    }>;
+    /**
+     * Determines if the **Clear** button will be displayed.
+     * @type {boolean}
+     */
+    showButton: boolean;
+    /**
+     * Determines if the list of operators will be displayed.
+     * @type {boolean}
+     */
+    showOperators: boolean;
+    /**
+     * The selected operator.
+     * @type {string}
+     */
+    value: string;
+    /**
+     * Fires when the operator is selected.
+     * @type {EventEmitter<string>}
+     */
+    valueChange: EventEmitter<string>;
+    /**
+     * Fires when the **Clear** button is clicked.
+     * @type {EventEmitter<{}>}
+     */
+    clear: EventEmitter<{}>;
+    constructor(localization: LocalizationService);
+    /**
+     * @hidden
+     */
+    onChange(dataItem: any): void;
+    /**
+     * @hidden
+     */
+    clearClick(): boolean;
+    /**
+     * @hidden
+     */
+    clearKeydown(args: KeyboardEvent): void;
+    /**
+     * @hidden
+     */
+    dropdownKeydown(args: KeyboardEvent): void;
+    ngOnInit(): void;
+}

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

@@ -0,0 +1,145 @@
+/**-----------------------------------------------------------------------------------------
+* 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, EventEmitter, HostBinding, Input, Output, ViewChild } from '@angular/core';
+import { Keys } from '@progress/kendo-angular-common';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { LocalizationService } from '@progress/kendo-angular-l10n';
+/**
+ * Represents a component which accommodates the filter operators.
+ */
+let FilterCellOperatorsComponent = class FilterCellOperatorsComponent {
+    constructor(localization) {
+        this.localization = localization;
+        this.clearText = 'Clear';
+        /**
+         * The filter operators that will be displayed.
+         */
+        this.operators = [];
+        /**
+         * Determines if the list of operators will be displayed.
+         * @type {boolean}
+         */
+        this.showOperators = true;
+        /**
+         * Fires when the operator is selected.
+         * @type {EventEmitter<string>}
+         */
+        this.valueChange = new EventEmitter();
+        /**
+         * Fires when the **Clear** button is clicked.
+         * @type {EventEmitter<{}>}
+         */
+        this.clear = new EventEmitter();
+    }
+    /**
+     * @hidden
+     */
+    get hostClasses() {
+        return true;
+    }
+    /**
+     * @hidden
+     */
+    onChange(dataItem) {
+        this.valueChange.emit(dataItem);
+    }
+    /**
+     * @hidden
+     */
+    clearClick() {
+        this.clear.emit();
+        return false;
+    }
+    /**
+     * @hidden
+     */
+    clearKeydown(args) {
+        if (args.keyCode === Keys.Enter || args.keyCode === Keys.Space) {
+            this.clear.emit();
+        }
+    }
+    /**
+     * @hidden
+     */
+    dropdownKeydown(args) {
+        if (args.defaultPrevented) {
+            return;
+        }
+        if (args.keyCode === Keys.Enter && !this.dropdown.isOpen) {
+            this.dropdown.toggle(true);
+            args.preventDefault();
+        }
+    }
+    ngOnInit() {
+        this.localization.changes.subscribe(() => this.clearText = this.localization.get("filterClearButton"));
+    }
+};
+tslib_1.__decorate([
+    HostBinding('class.k-filtercell-operator'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], FilterCellOperatorsComponent.prototype, "hostClasses", null);
+tslib_1.__decorate([
+    ViewChild('dropdown', { static: false }),
+    tslib_1.__metadata("design:type", DropDownListComponent)
+], FilterCellOperatorsComponent.prototype, "dropdown", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Array)
+], FilterCellOperatorsComponent.prototype, "operators", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], FilterCellOperatorsComponent.prototype, "showButton", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], FilterCellOperatorsComponent.prototype, "showOperators", void 0);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", String)
+], FilterCellOperatorsComponent.prototype, "value", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], FilterCellOperatorsComponent.prototype, "valueChange", void 0);
+tslib_1.__decorate([
+    Output(),
+    tslib_1.__metadata("design:type", EventEmitter)
+], FilterCellOperatorsComponent.prototype, "clear", void 0);
+FilterCellOperatorsComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-treelist-filter-cell-operators',
+        template: `
+        <kendo-dropdownlist
+            #dropdown
+            *ngIf="showOperators"
+            kendoTreeListFocusable
+            [data]="operators"
+            class="k-dropdown-operator"
+            (valueChange)="onChange($event)"
+            [value]="value"
+            iconClass="k-i-filter"
+            [valuePrimitive]="true"
+            textField="text"
+            [popupSettings]="{ width: 'auto' }"
+            valueField="value"
+            (keydown)="dropdownKeydown($event)">
+        </kendo-dropdownlist>
+        <button type="button"
+            kendoTreeListFocusable
+            [ngClass]="{'k-clear-button-visible': showButton}"
+            class="k-button k-button-icon"
+            [title]="clearText"
+            (click)="clearClick()"
+            (keydown)="clearKeydown($event)">
+                <span class="k-icon k-i-filter-clear"></span>
+        </button>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [LocalizationService])
+], FilterCellOperatorsComponent);
+export { FilterCellOperatorsComponent };

package/dist/es2015/filtering/cell/filter-cell-template.directive.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 { TemplateRef } from '@angular/core';
+/**
+ * Represents the filter-cell template ([see example]({% slug builtinfiltertemplate_treelist %}#toc-customizing-filter-rows)).
+ *
+ * The template context is set to the filter descriptor and the following additional fields are passed:
+ * - `column`—The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `filter`—The filter descriptor.
+ * - `cellContext`—An object used to pass context information to built-in directives.
+ */
+export declare class FilterCellTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+}

package/dist/es2015/filtering/cell/filter-cell-template.directive.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* 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 filter-cell template ([see example]({% slug builtinfiltertemplate_treelist %}#toc-customizing-filter-rows)).
+ *
+ * The template context is set to the filter descriptor and the following additional fields are passed:
+ * - `column`—The current column instance. Use it as an alias for a template variable by utilizing the `let-column="column"` syntax.
+ * - `filter`—The filter descriptor.
+ * - `cellContext`—An object used to pass context information to built-in directives.
+ */
+let FilterCellTemplateDirective = class FilterCellTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+};
+FilterCellTemplateDirective = tslib_1.__decorate([
+    Directive({
+        selector: '[kendoTreeListFilterCellTemplate]'
+    }),
+    tslib_1.__param(0, Optional()),
+    tslib_1.__metadata("design:paramtypes", [TemplateRef])
+], FilterCellTemplateDirective);
+export { FilterCellTemplateDirective };

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

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { FilterService } from '../filter.service';
+import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
+import { CompositeFilterDescriptor } from "@progress/kendo-data-query";
+/**
+ * @hidden
+ */
+export declare class FilterCellWrapperComponent extends FilterInputWrapperComponent {
+    readonly hostClasses: boolean;
+    readonly overrideBaseClasses: boolean;
+    showOperators: boolean;
+    readonly showButton: boolean;
+    constructor(filterService: FilterService);
+    protected filterChange(filter: CompositeFilterDescriptor): void;
+}

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

@@ -0,0 +1,64 @@
+/**-----------------------------------------------------------------------------------------
+* 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, HostBinding } from '@angular/core';
+import { FilterService } from '../filter.service';
+import { isPresent, isNullOrEmptyString } from '../../utils';
+import { FilterInputWrapperComponent } from "../filter-input-wrapper.component";
+const EMPTY_FILTER_OPERATORS = ['isnull', 'isnotnull', 'isempty', 'isnotempty'];
+/**
+ * @hidden
+ */
+let FilterCellWrapperComponent = class FilterCellWrapperComponent extends FilterInputWrapperComponent {
+    constructor(filterService) {
+        super(filterService);
+        this.showOperators = true;
+    }
+    get hostClasses() {
+        return true;
+    }
+    get overrideBaseClasses() {
+        return false;
+    }
+    get showButton() {
+        const filter = this.currentFilter;
+        return isPresent(filter) && (!isNullOrEmptyString(filter.value) ||
+            EMPTY_FILTER_OPERATORS.indexOf(String(filter.operator)) >= 0);
+    }
+    filterChange(filter) {
+        this.applyFilter(filter);
+    }
+};
+tslib_1.__decorate([
+    HostBinding('class.k-filtercell-wrapper'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], FilterCellWrapperComponent.prototype, "hostClasses", null);
+tslib_1.__decorate([
+    HostBinding('class.k-filtercell'),
+    tslib_1.__metadata("design:type", Boolean),
+    tslib_1.__metadata("design:paramtypes", [])
+], FilterCellWrapperComponent.prototype, "overrideBaseClasses", null);
+tslib_1.__decorate([
+    Input(),
+    tslib_1.__metadata("design:type", Boolean)
+], FilterCellWrapperComponent.prototype, "showOperators", void 0);
+FilterCellWrapperComponent = tslib_1.__decorate([
+    Component({
+        selector: 'kendo-treelist-filter-wrapper-cell',
+        template: `
+        <ng-content></ng-content>
+        <kendo-treelist-filter-cell-operators
+            [showOperators]="showOperators"
+            [operators]="operators"
+            (clear)="onClear()"
+            [showButton]="showButton"
+            [(value)]="currentOperator">
+        </kendo-treelist-filter-cell-operators>
+    `
+    }),
+    tslib_1.__metadata("design:paramtypes", [FilterService])
+], FilterCellWrapperComponent);
+export { FilterCellWrapperComponent };

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

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { ColumnComponent } from '../../columns/column.component';
+import { FocusGroup } from '../../navigation/focus-group';
+/**
+ * @hidden
+ */
+export declare class FilterCellComponent {
+    private focusGroup;
+    column: ColumnComponent;
+    filter: CompositeFilterDescriptor;
+    private _templateContext;
+    private _filter;
+    constructor(focusGroup: FocusGroup);
+    readonly templateContext: any;
+    readonly hasTemplate: boolean;
+    readonly isFilterable: boolean;
+}