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

package/dist/npm/filtering/filter-input-wrapper.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
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var column_component_1 = require("../columns/column.component");
+var filter_input_directive_1 = require("./filter-input.directive");
+var utils_1 = require("../utils");
+var base_filter_cell_component_1 = require("./base-filter-cell.component");
+var EMPTY_VALUE_OPERATORS = new Set(['isnull', 'isnotnull', 'isempty', 'isnotempty']);
+var isEmptyValueOperator = function (operator) { return EMPTY_VALUE_OPERATORS.has(operator); };
+var ɵ0 = isEmptyValueOperator;
+exports.ɵ0 = ɵ0;
+/**
+ * @hidden
+ */
+var FilterInputWrapperComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(FilterInputWrapperComponent, _super);
+    function FilterInputWrapperComponent(filterService) {
+        var _this = _super.call(this, filterService) || this;
+        _this.operators = [];
+        return _this;
+    }
+    Object.defineProperty(FilterInputWrapperComponent.prototype, "currentFilter", {
+        get: function () {
+            return this.filterByField(this.column.field);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterInputWrapperComponent.prototype, "currentOperator", {
+        get: function () {
+            var filter = this.currentFilter;
+            if (!this._operator) {
+                this._operator = filter ? filter.operator : this.defaultOperator;
+            }
+            return this._operator;
+        },
+        set: function (value) {
+            this._operator = value;
+            var emptyValueOperator = isEmptyValueOperator(value);
+            this.filterInputDisabled = emptyValueOperator;
+            if (emptyValueOperator) {
+                this.applyNoValueFilter(value);
+            }
+            else if (!utils_1.isBlank(value) && utils_1.isPresent(this.currentFilter)) {
+                this.onChange(this.currentFilter.value);
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterInputWrapperComponent.prototype, "defaultOperator", {
+        get: function () {
+            if (!utils_1.isNullOrEmptyString(this._defaultOperator)) {
+                return this._defaultOperator;
+            }
+            else if (this.operators && this.operators.length) {
+                return this.operators[0].value;
+            }
+            return "eq";
+        },
+        set: function (value) {
+            this._defaultOperator = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterInputWrapperComponent.prototype, "filterInputDisabled", {
+        set: function (disabled) {
+            if (!this.input) {
+                return;
+            }
+            this.input.disabled = disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterInputWrapperComponent.prototype.ngAfterContentInit = function () {
+        if (utils_1.isPresent(this.input)) {
+            this.changeSubscription = this.input.change.subscribe(this.onChange.bind(this));
+            this.filterInputDisabled = isEmptyValueOperator(this.currentOperator);
+        }
+    };
+    FilterInputWrapperComponent.prototype.ngOnDestroy = function () {
+        _super.prototype.ngOnDestroy.call(this);
+        if (this.changeSubscription) {
+            this.changeSubscription.unsubscribe();
+        }
+    };
+    FilterInputWrapperComponent.prototype.onChange = function (value) {
+        if (!utils_1.isNullOrEmptyString(value) || this.filterByField(this.column.field)) {
+            this.filterChange(utils_1.isNullOrEmptyString(value) ?
+                this.removeFilter(this.column.field) :
+                this.updateFilter({
+                    field: this.column.field,
+                    operator: this.currentOperator,
+                    value: value
+                }));
+        }
+    };
+    FilterInputWrapperComponent.prototype.onClear = function () {
+        this.onChange(null);
+        this.filterInputDisabled = isEmptyValueOperator(this.defaultOperator);
+    };
+    FilterInputWrapperComponent.prototype.applyNoValueFilter = function (operator) {
+        this.filterChange(this.updateFilter({
+            field: this.column.field,
+            operator: operator,
+            value: null
+        }));
+    };
+    FilterInputWrapperComponent.prototype.ngOnChanges = function (changes) {
+        if (utils_1.isChanged("filter", changes, false)) {
+            this._operator = null;
+            this.filterInputDisabled = isEmptyValueOperator(this.currentOperator);
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], FilterInputWrapperComponent.prototype, "operators", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", column_component_1.ColumnComponent)
+    ], FilterInputWrapperComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], FilterInputWrapperComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(filter_input_directive_1.FilterInputDirective, { static: false }),
+        tslib_1.__metadata("design:type", filter_input_directive_1.FilterInputDirective)
+    ], FilterInputWrapperComponent.prototype, "input", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], FilterInputWrapperComponent.prototype, "defaultOperator", null);
+    return FilterInputWrapperComponent;
+}(base_filter_cell_component_1.BaseFilterCellComponent));
+exports.FilterInputWrapperComponent = FilterInputWrapperComponent;

package/dist/npm/filtering/filter-input.directive.js

@@ -0,0 +1,97 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var forms_1 = require("@angular/forms");
+var operators_1 = require("rxjs/operators");
+var rxjs_1 = require("rxjs");
+var utils_1 = require("../utils");
+/**
+ * @hidden
+ */
+var FilterInputDirective = /** @class */ (function () {
+    function FilterInputDirective(valueAccessors, ngZone, element, renderer) {
+        var _this = this;
+        this.change = new core_1.EventEmitter();
+        this.composing = false;
+        this.filterDelay = 500;
+        this.changeRequests = new rxjs_1.Subject();
+        this.accessor = valueAccessors[0];
+        ngZone.runOutsideAngular(function () {
+            var unsubscribeStart = renderer.listen(element.nativeElement, 'compositionstart', function () { return _this.composing = true; });
+            var unsubscribeEnd = renderer.listen(element.nativeElement, 'compositionend', function () { return _this.composing = false; });
+            _this.unsubscribeEvents = function () {
+                unsubscribeStart();
+                unsubscribeEnd();
+            };
+        });
+    }
+    Object.defineProperty(FilterInputDirective.prototype, "value", {
+        set: function (value) {
+            this.accessor.writeValue(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(FilterInputDirective.prototype, "disabled", {
+        set: function (value) {
+            this.accessor.setDisabledState(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    FilterInputDirective.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        this.accessor.registerOnChange(function (x) {
+            return _this.filterDelay > 0 ?
+                _this.changeRequests.next(x) :
+                _this.change.emit(x);
+        });
+        this.subscribeChanges();
+    };
+    FilterInputDirective.prototype.ngOnChanges = function (changes) {
+        if (utils_1.isChanged('filterDelay', changes)) {
+            this.unsubscribeChanges();
+            this.subscribeChanges();
+        }
+    };
+    FilterInputDirective.prototype.ngOnDestroy = function () {
+        this.unsubscribeChanges();
+        this.unsubscribeEvents();
+    };
+    FilterInputDirective.prototype.subscribeChanges = function () {
+        var _this = this;
+        this.changeRequestsSubscription = this.changeRequests
+            .pipe(operators_1.debounceTime(this.filterDelay), operators_1.filter(function () { return !_this.composing; }))
+            .subscribe(function (x) { return _this.change.emit(x); });
+    };
+    FilterInputDirective.prototype.unsubscribeChanges = function () {
+        if (this.changeRequestsSubscription) {
+            this.changeRequestsSubscription.unsubscribe();
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], FilterInputDirective.prototype, "filterDelay", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String),
+        tslib_1.__metadata("design:paramtypes", [String])
+    ], FilterInputDirective.prototype, "value", null);
+    FilterInputDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoFilterInput]'
+        }),
+        tslib_1.__param(0, core_1.Self()), tslib_1.__param(0, core_1.Inject(forms_1.NG_VALUE_ACCESSOR)),
+        tslib_1.__metadata("design:paramtypes", [Array, core_1.NgZone,
+            core_1.ElementRef,
+            core_1.Renderer2])
+    ], FilterInputDirective);
+    return FilterInputDirective;
+}());
+exports.FilterInputDirective = FilterInputDirective;

package/dist/npm/filtering/filter-row.component.js

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+/**
+ * @hidden
+ */
+var FilterRowComponent = /** @class */ (function () {
+    function FilterRowComponent(localization) {
+        this.localization = localization;
+        this.columns = [];
+        this.filterRowClass = true;
+        this.filterLabel = this.localization.get('filter');
+    }
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], FilterRowComponent.prototype, "columns", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], FilterRowComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], FilterRowComponent.prototype, "logicalRowIndex", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], FilterRowComponent.prototype, "lockedColumnsCount", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-filter-row'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], FilterRowComponent.prototype, "filterRowClass", void 0);
+    FilterRowComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: '[kendoTreeListFilterRow]',
+            template: "\n      <td *ngFor=\"let column of columns; let columnIndex = index\"\n          [attr.aria-label]=\"filterLabel\"\n          kendoTreeListFilterCell\n            [column]=\"column\"\n            [filter]=\"filter\"\n          kendoTreeListLogicalCell\n            [logicalRowIndex]=\"logicalRowIndex\"\n            [logicalColIndex]=\"lockedColumnsCount + columnIndex\"\n            [column]=\"column\"\n            [colIndex]=\"columnIndex\"\n      ></td>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
+    ], FilterRowComponent);
+    return FilterRowComponent;
+}());
+exports.FilterRowComponent = FilterRowComponent;

