@indigina/kendo 1.2.49 → 1.2.50

package/esm2022/lib/widgets/activity-filter/activity-filter.component.mjs

@@ -105,10 +105,10 @@ export class ActivityFilterComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: i5.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i6.CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ActivityFilterComponent, selector: "activity-filter", inputs: { showArchiveSwitcher: "showArchiveSwitcher", showSearhText: "showSearhText", customFilterElements: "customFilterElements", filterService: "filterService" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "directive", type: i4.SummaryTagDirective, selector: "[kendoMultiSelectSummaryTag]", inputs: ["kendoMultiSelectSummaryTag"] }, { kind: "component", type: i5.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "component", type: i6.CurrentTimezoneComponent, selector: "current-timezone" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ActivityFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ActivityFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'activity-filter', template: "<div class=\"header-selection-field activity-filter\">\n  <div class=\"filter-row\">\n    <div>\n      <label for=\"datefrom\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateFrom' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateFrom\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label for=\"dateto\" class=\"title-field\">\n        <span>{{ 'ActivitiesFilter.DateTo' | translate }}:</span>\n        <div>\n          <kendo-datetimepicker\n            format=\"dd/MM/yyyy HH:mm\"\n            [(value)]=\"filter.dateTo\"\n          ></kendo-datetimepicker>\n        </div>\n      </label>\n    </div>\n    <div>\n      <label class=\"title-field\">\n        <span class=\"link-button\" (click)=\"setTodayFilter()\">\n          {{ 'ActivitiesFilter.FilterToday' | translate }}\n        </span>\n      </label>\n    </div>\n    <div class=\"filter-row\">\n      <div class=\"flag\" *ngIf=\"showArchiveSwitcher\">\n        <div class=\"checkbox\">\n          <label>\n            <input [(ngModel)]=\"filter.switchToArchive\" type=\"checkbox\" />\n            {{ 'ActivitiesFilter.SwitchToArchiveLabel' | translate }}\n          </label>\n        </div>\n      </div>\n      <div *ngIf=\"showSearhText\">\n        <label class=\"title-field\">\n          <span>{{ 'ActivitiesFilter.SearchLabel' | translate }}:</span>\n        </label>\n        <input\n          type=\"text\"\n          k-input\n          class=\"input k-input searchtext-input\"\n          [(ngModel)]=\"filter.searchText\"\n          (keyup.enter)=\"applyFilter()\"\n          [disabled]=\"filter.switchToArchive\"\n        />\n      </div>\n    </div>\n  </div>\n  <div class=\"filter-row\">\n    <ng-container *ngFor=\"let field of customFilterElements\">\n      <ng-container [ngSwitch]=\"field.fieldType\">\n        <ng-template [ngSwitchCase]=\"FieldTypes.Text\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <input\n                  type=\"text\"\n                  class=\"input k-input\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [placeholder]=\"field.placeholder | translate\"\n                />\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Dropdown\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-dropdownlist\n                  [data]=\"field.data\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [defaultItem]=\"defaultNamedModel\"\n                  [(ngModel)]=\"field.filter.value\"\n                  [valuePrimitive]=\"true\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-dropdownlist>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Checkbox\">\n          <div class=\"flag\">\n            <div class=\"checkbox\">\n              <label>\n                <input [(ngModel)]=\"field.filter.value\" type=\"checkbox\" />\n                {{ field.title | translate }}\n              </label>\n            </div>\n          </div>\n        </ng-template>\n        <ng-template [ngSwitchCase]=\"FieldTypes.Multiselect\">\n          <div>\n            <label class=\"title-field\">\n              <span>{{ field.title | translate }}:</span>\n              <div>\n                <kendo-multiselect\n                  kendoMultiSelectSummaryTag\n                  [autoClose]=\"false\"\n                  [data]=\"field.data\"\n                  [(ngModel)]=\"field.filter.values\"\n                  textField=\"name\"\n                  [valueField]=\"field.valueField\"\n                  [valuePrimitive]=\"true\"\n                  [placeholder]=\"field.placeholder | translate\"\n                  (valueChange)=\"fieldChange($event, field)\"\n                ></kendo-multiselect>\n              </div>\n            </label>\n          </div>\n        </ng-template>\n      </ng-container>\n    </ng-container>\n    <ng-content></ng-content>\n  </div>\n  <div class=\"row\">\n    <div class=\"col-md-12\">\n      <button class=\"btn btn-inverse\" (click)=\"applyFilter()\">\n        {{ 'Buttons.Apply' | translate }}\n      </button>\n      <button class=\"btn btn-inverse\" (click)=\"clearFilter()\">\n        {{ 'Buttons.Clear' | translate }}\n      </button>\n    </div>\n  </div>\n</div>\n<current-timezone></current-timezone>\n", styles: ["::ng-deep .filter-row{display:flex;flex-flow:row wrap;margin-bottom:20px}::ng-deep .filter-row>div{margin:0 10px 30px 5px;min-width:100px}::ng-deep .filter-row .title-field{margin:0;width:100%}::ng-deep .filter-row .flag{margin-top:10px!important}\n"] }]
         }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { showArchiveSwitcher: [{

package/esm2022/lib/widgets/confirm-dialog/confirm-dialog.component.mjs

@@ -21,10 +21,10 @@ export class ConfirmDialogComponent {
             actions: this.dialogActions,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ConfirmDialogComponent, selector: "confirm-dialog", viewQueries: [{ propertyName: "dialogActions", first: true, predicate: ["dialogActions"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ConfirmDialogComponent, selector: "confirm-dialog", viewQueries: [{ propertyName: "dialogActions", first: true, predicate: ["dialogActions"], descendants: true, static: true }], ngImport: i0, template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1.DialogContainerDirective, selector: "[kendoDialogContainer]" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'confirm-dialog', template: "<ng-template #dialogActions>\n  <button kendoButton (click)=\"cancel()\" translate=\"Cancel\"></button>\n  <button kendoButton (click)=\"confirm()\" translate=\"Confirm\"></button>\n</ng-template>\n<div kendoDialogContainer></div>\n" }]
         }], ctorParameters: () => [{ type: i1.DialogService }], propDecorators: { dialogActions: [{

package/esm2022/lib/widgets/confirm-dialog/confirm-dialog.module.mjs

@@ -4,11 +4,11 @@ import { ConfirmDialogComponent } from './confirm-dialog.component';
 import { DialogModule } from '@progress/kendo-angular-dialog';
 import * as i0 from "@angular/core";
 export class ConfirmDialogModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialogComponent], imports: [TranslateModule, DialogModule], exports: [ConfirmDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, imports: [TranslateModule, DialogModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: ConfirmDialogModule, declarations: [ConfirmDialogComponent], imports: [TranslateModule, DialogModule], exports: [ConfirmDialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ConfirmDialogModule, imports: [TranslateModule, DialogModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ConfirmDialogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ConfirmDialogModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ConfirmDialogComponent],

package/esm2022/lib/widgets/current-timezone/current-timezone.component.mjs

@@ -8,10 +8,10 @@ export class CurrentTimezoneComponent {
         const timeZone = moment.tz.guess();
         this.timeZoneAndOffset = timeZone + ' ' + moment().format('Z');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: CurrentTimezoneComponent, selector: "current-timezone", ngImport: i0, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimezoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CurrentTimezoneComponent, selector: "current-timezone", ngImport: i0, template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n", styles: [""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimezoneComponent, decorators: [{
             type: Component,
             args: [{ selector: 'current-timezone', template: "<div class=\"divide-line\"></div>\n<div class=\"time-zone\">\n  {{ 'CurrentTimeZone' | translate }}: {{ timeZoneAndOffset }}\n</div>\n" }]
         }] });

package/esm2022/lib/widgets/current-timezone/current-timezone.module.mjs

@@ -3,11 +3,11 @@ import { TranslateModule } from '@ngx-translate/core';
 import { CurrentTimezoneComponent } from './current-timezone.component';
 import * as i0 from "@angular/core";
 export class CurrentTimeZoneModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CurrentTimeZoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: CurrentTimeZoneModule, declarations: [CurrentTimezoneComponent], imports: [TranslateModule], exports: [CurrentTimezoneComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CurrentTimeZoneModule, imports: [TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimeZoneModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimeZoneModule, declarations: [CurrentTimezoneComponent], imports: [TranslateModule], exports: [CurrentTimezoneComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimeZoneModule, imports: [TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: CurrentTimeZoneModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CurrentTimeZoneModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [CurrentTimezoneComponent],

package/esm2022/lib/widgets/entity-edit/buttons-bar/buttons-bar.component.mjs

@@ -7,10 +7,10 @@ export class EntityEditButtonsBarComponent {
     constructor() {
         this.save = new EventEmitter();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditButtonsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: { valid: "valid" }, outputs: { save: "save" }, ngImport: i0, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create', 'Set']\"\n    ></button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditButtonsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: { valid: "valid" }, outputs: { save: "save" }, ngImport: i0, template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create', 'Set']\"\n    ></button>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RequirePermissionDirective, selector: "[requirePermission]", inputs: ["permissionType", "permissionCategory"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditButtonsBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditButtonsBarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-edit-buttons-bar', template: "<div class=\"form-group buttons-panel\">\n  <div class=\"col-md-4\">\n    <a\n      [routerLink]=\"['../new']\"\n      preserveFragment\n      class=\"btn btn-succes\"\n      translate=\"CreateNew\"\n      requirePermission\n      permissionType=\"Create\"\n    >\n    </a>\n  </div>\n  <div class=\"col-md-8 text-right\">\n    <a\n      [routerLink]=\"['../']\"\n      preserveFragment\n      class=\"btn btn-inverse\"\n      translate=\"Cancel\"\n    ></a>\n    <button\n      type=\"submit\"\n      class=\"btn btn-success\"\n      (click)=\"save.emit()\"\n      translate=\"Save\"\n      [disabled]=\"!valid\"\n      requirePermission\n      [permissionType]=\"['Edit', 'Create', 'Set']\"\n    ></button>\n  </div>\n</div>\n" }]
         }], propDecorators: { valid: [{

package/esm2022/lib/widgets/entity-edit/buttons-bar/buttons-bar.module.mjs

@@ -5,11 +5,11 @@ import { RequirePermissionModule } from '../../../directives/requirePermission';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 export class EntityEditButtonsBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditButtonsBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EntityEditButtonsBarModule, declarations: [EntityEditButtonsBarComponent], imports: [RouterModule, RequirePermissionModule, TranslateModule], exports: [EntityEditButtonsBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditButtonsBarModule, imports: [RouterModule, RequirePermissionModule, TranslateModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditButtonsBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: EntityEditButtonsBarModule, declarations: [EntityEditButtonsBarComponent], imports: [RouterModule, RequirePermissionModule, TranslateModule], exports: [EntityEditButtonsBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditButtonsBarModule, imports: [RouterModule, RequirePermissionModule, TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditButtonsBarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditButtonsBarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EntityEditButtonsBarComponent],

package/esm2022/lib/widgets/entity-edit/dropdowns/field-dropdown/field-dropdown.component.mjs

@@ -111,12 +111,12 @@ export class FieldDropdownComponent extends FieldComponent {
     writeSelectedEntityValue(selectedEntityId) {
         this.kendoDropDown.writeValue(selectedEntityId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField" }, outputs: { selectedChange: "selectedChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n      #inputElement\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldDropdownComponent, selector: "field-dropdown", inputs: { service: "service", rebind: "rebind", filter: "filter", defaultName: "defaultName", selectedItem: "selectedItem", data: "data", textField: "textField" }, outputs: { selectedChange: "selectedChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"textField\"\n      valueField=\"id\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n      #inputElement\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-dropdown', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },

package/esm2022/lib/widgets/entity-edit/dropdowns/field-dropdown/field-dropdown.module.mjs

@@ -6,17 +6,17 @@ import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { FieldDropdownComponent } from './field-dropdown.component';
 import * as i0 from "@angular/core";
 export class FieldDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownModule, declarations: [FieldDropdownComponent], imports: [TranslateModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownModule, declarations: [FieldDropdownComponent], imports: [TranslateModule,
             DropDownsModule,
             ReactiveFormsModule,
             CommonModule], exports: [FieldDropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownModule, imports: [TranslateModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownModule, imports: [TranslateModule,
             DropDownsModule,
             ReactiveFormsModule,
             CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldDropdownComponent],

package/esm2022/lib/widgets/entity-edit/dropdowns/object-dropdown/object-dropdown.component.mjs

@@ -63,12 +63,12 @@ export class ObjectDropdownComponent extends FieldComponent {
     setControlValue(value) {
         this.control.setValue(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: ObjectDropdownComponent, selector: "object-dropdown", inputs: { fieldName: "fieldName", labelKey: "labelKey", data: "data", selectedItem: "selectedItem", defaultName: "defaultName", rebind: "rebind" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ObjectDropdownComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: ObjectDropdownComponent, selector: "object-dropdown", inputs: { fieldName: "fieldName", labelKey: "labelKey", data: "data", selectedItem: "selectedItem", defaultName: "defaultName", rebind: "rebind" }, outputs: { selectedChange: "selectedChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div class=\"col-md-9\" *ngIf=\"control\">\n    <kendo-dropdownlist\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data$ | async\"\n      [textField]=\"'description'\"\n      [valueField]=\"'value'\"\n      [valuePrimitive]=\"true\"\n      [defaultItem]=\"defaultItem\"\n      (valueChange)=\"onValueChange($event)\"\n    >\n    </kendo-dropdownlist>\n\n    <div class=\"bg-danger\" *ngIf=\"control.invalid && control.touched\">\n      <span *ngIf=\"control.errors['required']\">{{\n        \"Required\" | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors[\"serverErrorMsg\"]\n      }}</span>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i4.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], viewProviders: [
             { provide: ControlContainer, useExisting: FormGroupDirective },
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ObjectDropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'object-dropdown', viewProviders: [
                         { provide: ControlContainer, useExisting: FormGroupDirective },

package/esm2022/lib/widgets/entity-edit/dropdowns/object-dropdown/object-dropdown.module.mjs

@@ -6,17 +6,17 @@ import { ReactiveFormsModule } from '@angular/forms';
 import { ObjectDropdownComponent } from './object-dropdown.component';
 import * as i0 from "@angular/core";
 export class ObjectDropdownModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownModule, declarations: [ObjectDropdownComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ObjectDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: ObjectDropdownModule, declarations: [ObjectDropdownComponent], imports: [CommonModule,
             TranslateModule,
             DropDownsModule,
             ReactiveFormsModule], exports: [ObjectDropdownComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ObjectDropdownModule, imports: [CommonModule,
             TranslateModule,
             DropDownsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: ObjectDropdownModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: ObjectDropdownModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ObjectDropdownComponent],

package/esm2022/lib/widgets/entity-edit/entity-edit-form.component.mjs

@@ -69,10 +69,10 @@ export class EntityEditFormComponent {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityEditFormComponent, selector: "entity-edit-form", inputs: { title: "title", entityId: "entityId", adapter: "adapter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      *ngIf=\"formGroup | async as form\"\n      class=\"form-horizontal\"\n      [formGroup]=\"form\"\n      novalidate\n      autocomplete=\"off\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          [form]=\"form\"\n          [errors]=\"form.generalErrors\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"form.valid && form.dirty && !saveInProgress\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form", "errors"] }, { kind: "component", type: i4.EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid"], outputs: ["save"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditFormComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: EntityEditFormComponent, selector: "entity-edit-form", inputs: { title: "title", entityId: "entityId", adapter: "adapter" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      *ngIf=\"formGroup | async as form\"\n      class=\"form-horizontal\"\n      [formGroup]=\"form\"\n      novalidate\n      autocomplete=\"off\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          [form]=\"form\"\n          [errors]=\"form.generalErrors\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"form.valid && form.dirty && !saveInProgress\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GeneralErrorsComponent, selector: "app-general-errors", inputs: ["form", "errors"] }, { kind: "component", type: i4.EntityEditButtonsBarComponent, selector: "entity-edit-buttons-bar", inputs: ["valid"], outputs: ["save"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-edit-form', template: "<div class=\"col-md-8\">\n  <header class=\"header-page-bg\">\n    <h4>{{ title | translate }}</h4>\n  </header>\n  <div class=\"panel editor-area hero-unit\">\n    <form\n      *ngIf=\"formGroup | async as form\"\n      class=\"form-horizontal\"\n      [formGroup]=\"form\"\n      novalidate\n      autocomplete=\"off\"\n    >\n      <div class=\"col-md-3\"></div>\n      <div class=\"col-md-9\">\n        <app-general-errors\n          [form]=\"form\"\n          [errors]=\"form.generalErrors\"\n        ></app-general-errors>\n      </div>\n      <ng-content></ng-content>\n      <entity-edit-buttons-bar\n        (save)=\"save()\"\n        [valid]=\"form.valid && form.dirty && !saveInProgress\"\n      >\n      </entity-edit-buttons-bar>\n    </form>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.ActivatedRoute }], propDecorators: { title: [{

package/esm2022/lib/widgets/entity-edit/entity-edit-form.module.mjs

@@ -7,21 +7,21 @@ import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { CommonModule } from '@angular/common';
 import * as i0 from "@angular/core";
 export class EntityEditFormModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormModule, declarations: [EntityEditFormComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: EntityEditFormModule, declarations: [EntityEditFormComponent], imports: [CommonModule,
             TranslateModule,
             GeneralErrorsModule,
             EntityEditButtonsBarModule,
             FormsModule,
             ReactiveFormsModule], exports: [EntityEditFormComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditFormModule, imports: [CommonModule,
             TranslateModule,
             GeneralErrorsModule,
             EntityEditButtonsBarModule,
             FormsModule,
             ReactiveFormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityEditFormModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityEditFormModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EntityEditFormComponent],

package/esm2022/lib/widgets/entity-edit/field-multiselect/field-multiselect.component.mjs

@@ -36,15 +36,15 @@ export class FieldMultiSelectComponent extends FieldComponent {
     getData() {
         return this.service.getPage(this.filter ? { filter: this.filter } : {});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"autoClose\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      (open)=\"onPopupOpen($event)\"\n    >\n    </kendo-multiselect>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], viewProviders: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldMultiSelectComponent, deps: [{ token: i1.FormGroupDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldMultiSelectComponent, selector: "field-multiselect", inputs: { service: "service", rebind: "rebind", filter: "filter", textField: "textField", valueField: "valueField", singleMode: "singleMode", autoClose: "autoClose" }, outputs: { changed: "changed" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"form-group\">\n  <label\n    for=\"{{ '_' + fieldName }}\"\n    class=\"col-md-3 control-label\"\n    translate=\"{{ labelKey }}\"\n  ></label>\n  <div *ngIf=\"control\" class=\"col-md-9\">\n    <kendo-multiselect\n      id=\"{{ '_' + fieldName }}\"\n      [formControl]=\"control\"\n      [data]=\"data\"\n      [autoClose]=\"autoClose\"\n      [textField]=\"textField\"\n      [valueField]=\"valueField\"\n      [valuePrimitive]=\"true\"\n      (open)=\"onPopupOpen($event)\"\n    >\n    </kendo-multiselect>\n\n    <div *ngIf=\"control.invalid && control.touched\" class=\"bg-danger\">\n      <span *ngIf=\"control.errors['required']\">{{\n        'Required' | translate : { param0: labelKey | translate }\n      }}</span>\n      <span *ngIf=\"control.errors['serverErrorMsg']\">{{\n        control.errors['serverErrorMsg']\n      }}</span>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], viewProviders: [
             {
                 provide: ControlContainer,
                 useExisting: FormGroupDirective,
             },
         ] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldMultiSelectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldMultiSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-multiselect', viewProviders: [
                         {

package/esm2022/lib/widgets/entity-list/entity-list.component.mjs

@@ -194,10 +194,10 @@ export class EntityListComponent {
         this.onFilterChange();
         this.getData();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListComponent, deps: [{ token: i1.TranslateService }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: EntityListComponent, selector: "entity-list", inputs: { service: "service", filters: "filters", fields: "fields", commands: "commands", rowClass: "rowClass", defaultSort: "defaultSort", mapItemFn: "mapItemFn", pageButtonsCount: "pageButtonsCount" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["confirmDialog"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngIf=\"!dataItem.suppressDeletion\"\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <em\n                *ngIf=\"command.iconClass\"\n                class=\"{{ command.iconClass }}\"\n              ></em>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ \"Messages.NoRecords\" | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"pageButtonsCount\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i6.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i6.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i6.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i6.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i6.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i6.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i6.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i6.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { kind: "directive", type: i6.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i6.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i6.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i6.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i6.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i6.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i6.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i6.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "component", type: i9.ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityListComponent, deps: [{ token: i1.TranslateService }, { token: i2.ActivatedRoute }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: EntityListComponent, selector: "entity-list", inputs: { service: "service", filters: "filters", fields: "fields", commands: "commands", rowClass: "rowClass", defaultSort: "defaultSort", mapItemFn: "mapItemFn", pageButtonsCount: "pageButtonsCount" }, outputs: { filterChange: "filterChange" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: ["confirmDialog"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngIf=\"!dataItem.suppressDeletion\"\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <em\n                *ngIf=\"command.iconClass\"\n                class=\"{{ command.iconClass }}\"\n              ></em>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ \"Messages.NoRecords\" | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"pageButtonsCount\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n", styles: [""], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.TextBoxDirective, selector: "input[kendoTextBox]", inputs: ["value"] }, { kind: "directive", type: i1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: i5.ConfirmDialogComponent, selector: "confirm-dialog" }, { kind: "directive", type: i2.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i6.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i6.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i6.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i6.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "directive", type: i6.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: i6.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i6.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "component", type: i6.GridSpacerComponent, selector: "kendo-grid-spacer, kendo-pager-spacer", inputs: ["width"] }, { kind: "directive", type: i6.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "directive", type: i6.GridToolbarFocusableDirective, selector: "        [kendoGridToolbarFocusable],        [kendoGridAddCommand],        [kendoGridCancelCommand],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridExcelCommand],        [kendoGridPDFCommand]    " }, { kind: "component", type: i6.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i6.FocusableDirective, selector: "[kendoGridFocusable],        [kendoGridEditCommand],        [kendoGridRemoveCommand],        [kendoGridSaveCommand],        [kendoGridCancelCommand],        [kendoGridSelectionCheckbox]    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i6.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i6.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i6.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: i6.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i6.ExcelComponent, selector: "kendo-grid-excel", inputs: ["fileName", "filterable", "creator", "date", "forceProxy", "proxyURL", "fetchData", "paddingCellOptions", "headerPaddingCellOptions", "collapsible"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i8.DebounceDirective, selector: "[appDebounce]", inputs: ["debounceTime"], outputs: ["debounceKeyup"] }, { kind: "component", type: i9.ExcelExportButtonComponent, selector: "excel-export-button" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'entity-list', template: "<div class=\"row\">\n  <div class=\"col-md-4\">\n    <header class=\"header-page-bg\"></header>\n    <div class=\"panel search-panel hero-unit\">\n      <div class=\"header-selection-field\">\n        <label for=\"searchinput\" class=\"title-field\" translate=\"Search\"></label>\n        <input\n          kendoTextBox\n          class=\"quick-filter input input-field\"\n          title=\"\"\n          id=\"searchinput\"\n          type=\"text\"\n          appDebounce\n          (debounceKeyup)=\"onSearch($event.target.value)\"\n          [ngModel]=\"searchTerm\"\n          [debounceTime]=\"600\"\n        />\n      </div>\n      <ng-content></ng-content>\n      <div class=\"divide-line\"></div>\n\n      <kendo-grid\n        [data]=\"page | async\"\n        [pageSize]=\"gridState.take\"\n        [skip]=\"gridState.skip\"\n        [sort]=\"gridState.sort\"\n        [pageable]=\"true\"\n        [sortable]=\"true\"\n        [style.maxHeight.px]=\"480\"\n        (remove)=\"removeHandler($event)\"\n        (dataStateChange)=\"dataStateChange($event)\"\n        [loading]=\"loadings > 0\"\n        (cellClick)=\"selectItem($event)\"\n        culture\n        class=\"rows-pointable\"\n        kendoGridSelectBy=\"id\"\n        [selectedKeys]=\"selected\"\n        [rowClass]=\"getRowClass\"\n      >\n        <ng-template kendoGridToolbarTemplate>\n          <excel-export-button></excel-export-button>\n        </ng-template>\n        <kendo-grid-excel [fetchData]=\"getAllData\"></kendo-grid-excel>\n        <kendo-grid-command-column width=\"65\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngIf=\"!dataItem.suppressDeletion\"\n              kendoGridRemoveCommand\n              requirePermission\n              permissionType=\"Delete\"\n            >\n              <em class=\"k-icon glyphicon glyphicon-trash\"></em>\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <kendo-grid-column\n          *ngFor=\"let field of gridFields\"\n          field=\"{{ field.name }}\"\n          title=\"{{ field.label | translate }}\"\n          [sortable]=\"field.sortable !== false\"\n        >\n        </kendo-grid-column>\n        <kendo-grid-command-column width=\"65\" *ngIf=\"commands.length > 0\">\n          <ng-template kendoGridCellTemplate let-dataItem>\n            <button\n              *ngFor=\"let command of commands\"\n              (click)=\"command.handler(dataItem)\"\n              title=\"{{ command.title | translate }}\"\n              class=\"k-button\"\n            >\n              <em\n                *ngIf=\"command.iconClass\"\n                class=\"{{ command.iconClass }}\"\n              ></em>\n              {{ command.name | translate }}\n            </button>\n          </ng-template>\n        </kendo-grid-command-column>\n        <ng-template kendoGridNoRecordsTemplate>\n          {{ \"Messages.NoRecords\" | translate }}\n        </ng-template>\n        <ng-template kendoPagerTemplate>\n          <kendo-grid-spacer></kendo-grid-spacer>\n          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n          <kendo-pager-numeric-buttons\n            [buttonCount]=\"pageButtonsCount\"\n          ></kendo-pager-numeric-buttons>\n          <kendo-pager-next-buttons></kendo-pager-next-buttons>\n          <kendo-pager-info></kendo-pager-info>\n        </ng-template>\n      </kendo-grid>\n    </div>\n  </div>\n  <router-outlet\n    (activate)=\"onActivate($event)\"\n    (deactivate)=\"onDeactivate($event)\"\n  ></router-outlet>\n</div>\n<confirm-dialog #confirmDialog></confirm-dialog>\n" }]
         }], ctorParameters: () => [{ type: i1.TranslateService }, { type: i2.ActivatedRoute }, { type: i2.Router }], propDecorators: { service: [{

package/esm2022/lib/widgets/entity-list/entity-list.module.mjs

@@ -11,8 +11,8 @@ import { DebounceModule } from '../../angular/forms/directives/debounce';
 import { ExcelExportButtonModule } from '../excel-export-button';
 import * as i0 from "@angular/core";
 export class EntityListModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: EntityListModule, declarations: [EntityListComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: EntityListModule, declarations: [EntityListComponent], imports: [CommonModule,
             InputsModule,
             TranslateModule,
             ConfirmDialogModule,
@@ -24,7 +24,7 @@ export class EntityListModule {
             DebounceModule,
             ExcelExportButtonModule,
             RouterModule], exports: [EntityListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityListModule, imports: [CommonModule,
             InputsModule,
             TranslateModule,
             ConfirmDialogModule,
@@ -37,7 +37,7 @@ export class EntityListModule {
             ExcelExportButtonModule,
             RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: EntityListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: EntityListModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EntityListComponent],

package/esm2022/lib/widgets/entity-list/field-dropdownlist/field-dropdownlist.component.mjs

@@ -32,10 +32,10 @@ export class FieldDropdownlistComponent {
     initSelectedId(id) {
         this.initialSelectedId = id;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.6", type: FieldDropdownlistComponent, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownlistComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: FieldDropdownlistComponent, selector: "field-dropdownlist", inputs: { service: "service", label: "label", sort: "sort" }, outputs: { valueChange: "valueChange" }, viewQueries: [{ propertyName: "kendoDropDown", first: true, predicate: ["inputElement"], descendants: true }], ngImport: i0, template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: i2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownlistComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownlistComponent, decorators: [{
             type: Component,
             args: [{ selector: 'field-dropdownlist', template: "<div class=\"header-selection-field\">\n  <label\n    for=\"{{ '_' + label }}\"\n    class=\"title-field\"\n    translate=\"{{ label }}\"\n  ></label>\n  <kendo-dropdownlist\n    [data]=\"data\"\n    textField=\"name\"\n    valueField=\"id\"\n    id=\"{{ '_' + label }}\"\n    (valueChange)=\"onValueChange($event)\"\n    [defaultItem]=\"defaultItem\"\n    #inputElement\n  >\n  </kendo-dropdownlist>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i1.TranslateService }], propDecorators: { service: [{

package/esm2022/lib/widgets/entity-list/field-dropdownlist/field-dropdownlist.module.mjs

@@ -3,11 +3,11 @@ import { FieldDropdownlistComponent } from './field-dropdownlist.component';
 import { DropDownListModule } from '@progress/kendo-angular-dropdowns';
 import * as i0 from "@angular/core";
 export class FieldDropdownlistModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownlistModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownlistModule, declarations: [FieldDropdownlistComponent], imports: [DropDownListModule], exports: [FieldDropdownlistComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownlistModule, imports: [DropDownListModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownlistModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownlistModule, declarations: [FieldDropdownlistComponent], imports: [DropDownListModule], exports: [FieldDropdownlistComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownlistModule, imports: [DropDownListModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.6", ngImport: i0, type: FieldDropdownlistModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: FieldDropdownlistModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FieldDropdownlistComponent],