@porscheinformatik/material-addons 10.1.9 → 10.2.3

package/lib/card/card.component.d.ts

@@ -10,11 +10,15 @@ export declare class CardComponent {
     saveText: string;
     title: string;
     editMode: boolean;
+    additionalActionIcon: string;
+    additionalActionText: string;
     edit: EventEmitter<any>;
     cancel: EventEmitter<any>;
     save: EventEmitter<any>;
+    additionalAction: EventEmitter<any>;
     onCancel(): void;
     onEdit(): void;
     onSave(): void;
     toggleCollapse(): void;
+    additionalActionClicked(): void;
 }

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

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

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

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

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

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

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

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

package/lib/content-panel/content-panel.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ContentPanelModule {
+}

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

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

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

@@ -0,0 +1,5 @@
+export interface DataTableAction {
+    label: string;
+    action: string;
+    outputRow?: any;
+}

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

@@ -0,0 +1,6 @@
+export interface DataTableColumnHeader {
+    label: string;
+    isSortable?: boolean;
+    dataPropertyName: string;
+    isRightAligned?: boolean;
+}

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

@@ -0,0 +1,39 @@
+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';
+export declare class DataTableComponent implements OnInit, AfterViewInit {
+    readonly ACTION_COLUMN_NAME = "__action__";
+    columns: DataTableColumnHeader[];
+    filterLabel: string;
+    filterPlaceholder: string;
+    noDataText: string;
+    pageSizeOptions: number[];
+    defaultPageSize: number;
+    rowActions: DataTableAction[];
+    tableActions: DataTableAction[];
+    set displayedData(data: any[]);
+    set paginationEnabled(isPaginationEnabled: boolean);
+    set filterEnabled(isFilterEnabled: boolean);
+    tableAction: EventEmitter<DataTableAction>;
+    rowAction: EventEmitter<DataTableAction>;
+    sortEvent: EventEmitter<Sort>;
+    paginator: MatPaginator;
+    sort: MatSort;
+    dataSource: MatTableDataSource<any[]>;
+    columnNames: string[];
+    isRowClickable: boolean;
+    defaultAction: DataTableAction;
+    isFilterEnabled: boolean;
+    isPaginationEnabled: boolean;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onFilter(value: string): void;
+    onRowEvent(event: MouseEvent, row: any, action?: DataTableAction): void;
+    onSortingEvent(sortingParams: Sort): void;
+    onTableAction(tableAction: DataTableAction): void;
+    private setFilterValue;
+    private isClickOnRowMenuIcon;
+}

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

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

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

@@ -0,0 +1,2 @@
+export declare class DataTableModule {
+}

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

@@ -0,0 +1,42 @@
+import { AfterViewInit, EventEmitter, OnInit } from '@angular/core';
+export interface IStep {
+    label: string;
+    enabled?: boolean;
+    subSteps?: IStep[];
+    activeSubStep?: IStep;
+}
+export declare class FlowbarComponent implements OnInit, AfterViewInit {
+    private stepper;
+    _steps: IStep[];
+    _activeStep: IStep;
+    _activeStepChange: EventEmitter<IStep>;
+    /**
+     * Event emitted when a step header is clicked.
+     * When defined header navigation has to be implemented programmatically.
+     * e.g. {@see changeActiveStepOnHeader}
+     */
+    _headerClick: EventEmitter<IStep>;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    changeActiveStep(step: IStep): void;
+    changeActiveStepOnHeader(step: IStep): void;
+    changeActiveSubStep(subStep: IStep): void;
+    previous(): void;
+    next(): void;
+    isPreviousAvailable(): boolean;
+    isNextAvailable(): boolean;
+    isLastStep(): boolean;
+    getCurrentIndex(): number;
+    getCurrentSubStepIndex(): number;
+    triggerClick(): void;
+    headerClick(event: any, step: IStep): void;
+    get currentStepLabel(): string;
+    get currentSubStepLabel(): string;
+    private activeTabHasSubSteps;
+    private isFirstSubStep;
+    private isLastSubStep;
+    private isAnyPreviousStepEnabled;
+    private isAnyFollowingStepEnabled;
+    private findPreviousEnabledStep;
+    private findNextEnabledStep;
+}

package/lib/flowbar/flowbar.module.d.ts

@@ -0,0 +1,2 @@
+export declare class FlowbarModule {
+}

package/lib/quick-list/base-quick-list.component.d.ts

@@ -0,0 +1,29 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
+export interface QuickListItem {
+    id: string;
+}
+export declare class BaseQuickListComponent<T> implements OnInit, AfterViewInit {
+    changeDetectorRef: ChangeDetectorRef;
+    allItems: T[];
+    addLabel: string;
+    addPossible: boolean;
+    blankItem: any;
+    readonly: boolean;
+    maxItems: number;
+    minItems: number;
+    added: EventEmitter<T>;
+    removed: EventEmitter<T>;
+    itemTemplate: TemplateRef<any>;
+    itemRows: QueryList<ElementRef>;
+    rowCountFocus: number;
+    addEventFunction: Function;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    addItem(): void;
+    removeItem(item: T): void;
+    setFocusOnAdd(): void;
+    isAddAllowed(): boolean;
+    isDeleteAllowed(): boolean;
+    private interalAddItem;
+}

package/lib/quick-list/quick-list-compact/quick-list-compact.component.d.ts

@@ -0,0 +1,6 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { BaseQuickListComponent, QuickListItem } from '../base-quick-list.component';
+export declare class QuickListCompactComponent extends BaseQuickListComponent<QuickListItem> {
+    changeDetectorRef: ChangeDetectorRef;
+    constructor(changeDetectorRef: ChangeDetectorRef);
+}

package/lib/quick-list/quick-list.component.d.ts