package/dist/npm/filtering/filter.service.js

@@ -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
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var rxjs_1 = require("rxjs");
+/**
+ * Represents a service to set the filter descriptor
+ * ([see example]({% slug reusablecustomfilters_treelist %})).
+ */
+var FilterService = /** @class */ (function () {
+    function FilterService() {
+        /**
+         * Fires when the filter descriptors is set.
+         */
+        this.changes = new rxjs_1.Subject();
+    }
+    /**
+     * Sets the filter descriptor.
+     *
+     * @param {CompositeFilterDescriptor} value - The filter descriptor that will be set.
+     */
+    FilterService.prototype.filter = function (value) {
+        this.changes.next(value);
+    };
+    return FilterService;
+}());
+exports.FilterService = FilterService;

package/dist/npm/filtering/filterable.js

@@ -0,0 +1,22 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @hidden
+ */
+exports.isFilterable = function (settings) { return settings !== false; };
+/**
+ * @hidden
+ */
+exports.hasFilterMenu = function (settings) {
+    return typeof settings === 'string' && settings.indexOf('menu') > -1;
+};
+/**
+ * @hidden
+ */
+exports.hasFilterRow = function (settings) {
+    return settings === true || (typeof settings === 'string' && settings.indexOf('row') > -1);
+};

package/dist/npm/filtering/menu/boolean-filter-menu.component.js

