@zambon-dev/framework 1.0.2 → 1.1.1

package/CHANGELOG.md

@@ -0,0 +1,46 @@
+# Changelog
+
+All notable changes to `@zambon-dev/framework` are documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+> **Upgrading?** Each release lists what changed and, under
+> **⚠ Breaking Changes / Migration**, the concrete steps required to move to that version.
+> When no migration is needed, that subsection is omitted.
+
+## [Unreleased]
+
+### Added
+
+### Changed
+
+### Deprecated
+
+### Removed
+
+### Fixed
+
+### ⚠ Breaking Changes / Migration
+
+## [1.1.1] - 2026-06-20
+
+### Fixed
+
+- `framework-button-export` now forwards its `iconSize` input to the underlying ribbon button,
+  so setting `iconSize` correctly resizes the export button's icon. Previously the input was
+  ignored and the icon always rendered at the default size.
+
+### ⚠ Breaking Changes / Migration
+
+None.
+
+## [1.1.0] - 2026-06-02
+
+- Baseline release: the changelog starts being tracked from this version. Earlier history is
+  available via [GitHub Releases](https://github.com/RicardoZambon/ZLibraries/releases) and the
+  `framework-v*` tags.
+
+[Unreleased]: https://github.com/RicardoZambon/ZLibraries/compare/framework-v1.1.1...HEAD
+[1.1.1]: https://github.com/RicardoZambon/ZLibraries/releases/tag/framework-v1.1.1
+[1.1.0]: https://github.com/RicardoZambon/ZLibraries/releases/tag/framework-v1.1.0

package/fesm2022/zambon-dev-framework.mjs

@@ -9,7 +9,7 @@ import * as i1 from '@angular/common';
 import { NgClass, NgIf, NgTemplateOutlet, NgFor } from '@angular/common';
 import * as i2 from '@angular/router';
 import { Router, NavigationEnd, RouterModule, ActivatedRoute } from '@angular/router';
-import { TranslatePipe, TranslateLoader, provideTranslateService } from '@ngx-translate/core';
+import { TranslatePipe, TranslateService, TranslateLoader, provideTranslateService } from '@ngx-translate/core';
 import * as i1$1 from '@angular/forms';
 import { ControlContainer, FormGroupDirective, FormBuilder } from '@angular/forms';
 import { HttpErrorResponse, HttpBackend } from '@angular/common/http';
@@ -1056,7 +1056,7 @@ class ButtonConfirmComponent extends BaseButton {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonConfirmComponent, isStandalone: true, selector: "framework-button-confirm", inputs: { action: "action", color: "color", icon: "icon", label: "label", modalConfirmButtonColor: "modalConfirmButtonColor", modalConfirmButtonLabel: "modalConfirmButtonLabel", modalMessage: "modalMessage", modalMessageIcon: "modalMessageIcon", modalMessageIconColor: "modalMessageIconColor", modalTitle: "modalTitle" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonConfirmComponent) }], viewQueries: [{ propertyName: "confirmModal", first: true, predicate: ConfirmModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\n[color]=\"color\"\n[disabled]=\"disabled\"\n[icon]=\"icon\"\n[label]=\"label\"\n[loading]=\"loading\"\n(action)=\"onButtonClicked()\">\n</lib-ribbon-button>\n\n<framework-confirm-modal #modal\n[message]=\"modalMessage\"\n[messageIcon]=\"modalMessageIcon\"\n[messageIconColor]=\"modalMessageIconColor\"\n[title]=\"modalTitle\">\n    <div footer>\n        <button\n        class=\"btn {{ modalConfirmButtonColor }}\"\n        type=\"button\"\n        [class.loading]=\"modal.isLoading\"\n        (click)=\"onDelete()\">\n            {{ modalConfirmButtonLabel | translate }}\n        </button>\n    </div>\n</framework-confirm-modal>", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "framework-confirm-modal", inputs: ["errorMessage", "message", "messageIcon", "messageIconColor", "showMessageIcon", "size", "title"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonConfirmComponent, isStandalone: true, selector: "framework-button-confirm", inputs: { action: "action", color: "color", icon: "icon", label: "label", modalConfirmButtonColor: "modalConfirmButtonColor", modalConfirmButtonLabel: "modalConfirmButtonLabel", modalMessage: "modalMessage", modalMessageIcon: "modalMessageIcon", modalMessageIconColor: "modalMessageIconColor", modalTitle: "modalTitle" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonConfirmComponent) }], viewQueries: [{ propertyName: "confirmModal", first: true, predicate: ConfirmModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\n[color]=\"color\"\n[disabled]=\"disabled\"\n[icon]=\"icon\"\n[label]=\"label\"\n[loading]=\"loading\"\n(action)=\"onButtonClicked()\">\n</lib-ribbon-button>\n\n<framework-confirm-modal #modal\n[message]=\"modalMessage\"\n[messageIcon]=\"modalMessageIcon\"\n[messageIconColor]=\"modalMessageIconColor\"\n[title]=\"modalTitle\">\n    <div footer>\n        <button\n        class=\"btn {{ modalConfirmButtonColor }}\"\n        type=\"button\"\n        [class.loading]=\"modal.isLoading\"\n        (click)=\"onDelete()\">\n            {{ modalConfirmButtonLabel | translate }}\n        </button>\n    </div>\n</framework-confirm-modal>", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "framework-confirm-modal", inputs: ["errorMessage", "message", "messageIcon", "messageIconColor", "showMessageIcon", "size", "title"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonConfirmComponent, decorators: [{
             type: Component,
@@ -1134,7 +1134,7 @@ class ButtonDeleteComponent extends BaseButton {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonDeleteComponent, isStandalone: true, selector: "framework-button-delete", inputs: { action: "action", label: "label", modalConfirmButtonLabel: "modalConfirmButtonLabel", modalMessage: "modalMessage", modalTitle: "modalTitle" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonDeleteComponent) }], viewQueries: [{ propertyName: "confirmModal", first: true, predicate: ConfirmModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\ncolor=\"text-red-500\"\nicon=\"fa-trash-alt\"\n[disabled]=\"disabled\"\n[label]=\"label\"\n[loading]=\"loading\"\n(action)=\"onButtonClicked()\">\n</lib-ribbon-button>\n\n<framework-confirm-modal #modal\nmessageIcon=\"fa-solid fa-circle-exclamation\"\nmessageIconColor=\"text-red-500\"\n[message]=\"modalMessage\"\n[title]=\"modalTitle\">\n    <div footer>\n        <button\n        class=\"btn red-500\"\n        type=\"button\"\n        [class.loading]=\"modal.isLoading\"\n        (click)=\"onDelete()\">\n            {{ modalConfirmButtonLabel | translate }}\n        </button>\n    </div>\n</framework-confirm-modal>", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "framework-confirm-modal", inputs: ["errorMessage", "message", "messageIcon", "messageIconColor", "showMessageIcon", "size", "title"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonDeleteComponent, isStandalone: true, selector: "framework-button-delete", inputs: { action: "action", label: "label", modalConfirmButtonLabel: "modalConfirmButtonLabel", modalMessage: "modalMessage", modalTitle: "modalTitle" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonDeleteComponent) }], viewQueries: [{ propertyName: "confirmModal", first: true, predicate: ConfirmModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\ncolor=\"text-red-500\"\nicon=\"fa-trash-alt\"\n[disabled]=\"disabled\"\n[label]=\"label\"\n[loading]=\"loading\"\n(action)=\"onButtonClicked()\">\n</lib-ribbon-button>\n\n<framework-confirm-modal #modal\nmessageIcon=\"fa-solid fa-circle-exclamation\"\nmessageIconColor=\"text-red-500\"\n[message]=\"modalMessage\"\n[title]=\"modalTitle\">\n    <div footer>\n        <button\n        class=\"btn red-500\"\n        type=\"button\"\n        [class.loading]=\"modal.isLoading\"\n        (click)=\"onDelete()\">\n            {{ modalConfirmButtonLabel | translate }}\n        </button>\n    </div>\n</framework-confirm-modal>", dependencies: [{ kind: "component", type: ConfirmModalComponent, selector: "framework-confirm-modal", inputs: ["errorMessage", "message", "messageIcon", "messageIconColor", "showMessageIcon", "size", "title"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonDeleteComponent, decorators: [{
             type: Component,
@@ -1238,7 +1238,7 @@ class ButtonEditComponent extends BaseButton {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonEditComponent, isStandalone: true, selector: "framework-button-edit", inputs: { cancelColor: "cancelColor", cancelIcon: "cancelIcon", cancelLabel: "cancelLabel", editIcon: "editIcon", editLabel: "editLabel", modal: "modal" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonEditComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible && !isButtonCancelVisible && hasDataProviderEntityID\"\n[disabled]=\"disabled || !isAccessLoaded || isFormLoading\"\n[icon]=\"editIcon\"\n[iconSize]=\"iconSize\"\n[label]=\"editLabel\"\n[loading]=\"loading\"\n(action)=\"onEditClicked()\">\n</lib-ribbon-button>\n\n<lib-ribbon-button *ngIf=\"visible && isButtonCancelVisible && hasDataProviderEntityID\"\n[color]=\"cancelColor\"\n[disabled]=\"disabled || !isAccessLoaded || isFormLoading\"\n[icon]=\"cancelIcon\"\n[label]=\"cancelLabel\"\n[loading]=\"loading\"\n(action)=\"onCancelClicked()\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonEditComponent, isStandalone: true, selector: "framework-button-edit", inputs: { cancelColor: "cancelColor", cancelIcon: "cancelIcon", cancelLabel: "cancelLabel", editIcon: "editIcon", editLabel: "editLabel", modal: "modal" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonEditComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible && !isButtonCancelVisible && hasDataProviderEntityID\"\n[disabled]=\"disabled || !isAccessLoaded || isFormLoading\"\n[icon]=\"editIcon\"\n[iconSize]=\"iconSize\"\n[label]=\"editLabel\"\n[loading]=\"loading\"\n(action)=\"onEditClicked()\">\n</lib-ribbon-button>\n\n<lib-ribbon-button *ngIf=\"visible && isButtonCancelVisible && hasDataProviderEntityID\"\n[color]=\"cancelColor\"\n[disabled]=\"disabled || !isAccessLoaded || isFormLoading\"\n[icon]=\"cancelIcon\"\n[label]=\"cancelLabel\"\n[loading]=\"loading\"\n(action)=\"onCancelClicked()\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonEditComponent, decorators: [{
             type: Component,
@@ -1260,6 +1260,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
                 type: Input
             }] } });
 
+const MaxExportRows = 50000;
+class ButtonExportComponent extends BaseButton {
+    //#region ViewChilds, Inputs, Outputs
+    fileBaseName = 'export';
+    //#endregion
+    //#region Variables
+    dataGridDataset = inject(DataGridDataset, { optional: true });
+    translateService = inject(TranslateService);
+    //#endregion
+    //#region Properties
+    get isButtonDisabled() {
+        return super.isButtonDisabled || this.isExceedingExportLimit;
+    }
+    get tooltip() {
+        if (this.isExceedingExportLimit) {
+            return this.translateService.instant('Button-Export-LimitExceeded', { max: MaxExportRows });
+        }
+        return '';
+    }
+    get isExceedingExportLimit() {
+        const totalRows = this.dataGridDataset?.totalRows;
+        return totalRows !== undefined && totalRows > MaxExportRows;
+    }
+    //#endregion
+    //#region Constructor and Angular life cycle methods
+    constructor() {
+        super();
+        this.options = [
+            { id: 'xlsx', label: 'Button-Export-Excel', icon: 'fa-file-excel' },
+            { id: 'pdf', label: 'Button-Export-PDF', icon: 'fa-file-pdf' },
+            { id: 'csv', label: 'Button-Export-CSV', icon: 'fa-file-csv' },
+            { id: 'xml', label: 'Button-Export-XML', icon: 'fa-file-code' },
+            { id: 'mhtml', label: 'Button-Export-MHTML', icon: 'fa-file-archive' },
+        ];
+    }
+    //#endregion
+    //#region Event handlers
+    onButtonClicked(format) {
+        if (!this.dataGridDataset) {
+            return;
+        }
+        const resolvedFormat = format ?? 'xlsx';
+        this.startLoading();
+        const parameters = {
+            endRow: 0,
+            filters: this.dataGridDataset.filters,
+            startRow: 0,
+        };
+        this.dataGridDataset.export(resolvedFormat, parameters)
+            .pipe(take(1))
+            .subscribe({
+            next: (response) => {
+                this.download(response);
+                this.finishLoading('success');
+            },
+            error: (_) => {
+                this.finishLoading('failure');
+            }
+        });
+    }
+    //#endregion
+    //#region Private methods
+    download(response) {
+        if (!response.body) {
+            return;
+        }
+        const contentDisposition = response.headers.get('Content-Disposition') ?? '';
+        const match = /filename\*?=(?:UTF-8'')?"?([^";]+)"?/i.exec(contentDisposition);
+        const fileName = match ? decodeURIComponent(match[1]) : this.fileBaseName;
+        const url = URL.createObjectURL(response.body);
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = fileName;
+        anchor.click();
+        URL.revokeObjectURL(url);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonExportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonExportComponent, isStandalone: true, selector: "framework-button-export", inputs: { fileBaseName: "fileBaseName" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonExportComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\nlabel=\"Button-Export\"\nicon=\"fa-file-export\"\n[disabled]=\"isButtonDisabled\"\n[loading]=\"loading\"\n[iconSize]=\"iconSize\"\n[options]=\"options\"\n[tooltip]=\"tooltip\"\n(action)=\"onButtonClicked($event)\">\n</lib-ribbon-button>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonExportComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'framework-button-export', imports: [
+                        NgIf,
+                        RibbonButtonComponent,
+                    ], providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonExportComponent) }], template: "<lib-ribbon-button *ngIf=\"visible\"\nlabel=\"Button-Export\"\nicon=\"fa-file-export\"\n[disabled]=\"isButtonDisabled\"\n[loading]=\"loading\"\n[iconSize]=\"iconSize\"\n[options]=\"options\"\n[tooltip]=\"tooltip\"\n(action)=\"onButtonClicked($event)\">\n</lib-ribbon-button>\n" }]
+        }], ctorParameters: () => [], propDecorators: { fileBaseName: [{
+                type: Input
+            }] } });
+
 class ButtonFiltersComponent extends BaseButton {
     //#region ViewChilds, Inputs, Outputs
     modal;
@@ -1344,7 +1433,7 @@ class ButtonFiltersComponent extends BaseButton {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonFiltersComponent, isStandalone: true, selector: "framework-button-filters", inputs: { modalSize: "modalSize", modalTitle: "modalTitle", validateFormFunction: "validateFormFunction" }, providers: [
             FormService,
             { provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonFiltersComponent) },
-        ], viewQueries: [{ propertyName: "modal", first: true, predicate: ModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\n[color]=\"hasFiltersApplied ? 'text-amber-500' : 'text-primary-500'\"\n[disabled]=\"disabled\"\n[icon]=\"'fa-filter'\"\n[iconSize]=\"iconSize\"\n[label]=\"'Button-Filters'\"\n[loading]=\"loading\"\n(action)=\"onFiltersButtonClicked()\">\n</lib-ribbon-button>\n\n<lib-ribbon-button\n*ngIf=\"hasFiltersApplied\"\n[color]=\"'text-red-500'\"\n[disabled]=\"disabled\"\n[icon]=\"'fa-broom'\"\n[iconSize]=\"iconSize\"\n[label]=\"'Button-Filters-Clear'\"\n[loading]=\"loading\"\n(action)=\"onResetButtonClicked()\">\n</lib-ribbon-button>\n\n<lib-modal position=\"top\" [size]=\"modalSize\" [title]=\"modalTitle | translate\" [closeButtonText]=\"'Button-Modal-Cancel' | translate\">\n    <ng-container body>\n        <ng-content></ng-content>\n    </ng-container>\n    <div footer>\n        <button type=\"submit\" class=\"btn blue-500\" (click)=\"onFiltersSubmitClicked()\">{{ 'Button-Filters-Modal-Confirm' | translate }}</button>\n    </div>\n</lib-modal>", styles: [":host-context{display:grid;grid-auto-columns:auto;grid-auto-flow:column}\n"], dependencies: [{ kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["closeButtonText", "dialog", "modalProcessing", "position", "size", "title"], outputs: ["closed"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
+        ], viewQueries: [{ propertyName: "modal", first: true, predicate: ModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\n[color]=\"hasFiltersApplied ? 'text-amber-500' : 'text-primary-500'\"\n[disabled]=\"disabled\"\n[icon]=\"'fa-filter'\"\n[iconSize]=\"iconSize\"\n[label]=\"'Button-Filters'\"\n[loading]=\"loading\"\n(action)=\"onFiltersButtonClicked()\">\n</lib-ribbon-button>\n\n<lib-ribbon-button\n*ngIf=\"hasFiltersApplied\"\n[color]=\"'text-red-500'\"\n[disabled]=\"disabled\"\n[icon]=\"'fa-broom'\"\n[iconSize]=\"iconSize\"\n[label]=\"'Button-Filters-Clear'\"\n[loading]=\"loading\"\n(action)=\"onResetButtonClicked()\">\n</lib-ribbon-button>\n\n<lib-modal position=\"top\" [size]=\"modalSize\" [title]=\"modalTitle | translate\" [closeButtonText]=\"'Button-Modal-Cancel' | translate\">\n    <ng-container body>\n        <ng-content></ng-content>\n    </ng-container>\n    <div footer>\n        <button type=\"submit\" class=\"btn blue-500\" (click)=\"onFiltersSubmitClicked()\">{{ 'Button-Filters-Modal-Confirm' | translate }}</button>\n    </div>\n</lib-modal>", styles: [":host-context{display:grid;grid-auto-columns:auto;grid-auto-flow:column}\n"], dependencies: [{ kind: "component", type: ModalComponent, selector: "lib-modal", inputs: ["closeButtonText", "dialog", "modalProcessing", "position", "size", "title"], outputs: ["closed"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonFiltersComponent, decorators: [{
             type: Component,
@@ -1472,7 +1561,7 @@ class ButtonNewComponent extends BaseButton {
         this.tabService.navigateCurrentTab(tab);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonNewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonNewComponent, isStandalone: true, selector: "framework-button-new", inputs: { endpoint: "endpoint", parameters: "parameters", path: "path" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonNewComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible && (!hasDataProvider || hasDataProviderEntityID)\"\nicon=\"fa-plus\"\nlabel=\"Button-New\"\n[disabled]=\"disabled || !isAccessLoaded\"\n[loading]=\"loading\"\n[options]=\"options\"\n(action)=\"onButtonClicked($event)\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonNewComponent, isStandalone: true, selector: "framework-button-new", inputs: { endpoint: "endpoint", parameters: "parameters", path: "path" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonNewComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible && (!hasDataProvider || hasDataProviderEntityID)\"\nicon=\"fa-plus\"\nlabel=\"Button-New\"\n[disabled]=\"disabled || !isAccessLoaded\"\n[loading]=\"loading\"\n[options]=\"options\"\n(action)=\"onButtonClicked($event)\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonNewComponent, decorators: [{
             type: Component,
@@ -1528,7 +1617,7 @@ class ButtonOpenRecordComponent extends BaseButton {
         this.tabService.navigateCurrentTab(new Tab({ entityBaseUrl: path, url: path }));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonOpenRecordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonOpenRecordComponent, isStandalone: true, selector: "framework-button-open-record", inputs: { elementPath: "elementPath", rootPath: "rootPath" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonOpenRecordComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\nicon=\"fa-eye\"\nlabel=\"Button-Open-Record\"\n[disabled]=\"disabled || !isAccessLoaded || !isSelectedOneRecord\"\n[iconSize]=\"iconSize\"\n[loading]=\"loading\"\n(action)=\"onButtonClicked()\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonOpenRecordComponent, isStandalone: true, selector: "framework-button-open-record", inputs: { elementPath: "elementPath", rootPath: "rootPath" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonOpenRecordComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\nicon=\"fa-eye\"\nlabel=\"Button-Open-Record\"\n[disabled]=\"disabled || !isAccessLoaded || !isSelectedOneRecord\"\n[iconSize]=\"iconSize\"\n[loading]=\"loading\"\n(action)=\"onButtonClicked()\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonOpenRecordComponent, decorators: [{
             type: Component,
@@ -1569,7 +1658,7 @@ class ButtonRefreshComponent extends BaseButton {
         this.dataGridDataset?.refresh();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonRefreshComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonRefreshComponent, isStandalone: true, selector: "framework-button-refresh", providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonRefreshComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\nlabel=\"Button-Refresh\"\nicon=\"fa-sync-alt\"\n[disabled]=\"disabled\"\n[loading]=\"loading\"\n[iconSize]=\"iconSize\"\n(action)=\"onButtonClicked()\"\n></lib-ribbon-button>", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonRefreshComponent, isStandalone: true, selector: "framework-button-refresh", providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonRefreshComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\nlabel=\"Button-Refresh\"\nicon=\"fa-sync-alt\"\n[disabled]=\"disabled\"\n[loading]=\"loading\"\n[iconSize]=\"iconSize\"\n(action)=\"onButtonClicked()\"\n></lib-ribbon-button>", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonRefreshComponent, decorators: [{
             type: Component,
@@ -1713,7 +1802,7 @@ class ButtonSaveComponent extends BaseButton {
         return this.dataProviderService.saveModel(model);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonSaveComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonSaveComponent, isStandalone: true, selector: "framework-button-save", inputs: { defaultOption: "defaultOption" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonSaveComponent) }], viewQueries: [{ propertyName: "errorModal", first: true, predicate: ErrorModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\nlabel=\"Button-Save\"\nicon=\"fa-save\"\n[defaultOption]=\"defaultOption\"\n[disabled]=\"disabled || !isAccessLoaded || !isFormEditMode || isFormLoading\"\n[loading]=\"loading\"\n[options]=\"options\"\n(action)=\"onButtonClicked($event)\">\n</lib-ribbon-button>\n\n<framework-error-modal></framework-error-modal>", dependencies: [{ kind: "component", type: ErrorModalComponent, selector: "framework-error-modal", inputs: ["errorMessage", "size", "subtitle", "title"], outputs: ["closed"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonSaveComponent, isStandalone: true, selector: "framework-button-save", inputs: { defaultOption: "defaultOption" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonSaveComponent) }], viewQueries: [{ propertyName: "errorModal", first: true, predicate: ErrorModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\nlabel=\"Button-Save\"\nicon=\"fa-save\"\n[defaultOption]=\"defaultOption\"\n[disabled]=\"disabled || !isAccessLoaded || !isFormEditMode || isFormLoading\"\n[loading]=\"loading\"\n[options]=\"options\"\n(action)=\"onButtonClicked($event)\">\n</lib-ribbon-button>\n\n<framework-error-modal></framework-error-modal>", dependencies: [{ kind: "component", type: ErrorModalComponent, selector: "framework-error-modal", inputs: ["errorMessage", "size", "subtitle", "title"], outputs: ["closed"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonSaveComponent, decorators: [{
             type: Component,
@@ -1858,7 +1947,7 @@ class ButtonViewsComponent extends BaseButton {
         return this.defaultViewId;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonViewsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonViewsComponent, isStandalone: true, selector: "framework-button-views", inputs: { detailsViewRoute: "detailsViewRoute" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonViewsComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"hasOptions\"\nicon=\"fa-eye\"\nlabel=\"Button-Views\"\n[disabled]=\"!isAccessLoaded || isNewEntity\"\n[options]=\"options\"\n(action)=\"onViewClicked($event)\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonViewsComponent, isStandalone: true, selector: "framework-button-views", inputs: { detailsViewRoute: "detailsViewRoute" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonViewsComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"hasOptions\"\nicon=\"fa-eye\"\nlabel=\"Button-Views\"\n[disabled]=\"!isAccessLoaded || isNewEntity\"\n[options]=\"options\"\n(action)=\"onViewClicked($event)\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonViewsComponent, decorators: [{
             type: Component,
@@ -1891,7 +1980,7 @@ class ButtonComponent extends BaseButton {
         this.action.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonComponent, isStandalone: true, selector: "framework-button", inputs: { color: "color", icon: "icon", label: "label" }, outputs: { action: "action" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\n[color]=\"color\"\n[disabled]=\"disabled || !isAccessLoaded\"\n[icon]=\"icon\"\n[iconSize]=\"iconSize\"\n[label]=\"label\"\n[loading]=\"loading\"\n[options]=\"options\"\n(action)=\"onButtonClicked()\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonComponent, isStandalone: true, selector: "framework-button", inputs: { color: "color", icon: "icon", label: "label" }, outputs: { action: "action" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\n[color]=\"color\"\n[disabled]=\"disabled || !isAccessLoaded\"\n[icon]=\"icon\"\n[iconSize]=\"iconSize\"\n[label]=\"label\"\n[loading]=\"loading\"\n[options]=\"options\"\n(action)=\"onButtonClicked()\">\n</lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
@@ -2783,7 +2872,7 @@ class ButtonEditLegacyComponent extends BaseButton {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonEditLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonEditLegacyComponent, isStandalone: true, selector: "framework-button-edit-legacy", inputs: { cancelColor: "cancelColor", cancelIcon: "cancelIcon", cancelLabel: "cancelLabel", editIcon: "editIcon", editLabel: "editLabel", form: "form", modal: "modal" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonEditLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible && (!form || form.viewMode !== 'edit')\"\n[disabled]=\"disabled || (!!form && form.loading)\"\n[icon]=\"editIcon\"\n[iconSize]=\"iconSize\"\n[label]=\"editLabel\"\n[loading]=\"loading\"\n(action)=\"onEditAction()\"\n></lib-ribbon-button>\n\n<lib-ribbon-button *ngIf=\"visible && form && form.viewMode === 'edit' && !form.isNew\"\n[color]=\"cancelColor\"\n[disabled]=\"disabled || form.loading\"\n[icon]=\"cancelIcon\"\n[label]=\"cancelLabel\"\n[loading]=\"loading\"\n(action)=\"onCancelAction()\"\n></lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonEditLegacyComponent, isStandalone: true, selector: "framework-button-edit-legacy", inputs: { cancelColor: "cancelColor", cancelIcon: "cancelIcon", cancelLabel: "cancelLabel", editIcon: "editIcon", editLabel: "editLabel", form: "form", modal: "modal" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonEditLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible && (!form || form.viewMode !== 'edit')\"\n[disabled]=\"disabled || (!!form && form.loading)\"\n[icon]=\"editIcon\"\n[iconSize]=\"iconSize\"\n[label]=\"editLabel\"\n[loading]=\"loading\"\n(action)=\"onEditAction()\"\n></lib-ribbon-button>\n\n<lib-ribbon-button *ngIf=\"visible && form && form.viewMode === 'edit' && !form.isNew\"\n[color]=\"cancelColor\"\n[disabled]=\"disabled || form.loading\"\n[icon]=\"cancelIcon\"\n[label]=\"cancelLabel\"\n[loading]=\"loading\"\n(action)=\"onCancelAction()\"\n></lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonEditLegacyComponent, decorators: [{
             type: Component,
@@ -2833,7 +2922,7 @@ class ButtonNewLegacyComponent extends BaseButton {
         // this.tabService.navigateTab(this.tabView, `${this.path}/${this.endpoint}`);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonNewLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonNewLegacyComponent, isStandalone: true, selector: "framework-button-new-legacy", inputs: { endpoint: "endpoint", path: "path", tabView: "tabView" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonNewLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\n[label]=\"'Button-New'\"\n[icon]=\"'fa-plus'\"\n[disabled]=\"disabled\"\n[loading]=\"loading\"\n(action)=\"clicked()\"\n*ngIf=\"visible\"\n></lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonNewLegacyComponent, isStandalone: true, selector: "framework-button-new-legacy", inputs: { endpoint: "endpoint", path: "path", tabView: "tabView" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonNewLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\n[label]=\"'Button-New'\"\n[icon]=\"'fa-plus'\"\n[disabled]=\"disabled\"\n[loading]=\"loading\"\n(action)=\"clicked()\"\n*ngIf=\"visible\"\n></lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonNewLegacyComponent, decorators: [{
             type: Component,
@@ -2888,7 +2977,7 @@ class ButtonOpenRecordLegacyComponent extends BaseButton {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonOpenRecordLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonOpenRecordLegacyComponent, isStandalone: true, selector: "framework-button-open-record-legacy", inputs: { endpoint: "endpoint", path: "path", tabView: "tabView" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonOpenRecordLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\n[label]=\"'Button-Open-Record'\"\n[icon]=\"'fa-eye'\"\n[disabled]=\"disabled || selectionCount !== 1\"\n[loading]=\"loading\"\n(action)=\"clicked()\"\n*ngIf=\"visible\"\n></lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonOpenRecordLegacyComponent, isStandalone: true, selector: "framework-button-open-record-legacy", inputs: { endpoint: "endpoint", path: "path", tabView: "tabView" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonOpenRecordLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\n[label]=\"'Button-Open-Record'\"\n[icon]=\"'fa-eye'\"\n[disabled]=\"disabled || selectionCount !== 1\"\n[loading]=\"loading\"\n(action)=\"clicked()\"\n*ngIf=\"visible\"\n></lib-ribbon-button>", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonOpenRecordLegacyComponent, decorators: [{
             type: Component,
@@ -2981,7 +3070,7 @@ class ButtonSaveLegacyComponent extends BaseButton {
         super.finishLoading(status);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonSaveLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonSaveLegacyComponent, isStandalone: true, selector: "framework-button-save-legacy", inputs: { defaultOption: "defaultOption", form: "form", tabView: "tabView" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonSaveLegacyComponent) }], viewQueries: [{ propertyName: "errorModal", first: true, predicate: ErrorModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\nlabel=\"Button-Save\"\nicon=\"fa-save\"\n[defaultOption]=\"defaultOption\"\n[disabled]=\"disabled || (form?.viewMode !== 'edit') || (form?.loading ?? false)\"\n[loading]=\"loading\"\n[options]=\"options\"\n(action)=\"onButtonClick($event)\">\n</lib-ribbon-button>\n\n<framework-error-modal></framework-error-modal>", dependencies: [{ kind: "component", type: ErrorModalComponent, selector: "framework-error-modal", inputs: ["errorMessage", "size", "subtitle", "title"], outputs: ["closed"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonSaveLegacyComponent, isStandalone: true, selector: "framework-button-save-legacy", inputs: { defaultOption: "defaultOption", form: "form", tabView: "tabView" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonSaveLegacyComponent) }], viewQueries: [{ propertyName: "errorModal", first: true, predicate: ErrorModalComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button *ngIf=\"visible\"\nlabel=\"Button-Save\"\nicon=\"fa-save\"\n[defaultOption]=\"defaultOption\"\n[disabled]=\"disabled || (form?.viewMode !== 'edit') || (form?.loading ?? false)\"\n[loading]=\"loading\"\n[options]=\"options\"\n(action)=\"onButtonClick($event)\">\n</lib-ribbon-button>\n\n<framework-error-modal></framework-error-modal>", dependencies: [{ kind: "component", type: ErrorModalComponent, selector: "framework-error-modal", inputs: ["errorMessage", "size", "subtitle", "title"], outputs: ["closed"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonSaveLegacyComponent, decorators: [{
             type: Component,
@@ -3013,7 +3102,7 @@ class ButtonViewsLegacyComponent extends BaseButton {
         this.viewChanged.emit(option);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonViewsLegacyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonViewsLegacyComponent, isStandalone: true, selector: "framework-button-views-legacy", inputs: { views: "views" }, outputs: { viewChanged: "viewChanged" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonViewsLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\n[label]=\"'Button-Views'\"\n[icon]=\"'fa-eye'\"\n[options]=\"views\"\n(action)=\"clicked($event)\"\n></lib-ribbon-button>", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options"], outputs: ["action"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.6", type: ButtonViewsLegacyComponent, isStandalone: true, selector: "framework-button-views-legacy", inputs: { views: "views" }, outputs: { viewChanged: "viewChanged" }, providers: [{ provide: RibbonGroupChild, useExisting: forwardRef(() => ButtonViewsLegacyComponent) }], usesInheritance: true, ngImport: i0, template: "<lib-ribbon-button\n[label]=\"'Button-Views'\"\n[icon]=\"'fa-eye'\"\n[options]=\"views\"\n(action)=\"clicked($event)\"\n></lib-ribbon-button>", dependencies: [{ kind: "component", type: RibbonButtonComponent, selector: "lib-ribbon-button", inputs: ["color", "defaultOption", "disabled", "icon", "iconSize", "label", "loading", "options", "tooltip"], outputs: ["action"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: ButtonViewsLegacyComponent, decorators: [{
             type: Component,
@@ -3034,6 +3123,7 @@ class FrameworkButtonsModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: FrameworkButtonsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.6", ngImport: i0, type: FrameworkButtonsModule, imports: [ButtonDeleteComponent,
             ButtonEditComponent,
+            ButtonExportComponent,
             ButtonFiltersComponent,
             ButtonNewComponent,
             ButtonOpenRecordComponent,
@@ -3046,6 +3136,7 @@ class FrameworkButtonsModule {
             ButtonViewsLegacyComponent,
             ButtonOpenRecordLegacyComponent], exports: [ButtonDeleteComponent,
             ButtonEditComponent,
+            ButtonExportComponent,
             ButtonFiltersComponent,
             ButtonNewComponent,
             ButtonOpenRecordComponent,
@@ -3059,6 +3150,7 @@ class FrameworkButtonsModule {
             ButtonOpenRecordLegacyComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.6", ngImport: i0, type: FrameworkButtonsModule, imports: [ButtonDeleteComponent,
             ButtonEditComponent,
+            ButtonExportComponent,
             ButtonFiltersComponent,
             ButtonNewComponent,
             ButtonOpenRecordComponent,
@@ -3078,6 +3170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
                     imports: [
                         ButtonDeleteComponent,
                         ButtonEditComponent,
+                        ButtonExportComponent,
                         ButtonFiltersComponent,
                         ButtonNewComponent,
                         ButtonOpenRecordComponent,
@@ -3093,6 +3186,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.6", ngImpor
                     exports: [
                         ButtonDeleteComponent,
                         ButtonEditComponent,
+                        ButtonExportComponent,
                         ButtonFiltersComponent,
                         ButtonNewComponent,
                         ButtonOpenRecordComponent,
@@ -3590,5 +3684,5 @@ function provideZambonFrameworkTranslateService(config = {}) {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_CONFIG, AppConfig, AuthService, BackendFormValidationHelper, BaseButton, BaseFormViewButton, ButtonComponent, ButtonConfirmComponent, ButtonDeleteComponent, ButtonEditComponent, ButtonEditLegacyComponent, ButtonFiltersComponent, ButtonNewComponent, ButtonNewLegacyComponent, ButtonOpenRecordComponent, ButtonOpenRecordLegacyComponent, ButtonRefreshComponent, ButtonSaveComponent, ButtonSaveLegacyComponent, ButtonViewsComponent, ButtonViewsLegacyComponent, ChildList, ChildListLegacy, ConfirmModalComponent, CustomReuseStrategy, DefaultDetailsTabViewComponent, DefaultTabViewComponent, ErrorModalComponent, FRAMEWORK_VIEW_TYPE, FormView, FrameworkButtonsModule, FrameworkComponentsModule, FrameworkGridConfigsProvider, FrameworkModalsModule, FrameworkModule, FrameworkViewType, FrameworkViewsModule, LegacySubViewForm, LegacyTabViewDetails, LegacyTabViewList, ListView, ModalBase, MultiEditorLegacyModal, MultiEditorModal, MultiSelectModal, RouteHelper, Tab, TabBreadcrumbsComponent, TabService, TabViewBase, TabViewList, TabViewService, TabsComponent, ViewBase, ViewModal, ZAMBON_FRAMEWORK_I18N_ASSET, ZAMBON_FRAMEWORK_I18N_ASSET_PATH, ZAMBON_FRAMEWORK_I18N_RESOURCES, createZambonFrameworkTranslateLoader, provideZambonFrameworkTranslateLoader, provideZambonFrameworkTranslateService };
+export { APP_CONFIG, AppConfig, AuthService, BackendFormValidationHelper, BaseButton, BaseFormViewButton, ButtonComponent, ButtonConfirmComponent, ButtonDeleteComponent, ButtonEditComponent, ButtonEditLegacyComponent, ButtonExportComponent, ButtonFiltersComponent, ButtonNewComponent, ButtonNewLegacyComponent, ButtonOpenRecordComponent, ButtonOpenRecordLegacyComponent, ButtonRefreshComponent, ButtonSaveComponent, ButtonSaveLegacyComponent, ButtonViewsComponent, ButtonViewsLegacyComponent, ChildList, ChildListLegacy, ConfirmModalComponent, CustomReuseStrategy, DefaultDetailsTabViewComponent, DefaultTabViewComponent, ErrorModalComponent, FRAMEWORK_VIEW_TYPE, FormView, FrameworkButtonsModule, FrameworkComponentsModule, FrameworkGridConfigsProvider, FrameworkModalsModule, FrameworkModule, FrameworkViewType, FrameworkViewsModule, LegacySubViewForm, LegacyTabViewDetails, LegacyTabViewList, ListView, MaxExportRows, ModalBase, MultiEditorLegacyModal, MultiEditorModal, MultiSelectModal, RouteHelper, Tab, TabBreadcrumbsComponent, TabService, TabViewBase, TabViewList, TabViewService, TabsComponent, ViewBase, ViewModal, ZAMBON_FRAMEWORK_I18N_ASSET, ZAMBON_FRAMEWORK_I18N_ASSET_PATH, ZAMBON_FRAMEWORK_I18N_RESOURCES, createZambonFrameworkTranslateLoader, provideZambonFrameworkTranslateLoader, provideZambonFrameworkTranslateService };
 //# sourceMappingURL=zambon-dev-framework.mjs.map