@verisoft/ui-govcz 20.1.2 → 20.1.3

package/assets/i18n/cs.json

@@ -5,8 +5,6 @@
         "PATTERN": "Input neodpovídá vzoru!",
         "MIN_LENGTH": "Hodnota nemá dostatek znaků!",
         "MAX_LENGTH": "Hodnota přesahuje maximum znaků!"
-    }, "FILTER": {
-        "RECORDS": "{{count}} záznamů"
     }, "TABLES": {
         "NO_DATA": "Žádná data k zobrazení",
         "LOADING": "Načítání dat...",

package/assets/i18n/en.json

@@ -5,8 +5,6 @@
         "PATTERN": "Input doesn't match the pattern",
         "MIN_LENGTH": "Value doesn't have enough characters",
         "MAX_LENGTH": "Value exceeds the maximum amount of characters"
-    }, "FILTER": {
-        "RECORDS": "{{count}} records"
     }, "TABLES": {
         "EMPTY": "No data to display",
         "PAGINATION": {

package/fesm2022/verisoft-ui-govcz.mjs

@@ -1323,7 +1323,9 @@ function generateFormGroup(fields, lastGroupValue, inputGroup, inputGroupChanged
             formGroup.addControl(field.name, new UntypedFormControl(field.value, field.validator));
         }
         else if (control && control.value !== field.value) {
-            control.setValue(field.value);
+            if ('value' in field) {
+                control.setValue(field.value);
+            }
             control.setValidators(field.validator ?? null);
         }
         else {
@@ -1470,8 +1472,6 @@ class FilterComponent extends UnsubscribeComponent {
     filters = [];
     title;
     total;
-    recordsText = 'FILTER.RECORDS';
-    showRecords = true;
     fulltextFieldName = 'searchField';
     showFulltext = true;
     showFilters = true;
@@ -1591,7 +1591,7 @@ class FilterComponent extends UnsubscribeComponent {
         return value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { fields: "fields", filters: "filters", title: "title", total: "total", recordsText: "recordsText", showRecords: "showRecords", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", showFilters: "showFilters", autoBind: "autoBind", applyLabel: "applyLabel", clearLabel: "clearLabel", buttonType: "buttonType", buttonOutlined: "buttonOutlined", debounceTime: "debounceTime", defaultExpanded: "defaultExpanded" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: FilterComponent, isStandalone: true, selector: "v-filter", inputs: { fields: "fields", filters: "filters", title: "title", total: "total", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", showFilters: "showFilters", autoBind: "autoBind", applyLabel: "applyLabel", clearLabel: "clearLabel", buttonType: "buttonType", buttonOutlined: "buttonOutlined", debounceTime: "debounceTime", defaultExpanded: "defaultExpanded" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => FilterComponent),
@@ -1601,7 +1601,7 @@ class FilterComponent extends UnsubscribeComponent {
                 provide: FILTER_COMPONENT_TOKEN,
                 useExisting: FilterComponent,
             },
-        ], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\">\n    <div class=\"v-filter__header d-flex align-items-center p-3\">\n      @if (title) {\n      <div class=\"v-filter_title pe-4\">\n        <h2 class=\"m-0\">{{ title }}</h2>\n      </div>\n      }\n      @if (total !== undefined && showRecords) {\n      <div class=\"v-filter_records pe-4\">\n        <span class=\"v-filter_records-text\">{{ recordsText | translate: {count: total} }}</span>\n      </div>\n      }\n      <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n        @if (showFulltext){\n        <v-textfield\n          placeholder=\"Search\"\n          size=\"large\"\n          [formControlName]=\"fulltextFieldName\"\n          type=\"search\"\n          [clearable]=\"true\"\n        />\n        }\n      </div>\n      <div class=\"v-filter_action-buttons d-flex align-items-center gap-2\">\n        @if (!autoBind) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"submitValue.bind(this)\"\n          shortCutKey=\"Enter\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          size=\"small\"\n          [label]=\"applyLabel\"\n          (click)=\"submitValue()\"\n        />\n        }\n        @if (isExpanded) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"clear.bind(this)\"\n          shortCutKey=\"Escape\"\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [label]=\"clearLabel\"\n          (click)=\"clear()\"\n        />\n        }\n        @if (simpleFormFieldDefinitions$ | async; as declaration){ @if\n        (declaration.length) {\n        <v-button\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [icon]=\"icons.filter\"\n          [label]=\"$any(filledFiltersCount$ | async)\"\n          (click)=\"toggleFilters()\"\n        />\n        } }\n\n        <ng-content select=\"v-action-button-group\"></ng-content>\n      </div>\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){ @if (isExpanded\n    && declaration.length) {\n    <div class=\"v-filter__expanded p-3\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n        [columns]=\"2\"\n      />\n    </div>\n    } }\n  </form>\n  }\n</div>\n", styles: [":host{display:block}.v-filter{background:var(--v-filter-background);border-radius:.5rem}.v-filter__header{border-bottom:1px solid var(--v-filter-border);background-color:var(--v-filter-header-background)}.v-filter_records-text{color:var(--v-filter-records-text-color)}.v-filter__expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["floatLabel", "type", "minlength", "maxlength", "min", "max", "prefix", "sufix", "message", "name", "role", "size", "icon", "iconPos", "labelSlot", "errorSlot", "messageSlot"] }, { kind: "component", type: GenericFormComponent, selector: "v-generic-form", inputs: ["formGroup", "fields", "columns", "showAsRow"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }, { kind: "directive", type: ButtonShortCutDirective, selector: "v-button[useShortCut]", inputs: ["shortCutFn", "shortCutKey"], exportAs: ["useShortCut"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "fieldDeclarations", predicate: FilterFieldDirective }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"v-filter w-100\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\">\n    <div class=\"v-filter__header d-flex align-items-center p-3\">\n      @if (title) {\n      <div class=\"v-filter_title pe-4\">\n        <h2 class=\"m-0\">{{ title }}</h2>\n      </div>\n      }\n      <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n        @if (showFulltext){\n        <v-textfield\n          placeholder=\"Search\"\n          size=\"large\"\n          [formControlName]=\"fulltextFieldName\"\n          type=\"search\"\n          [clearable]=\"true\"\n        />\n        }\n      </div>\n      <div class=\"v-filter_action-buttons d-flex align-items-center gap-2\">\n        @if (!autoBind) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"submitValue.bind(this)\"\n          shortCutKey=\"Enter\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          size=\"small\"\n          [label]=\"applyLabel\"\n          (click)=\"submitValue()\"\n        />\n        }\n        @if (isExpanded) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"clear.bind(this)\"\n          shortCutKey=\"Escape\"\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [label]=\"clearLabel\"\n          (click)=\"clear()\"\n        />\n        }\n        @if (simpleFormFieldDefinitions$ | async; as declaration){ @if\n        (declaration.length) {\n        <v-button\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [icon]=\"icons.filter\"\n          [label]=\"$any(filledFiltersCount$ | async)\"\n          (click)=\"toggleFilters()\"\n        />\n        } }\n\n        <ng-content select=\"v-action-button-group\"></ng-content>\n      </div>\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){ @if (isExpanded\n    && declaration.length) {\n    <div class=\"v-filter__expanded p-3\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n        [columns]=\"2\"\n      />\n    </div>\n    } }\n  </form>\n  }\n</div>\n", styles: [":host{display:block}.v-filter{background:var(--v-filter-background);border-radius:.5rem}.v-filter__header{border-bottom:1px solid var(--v-filter-border);background-color:var(--v-filter-header-background)}.v-filter_records-text{color:var(--v-filter-records-text-color)}.v-filter__expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: TextfieldComponent, selector: "v-textfield", inputs: ["floatLabel", "type", "minlength", "maxlength", "min", "max", "prefix", "sufix", "message", "name", "role", "size", "icon", "iconPos", "labelSlot", "errorSlot", "messageSlot"] }, { kind: "component", type: GenericFormComponent, selector: "v-generic-form", inputs: ["formGroup", "fields", "columns", "showAsRow"] }, { kind: "component", type: ButtonComponent, selector: "v-button", inputs: ["label", "icon", "library", "badge", "iconPos", "disabled", "rounded", "outlined", "raised", "routerLink", "size", "queryParams", "severity", "type", "expanded", "name"], outputs: ["click"] }, { kind: "directive", type: ButtonShortCutDirective, selector: "v-button[useShortCut]", inputs: ["shortCutFn", "shortCutKey"], exportAs: ["useShortCut"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FilterComponent, decorators: [{
             type: Component,
@@ -1623,7 +1623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                             provide: FILTER_COMPONENT_TOKEN,
                             useExisting: FilterComponent,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-filter w-100\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\">\n    <div class=\"v-filter__header d-flex align-items-center p-3\">\n      @if (title) {\n      <div class=\"v-filter_title pe-4\">\n        <h2 class=\"m-0\">{{ title }}</h2>\n      </div>\n      }\n      @if (total !== undefined && showRecords) {\n      <div class=\"v-filter_records pe-4\">\n        <span class=\"v-filter_records-text\">{{ recordsText | translate: {count: total} }}</span>\n      </div>\n      }\n      <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n        @if (showFulltext){\n        <v-textfield\n          placeholder=\"Search\"\n          size=\"large\"\n          [formControlName]=\"fulltextFieldName\"\n          type=\"search\"\n          [clearable]=\"true\"\n        />\n        }\n      </div>\n      <div class=\"v-filter_action-buttons d-flex align-items-center gap-2\">\n        @if (!autoBind) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"submitValue.bind(this)\"\n          shortCutKey=\"Enter\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          size=\"small\"\n          [label]=\"applyLabel\"\n          (click)=\"submitValue()\"\n        />\n        }\n        @if (isExpanded) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"clear.bind(this)\"\n          shortCutKey=\"Escape\"\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [label]=\"clearLabel\"\n          (click)=\"clear()\"\n        />\n        }\n        @if (simpleFormFieldDefinitions$ | async; as declaration){ @if\n        (declaration.length) {\n        <v-button\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [icon]=\"icons.filter\"\n          [label]=\"$any(filledFiltersCount$ | async)\"\n          (click)=\"toggleFilters()\"\n        />\n        } }\n\n        <ng-content select=\"v-action-button-group\"></ng-content>\n      </div>\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){ @if (isExpanded\n    && declaration.length) {\n    <div class=\"v-filter__expanded p-3\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n        [columns]=\"2\"\n      />\n    </div>\n    } }\n  </form>\n  }\n</div>\n", styles: [":host{display:block}.v-filter{background:var(--v-filter-background);border-radius:.5rem}.v-filter__header{border-bottom:1px solid var(--v-filter-border);background-color:var(--v-filter-header-background)}.v-filter_records-text{color:var(--v-filter-records-text-color)}.v-filter__expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"v-filter w-100\">\n  @if (formGroup$ | async; as formGroup){\n  <form [formGroup]=\"formGroup\">\n    <div class=\"v-filter__header d-flex align-items-center p-3\">\n      @if (title) {\n      <div class=\"v-filter_title pe-4\">\n        <h2 class=\"m-0\">{{ title }}</h2>\n      </div>\n      }\n      <div class=\"v-filter__fulltext flex-grow-1 pe-4\">\n        @if (showFulltext){\n        <v-textfield\n          placeholder=\"Search\"\n          size=\"large\"\n          [formControlName]=\"fulltextFieldName\"\n          type=\"search\"\n          [clearable]=\"true\"\n        />\n        }\n      </div>\n      <div class=\"v-filter_action-buttons d-flex align-items-center gap-2\">\n        @if (!autoBind) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"submitValue.bind(this)\"\n          shortCutKey=\"Enter\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          size=\"small\"\n          [label]=\"applyLabel\"\n          (click)=\"submitValue()\"\n        />\n        }\n        @if (isExpanded) {\n        <v-button\n          useShortCut\n          [shortCutFn]=\"clear.bind(this)\"\n          shortCutKey=\"Escape\"\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [label]=\"clearLabel\"\n          (click)=\"clear()\"\n        />\n        }\n        @if (simpleFormFieldDefinitions$ | async; as declaration){ @if\n        (declaration.length) {\n        <v-button\n          size=\"small\"\n          [type]=\"buttonType\"\n          [outlined]=\"buttonOutlined\"\n          [icon]=\"icons.filter\"\n          [label]=\"$any(filledFiltersCount$ | async)\"\n          (click)=\"toggleFilters()\"\n        />\n        } }\n\n        <ng-content select=\"v-action-button-group\"></ng-content>\n      </div>\n    </div>\n    @if (simpleFormFieldDefinitions$ | async; as declaration){ @if (isExpanded\n    && declaration.length) {\n    <div class=\"v-filter__expanded p-3\">\n      <v-generic-form\n        [fields]=\"declaration\"\n        [formGroup]=\"formGroup\"\n        [columns]=\"2\"\n      />\n    </div>\n    } }\n  </form>\n  }\n</div>\n", styles: [":host{display:block}.v-filter{background:var(--v-filter-background);border-radius:.5rem}.v-filter__header{border-bottom:1px solid var(--v-filter-border);background-color:var(--v-filter-header-background)}.v-filter_records-text{color:var(--v-filter-records-text-color)}.v-filter__expanded{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}\n"] }]
         }], propDecorators: { fieldDeclarations: [{
                 type: ContentChildren,
                 args: [FilterFieldDirective]
@@ -1635,10 +1635,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                 type: Input
             }], total: [{
                 type: Input
-            }], recordsText: [{
-                type: Input
-            }], showRecords: [{
-                type: Input
             }], fulltextFieldName: [{
                 type: Input
             }], showFulltext: [{
@@ -2269,7 +2265,7 @@ class FeatureListPageComponent {
       [showDelete]="config.showDelete ?? true"
     >
     </v-feature-list>
-  `, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "applyLabel", "clearLabel", "recordsText", "buttonType", "buttonOutlined", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: FeatureListComponent, selector: "v-feature-list", inputs: ["autoBind", "title", "columns", "filters", "maxVisibleActions", "tableName", "ngrxFeatureKey", "maxVisibleMobileActions", "showExtendedFilter", "showDownload", "showDelete", "showAdd", "canDownload", "canDelete", "canAdd", "useRouterFilter", "fulltextFieldName", "showFulltext", "applyLabel", "clearLabel", "buttonType", "buttonOutlined", "deleteConfirmMessage", "autoDeleteEnabled", "autoDownloadEnabled", "downloadFileName", "datasource", "extraFilter", "disableCustomClicks", "maximumColumnLength", "selectionMode"], outputs: ["addClick", "downloadClick", "deleteClick", "selectionChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListPageComponent, decorators: [{
             type: Component,
@@ -2328,7 +2324,6 @@ class FeatureListComponent {
     showFulltext = true;
     applyLabel = 'Apply';
     clearLabel = 'Clear';
-    recordsText = 'FILTER.RECORDS';
     buttonType = GovButtonType.solid;
     buttonOutlined = false;
     deleteConfirmMessage;
@@ -2497,7 +2492,7 @@ class FeatureListComponent {
         return new Blob([csvData], { type: 'text/csv' });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", applyLabel: "applyLabel", clearLabel: "clearLabel", recordsText: "recordsText", buttonType: "buttonType", buttonOutlined: "buttonOutlined", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", selectionMode: "selectionMode" }, outputs: { addClick: "addClick", downloadClick: "downloadClick", deleteClick: "deleteClick", selectionChange: "selectionChange" }, queries: [{ propertyName: "viewColumns", predicate: FEATURE_LIST_COLUMN_PROVIDER }, { propertyName: "fieldDeclarations", predicate: FeatureListFilterFieldDirective }], viewQueries: [{ propertyName: "tableDatasourceDirective", first: true, predicate: TableDatasourceDirective, descendants: true }, { propertyName: "tableComponent", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [total]=\"tableTotal\"\n    [recordsText]=\"recordsText\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n    [applyLabel]=\"applyLabel\"\n    [clearLabel]=\"clearLabel\"\n    [buttonType]=\"buttonType\"\n    [buttonOutlined]=\"buttonOutlined\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      />\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      />\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      />\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        #table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n        <ng-content />\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["sorters", "data", "total", "filter", "extraFilter", "loading", "scrollable", "pageSize", "currentPage", "showPaginator", "userTableWrapper", "sortMultiple", "lazy", "selectionMode", "selection", "showPageSizePicker", "entityKey", "customRoute", "disableCustomClicks", "tableName", "size", "showActionButtons", "maximumColumnLength", "columns"], outputs: ["selectionChange", "lazyLoad", "download", "delete", "save"] }, { kind: "directive", type: TableDatasourceDirective, selector: "v-table[useDatasource]", inputs: ["autoBind", "tableName", "debounceTime", "datasource", "extraFilter", "transformFn"], exportAs: ["useDatasource"] }, { kind: "component", type: FilterComponent, selector: "v-filter", inputs: ["fields", "filters", "title", "total", "recordsText", "showRecords", "fulltextFieldName", "showFulltext", "showFilters", "autoBind", "applyLabel", "clearLabel", "buttonType", "buttonOutlined", "debounceTime", "defaultExpanded"] }, { kind: "directive", type: TableFilterDirective, selector: "v-table[useFilter]", inputs: ["filterComponent"], exportAs: ["tableFilterDirective"] }, { kind: "component", type: ActionButtonGroupComponent, selector: "v-action-button-group", inputs: ["maxItems", "maxItemsMobile", "items", "menuIconPos", "menuIcon", "label", "icon"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "pipe", type: FeatureListFilterPipe, name: "featureListColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.1", type: FeatureListComponent, isStandalone: true, selector: "v-feature-list", inputs: { autoBind: "autoBind", title: "title", columns: "columns", filters: "filters", maxVisibleActions: "maxVisibleActions", tableName: "tableName", ngrxFeatureKey: "ngrxFeatureKey", maxVisibleMobileActions: "maxVisibleMobileActions", showExtendedFilter: "showExtendedFilter", showDownload: "showDownload", showDelete: "showDelete", showAdd: "showAdd", canDownload: "canDownload", canDelete: "canDelete", canAdd: "canAdd", useRouterFilter: "useRouterFilter", fulltextFieldName: "fulltextFieldName", showFulltext: "showFulltext", applyLabel: "applyLabel", clearLabel: "clearLabel", buttonType: "buttonType", buttonOutlined: "buttonOutlined", deleteConfirmMessage: "deleteConfirmMessage", autoDeleteEnabled: "autoDeleteEnabled", autoDownloadEnabled: "autoDownloadEnabled", downloadFileName: "downloadFileName", datasource: "datasource", extraFilter: "extraFilter", disableCustomClicks: "disableCustomClicks", maximumColumnLength: "maximumColumnLength", selectionMode: "selectionMode" }, outputs: { addClick: "addClick", downloadClick: "downloadClick", deleteClick: "deleteClick", selectionChange: "selectionChange" }, queries: [{ propertyName: "viewColumns", predicate: FEATURE_LIST_COLUMN_PROVIDER }, { propertyName: "fieldDeclarations", predicate: FeatureListFilterFieldDirective }], viewQueries: [{ propertyName: "tableDatasourceDirective", first: true, predicate: TableDatasourceDirective, descendants: true }, { propertyName: "tableComponent", first: true, predicate: ["table"], descendants: true }], ngImport: i0, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [total]=\"tableTotal\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n    [applyLabel]=\"applyLabel\"\n    [clearLabel]=\"clearLabel\"\n    [buttonType]=\"buttonType\"\n    [buttonOutlined]=\"buttonOutlined\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      />\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      />\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      />\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        #table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n        <ng-content />\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "v-table", inputs: ["sorters", "data", "total", "filter", "extraFilter", "loading", "scrollable", "pageSize", "currentPage", "showPaginator", "userTableWrapper", "sortMultiple", "lazy", "selectionMode", "selection", "showPageSizePicker", "entityKey", "customRoute", "disableCustomClicks", "tableName", "size", "showActionButtons", "maximumColumnLength", "columns"], outputs: ["selectionChange", "lazyLoad", "download", "delete", "save"] }, { kind: "directive", type: TableDatasourceDirective, selector: "v-table[useDatasource]", inputs: ["autoBind", "tableName", "debounceTime", "datasource", "extraFilter", "transformFn"], exportAs: ["useDatasource"] }, { kind: "component", type: FilterComponent, selector: "v-filter", inputs: ["fields", "filters", "title", "total", "fulltextFieldName", "showFulltext", "showFilters", "autoBind", "applyLabel", "clearLabel", "buttonType", "buttonOutlined", "debounceTime", "defaultExpanded"] }, { kind: "directive", type: TableFilterDirective, selector: "v-table[useFilter]", inputs: ["filterComponent"], exportAs: ["tableFilterDirective"] }, { kind: "component", type: ActionButtonGroupComponent, selector: "v-action-button-group", inputs: ["maxItems", "maxItemsMobile", "items", "menuIconPos", "menuIcon", "label", "icon"] }, { kind: "component", type: ActionButtonComponent, selector: "v-action-button", inputs: ["disabled", "toolTip", "id", "icon", "outlined", "raised", "severity", "label", "size"], outputs: ["click"] }, { kind: "pipe", type: FeatureListFilterPipe, name: "featureListColumn" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: FeatureListComponent, decorators: [{
             type: Component,
@@ -2509,7 +2504,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                         ActionButtonGroupComponent,
                         ActionButtonComponent,
                         FeatureListFilterPipe,
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [total]=\"tableTotal\"\n    [recordsText]=\"recordsText\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n    [applyLabel]=\"applyLabel\"\n    [clearLabel]=\"clearLabel\"\n    [buttonType]=\"buttonType\"\n    [buttonOutlined]=\"buttonOutlined\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      />\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      />\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      />\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        #table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n        <ng-content />\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"feature-list__container full-height-container\">\n  <v-filter\n    #filter\n    [title]=\"title\"\n    [total]=\"tableTotal\"\n    [fields]=\"columns | featureListColumn\"\n    [filters]=\"filters\"\n    [fulltextFieldName]=\"fulltextFieldName\"\n    [showFulltext]=\"showFulltext\"\n    [showFilters]=\"showExtendedFilter\"\n    [applyLabel]=\"applyLabel\"\n    [clearLabel]=\"clearLabel\"\n    [buttonType]=\"buttonType\"\n    [buttonOutlined]=\"buttonOutlined\"\n  >\n    <v-action-button-group\n      [maxItems]=\"maxVisibleActions\"\n      [maxItemsMobile]=\"maxVisibleMobileActions\"\n    >\n      @if (showAdd) {\n      <v-action-button\n        [icon]=\"icons.add\"\n        label=\"Add\"\n        [disabled]=\"!canAdd\"\n        (click)=\"addClick.emit()\"\n      />\n      } @if (showDelete){\n      <v-action-button\n        [icon]=\"icons.delete\"\n        label=\"Delete\"\n        [disabled]=\"!canDelete || !selection.length\"\n        (click)=\"startDeleteItems()\"\n      />\n      } @if (showDownload){\n      <v-action-button\n        [icon]=\"icons.download\"\n        label=\"Download\"\n        [disabled]=\"!canDownload\"\n        (click)=\"startDownload()\"\n      />\n      }\n    </v-action-button-group>\n  </v-filter>\n  <div class=\"feature-list__table-container full-height-container\">\n    <div class=\"full-height-container\">\n      <v-table\n        #table\n        useDatasource\n        useFilter\n        [filterComponent]=\"filter\"\n        class=\"full-height-container\"\n        [selectionMode]=\"selectionMode\"\n        [tableName]=\"tableName\"\n        [autoBind]=\"true\"\n        [datasource]=\"datasource\"\n        [columns]=\"columns\"\n        [extraFilter]=\"extraFilter\"\n        [maximumColumnLength]=\"maximumColumnLength\"\n        [disableCustomClicks]=\"disableCustomClicks\"\n        (selectionChange)=\"selectItems($event)\"\n      >\n        <ng-content />\n      </v-table>\n    </div>\n  </div>\n</div>\n", styles: [".full-height-container,:host{display:flex;flex-direction:column;flex-grow:1;height:100%}\n"] }]
         }], propDecorators: { viewColumns: [{
                 type: ContentChildren,
                 args: [FEATURE_LIST_COLUMN_PROVIDER]
@@ -2563,8 +2558,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImpor
                 type: Input
             }], clearLabel: [{
                 type: Input
-            }], recordsText: [{
-                type: Input
             }], buttonType: [{
                 type: Input
             }], buttonOutlined: [{