@@ -0,0 +1,99 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var filter_service_1 = require("../filter.service");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var boolean_filter_component_1 = require("../boolean-filter.component");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+/**
+ * Represents a Boolean-filter menu component.
+ *
+ * @example
+ *  ```html-no-run
+ *      <kendo-treelist-column field="Discontinued" title="Discontinued">
+ *          <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *            <kendo-treelist-boolean-filter-menu
+ *                [column]="column"
+ *                [filter]="filter"
+ *                [filterService]="filterService"
+ *                >
+ *            </kendo-treelist-boolean-filter-menu>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+var BooleanFilterMenuComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(BooleanFilterMenuComponent, _super);
+    function BooleanFilterMenuComponent(localization) {
+        var _this = _super.call(this, null, localization) || this;
+        /**
+         * The current menu filter.
+         * @type {CompositeFilterDescriptor}
+         */
+        _this.filter = { filters: [], logic: "and" };
+        _this.idPrefix = kendo_angular_common_1.guid();
+        return _this;
+    }
+    Object.defineProperty(BooleanFilterMenuComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    BooleanFilterMenuComponent.prototype.radioId = function (value) {
+        return this.idPrefix + "_" + value;
+    };
+    /**
+     * @hidden
+     */
+    BooleanFilterMenuComponent.prototype.onChange = function (value) {
+        this.applyFilter(this.updateFilter({
+            field: this.column.field,
+            operator: "eq",
+            value: value
+        }));
+    };
+    /**
+     * @hidden
+     */
+    BooleanFilterMenuComponent.prototype.isSelected = function (radioValue) {
+        return this.filtersByField(this.column.field).some(function (_a) {
+            var value = _a.value;
+            return value === radioValue;
+        });
+    };
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-filtercell'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], BooleanFilterMenuComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], BooleanFilterMenuComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", filter_service_1.FilterService)
+    ], BooleanFilterMenuComponent.prototype, "filterService", void 0);
+    BooleanFilterMenuComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-treelist-boolean-filter-menu',
+            template: "\n        <ul class=\"k-radio-list k-reset\">\n            <li *ngFor=\"let item of items\">\n                <input type=\"radio\"\n                    [name]=\"idPrefix\"\n                    class=\"k-radio\"\n                    [checked]=\"isSelected(item.value)\"\n                    [attr.id]=\"radioId(item.value)\"\n                    (change)=\"onChange(item.value)\"\n                />\n                <label class=\"k-radio-label\" [attr.for]=\"radioId(item.value)\">{{item.text}}</label>\n            </li>\n        </ul>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
+    ], BooleanFilterMenuComponent);
+    return BooleanFilterMenuComponent;
+}(boolean_filter_component_1.BooleanFilterComponent));
+exports.BooleanFilterMenuComponent = BooleanFilterMenuComponent;