@@ -1,29 +1,6 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, QueryList, TemplateRef } from '@angular/core';
-export interface QuickListItem {
-    id: string;
-}
-export declare class QuickListComponent<T extends QuickListItem> implements OnInit, AfterViewInit {
-    private changeDetectorRef;
-    allItems: T[];
-    addLabel: string;
-    addPossible: boolean;
-    blankItem: any;
-    readonly: string;
-    maxItems: number;
-    minItems: number;
-    added: EventEmitter<T>;
-    removed: EventEmitter<T>;
-    itemTemplate: TemplateRef<any>;
-    itemRows: QueryList<ElementRef>;
-    rowCountFocus: number;
-    addEventFunction: Function;
+import { ChangeDetectorRef } from '@angular/core';
+import { BaseQuickListComponent, QuickListItem } from './base-quick-list.component';
+export declare class QuickListComponent extends BaseQuickListComponent<QuickListItem> {
+    changeDetectorRef: ChangeDetectorRef;
     constructor(changeDetectorRef: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    addItem(): void;
-    removeItem(item: T): void;
-    setFocusOnAdd(): void;
-    isAddAllowed(): boolean;
-    isDeleteAllowed(): boolean;
-    private interalAddItem;
 }

package/lib/stepper/mad-stepper-animation.d.ts

@@ -0,0 +1,7 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+/**
+ * Animations used by the MAD stepper.
+ */
+export declare const madStepperAnimations: {
+    readonly verticalStepTransition: AnimationTriggerMetadata;
+};

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

@@ -0,0 +1,23 @@
+import { CdkStepHeader, StepState } from '@angular/cdk/stepper';
+import { ElementRef } from '@angular/core';
+import { FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
+export declare class StepHeaderComponent extends CdkStepHeader {
+    private _focusMonitor;
+    index: number;
+    label: string;
+    state: StepState;
+    errorMessage: string;
+    selected: boolean;
+    active: boolean;
+    optional: boolean;
+    hasError: boolean;
+    completed: boolean;
+    closed: boolean;
+    constructor(_focusMonitor: FocusMonitor, _elementRef: ElementRef<HTMLElement>);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /** Focuses the step header. */
+    focus(origin?: FocusOrigin, options?: FocusOptions): void;
+    getCssForState(): string;
+    getIcon(): string;
+}

package/lib/stepper/stepper.component.d.ts

@@ -0,0 +1,47 @@
+import { Directionality } from '@angular/cdk/bidi';
+import { CdkStep, CdkStepper, StepContentPositionState } from '@angular/cdk/stepper';
+import { AnimationEvent } from '@angular/animations';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, ViewContainerRef } from '@angular/core';
+import { Subject } from 'rxjs';
+import { StepHeaderComponent } from './step-header/step-header.component';
+export declare class StepComponent extends CdkStep implements AfterContentInit, OnDestroy {
+    private stepper;
+    private _viewContainerRef;
+    /** Action event for the next button. If not set the StepComponent will handle the step navigation */
+    onNext: EventEmitter<any>;
+    /** Action event for the done button. If not set the StepComponent will handle the step navigation  */
+    onDone: EventEmitter<any>;
+    /*** Action event when the header is clicked. If not set the StepComponent will handle the step navigation*/
+    onHeaderClick: EventEmitter<any>;
+    stepClosed: boolean;
+    private _isSelected;
+    constructor(stepper: StepperComponent, _viewContainerRef: ViewContainerRef);
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    next(): void;
+    selectAndMarkAsTouched(index: number): void;
+    completeLast(): void;
+    resetValidations(): void;
+    private stepValidation;
+}
+export declare class StepperComponent extends CdkStepper implements OnInit, AfterContentInit {
+    /** Event emitted when the current step is done transitioning in. */
+    readonly animationDone: EventEmitter<void>;
+    nextButtonLabel: string;
+    doneButtonLabel: string;
+    /** Step headers of all steps inside the stepper */
+    _stepHeader: QueryList<StepHeaderComponent>;
+    /** Steps inside the Stepper */
+    _steps: QueryList<StepComponent>;
+    /** Steps that belong to the current stepper, excluding ones from nested steppers. */
+    steps: QueryList<StepComponent>;
+    readonly _animationDone: Subject<AnimationEvent>;
+    constructor(dir: Directionality, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _document: any);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    /**
+     * Method patched to enable the closing of the last step.
+     */
+    _getAnimationDirection(index: number): StepContentPositionState;
+    _stepIsNavigable(index: number, step: StepComponent): boolean;
+}

package/lib/stepper/stepper.module.d.ts

@@ -0,0 +1,2 @@
+export declare class StepperModule {
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porscheinformatik/material-addons",
-  "version": "10.1.9",
+  "version": "10.2.3",
   "description": "Custom theme and components for Angular Material",
   "homepage": "https://github.com/porscheinformatik/material-addons",
   "repository": {
@@ -40,11 +40,11 @@
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/cdk": "^10.2.7",
-    "@angular/material": "^10.2.7",
-    "@angular/common": "^10.2.4",
-    "@angular/core": "^10.2.4",
-    "@ngx-translate/core": "^11.0.1"
+    "@angular/cdk": ">= 10.0.0",
+    "@angular/material": ">= 10.0.0",
+    "@angular/common": ">= 10.0.0",
+    "@angular/core": ">= 10.0.0",
+    "@ngx-translate/core": ">= 11.0.1"
   },
   "esm2015": "esm2015/porscheinformatik-material-addons.js",
   "fesm2015": "fesm2015/porscheinformatik-material-addons.js",

package/porscheinformatik-material-addons.d.ts

@@ -9,6 +9,9 @@ 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 ɵj } from './lib/table/table.component';
+export { TableComponent as ɵl } from './lib/table/table.component';