@porscheinformatik/material-addons 10.3.2 → 10.4.0

package/lib/button/mad-basic-button.d.ts

@@ -1,10 +1,10 @@
-import { ElementRef, SimpleChanges } from '@angular/core';
+import { ElementRef } from '@angular/core';
 export declare class MadBasicButton {
     button: ElementRef;
     disabled: boolean;
-    disableClick: (e: Event) => void;
-    ngOnChanges(changes: SimpleChanges): void;
-    disableButton(): void;
     get pointerEvent(): string;
     get opacity(): string;
+    disableClick: (e: Event) => any;
+    ngOnChanges(): void;
+    disableButton(): void;
 }

package/lib/content-panel/content-header/content-header.component.d.ts

@@ -1,5 +1,2 @@
-import { OnInit } from '@angular/core';
-export declare class ContentHeaderComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
+export declare class ContentHeaderComponent {
 }

package/lib/content-panel/content-panel-container/content-panel-container.component.d.ts

@@ -1,5 +1,2 @@
-import { OnInit } from '@angular/core';
-export declare class ContentPanelContainerComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
+export declare class ContentPanelContainerComponent {
 }

package/lib/content-panel/content-panel-container-content/content-panel-container-content.component.d.ts

@@ -1,5 +1,2 @@
-import { OnInit } from '@angular/core';
-export declare class ContentPanelContainerContentComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
+export declare class ContentPanelContainerContentComponent {
 }

package/lib/content-panel/content-panel-container-footer/content-panel-container-footer.component.d.ts

@@ -1,5 +1,2 @@
-import { OnInit } from '@angular/core';
-export declare class ContentPanelContainerFooterComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
+export declare class ContentPanelContainerFooterComponent {
 }

package/lib/content-panel/main-container/main-container.component.d.ts