package/dist/npm/filtering/menu/date-filter-menu-input.component.js

@@ -0,0 +1,100 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var column_component_1 = require("../../columns/column.component");
+var filter_service_1 = require("../filter.service");
+var single_popup_service_1 = require("../../common/single-popup.service");
+var operators_1 = require("rxjs/operators");
+/**
+ * @hidden
+ */
+var DateFilterMenuInputComponent = /** @class */ (function () {
+    function DateFilterMenuInputComponent(popupService) {
+        this.popupService = popupService;
+        this.operators = [];
+    }
+    DateFilterMenuInputComponent.prototype.open = function (picker) {
+        this.subscription = this.popupService.onClose
+            .pipe(operators_1.filter(function () { return picker.isActive; }))
+            .subscribe(function (e) { return e.preventDefault(); });
+    };
+    DateFilterMenuInputComponent.prototype.ngOnDestroy = function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], DateFilterMenuInputComponent.prototype, "operators", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", column_component_1.ColumnComponent)
+    ], DateFilterMenuInputComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DateFilterMenuInputComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "operator", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DateFilterMenuInputComponent.prototype, "currentFilter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", filter_service_1.FilterService)
+    ], DateFilterMenuInputComponent.prototype, "filterService", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "format", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DateFilterMenuInputComponent.prototype, "formatPlaceholder", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "placeholder", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Date)
+    ], DateFilterMenuInputComponent.prototype, "min", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Date)
+    ], DateFilterMenuInputComponent.prototype, "max", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "activeView", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "bottomView", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], DateFilterMenuInputComponent.prototype, "topView", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DateFilterMenuInputComponent.prototype, "weekNumber", void 0);
+    DateFilterMenuInputComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-treelist-date-filter-menu-input',
+            template: "\n        <kendo-treelist-filter-menu-input-wrapper\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [operators]=\"operators\"\n            [defaultOperator]=\"operator\"\n            [currentFilter]=\"currentFilter\"\n            [filterService]=\"filterService\"\n            >\n            <kendo-datepicker\n                #picker\n                kendoFilterInput\n                [filterDelay]=\"0\"\n                (open)=\"open(picker)\"\n                [value]=\"currentFilter?.value\"\n                [placeholder]=\"placeholder\"\n                [formatPlaceholder]=\"formatPlaceholder\"\n                [format]=\"format\"\n                [min]=\"min\"\n                [max]=\"max\"\n                [activeView]=\"activeView\"\n                [bottomView]=\"bottomView\"\n                [topView]=\"topView\"\n                [weekNumber]=\"weekNumber\"\n                >\n            </kendo-datepicker>\n        </kendo-treelist-filter-menu-input-wrapper>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [single_popup_service_1.SinglePopupService])
+    ], DateFilterMenuInputComponent);
+    return DateFilterMenuInputComponent;
+}());
+exports.DateFilterMenuInputComponent = DateFilterMenuInputComponent;

package/dist/npm/filtering/menu/date-filter-menu.component.js

