@porscheinformatik/clr-addons 19.9.11 → 19.9.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,6 +12,7 @@ export declare class ExportDatagridButtonComponent {
|
|
|
12
12
|
exportTitlePrefix: import("@angular/core").InputSignal<string>;
|
|
13
13
|
exportButtonPosition: import("@angular/core").InputSignal<"right" | "left">;
|
|
14
14
|
possibleExportTypes: import("@angular/core").WritableSignal<ExportTypeEnum[]>;
|
|
15
|
+
exportButtonText: import("@angular/core").InputSignal<string>;
|
|
15
16
|
readonly backendExport: EventEmitter<ExportTypeEnum>;
|
|
16
17
|
readonly exportTypes: ExportType[];
|
|
17
18
|
readonly exportTypesFiltered: import("@angular/core").Signal<{
|
|
@@ -31,5 +32,5 @@ export declare class ExportDatagridButtonComponent {
|
|
|
31
32
|
private getRowsToExport;
|
|
32
33
|
private getColumnsTitle;
|
|
33
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<ExportDatagridButtonComponent, never>;
|
|
34
|
-
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>;
|
|
35
|
+
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>;
|
|
35
36
|
}
|
package/fesm2022/clr-addons.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
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';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
|
-
import { CommonModule, DOCUMENT, NgForOf, NgComponentOutlet, NgTemplateOutlet, getLocaleDateFormat, FormatWidth,
|
|
4
|
+
import { CommonModule, DOCUMENT, NgForOf, NgComponentOutlet, NgTemplateOutlet, getLocaleDateFormat, FormatWidth, NgClass } from '@angular/common';
|
|
5
5
|
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';
|
|
6
6
|
import * as i2 from '@clr/angular';
|
|
7
7
|
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 {
|
|
|
14885
14885
|
this.exportTitlePrefix = input('export-datagrid');
|
|
14886
14886
|
this.exportButtonPosition = input('right');
|
|
14887
14887
|
this.possibleExportTypes = signal([ExportTypeEnum.ALL]);
|
|
14888
|
+
this.exportButtonText = input('EXPORT');
|
|
14888
14889
|
/* outputs */
|
|
14889
14890
|
this.backendExport = new EventEmitter();
|
|
14890
14891
|
this.exportTypes = [
|
|
@@ -14989,11 +14990,11 @@ class ExportDatagridButtonComponent {
|
|
|
14989
14990
|
return columnTitles;
|
|
14990
14991
|
}
|
|
14991
14992
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ExportDatagridButtonComponent, deps: [{ token: ExportDatagridService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14992
|
-
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 <
|
|
14993
|
+
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"] }] }); }
|
|
14993
14994
|
}
|
|
14994
14995
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: ExportDatagridButtonComponent, decorators: [{
|
|
14995
14996
|
type: Component,
|
|
14996
|
-
args: [{ selector: 'clr-export-datagrid-button', standalone: true, imports: [ClarityModule,
|
|
14997
|
+
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"] }]
|
|
14997
14998
|
}], ctorParameters: () => [{ type: ExportDatagridService }], propDecorators: { backendExport: [{
|
|
14998
14999
|
type: Output
|
|
14999
15000
|
}] } });
|