@porscheinformatik/clr-addons 19.9.11 → 19.9.13

package/export-datagrid-button/export-datagrid-button.component.d.ts

@@ -12,6 +12,7 @@ export declare class ExportDatagridButtonComponent {
     exportTitlePrefix: import("@angular/core").InputSignal<string>;
     exportButtonPosition: import("@angular/core").InputSignal<"right" | "left">;
     possibleExportTypes: import("@angular/core").WritableSignal<ExportTypeEnum[]>;
+    exportButtonText: import("@angular/core").InputSignal<string>;
     readonly backendExport: EventEmitter<ExportTypeEnum>;
     readonly exportTypes: ExportType[];
     readonly exportTypesFiltered: import("@angular/core").Signal<{
@@ -31,5 +32,5 @@ export declare class ExportDatagridButtonComponent {
     private getRowsToExport;
     private getColumnsTitle;
     static ɵfac: i0.ɵɵFactoryDeclaration<ExportDatagridButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ExportDatagridButtonComponent, "clr-export-datagrid-button", never, { "datagrid": { "alias": "datagrid"; "required": false; "isSignal": true; }; "datagridRef": { "alias": "datagridRef"; "required": false; "isSignal": true; }; "exportTypesToShow": { "alias": "exportTypesToShow"; "required": false; "isSignal": true; }; "isBackendExport": { "alias": "isBackendExport"; "required": false; "isSignal": true; }; "exportTitlePrefix": { "alias": "exportTitlePrefix"; "required": false; "isSignal": true; }; "exportButtonPosition": { "alias": "exportButtonPosition"; "required": false; "isSignal": true; }; }, { "backendExport": "backendExport"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ExportDatagridButtonComponent, "clr-export-datagrid-button", never, { "datagrid": { "alias": "datagrid"; "required": false; "isSignal": true; }; "datagridRef": { "alias": "datagridRef"; "required": false; "isSignal": true; }; "exportTypesToShow": { "alias": "exportTypesToShow"; "required": false; "isSignal": true; }; "isBackendExport": { "alias": "isBackendExport"; "required": false; "isSignal": true; }; "exportTitlePrefix": { "alias": "exportTitlePrefix"; "required": false; "isSignal": true; }; "exportButtonPosition": { "alias": "exportButtonPosition"; "required": false; "isSignal": true; }; "exportButtonText": { "alias": "exportButtonText"; "required": false; "isSignal": true; }; }, { "backendExport": "backendExport"; }, never, never, true, never>;
 }

package/fesm2022/clr-addons.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Component, NgModule, Injectable, EventEmitter, Input, Output, Directive, ViewChild, ContentChildren, TemplateRef, ViewChildren, HostBinding, ElementRef, Renderer2, forwardRef, Inject, ContentChild, Optional, inject, ChangeDetectorRef, output, ChangeDetectionStrategy, DestroyRef, signal, input, IterableDiffers, ViewContainerRef, effect, InjectionToken, isSignal, HostListener, LOCALE_ID, Self, computed } from '@angular/core';
 import * as i1 from '@angular/common';
-import { CommonModule, DOCUMENT, NgForOf, NgComponentOutlet, NgTemplateOutlet, getLocaleDateFormat, FormatWidth, NgIf, NgClass } from '@angular/common';
+import { CommonModule, DOCUMENT, NgForOf, NgComponentOutlet, NgTemplateOutlet, getLocaleDateFormat, FormatWidth, NgClass } from '@angular/common';
 import { ClarityIcons, arrowIcon, angleIcon, timesIcon, trashIcon, plusCircleIcon, exclamationCircleIcon, searchIcon, ellipsisVerticalIcon, pencilIcon, historyIcon as historyIcon$1, treeViewIcon, organizationIcon, calendarIcon, checkCircleIcon, windowCloseIcon, exclamationTriangleIcon } from '@cds/core/icon';
 import * as i2 from '@clr/angular';
 import { ClarityModule, ClrFormsModule, ClrDropdown, ClrForm, ClrAlert, ClrAxis, ClrSide, ClrAlignment, ClrPopoverToggleService, ClrPopoverEventsService, ClrPopoverPositionService, ClrIconModule, ClrDropdownModule, ClrDatagrid, ClrDatagridColumn, ClrDatagridSortOrder, DatagridPropertyComparator, ClrDatagridPagination, ClrDatagridFilter, ClrDateContainer, ClrLabel, ClrControlHelper, ClrControlError, ClrControlSuccess, ClrDatepickerModule } from '@clr/angular';
@@ -14885,6 +14885,7 @@ class ExportDatagridButtonComponent {
         this.exportTitlePrefix = input('export-datagrid');
         this.exportButtonPosition = input('right');
         this.possibleExportTypes = signal([ExportTypeEnum.ALL]);
+        this.exportButtonText = input('EXPORT');
         /* outputs */
         this.backendExport = new EventEmitter();
         this.exportTypes = [
@@ -14989,11 +14990,11 @@ class ExportDatagridButtonComponent {
         return columnTitles;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ExportDatagridButtonComponent, deps: [{ token: ExportDatagridService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.6", type: ExportDatagridButtonComponent, isStandalone: true, selector: "clr-export-datagrid-button", inputs: { datagrid: { classPropertyName: "datagrid", publicName: "datagrid", isSignal: true, isRequired: false, transformFunction: null }, datagridRef: { classPropertyName: "datagridRef", publicName: "datagridRef", isSignal: true, isRequired: false, transformFunction: null }, exportTypesToShow: { classPropertyName: "exportTypesToShow", publicName: "exportTypesToShow", isSignal: true, isRequired: false, transformFunction: null }, isBackendExport: { classPropertyName: "isBackendExport", publicName: "isBackendExport", isSignal: true, isRequired: false, transformFunction: null }, exportTitlePrefix: { classPropertyName: "exportTitlePrefix", publicName: "exportTitlePrefix", isSignal: true, isRequired: false, transformFunction: null }, exportButtonPosition: { classPropertyName: "exportButtonPosition", publicName: "exportButtonPosition", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backendExport: "backendExport" }, ngImport: i0, template: "<div\n  [ngClass]=\"{\n    'export-btn-right': exportButtonPosition() === 'right',\n    'export-btn-left': exportButtonPosition() === 'left'\n  }\"\n>\n  <ng-container *ngIf=\"exportTypesFiltered().length === 1; else exportDropdown\">\n    <button\n      class=\"btn btn-sm btn-outline custom-button-export\"\n      type=\"button\"\n      (click)=\"onExport(exportTypesFiltered()[0].type)\"\n    >\n      {{ exportTypesFiltered()[0].value }}\n    </button>\n  </ng-container>\n  <ng-template #exportDropdown>\n    <clr-dropdown>\n      <button class=\"btn btn-sm btn-outline\" clrDropdownTrigger type=\"button\">\n        Export\n        <cds-icon shape=\"angle\" direction=\"down\" size=\"12\"></cds-icon>\n      </button>\n      <clr-dropdown-menu *clrIfOpen clrPosition=\"bottom-right\">\n        <button *ngFor=\"let exportType of exportTypesFiltered()\" (click)=\"onExport(exportType.type)\" clrDropdownItem>\n          {{ exportType.value }}\n        </button>\n      </clr-dropdown-menu>\n    </clr-dropdown>\n  </ng-template>\n</div>\n", styles: [".export-btn-right{display:flex;justify-content:flex-end}.export-btn-left{display:flex;justify-content:flex-start}.custom-button-export{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: ClarityModule }, { kind: "directive", type: i2.CdsIconCustomTag, selector: "cds-icon" }, { kind: "directive", type: i2.ClrIfOpen, selector: "[clrIfOpen]", inputs: ["clrIfOpen"], outputs: ["clrIfOpenChange"] }, { kind: "component", type: i2.ClrDropdown, selector: "clr-dropdown", inputs: ["clrCloseMenuOnItemClick"] }, { kind: "component", type: i2.ClrDropdownMenu, selector: "clr-dropdown-menu", inputs: ["clrPosition"] }, { kind: "directive", type: i2.ClrDropdownTrigger, selector: "[clrDropdownTrigger],[clrDropdownToggle]" }, { kind: "directive", type: i2.ClrDropdownItem, selector: "[clrDropdownItem]", inputs: ["clrDisabled", "id"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.6", type: ExportDatagridButtonComponent, isStandalone: true, selector: "clr-export-datagrid-button", inputs: { datagrid: { classPropertyName: "datagrid", publicName: "datagrid", isSignal: true, isRequired: false, transformFunction: null }, datagridRef: { classPropertyName: "datagridRef", publicName: "datagridRef", isSignal: true, isRequired: false, transformFunction: null }, exportTypesToShow: { classPropertyName: "exportTypesToShow", publicName: "exportTypesToShow", isSignal: true, isRequired: false, transformFunction: null }, isBackendExport: { classPropertyName: "isBackendExport", publicName: "isBackendExport", isSignal: true, isRequired: false, transformFunction: null }, exportTitlePrefix: { classPropertyName: "exportTitlePrefix", publicName: "exportTitlePrefix", isSignal: true, isRequired: false, transformFunction: null }, exportButtonPosition: { classPropertyName: "exportButtonPosition", publicName: "exportButtonPosition", isSignal: true, isRequired: false, transformFunction: null }, exportButtonText: { classPropertyName: "exportButtonText", publicName: "exportButtonText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backendExport: "backendExport" }, ngImport: i0, template: "<div\n  [ngClass]=\"{\n    'export-btn-right': exportButtonPosition() === 'right',\n    'export-btn-left': exportButtonPosition() === 'left'\n  }\"\n>\n  <clr-dropdown>\n    <button class=\"btn btn-sm btn-outline\" clrDropdownTrigger type=\"button\">\n      {{ exportButtonText() }}\n      <cds-icon shape=\"angle\" direction=\"down\" size=\"12\"></cds-icon>\n    </button>\n    <clr-dropdown-menu *clrIfOpen clrPosition=\"bottom-right\">\n      <button *ngFor=\"let exportType of exportTypesFiltered()\" (click)=\"onExport(exportType.type)\" clrDropdownItem>\n        {{ exportType.value }}\n      </button>\n    </clr-dropdown-menu>\n  </clr-dropdown>\n</div>\n", styles: [".export-btn-right{display:flex;justify-content:flex-end}.export-btn-left{display:flex;justify-content:flex-start}.custom-button-export{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: ClarityModule }, { kind: "directive", type: i2.CdsIconCustomTag, selector: "cds-icon" }, { kind: "directive", type: i2.ClrIfOpen, selector: "[clrIfOpen]", inputs: ["clrIfOpen"], outputs: ["clrIfOpenChange"] }, { kind: "component", type: i2.ClrDropdown, selector: "clr-dropdown", inputs: ["clrCloseMenuOnItemClick"] }, { kind: "component", type: i2.ClrDropdownMenu, selector: "clr-dropdown-menu", inputs: ["clrPosition"] }, { kind: "directive", type: i2.ClrDropdownTrigger, selector: "[clrDropdownTrigger],[clrDropdownToggle]" }, { kind: "directive", type: i2.ClrDropdownItem, selector: "[clrDropdownItem]", inputs: ["clrDisabled", "id"] }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ExportDatagridButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'clr-export-datagrid-button', standalone: true, imports: [ClarityModule, NgIf, NgForOf, NgClass], template: "<div\n  [ngClass]=\"{\n    'export-btn-right': exportButtonPosition() === 'right',\n    'export-btn-left': exportButtonPosition() === 'left'\n  }\"\n>\n  <ng-container *ngIf=\"exportTypesFiltered().length === 1; else exportDropdown\">\n    <button\n      class=\"btn btn-sm btn-outline custom-button-export\"\n      type=\"button\"\n      (click)=\"onExport(exportTypesFiltered()[0].type)\"\n    >\n      {{ exportTypesFiltered()[0].value }}\n    </button>\n  </ng-container>\n  <ng-template #exportDropdown>\n    <clr-dropdown>\n      <button class=\"btn btn-sm btn-outline\" clrDropdownTrigger type=\"button\">\n        Export\n        <cds-icon shape=\"angle\" direction=\"down\" size=\"12\"></cds-icon>\n      </button>\n      <clr-dropdown-menu *clrIfOpen clrPosition=\"bottom-right\">\n        <button *ngFor=\"let exportType of exportTypesFiltered()\" (click)=\"onExport(exportType.type)\" clrDropdownItem>\n          {{ exportType.value }}\n        </button>\n      </clr-dropdown-menu>\n    </clr-dropdown>\n  </ng-template>\n</div>\n", styles: [".export-btn-right{display:flex;justify-content:flex-end}.export-btn-left{display:flex;justify-content:flex-start}.custom-button-export{margin:0}\n"] }]
+            args: [{ selector: 'clr-export-datagrid-button', standalone: true, imports: [ClarityModule, NgForOf, NgClass], template: "<div\n  [ngClass]=\"{\n    'export-btn-right': exportButtonPosition() === 'right',\n    'export-btn-left': exportButtonPosition() === 'left'\n  }\"\n>\n  <clr-dropdown>\n    <button class=\"btn btn-sm btn-outline\" clrDropdownTrigger type=\"button\">\n      {{ exportButtonText() }}\n      <cds-icon shape=\"angle\" direction=\"down\" size=\"12\"></cds-icon>\n    </button>\n    <clr-dropdown-menu *clrIfOpen clrPosition=\"bottom-right\">\n      <button *ngFor=\"let exportType of exportTypesFiltered()\" (click)=\"onExport(exportType.type)\" clrDropdownItem>\n        {{ exportType.value }}\n      </button>\n    </clr-dropdown-menu>\n  </clr-dropdown>\n</div>\n", styles: [".export-btn-right{display:flex;justify-content:flex-end}.export-btn-left{display:flex;justify-content:flex-start}.custom-button-export{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: ExportDatagridService }], propDecorators: { backendExport: [{
                 type: Output
             }] } });