@@ -0,0 +1,108 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var column_component_1 = require("../../columns/column.component");
+var filter_service_1 = require("../filter.service");
+var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
+var date_filter_component_1 = require("../date-filter.component");
+var base_filter_cell_component_1 = require("../base-filter-cell.component");
+/**
+ * Represents a date-filter menu component.
+ *
+ * @example
+ *  ```html-no-run
+ *      <kendo-treelist-column field="OrderDate" title="Order Date">
+ *          <ng-template kendoTreeListFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
+ *            <kendo-treelist-date-filter-menu
+ *                [column]="column"
+ *                [filter]="filter"
+ *                [filterService]="filterService"
+ *                >
+ *            </kendo-treelist-date-filter-menu>
+ *          </ng-template>
+ *      </kendo-treelist-column>
+ *   ```
+ */
+var DateFilterMenuComponent = /** @class */ (function (_super) {
+    tslib_1.__extends(DateFilterMenuComponent, _super);
+    function DateFilterMenuComponent(localization) {
+        var _this = _super.call(this, null, localization) || this;
+        _this.logicOperators = base_filter_cell_component_1.logicOperators(_this.localization);
+        /**
+         * The current menu filter.
+         * @type {CompositeFilterDescriptor}
+         */
+        _this.filter = { filters: [], logic: "and" };
+        /**
+         * Determines if the inputs of second criteria will be displayed.
+         */
+        _this.extra = true;
+        return _this;
+    }
+    Object.defineProperty(DateFilterMenuComponent.prototype, "hostClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return false;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DateFilterMenuComponent.prototype, "firstFilter", {
+        get: function () {
+            return base_filter_cell_component_1.setFilter(0, this.filter, (this.column || {}).field, this.operator);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DateFilterMenuComponent.prototype, "secondFilter", {
+        get: function () {
+            return base_filter_cell_component_1.setFilter(1, this.filter, (this.column || {}).field, this.operator);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DateFilterMenuComponent.prototype.logicChange = function (value) {
+        this.filter.logic = value;
+    };
+    DateFilterMenuComponent.prototype.localizationChange = function () {
+        this.logicOperators = base_filter_cell_component_1.logicOperators(this.localization);
+        _super.prototype.localizationChange.call(this);
+    };
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-filtercell'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], DateFilterMenuComponent.prototype, "hostClasses", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", column_component_1.ColumnComponent)
+    ], DateFilterMenuComponent.prototype, "column", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object)
+    ], DateFilterMenuComponent.prototype, "filter", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Boolean)
+    ], DateFilterMenuComponent.prototype, "extra", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", filter_service_1.FilterService)
+    ], DateFilterMenuComponent.prototype, "filterService", void 0);
+    DateFilterMenuComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-treelist-date-filter-menu',
+            template: "\n        <kendo-treelist-date-filter-menu-input\n            [currentFilter]=\"firstFilter\"\n            [operators]=\"operators\"\n            [filterService]=\"filterService\"\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [activeView]=\"activeView\"\n            [bottomView]=\"bottomView\"\n            [topView]=\"topView\"\n            [format]=\"format\"\n            [formatPlaceholder]=\"formatPlaceholder\"\n            [placeholder]=\"placeholder\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [weekNumber]=\"weekNumber\"\n            >\n        </kendo-treelist-date-filter-menu-input>\n        <kendo-dropdownlist\n            *ngIf=\"extra\"\n            class=\"k-filter-and\"\n            [data]=\"logicOperators\"\n            [valuePrimitive]=\"true\"\n            (valueChange)=\"logicChange($event)\"\n            [value]=\"filter?.logic\"\n            textField=\"text\"\n            valueField=\"value\">\n        </kendo-dropdownlist>\n        <kendo-treelist-date-filter-menu-input\n            *ngIf=\"extra\"\n            [operators]=\"operators\"\n            [currentFilter]=\"secondFilter\"\n            [filterService]=\"filterService\"\n            [column]=\"column\"\n            [filter]=\"filter\"\n            [activeView]=\"activeView\"\n            [bottomView]=\"bottomView\"\n            [topView]=\"topView\"\n            [format]=\"format\"\n            [formatPlaceholder]=\"formatPlaceholder\"\n            [placeholder]=\"placeholder\"\n            [min]=\"min\"\n            [max]=\"max\"\n            [weekNumber]=\"weekNumber\"\n            >\n        </kendo-treelist-date-filter-menu-input>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [kendo_angular_l10n_1.LocalizationService])
+    ], DateFilterMenuComponent);
+    return DateFilterMenuComponent;
+}(date_filter_component_1.DateFilterComponent));
+exports.DateFilterMenuComponent = DateFilterMenuComponent;