@@ -1,5 +1,2 @@
-import { OnInit } from '@angular/core';
-export declare class MainContainerComponent implements OnInit {
-    constructor();
-    ngOnInit(): void;
+export declare class MainContainerComponent {
 }

package/lib/data-table/data-table-action.d.ts

@@ -1,7 +1,7 @@
 export interface DataTableAction {
     label: string;
     action: string;
-    type: "SINGLE" | "BATCH" | "NONE";
+    type: 'SINGLE' | 'BATCH' | 'NONE';
     selected?: any[];
     hiddenInMode?: string;
 }

package/lib/data-table/data-table-column-definition.d.ts

@@ -0,0 +1,26 @@
+import { DataTableColumn } from './data-table-column';
+export interface DataTableColumnDefinition {
+    id: string;
+    label: string;
+    editable?: boolean;
+    displayedColumns: DataTableColumn[];
+}
+export interface DataTableColumnDefinitionChange {
+    action: string;
+    definition: DataTableColumnDefinition;
+}
+export interface DataTableDialogData {
+    allColumns: DataTableColumn[];
+    definition: DataTableColumnDefinition;
+    deleteDefinitionAllowed: boolean;
+    filterColumnsLabel: string;
+    filterColumnsPlaceHolder: string;
+    noDataText: string;
+    titleLabel: string;
+    selectedLabel: string;
+    availableLabel: string;
+    saveLabel: string;
+    deleteLabel: string;
+    cancelLabel: string;
+    infoTextLabel: string;
+}

package/lib/data-table/{data-table-column-header.d.ts → data-table-column.d.ts}

@@ -1,5 +1,7 @@
-export interface DataTableColumnHeader {
+export interface DataTableColumn {
+    id: string;
     label: string;
+    orderByName?: string;
     dataPropertyName: string;
     isSortable?: boolean;
     isRightAligned?: boolean;

package/lib/data-table/data-table-columns-modal/data-table-columns-modal.component.d.ts

@@ -0,0 +1,23 @@
+import { OnInit } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { DataTableColumn } from '../data-table-column';
+import { DataTableColumnDefinition, DataTableDialogData } from '../data-table-column-definition';
+import { CdkDrag, CdkDragDrop, CdkDropList } from '@angular/cdk/drag-drop';
+export declare class DataTableColumnsModalComponent implements OnInit {
+    dialogRef: MatDialogRef<DataTableColumnsModalComponent>;
+    data: DataTableDialogData;
+    definition: DataTableColumnDefinition;
+    searchFilter: string;
+    selectedColumns: DataTableColumn[];
+    availableColumns: DataTableColumn[];
+    filteredAvailableColumns: DataTableColumn[];
+    constructor(dialogRef: MatDialogRef<DataTableColumnsModalComponent>, data: DataTableDialogData);
+    ngOnInit(): void;
+    onDrop(event: CdkDragDrop<DataTableColumn[]>): void;
+    onSave(): void;
+    onDelete(): void;
+    onCancel(): void;
+    updateFilterValue(): void;
+    findMatchingItemIndex(previousContainer: CdkDropList, item: CdkDrag): number;
+    clearFilterValue(): void;
+}

package/lib/data-table/data-table.component.d.ts

@@ -1,35 +1,60 @@
-import { AfterViewInit, EventEmitter, OnInit } from "@angular/core";
-import { MatTableDataSource } from "@angular/material/table";
-import { MatPaginator } from "@angular/material/paginator";
-import { MatSort, Sort } from "@angular/material/sort";
-import { DataTableColumnHeader } from "./data-table-column-header";
-import { DataTableAction } from "./data-table-action";
-import { SelectionModel } from "@angular/cdk/collections";
+import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
+import { MatSort, Sort } from '@angular/material/sort';
+import { DataTableColumn } from './data-table-column';
+import { DataTableAction } from './data-table-action';
+import { SelectionModel } from '@angular/cdk/collections';
+import { MatDialog } from '@angular/material/dialog';
+import { DataTableColumnDefinition, DataTableColumnDefinitionChange } from './data-table-column-definition';
 export declare class DataTableComponent implements OnInit, AfterViewInit {
-    readonly ACTION_COLUMN_NAME = "__action__";
-    readonly SINGLE: string;
-    readonly BATCH: string;
-    readonly NONE: string;
-    columns: DataTableColumnHeader[];
+    private matDialog;
     filterLabel: string;
     filterPlaceholder: string;
+    filterColumnsLabel: string;
+    filterColumnsPlaceHolder: string;
     noDataText: string;
+    columnSettingsModalTitleLabel: string;
+    selectedLabel: string;
+    availableLabel: string;
+    saveLabel: string;
+    deleteLabel: string;
+    cancelLabel: string;
+    infoTextLabel: string;
+    tableClass: string;
     pageSizeOptions: number[];
-    defaultPageSize: number;
+    externalFilter: any;
     actions: DataTableAction[];
     idGenerator: any;
+    deleteDefinitionAllowed: boolean;
+    useAsync: boolean;
+    set displayedColumns(cols: DataTableColumn[]);
+    set displayedColumnDefinition(def: DataTableColumnDefinition);
     set tableData(data: any[]);
+    set page(page: PageEvent);
+    set columnDefinitions(definitions: DataTableColumnDefinition[]);
     set loading(isLoading: boolean);
+    set defaultPageSize(defaultSize: number);
+    set externalPaginator(paginator: any);
     set paginationEnabled(isPaginationEnabled: boolean);
+    set allColumns(allColumns: DataTableColumn[]);
     set filterEnabled(isFilterEnabled: boolean);
     set forceMode(mode: string);
     sortEvent: EventEmitter<Sort>;
     actionEvent: EventEmitter<DataTableAction>;
-    pagingEvent: EventEmitter<any>;
+    pageEvent: EventEmitter<PageEvent>;
+    allColumnsEvent: EventEmitter<void>;
+    columnDefinitionChangeEvent: EventEmitter<DataTableColumnDefinitionChange>;
+    viewDefinitionChangeEvent: EventEmitter<DataTableColumnDefinition>;
     paginator: MatPaginator;
     sort: MatSort;
+    readonly ACTION_COLUMN_NAME = "__action__";
+    readonly SINGLE: string;
+    readonly BATCH: string;
+    readonly NONE: string;
     tableActions: DataTableAction[];
     rowActions: DataTableAction[];
+    columns: DataTableColumn[];
     allSelected: boolean;
     selected: [];
     _forceMode: string;
@@ -37,17 +62,40 @@ export declare class DataTableComponent implements OnInit, AfterViewInit {
     actualDataMap: Map<string, any>;
     dataSource: MatTableDataSource<any[]>;
     selectionModel: SelectionModel<string>;
-    columnNames: string[];
+    columnIds: string[];
+    allColumnDefinitions: DataTableColumnDefinition[];
+    editableColumnDefinitions: DataTableColumnDefinition[];
+    viewableColumnDefinitions: DataTableColumnDefinition[];
+    selectedColumnDefinion: DataTableColumnDefinition;
+    allAvailableColumns: DataTableColumn[];
+    selectedDefinition: DataTableColumnDefinition;
     defaultAction: DataTableAction;
     isFilterEnabled: boolean;
     isPaginationEnabled: boolean;
     mode: string;
     isRowClickable: boolean;
+    showColumnModal: boolean;
     isLoading: boolean;
+    extPaginator: MatPaginator;
+    paginatorLength: number;
+    paginatorPageIndex: number;
+    paginatorPageSize: number;
+    constructor(matDialog: MatDialog);
+    static compare(a: Record<string, any>, b: Record<string, any>, sort: Sort): number;
+    static compareNumber(x: number, y: number, ascending: boolean): number;
+    static compareString(x: string, y: string, ascending: boolean): number;
+    static compareBoolean(x: boolean, y: boolean, ascending: boolean): number;
+    static transformData(value: any, transformer: any, transformerParams: any): any;
+    static generateRowId(): string;
+    static isClickOnRowMenuIcon(event: MouseEvent): boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
+    onColumnSettings(definition?: DataTableColumnDefinition): void;
+    onViewDefinition(definition: DataTableColumnDefinition): void;
+    isCurrentDefinition(definition: DataTableColumnDefinition): boolean;
     get selectedCount(): number;
     get rowCount(): number;
+    getAllDataSourceRowsOfCurrentPage(): any[];
     getSelectedCount(actionType: string): string;
     isDisabled(actionType: string): boolean;
     onToggleSelectAll(): void;
@@ -55,15 +103,15 @@ export declare class DataTableComponent implements OnInit, AfterViewInit {
     setFilterValue(value: string): void;
     onRowCheckbox(event: MouseEvent, row: any): void;
     onRowEvent(event: MouseEvent, row: any, action?: DataTableAction): void;
-    onSortingEvent(sortingParams: Sort): void;
-    onPaginationEvent(event: any): void;
+    onSortingEvent(sort: Sort): void;
+    onPageEvent(event: PageEvent): void;
     onTableAction(tableAction: DataTableAction): void;
-    private static transformData;
-    private static generateRowId;
-    private static isClickOnRowMenuIcon;
     private emitTableAction;
     private generateDisplayedDataElement;
+    private internalSort;
     private setActions;
     private createDataMapsAndSetDisplayedDataSourceData;
+    private openColumnModal;
     private getTableMode;
+    private unsetPageSizeIfNecessary;
 }

package/lib/data-table/data-table.d.ts

@@ -1,2 +1,3 @@
-export { DataTableColumnHeader } from './data-table-column-header';
+export { DataTableColumn } from './data-table-column';
 export { DataTableAction } from './data-table-action';
+export { DataTableColumnDefinition } from './data-table-column-definition';

package/lib/flowbar/flowbar.component.d.ts

@@ -6,7 +6,6 @@ export interface IStep {
     activeSubStep?: IStep;
 }
 export declare class FlowbarComponent implements OnInit, AfterViewInit {
-    private stepper;
     _steps: IStep[];
     _activeStep: IStep;
     _activeStepChange: EventEmitter<IStep>;
@@ -16,6 +15,9 @@ export declare class FlowbarComponent implements OnInit, AfterViewInit {
      * e.g. {@see changeActiveStepOnHeader}
      */
     _headerClick: EventEmitter<IStep>;
+    private stepper;
+    get currentStepLabel(): string;
+    get currentSubStepLabel(): string;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     getIndexForActiveStep(): number;
@@ -31,8 +33,6 @@ export declare class FlowbarComponent implements OnInit, AfterViewInit {
     getCurrentSubStepIndex(): number;
     triggerClick(): void;
     headerClick(event: any, step: IStep): void;
-    get currentStepLabel(): string;
-    get currentSubStepLabel(): string;
     private activeTabHasSubSteps;
     private isFirstSubStep;
     private isLastSubStep;

package/lib/readonly/readonly-form-field-wrapper/readonly-form-field-wrapper.component.d.ts

@@ -7,6 +7,8 @@ import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, ElementRef, OnChang
 export declare class ReadOnlyFormFieldWrapperComponent implements OnInit, AfterViewInit, OnChanges, AfterViewChecked {
     private changeDetector;
     private elementRef;
+    originalContent: ElementRef;
+    readOnlyContentWrapper: ElementRef;
     /**
      * If set to "false", the contained mat-form-field is rendered in all it's glory.
      * If set to "true", a readonly representation of the value is shown using the mat-form-fields label.
@@ -17,12 +19,6 @@ export declare class ReadOnlyFormFieldWrapperComponent implements OnInit, AfterV
      * binding and formatting of readOnly representation!
      */
     value: any;
-    /**
-     * Automatically taken from the contained <mat-label>
-     */
-    label: string;
-    originalContent: ElementRef;
-    readOnlyContentWrapper: ElementRef;
     textAlign: 'right' | 'left';
     formatNumber: boolean;
     decimalPlaces: number;
@@ -42,12 +38,16 @@ export declare class ReadOnlyFormFieldWrapperComponent implements OnInit, AfterV
      */
     rows: number;
     /**
-       * If shrinkIfEmpty is set to "false", nothing changes
-       * If set to "true" and multiline is also "true", the textarea will
-       * shrink to one row, if value is empty/null/undefined.
-       * Otherwise, the defined rows-value will be used
-       */
+     * If shrinkIfEmpty is set to "false", nothing changes
+     * If set to "true" and multiline is also "true", the textarea will
+     * shrink to one row, if value is empty/null/undefined.
+     * Otherwise, the defined rows-value will be used
+     */
     shrinkIfEmpty: boolean;
+    /**
+     * Automatically taken from the contained <mat-label>
+     */
+    label: string;
     toolTipForInputEnabled: boolean;
     toolTipText: string;
     constructor(changeDetector: ChangeDetectorRef, elementRef: ElementRef);

package/lib/stepper/step-header/step-header.component.d.ts

@@ -1,7 +1,7 @@
 import { CdkStepHeader, StepState } from '@angular/cdk/stepper';
-import { ElementRef } from '@angular/core';
+import { AfterViewInit, ElementRef, OnDestroy } from '@angular/core';
 import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
-export declare class StepHeaderComponent extends CdkStepHeader {
+export declare class StepHeaderComponent extends CdkStepHeader implements AfterViewInit, OnDestroy {
     private _focusMonitor;
     index: number;
     label: string;

package/lib/table/column-header.d.ts

@@ -3,4 +3,5 @@ export interface ColumnHeader {
     isSortable?: boolean;
     dataPropertyName: string;
     isRightAligned?: boolean;
+    isSticky?: boolean;
 }

package/lib/table/table.component.d.ts

@@ -5,7 +5,6 @@ import { MatSort, Sort } from '@angular/material/sort';
 import { ColumnHeader } from './column-header';
 import { TableAction } from './table-action';
 export declare class TableComponent implements OnInit, AfterViewInit {
-    readonly ACTION_COLUMN_NAME = "__action__";
     columns: ColumnHeader[];
     filterLabel: string;
     filterPlaceholder: string;
@@ -14,20 +13,21 @@ export declare class TableComponent implements OnInit, AfterViewInit {
     defaultPageSize: number;
     rowActions: TableAction[];
     tableActions: TableAction[];
-    set displayedData(data: any[]);
-    set paginationEnabled(isPaginationEnabled: boolean);
-    set filterEnabled(isFilterEnabled: boolean);
     tableAction: EventEmitter<TableAction>;
     rowAction: EventEmitter<TableAction>;
     sortEvent: EventEmitter<Sort>;
     paginator: MatPaginator;
     sort: MatSort;
+    readonly ACTION_COLUMN_NAME = "__action__";
     dataSource: MatTableDataSource<any[]>;
     columnNames: string[];
     isRowClickable: boolean;
     defaultAction: TableAction;
     isFilterEnabled: boolean;
     isPaginationEnabled: boolean;
+    set displayedData(data: any[]);
+    set paginationEnabled(isPaginationEnabled: boolean);
+    set filterEnabled(isFilterEnabled: boolean);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     onFilter(value: string): void;

package/lib/throttle-click/throttle-click.directive.d.ts

@@ -4,8 +4,7 @@ export declare class ThrottleClickDirective implements OnInit, OnDestroy {
     throttleClick: EventEmitter<any>;
     private clicks;
     private subscription;
-    constructor();
+    clickEvent(event: any): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    clickEvent(event: any): void;
 }

package/lib/toolbar/toolbar-action.interface.d.ts

@@ -1,5 +1,5 @@
 import { Observable } from 'rxjs';
-import { ThemePalette } from "@angular/material/core";
+import { ThemePalette } from '@angular/material/core';
 export interface Action {
     matIcon: string;
     i18nActionKey: string;
@@ -21,5 +21,6 @@ export interface ToolbarActionBadge {
 }
 export interface ToolbarAction extends Action {
     action: () => any;
+    importantAction?: boolean;
     badge?: ToolbarActionBadge;
 }

package/lib/toolbar/toolbar.component.d.ts

@@ -20,4 +20,5 @@ export declare class ToolbarComponent {
     getToolbarActionsAlwaysAsMenu(): boolean;
     getToolbarActionsMenuTitle(): string;
     showBadgeForMenu(): boolean;
+    hasImportantToolbarActions(): boolean;
 }

package/lib/toolbar/toolbar.service.d.ts

@@ -16,11 +16,11 @@ export declare class ToolbarService implements OnDestroy {
     private toolbarActionsMenuTitle;
     private currentUrl;
     constructor(router: Router, translate: TranslateService);
+    get toolbarTitle(): string;
+    set toolbarTitle(toolbarTitle: string);
     ngOnDestroy(): void;
     getToolbarActions(): ToolbarAction[];
     addToolbarAction(action: ToolbarAction): void;
-    set toolbarTitle(toolbarTitle: string);
-    get toolbarTitle(): string;
     setDataTitle(dataTitle: string): void;
     setToolbarActionsAlwaysAsMenu(toolbarActionsAlwaysAsMenu: boolean): void;
     getToolbarActionsAlwaysAsMenu(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porscheinformatik/material-addons",
-  "version": "10.3.2",
+  "version": "10.4.0",
   "description": "Custom theme and components for Angular Material",
   "homepage": "https://github.com/porscheinformatik/material-addons",
   "repository": {

package/porscheinformatik-material-addons.d.ts

@@ -2,16 +2,18 @@
  * Generated bundle index. Do not edit.
  */
 export * from './public-api';
-export { DangerButtonComponent as ɵe } from './lib/button/danger-button/danger-button.component';
-export { LinkButtonComponent as ɵd } from './lib/button/flat-button/link-button.component';
-export { IconButtonComponent as ɵf } from './lib/button/icon-button/icon-button.component';
-export { MadBasicButton as ɵb } from './lib/button/mad-basic-button';
-export { OutlineButtonComponent as ɵc } from './lib/button/outline-button/outline-button.component';
-export { PrimaryButtonComponent as ɵa } from './lib/button/primary-button/primary-button.component';
-export { CardComponent as ɵh } from './lib/card/card.component';
-export { DataTableComponent as ɵm } from './lib/data-table/data-table.component';
-export { NumericFieldDirective as ɵg } from './lib/numeric-field/numeric-field.directive';
-export { BaseQuickListComponent as ɵj } from './lib/quick-list/base-quick-list.component';
-export { QuickListCompactComponent as ɵk } from './lib/quick-list/quick-list-compact/quick-list-compact.component';
-export { QuickListComponent as ɵi } from './lib/quick-list/quick-list.component';
-export { TableComponent as ɵl } from './lib/table/table.component';
+export { DangerButtonComponent as ɵf } from './lib/button/danger-button/danger-button.component';
+export { LinkButtonComponent as ɵe } from './lib/button/flat-button/link-button.component';
+export { IconButtonComponent as ɵg } from './lib/button/icon-button/icon-button.component';
+export { MadBasicButton as ɵc } from './lib/button/mad-basic-button';
+export { OutlineButtonComponent as ɵd } from './lib/button/outline-button/outline-button.component';
+export { PrimaryButtonComponent as ɵb } from './lib/button/primary-button/primary-button.component';
+export { CardComponent as ɵi } from './lib/card/card.component';
+export { DataTableDialogData as ɵa } from './lib/data-table/data-table-column-definition';
+export { DataTableColumnsModalComponent as ɵo } from './lib/data-table/data-table-columns-modal/data-table-columns-modal.component';
+export { DataTableComponent as ɵn } from './lib/data-table/data-table.component';
+export { NumericFieldDirective as ɵh } from './lib/numeric-field/numeric-field.directive';
+export { BaseQuickListComponent as ɵk } from './lib/quick-list/base-quick-list.component';
+export { QuickListCompactComponent as ɵl } from './lib/quick-list/quick-list-compact/quick-list-compact.component';
+export { QuickListComponent as ɵj } from './lib/quick-list/quick-list.component';
+export { TableComponent as ɵm } from './lib/table/table.component';