mmhglobal-dynamicform 1.2.3 → 1.3.2

package/esm2020/lib/zgrid/date-range-cell-filter.component.mjs

@@ -0,0 +1,135 @@
+import { Component, Input } from "@angular/core";
+import { BaseFilterCellComponent } from "@progress/kendo-angular-grid";
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-grid";
+import * as i2 from "@progress/kendo-angular-dateinputs";
+import * as i3 from "@angular/common";
+export class DateRangeFilterCellComponent extends BaseFilterCellComponent {
+    constructor(filterService) {
+        super(filterService);
+    }
+    get start() {
+        const first = this.findByOperator("gte");
+        return (first || {}).value;
+    }
+    get end() {
+        const end = this.findByOperator("lte");
+        return (end || {}).value;
+    }
+    get hasFilter() {
+        return this.filtersByField(this.field).length > 0;
+    }
+    clearFilter() {
+        this.filterService.filter(this.removeFilter(this.field));
+    }
+    filterRange(start, end) {
+        this.filter = this.removeFilter(this.field);
+        const filters = [];
+        if (start) {
+            filters.push({
+                field: this.field,
+                operator: "gte",
+                value: start
+            });
+        }
+        if (end) {
+            filters.push({
+                field: this.field,
+                operator: "lte",
+                value: end
+            });
+        }
+        const root = this.filter || {
+            logic: "and",
+            filters: []
+        };
+        if (filters.length) {
+            root.filters.push(...filters);
+        }
+        this.filterService.filter(root);
+    }
+    findByOperator(op) {
+        return this.filtersByField(this.field)
+            .filter(({ operator }) => operator === op)[0];
+    }
+}
+DateRangeFilterCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: DateRangeFilterCellComponent, deps: [{ token: i1.FilterService }], target: i0.ɵɵFactoryTarget.Component });
+DateRangeFilterCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.4", type: DateRangeFilterCellComponent, selector: "date-range-filter-cell", inputs: { filter: "filter", field: "field" }, usesInheritance: true, ngImport: i0, template: `
+        <kendo-daterange >
+           <kendo-dateinput
+                class="range-filter"
+                kendoDateRangeStartInput
+                [format]="'dd-MM-yyyy'"
+                placeholder="dd-MM-yyyy"
+                [value]="start"
+                (valueChange)="filterRange($event, end)"
+                style="width:84px">
+            </kendo-dateinput>
+            -
+            <kendo-dateinput
+                class="range-filter"
+                kendoDateRangeEndInput
+                [format]="'dd-MM-yyyy'"
+                placeholder="dd-MM-yyyy"
+                [value]="end"
+                (valueChange)="filterRange(start, $event)"
+                style="width:85px">
+            </kendo-dateinput>
+        </kendo-daterange>
+        <button
+            *ngIf="hasFilter"
+            class="k-button k-button-icon"
+            title="Clear"
+            (click)="clearFilter()">
+            <span class="k-icon k-i-filter-clear" style="width:15px"></span>
+        </button>
+    `, isInline: true, styles: ["kendo-daterange>kendo-dateinput.range-filter{display:inline-block}.k-button{margin-left:4px}\n"], components: [{ type: i2.DateRangeComponent, selector: "kendo-daterange" }, { type: i2.DateInputComponent, selector: "kendo-dateinput", inputs: ["focusableId", "disabled", "readonly", "title", "tabindex", "role", "ariaReadOnly", "format", "placeholder", "steps", "rangeValidation", "autoCorrect", "incompleteDateValidation", "twoDigitYearMax", "spinners", "isPopupOpen", "hasPopup", "tabIndex", "value", "size", "rounded", "fillMode", "formatPlaceholder", "max", "min"], outputs: ["valueChange", "valueUpdate", "focus", "blur"], exportAs: ["kendo-dateinput"] }], directives: [{ type: i2.DateRangeStartInputDirective, selector: "[kendoDateRangeStartInput]", inputs: ["navigateCalendarOnFocus", "autoCorrectOn"] }, { type: i2.DateRangeEndInputDirective, selector: "[kendoDateRangeEndInput]", inputs: ["navigateCalendarOnFocus", "autoCorrectOn"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.4", ngImport: i0, type: DateRangeFilterCellComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'date-range-filter-cell',
+                    styles: [`
+        kendo-daterange > kendo-dateinput.range-filter {
+            display: inline-block;
+        }
+        .k-button {
+            margin-left: 4px;
+        }
+    `],
+                    template: `
+        <kendo-daterange >
+           <kendo-dateinput
+                class="range-filter"
+                kendoDateRangeStartInput
+                [format]="'dd-MM-yyyy'"
+                placeholder="dd-MM-yyyy"
+                [value]="start"
+                (valueChange)="filterRange($event, end)"
+                style="width:84px">
+            </kendo-dateinput>
+            -
+            <kendo-dateinput
+                class="range-filter"
+                kendoDateRangeEndInput
+                [format]="'dd-MM-yyyy'"
+                placeholder="dd-MM-yyyy"
+                [value]="end"
+                (valueChange)="filterRange(start, $event)"
+                style="width:85px">
+            </kendo-dateinput>
+        </kendo-daterange>
+        <button
+            *ngIf="hasFilter"
+            class="k-button k-button-icon"
+            title="Clear"
+            (click)="clearFilter()">
+            <span class="k-icon k-i-filter-clear" style="width:15px"></span>
+        </button>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FilterService }]; }, propDecorators: { filter: [{
+                type: Input
+            }], field: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1jZWxsLWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tbWhnbG9iYWwtZHluYW1pY2Zvcm0vc3JjL2xpYi96Z3JpZC9kYXRlLXJhbmdlLWNlbGwtZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsdUJBQXVCLEVBQWlCLE1BQU0sOEJBQThCLENBQUM7Ozs7O0FBNEN0RixNQUFNLE9BQU8sNEJBQTZCLFNBQVEsdUJBQXVCO0lBT3ZFLFlBQVksYUFBNEI7UUFDdEMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFXLEtBQUs7UUFDZCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXpDLE9BQU8sQ0FBQyxLQUFLLElBQXNCLEVBQUUsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUMvQyxDQUFDO0lBRUQsSUFBVyxHQUFHO1FBQ1osTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QyxPQUFPLENBQUMsR0FBRyxJQUFzQixFQUFFLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDN0MsQ0FBQztJQUVELElBQVcsU0FBUztRQUNsQixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQ3ZCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUM5QixDQUFDO0lBQ0osQ0FBQztJQUVNLFdBQVcsQ0FBQyxLQUFXLEVBQUUsR0FBUztRQUN2QyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRTVDLE1BQU0sT0FBTyxHQUFHLEVBQUUsQ0FBQztRQUVuQixJQUFJLEtBQUssRUFBRTtZQUNULE9BQU8sQ0FBQyxJQUFJLENBQUM7Z0JBQ1gsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNqQixRQUFRLEVBQUUsS0FBSztnQkFDZixLQUFLLEVBQUUsS0FBSzthQUNiLENBQUMsQ0FBQztTQUNKO1FBRUQsSUFBSSxHQUFHLEVBQUU7WUFDUCxPQUFPLENBQUMsSUFBSSxDQUFDO2dCQUNYLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztnQkFDakIsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsS0FBSyxFQUFFLEdBQUc7YUFDWCxDQUFDLENBQUM7U0FDSjtRQUVELE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLElBQUk7WUFDMUIsS0FBSyxFQUFFLEtBQUs7WUFDWixPQUFPLEVBQUUsRUFBRTtTQUNaLENBQUM7UUFFRixJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDbEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxPQUFPLENBQUMsQ0FBQztTQUMvQjtRQUVELElBQUksQ0FBQyxhQUFhLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2xDLENBQUM7SUFFTyxjQUFjLENBQUMsRUFBVTtRQUMvQixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQzthQUNuQyxNQUFNLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxRQUFRLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDbEQsQ0FBQzs7eUhBcEVVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLG1JQS9CN0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0tBNkJQOzJGQUVRLDRCQUE0QjtrQkF6Q3hDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsTUFBTSxFQUFFLENBQUM7Ozs7Ozs7S0FPTixDQUFFO29CQUNMLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E2QlA7aUJBQ0o7b0dBR1EsTUFBTTtzQkFEWixLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBCYXNlRmlsdGVyQ2VsbENvbXBvbmVudCwgRmlsdGVyU2VydmljZSB9IGZyb20gXCJAcHJvZ3Jlc3Mva2VuZG8tYW5ndWxhci1ncmlkXCI7XHJcbmltcG9ydCB7IEZpbHRlckRlc2NyaXB0b3IsIENvbXBvc2l0ZUZpbHRlckRlc2NyaXB0b3IgfSBmcm9tIFwiQHByb2dyZXNzL2tlbmRvLWRhdGEtcXVlcnkvZGlzdC9lcy9tYWluXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2RhdGUtcmFuZ2UtZmlsdGVyLWNlbGwnLFxyXG4gIHN0eWxlczogW2BcclxuICAgICAgICBrZW5kby1kYXRlcmFuZ2UgPiBrZW5kby1kYXRlaW5wdXQucmFuZ2UtZmlsdGVyIHtcclxuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgICAgIH1cclxuICAgICAgICAuay1idXR0b24ge1xyXG4gICAgICAgICAgICBtYXJnaW4tbGVmdDogNHB4O1xyXG4gICAgICAgIH1cclxuICAgIGAgXSxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxrZW5kby1kYXRlcmFuZ2UgPlxyXG4gICAgICAgICAgIDxrZW5kby1kYXRlaW5wdXRcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwicmFuZ2UtZmlsdGVyXCJcclxuICAgICAgICAgICAgICAgIGtlbmRvRGF0ZVJhbmdlU3RhcnRJbnB1dFxyXG4gICAgICAgICAgICAgICAgW2Zvcm1hdF09XCInZGQtTU0teXl5eSdcIlxyXG4gICAgICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJkZC1NTS15eXl5XCJcclxuICAgICAgICAgICAgICAgIFt2YWx1ZV09XCJzdGFydFwiXHJcbiAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwiZmlsdGVyUmFuZ2UoJGV2ZW50LCBlbmQpXCJcclxuICAgICAgICAgICAgICAgIHN0eWxlPVwid2lkdGg6ODRweFwiPlxyXG4gICAgICAgICAgICA8L2tlbmRvLWRhdGVpbnB1dD5cclxuICAgICAgICAgICAgLVxyXG4gICAgICAgICAgICA8a2VuZG8tZGF0ZWlucHV0XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInJhbmdlLWZpbHRlclwiXHJcbiAgICAgICAgICAgICAgICBrZW5kb0RhdGVSYW5nZUVuZElucHV0XHJcbiAgICAgICAgICAgICAgICBbZm9ybWF0XT1cIidkZC1NTS15eXl5J1wiXHJcbiAgICAgICAgICAgICAgICBwbGFjZWhvbGRlcj1cImRkLU1NLXl5eXlcIlxyXG4gICAgICAgICAgICAgICAgW3ZhbHVlXT1cImVuZFwiXHJcbiAgICAgICAgICAgICAgICAodmFsdWVDaGFuZ2UpPVwiZmlsdGVyUmFuZ2Uoc3RhcnQsICRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgc3R5bGU9XCJ3aWR0aDo4NXB4XCI+XHJcbiAgICAgICAgICAgIDwva2VuZG8tZGF0ZWlucHV0PlxyXG4gICAgICAgIDwva2VuZG8tZGF0ZXJhbmdlPlxyXG4gICAgICAgIDxidXR0b25cclxuICAgICAgICAgICAgKm5nSWY9XCJoYXNGaWx0ZXJcIlxyXG4gICAgICAgICAgICBjbGFzcz1cImstYnV0dG9uIGstYnV0dG9uLWljb25cIlxyXG4gICAgICAgICAgICB0aXRsZT1cIkNsZWFyXCJcclxuICAgICAgICAgICAgKGNsaWNrKT1cImNsZWFyRmlsdGVyKClcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJrLWljb24gay1pLWZpbHRlci1jbGVhclwiIHN0eWxlPVwid2lkdGg6MTVweFwiPjwvc3Bhbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgIGBcclxufSlcclxuZXhwb3J0IGNsYXNzIERhdGVSYW5nZUZpbHRlckNlbGxDb21wb25lbnQgZXh0ZW5kcyBCYXNlRmlsdGVyQ2VsbENvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgZmlsdGVyOiBhbnk7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGZpZWxkOiBzdHJpbmc7XHJcblxyXG4gIGNvbnN0cnVjdG9yKGZpbHRlclNlcnZpY2U6IEZpbHRlclNlcnZpY2UpIHtcclxuICAgIHN1cGVyKGZpbHRlclNlcnZpY2UpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBzdGFydCgpOiBEYXRlIHtcclxuICAgIGNvbnN0IGZpcnN0ID0gdGhpcy5maW5kQnlPcGVyYXRvcihcImd0ZVwiKTtcclxuXHJcbiAgICByZXR1cm4gKGZpcnN0IHx8IDxGaWx0ZXJEZXNjcmlwdG9yPnt9KS52YWx1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgZW5kKCk6IERhdGUge1xyXG4gICAgY29uc3QgZW5kID0gdGhpcy5maW5kQnlPcGVyYXRvcihcImx0ZVwiKTtcclxuICAgIHJldHVybiAoZW5kIHx8IDxGaWx0ZXJEZXNjcmlwdG9yPnt9KS52YWx1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBnZXQgaGFzRmlsdGVyKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMuZmlsdGVyc0J5RmllbGQodGhpcy5maWVsZCkubGVuZ3RoID4gMDtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbGVhckZpbHRlcigpOiB2b2lkIHtcclxuICAgIHRoaXMuZmlsdGVyU2VydmljZS5maWx0ZXIoXHJcbiAgICAgIHRoaXMucmVtb3ZlRmlsdGVyKHRoaXMuZmllbGQpXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGZpbHRlclJhbmdlKHN0YXJ0OiBEYXRlLCBlbmQ6IERhdGUpOiB2b2lkIHtcclxuICAgIHRoaXMuZmlsdGVyID0gdGhpcy5yZW1vdmVGaWx0ZXIodGhpcy5maWVsZCk7XHJcblxyXG4gICAgY29uc3QgZmlsdGVycyA9IFtdO1xyXG5cclxuICAgIGlmIChzdGFydCkge1xyXG4gICAgICBmaWx0ZXJzLnB1c2goe1xyXG4gICAgICAgIGZpZWxkOiB0aGlzLmZpZWxkLFxyXG4gICAgICAgIG9wZXJhdG9yOiBcImd0ZVwiLFxyXG4gICAgICAgIHZhbHVlOiBzdGFydFxyXG4gICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAoZW5kKSB7XHJcbiAgICAgIGZpbHRlcnMucHVzaCh7XHJcbiAgICAgICAgZmllbGQ6IHRoaXMuZmllbGQsXHJcbiAgICAgICAgb3BlcmF0b3I6IFwibHRlXCIsXHJcbiAgICAgICAgdmFsdWU6IGVuZFxyXG4gICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCByb290ID0gdGhpcy5maWx0ZXIgfHwge1xyXG4gICAgICBsb2dpYzogXCJhbmRcIixcclxuICAgICAgZmlsdGVyczogW11cclxuICAgIH07XHJcblxyXG4gICAgaWYgKGZpbHRlcnMubGVuZ3RoKSB7XHJcbiAgICAgIHJvb3QuZmlsdGVycy5wdXNoKC4uLmZpbHRlcnMpO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuZmlsdGVyU2VydmljZS5maWx0ZXIocm9vdCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGZpbmRCeU9wZXJhdG9yKG9wOiBzdHJpbmcpOiBGaWx0ZXJEZXNjcmlwdG9yIHtcclxuICAgIHJldHVybiB0aGlzLmZpbHRlcnNCeUZpZWxkKHRoaXMuZmllbGQpXHJcbiAgICAgIC5maWx0ZXIoKHsgb3BlcmF0b3IgfSkgPT4gb3BlcmF0b3IgPT09IG9wKVswXTtcclxuICB9XHJcbn1cclxuIl19