@porscheinformatik/material-addons 10.2.1 → 10.2.2

package/esm2015/porscheinformatik-material-addons.js

@@ -9,9 +9,10 @@ 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';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9yc2NoZWluZm9ybWF0aWstbWF0ZXJpYWwtYWRkb25zLmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3J1bm5lci93b3JrL21hdGVyaWFsLWFkZG9ucy9tYXRlcmlhbC1hZGRvbnMvcHJvamVjdHMvbWF0ZXJpYWwtYWRkb25zL3NyYy8iLCJzb3VyY2VzIjpbInBvcnNjaGVpbmZvcm1hdGlrLW1hdGVyaWFsLWFkZG9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFDLG1CQUFtQixJQUFJLEVBQUUsRUFBQyxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sRUFBQyxjQUFjLElBQUksRUFBRSxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDbkUsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxNQUFNLHNEQUFzRCxDQUFDO0FBQ2xHLE9BQU8sRUFBQyxzQkFBc0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxzREFBc0QsQ0FBQztBQUNsRyxPQUFPLEVBQUMsYUFBYSxJQUFJLEVBQUUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQztBQUN4RixPQUFPLEVBQUMsc0JBQXNCLElBQUksRUFBRSxFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDeEYsT0FBTyxFQUFDLHlCQUF5QixJQUFJLEVBQUUsRUFBQyxNQUFNLGtFQUFrRSxDQUFDO0FBQ2pILE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUMsY0FBYyxJQUFJLEVBQUUsRUFBQyxNQUFNLDZCQUE2QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5leHBvcnQge0RhbmdlckJ1dHRvbkNvbXBvbmVudCBhcyDJtWV9IGZyb20gJy4vbGliL2J1dHRvbi9kYW5nZXItYnV0dG9uL2Rhbmdlci1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7TGlua0J1dHRvbkNvbXBvbmVudCBhcyDJtWR9IGZyb20gJy4vbGliL2J1dHRvbi9mbGF0LWJ1dHRvbi9saW5rLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtJY29uQnV0dG9uQ29tcG9uZW50IGFzIMm1Zn0gZnJvbSAnLi9saWIvYnV0dG9uL2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQge01hZEJhc2ljQnV0dG9uIGFzIMm1Yn0gZnJvbSAnLi9saWIvYnV0dG9uL21hZC1iYXNpYy1idXR0b24nO1xuZXhwb3J0IHtPdXRsaW5lQnV0dG9uQ29tcG9uZW50IGFzIMm1Y30gZnJvbSAnLi9saWIvYnV0dG9uL291dGxpbmUtYnV0dG9uL291dGxpbmUtYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQge1ByaW1hcnlCdXR0b25Db21wb25lbnQgYXMgybVhfSBmcm9tICcuL2xpYi9idXR0b24vcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7Q2FyZENvbXBvbmVudCBhcyDJtWh9IGZyb20gJy4vbGliL2NhcmQvY2FyZC5jb21wb25lbnQnO1xuZXhwb3J0IHtOdW1lcmljRmllbGREaXJlY3RpdmUgYXMgybVnfSBmcm9tICcuL2xpYi9udW1lcmljLWZpZWxkL251bWVyaWMtZmllbGQuZGlyZWN0aXZlJztcbmV4cG9ydCB7QmFzZVF1aWNrTGlzdENvbXBvbmVudCBhcyDJtWp9IGZyb20gJy4vbGliL3F1aWNrLWxpc3QvYmFzZS1xdWljay1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQge1F1aWNrTGlzdENvbXBhY3RDb21wb25lbnQgYXMgybVrfSBmcm9tICcuL2xpYi9xdWljay1saXN0L3F1aWNrLWxpc3QtY29tcGFjdC9xdWljay1saXN0LWNvbXBhY3QuY29tcG9uZW50JztcbmV4cG9ydCB7UXVpY2tMaXN0Q29tcG9uZW50IGFzIMm1aX0gZnJvbSAnLi9saWIvcXVpY2stbGlzdC9xdWljay1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQge1RhYmxlQ29tcG9uZW50IGFzIMm1bH0gZnJvbSAnLi9saWIvdGFibGUvdGFibGUuY29tcG9uZW50JzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9yc2NoZWluZm9ybWF0aWstbWF0ZXJpYWwtYWRkb25zLmpzIiwic291cmNlUm9vdCI6Ii9ob21lL3J1bm5lci93b3JrL21hdGVyaWFsLWFkZG9ucy9tYXRlcmlhbC1hZGRvbnMvcHJvamVjdHMvbWF0ZXJpYWwtYWRkb25zL3NyYy8iLCJzb3VyY2VzIjpbInBvcnNjaGVpbmZvcm1hdGlrLW1hdGVyaWFsLWFkZG9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxvREFBb0QsQ0FBQztBQUMvRixPQUFPLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFDLG1CQUFtQixJQUFJLEVBQUUsRUFBQyxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sRUFBQyxjQUFjLElBQUksRUFBRSxFQUFDLE1BQU0sK0JBQStCLENBQUM7QUFDbkUsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxNQUFNLHNEQUFzRCxDQUFDO0FBQ2xHLE9BQU8sRUFBQyxzQkFBc0IsSUFBSSxFQUFFLEVBQUMsTUFBTSxzREFBc0QsQ0FBQztBQUNsRyxPQUFPLEVBQUMsYUFBYSxJQUFJLEVBQUUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUMscUJBQXFCLElBQUksRUFBRSxFQUFDLE1BQU0sNkNBQTZDLENBQUM7QUFDeEYsT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxNQUFNLDRDQUE0QyxDQUFDO0FBQ3hGLE9BQU8sRUFBQyx5QkFBeUIsSUFBSSxFQUFFLEVBQUMsTUFBTSxrRUFBa0UsQ0FBQztBQUNqSCxPQUFPLEVBQUMsa0JBQWtCLElBQUksRUFBRSxFQUFDLE1BQU0sdUNBQXVDLENBQUM7QUFDL0UsT0FBTyxFQUFDLGNBQWMsSUFBSSxFQUFFLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcblxuZXhwb3J0IHtEYW5nZXJCdXR0b25Db21wb25lbnQgYXMgybVlfSBmcm9tICcuL2xpYi9idXR0b24vZGFuZ2VyLWJ1dHRvbi9kYW5nZXItYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQge0xpbmtCdXR0b25Db21wb25lbnQgYXMgybVkfSBmcm9tICcuL2xpYi9idXR0b24vZmxhdC1idXR0b24vbGluay1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7SWNvbkJ1dHRvbkNvbXBvbmVudCBhcyDJtWZ9IGZyb20gJy4vbGliL2J1dHRvbi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtNYWRCYXNpY0J1dHRvbiBhcyDJtWJ9IGZyb20gJy4vbGliL2J1dHRvbi9tYWQtYmFzaWMtYnV0dG9uJztcbmV4cG9ydCB7T3V0bGluZUJ1dHRvbkNvbXBvbmVudCBhcyDJtWN9IGZyb20gJy4vbGliL2J1dHRvbi9vdXRsaW5lLWJ1dHRvbi9vdXRsaW5lLWJ1dHRvbi5jb21wb25lbnQnO1xuZXhwb3J0IHtQcmltYXJ5QnV0dG9uQ29tcG9uZW50IGFzIMm1YX0gZnJvbSAnLi9saWIvYnV0dG9uL3ByaW1hcnktYnV0dG9uL3ByaW1hcnktYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQge0NhcmRDb21wb25lbnQgYXMgybVofSBmcm9tICcuL2xpYi9jYXJkL2NhcmQuY29tcG9uZW50JztcbmV4cG9ydCB7RGF0YVRhYmxlQ29tcG9uZW50IGFzIMm1bX0gZnJvbSAnLi9saWIvZGF0YS10YWJsZS9kYXRhLXRhYmxlLmNvbXBvbmVudCc7XG5leHBvcnQge051bWVyaWNGaWVsZERpcmVjdGl2ZSBhcyDJtWd9IGZyb20gJy4vbGliL251bWVyaWMtZmllbGQvbnVtZXJpYy1maWVsZC5kaXJlY3RpdmUnO1xuZXhwb3J0IHtCYXNlUXVpY2tMaXN0Q29tcG9uZW50IGFzIMm1an0gZnJvbSAnLi9saWIvcXVpY2stbGlzdC9iYXNlLXF1aWNrLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7UXVpY2tMaXN0Q29tcGFjdENvbXBvbmVudCBhcyDJtWt9IGZyb20gJy4vbGliL3F1aWNrLWxpc3QvcXVpY2stbGlzdC1jb21wYWN0L3F1aWNrLWxpc3QtY29tcGFjdC5jb21wb25lbnQnO1xuZXhwb3J0IHtRdWlja0xpc3RDb21wb25lbnQgYXMgybVpfSBmcm9tICcuL2xpYi9xdWljay1saXN0L3F1aWNrLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7VGFibGVDb21wb25lbnQgYXMgybVsfSBmcm9tICcuL2xpYi90YWJsZS90YWJsZS5jb21wb25lbnQnOyJdfQ==

package/esm2015/public-api.js

@@ -17,11 +17,21 @@ export * from './lib/card/card.module';
 export * from './lib/quick-list/quick-list.module';
 export * from './lib/table/table';
 export * from './lib/table/table.module';
+export * from './lib/data-table/data-table';
+export * from './lib/data-table/data-table.module';
 export * from './lib/throttle-click/throttle-click.directive';
 export * from './lib/throttle-click/throttle-click.module';
 export * from './lib/stepper/stepper.component';
 export * from './lib/stepper/step-header/step-header.component';
 export * from './lib/stepper/mad-stepper-animation';
 export * from './lib/stepper/stepper.module';
+export * from './lib/content-panel/content-header/content-header.component';
+export * from './lib/content-panel/content-panel-container/content-panel-container.component';
+export * from './lib/content-panel/content-panel-container-content/content-panel-container-content.component';
+export * from './lib/content-panel/content-panel-container-footer/content-panel-container-footer.component';
+export * from './lib/content-panel/main-container/main-container.component';
+export * from './lib/content-panel/content-panel.module';
+export * from './lib/flowbar/flowbar.component';
+export * from './lib/flowbar/flowbar.module';
 export * from './lib/material-addons.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIvaG9tZS9ydW5uZXIvd29yay9tYXRlcmlhbC1hZGRvbnMvbWF0ZXJpYWwtYWRkb25zL3Byb2plY3RzL21hdGVyaWFsLWFkZG9ucy9zcmMvIiwic291cmNlcyI6WyJwdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLDREQUE0RCxDQUFDO0FBQzNFLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGtGQUFrRixDQUFDO0FBQ2pHLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLGlEQUFpRCxDQUFDO0FBQ2hFLGNBQWMscUNBQXFDLENBQUM7QUFDcEQsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLDhCQUE4QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBtYXRlcmlhbC1hZGRvbnNcbiAqL1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbWF0ZXJpYWwtYWN0aW9uLWJ1dHRvbi9tYXRlcmlhbC1hY3Rpb24tYnV0dG9uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tYXRlcmlhbC1hY3Rpb24tYnV0dG9uL21hdGVyaWFsLWFjdGlvbi1idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3JlYWRvbmx5L3JlYWRvbmx5LWZvcm0tZmllbGQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3JlYWRvbmx5L3JlYWRvbmx5LWZvcm0tZmllbGQtd3JhcHBlci9yZWFkb25seS1mb3JtLWZpZWxkLXdyYXBwZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3JlYWRvbmx5L3JlYWRvbmx5LWZvcm0tZmllbGQvcmVhZG9ubHktZm9ybS1maWVsZC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhci90b29sYmFyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXIvdG9vbGJhci5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXIvdG9vbGJhci1hY3Rpb24uaW50ZXJmYWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL251bWVyaWMtZmllbGQvbnVtZXJpYy1maWVsZC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbnVtZXJpYy1maWVsZC9udW1iZXItZm9ybWF0LnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY2FyZC9jYXJkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9xdWljay1saXN0L3F1aWNrLWxpc3QubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RhYmxlL3RhYmxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3RhYmxlL3RhYmxlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aHJvdHRsZS1jbGljay90aHJvdHRsZS1jbGljay5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGhyb3R0bGUtY2xpY2svdGhyb3R0bGUtY2xpY2subW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3N0ZXBwZXIvc3RlcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlcHBlci9zdGVwLWhlYWRlci9zdGVwLWhlYWRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlcHBlci9tYWQtc3RlcHBlci1hbmltYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlcHBlci9zdGVwcGVyLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tYXRlcmlhbC1hZGRvbnMubW9kdWxlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIvaG9tZS9ydW5uZXIvd29yay9tYXRlcmlhbC1hZGRvbnMvbWF0ZXJpYWwtYWRkb25zL3Byb2plY3RzL21hdGVyaWFsLWFkZG9ucy9zcmMvIiwic291cmNlcyI6WyJwdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsY0FBYywrREFBK0QsQ0FBQztBQUM5RSxjQUFjLDREQUE0RCxDQUFDO0FBQzNFLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYywyQ0FBMkMsQ0FBQztBQUMxRCxjQUFjLGtGQUFrRixDQUFDO0FBQ2pHLGNBQWMsa0VBQWtFLENBQUM7QUFDakYsY0FBYyw4QkFBOEIsQ0FBQztBQUM3QyxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYywwQkFBMEIsQ0FBQztBQUN6QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsb0NBQW9DLENBQUM7QUFDbkQsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLDRDQUE0QyxDQUFDO0FBQzNELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxpREFBaUQsQ0FBQztBQUNoRSxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLCtFQUErRSxDQUFDO0FBQzlGLGNBQWMsK0ZBQStGLENBQUM7QUFDOUcsY0FBYyw2RkFBNkYsQ0FBQztBQUM1RyxjQUFjLDZEQUE2RCxDQUFDO0FBQzVFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxpQ0FBaUMsQ0FBQztBQUNoRCxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsOEJBQThCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG1hdGVyaWFsLWFkZG9uc1xuICovXG5leHBvcnQgKiBmcm9tICcuL2xpYi9tYXRlcmlhbC1hY3Rpb24tYnV0dG9uL21hdGVyaWFsLWFjdGlvbi1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21hdGVyaWFsLWFjdGlvbi1idXR0b24vbWF0ZXJpYWwtYWN0aW9uLWJ1dHRvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVhZG9ubHkvcmVhZG9ubHktZm9ybS1maWVsZC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVhZG9ubHkvcmVhZG9ubHktZm9ybS1maWVsZC13cmFwcGVyL3JlYWRvbmx5LWZvcm0tZmllbGQtd3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcmVhZG9ubHkvcmVhZG9ubHktZm9ybS1maWVsZC9yZWFkb25seS1mb3JtLWZpZWxkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b29sYmFyL3Rvb2xiYXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rvb2xiYXIvdG9vbGJhci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhci90b29sYmFyLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdG9vbGJhci90b29sYmFyLWFjdGlvbi5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbnVtZXJpYy1maWVsZC9udW1lcmljLWZpZWxkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9udW1lcmljLWZpZWxkL251bWJlci1mb3JtYXQuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3F1aWNrLWxpc3QvcXVpY2stbGlzdC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFibGUvdGFibGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGFibGUvdGFibGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RhdGEtdGFibGUvZGF0YS10YWJsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9kYXRhLXRhYmxlL2RhdGEtdGFibGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3Rocm90dGxlLWNsaWNrL3Rocm90dGxlLWNsaWNrLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90aHJvdHRsZS1jbGljay90aHJvdHRsZS1jbGljay5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVwcGVyL3N0ZXAtaGVhZGVyL3N0ZXAtaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVwcGVyL21hZC1zdGVwcGVyLWFuaW1hdGlvbic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zdGVwcGVyL3N0ZXBwZXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRlbnQtcGFuZWwvY29udGVudC1oZWFkZXIvY29udGVudC1oZWFkZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRlbnQtcGFuZWwvY29udGVudC1wYW5lbC1jb250YWluZXIvY29udGVudC1wYW5lbC1jb250YWluZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRlbnQtcGFuZWwvY29udGVudC1wYW5lbC1jb250YWluZXItY29udGVudC9jb250ZW50LXBhbmVsLWNvbnRhaW5lci1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb250ZW50LXBhbmVsL2NvbnRlbnQtcGFuZWwtY29udGFpbmVyLWZvb3Rlci9jb250ZW50LXBhbmVsLWNvbnRhaW5lci1mb290ZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRlbnQtcGFuZWwvbWFpbi1jb250YWluZXIvbWFpbi1jb250YWluZXIuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbnRlbnQtcGFuZWwvY29udGVudC1wYW5lbC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZmxvd2Jhci9mbG93YmFyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9mbG93YmFyL2Zsb3diYXIubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21hdGVyaWFsLWFkZG9ucy5tb2R1bGUnO1xuIl19

package/fesm2015/porscheinformatik-material-addons.js

@@ -24,6 +24,7 @@ import { Directionality } from '@angular/cdk/bidi';
 import { CdkStepHeader, STEP_STATE, CdkStep, CdkStepper, CdkStepperModule } from '@angular/cdk/stepper';
 import { FocusMonitor } from '@angular/cdk/a11y';
 import { FlexModule } from '@angular/flex-layout';
+import { MatStepperModule } from '@angular/material/stepper';
 
 class MaterialActionButtonComponent {
     constructor() {
@@ -1492,12 +1493,132 @@ TableModule.decorators = [
                     MatPaginatorModule,
                     MatSortModule,
                     MatTableModule,
-                    ButtonModule
+                    ButtonModule,
                 ],
                 exports: [TableComponent],
             },] }
 ];
 
+class DataTableComponent {
+    constructor() {
+        var _a;
+        this.ACTION_COLUMN_NAME = '__action__';
+        this.columns = [];
+        this.filterLabel = 'NOT SET';
+        this.filterPlaceholder = 'NOT SET';
+        this.pageSizeOptions = [5, 10, 15];
+        this.defaultPageSize = ((_a = this.pageSizeOptions) === null || _a === void 0 ? void 0 : _a[0]) || 10;
+        this.rowActions = [];
+        this.tableActions = [];
+        this.tableAction = new EventEmitter();
+        this.rowAction = new EventEmitter();
+        this.sortEvent = new EventEmitter();
+        this.isFilterEnabled = false;
+        this.isPaginationEnabled = false;
+    }
+    set displayedData(data) {
+        if (!this.dataSource) {
+            this.dataSource = new MatTableDataSource(data);
+        }
+        else {
+            this.dataSource.data = data;
+        }
+    }
+    set paginationEnabled(isPaginationEnabled) {
+        this.isPaginationEnabled = isPaginationEnabled;
+        // eslint-disable-next-line
+        const pageSize = this.isPaginationEnabled ? this.defaultPageSize : Number.MAX_VALUE;
+        if (this.dataSource.paginator) {
+            this.dataSource.paginator._changePageSize(pageSize);
+        }
+    }
+    set filterEnabled(isFilterEnabled) {
+        this.isFilterEnabled = isFilterEnabled;
+        this.setFilterValue(undefined);
+    }
+    ngOnInit() {
+        this.columnNames = this.columns.map(column => column.label);
+        this.isRowClickable = this.rowActions.length > 0;
+        if (this.isRowClickable) {
+            this.columnNames.unshift(this.ACTION_COLUMN_NAME);
+            this.defaultAction = this.rowActions[0];
+        }
+    }
+    ngAfterViewInit() {
+        this.dataSource.paginator = this.paginator;
+        this.dataSource.sort = this.sort;
+    }
+    onFilter(value) {
+        this.setFilterValue(value);
+    }
+    onRowEvent(event, row, action = this.defaultAction) {
+        if (!!action && !this.isClickOnRowMenuIcon(event)) {
+            this.rowAction.emit(Object.assign(Object.assign({}, action), { outputRow: row }));
+        }
+    }
+    onSortingEvent(sortingParams) {
+        this.sortEvent.emit(sortingParams);
+    }
+    onTableAction(tableAction) {
+        if (!!tableAction) {
+            this.tableAction.emit(tableAction);
+        }
+    }
+    setFilterValue(value) {
+        this.dataSource.filter = value === null || value === void 0 ? void 0 : value.trim().toLowerCase();
+    }
+    isClickOnRowMenuIcon(event) {
+        var _a;
+        return (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.classList.contains('mat-icon');
+    }
+}
+DataTableComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mad-data-table',
+                template: "<!-- Table actions -->\n<div *ngIf=\"tableActions?.length\">\n  <mad-primary-button class=\"table-action\" *ngFor=\"let tableAction of tableActions\" (click)=\"onTableAction(tableAction)\">\n    {{ tableAction.label }}\n  </mad-primary-button>\n</div>\n\n<!-- Row action buttons -->\n<mat-menu #menu=\"matMenu\">\n  <ng-template matMenuContent let-element=\"element\">\n    <button *ngFor=\"let rowAction of rowActions\" mat-menu-item class=\"row-action\" (click)=\"onRowEvent($event, element, rowAction)\">\n      {{ rowAction.label }}\n    </button>\n  </ng-template>\n</mat-menu>\n\n<!-- Table filter -->\n<mat-form-field *ngIf=\"isFilterEnabled\">\n  <mat-label>{{ filterLabel }}</mat-label>\n  <input matInput autocomplete=\"off\" (keyup)=\"onFilter($event?.target?.value)\" placeholder=\"{{ filterPlaceholder }}\" />\n</mat-form-field>\n\n<!-- Table -->\n<div *ngIf=\"dataSource?.data?.length > 0; else noData\" class=\"mad-table\">\n  <table mat-table [dataSource]=\"dataSource\" matSort (matSortChange)=\"onSortingEvent($event)\">\n    <!-- Row actions column -->\n    <ng-container [matColumnDef]=\"ACTION_COLUMN_NAME\" *ngIf=\"rowActions?.length\">\n      <th scope=\"col\" mat-header-cell *matHeaderCellDef class=\"row-action-button\"></th>\n      <td mat-cell *matCellDef=\"let element\" class=\"row-action-button\">\n        <mad-icon-button [matMenuTriggerData]=\"{ element: element }\" [matMenuTriggerFor]=\"menu\">\n          <mat-icon>more_vert</mat-icon>\n        </mad-icon-button>\n      </td>\n    </ng-container>\n    <!-- Columns with data -->\n    <ng-container *ngFor=\"let column of columns\" [matColumnDef]=\"column.label\">\n      <ng-container *ngIf=\"column.isSortable; else noSort\">\n        <th\n          scope=\"col\"\n          mat-header-cell\n          *matHeaderCellDef\n          mat-sort-header=\"{{ column.label }}\"\n          [arrowPosition]=\"column.isRightAligned ? 'before' : 'after'\"\n          [class.text-right]=\"column.isRightAligned\"\n        >\n          {{ column.label }}\n        </th>\n      </ng-container>\n      <ng-template #noSort>\n        <th scope=\"col\" mat-header-cell *matHeaderCellDef [class.text-right]=\"column.isRightAligned\">\n          {{ column.label }}\n        </th>\n      </ng-template>\n      <td mat-cell *matCellDef=\"let element\" [class.text-right]=\"column.isRightAligned\">\n        {{ element[column.dataPropertyName] }}\n      </td>\n    </ng-container>\n    <tr mat-header-row *matHeaderRowDef=\"columnNames\"></tr>\n    <tr\n      mat-row\n      [class.clickable-table-row]=\"isRowClickable\"\n      (click)=\"onRowEvent($event, row)\"\n      *matRowDef=\"let row; columns: columnNames\"\n    ></tr>\n  </table>\n\n  <!-- Pagination -->\n  <mat-paginator\n    [style.display]=\"isPaginationEnabled ? 'block' : 'none'\"\n    [pageSize]=\"defaultPageSize\"\n    [pageSizeOptions]=\"pageSizeOptions\"\n    showFirstLastButtons\n  >\n  </mat-paginator>\n</div>\n\n<!-- No data alert -->\n<ng-template #noData>\n  <div class=\"noDataText\">\n    {{ noDataText }}\n  </div>\n</ng-template>\n",
+                styles: [".text-right{padding-right:24px!important;text-align:right!important}.table-action{margin-bottom:.5em;margin-right:.5em}.row-action-button{width:10px}.noDataText{text-align:center;width:100%}.mad-table{overflow-x:auto;width:100%}"]
+            },] }
+];
+DataTableComponent.propDecorators = {
+    columns: [{ type: Input }],
+    filterLabel: [{ type: Input }],
+    filterPlaceholder: [{ type: Input }],
+    noDataText: [{ type: Input }],
+    pageSizeOptions: [{ type: Input }],
+    defaultPageSize: [{ type: Input }],
+    rowActions: [{ type: Input }],
+    tableActions: [{ type: Input }],
+    displayedData: [{ type: Input }],
+    paginationEnabled: [{ type: Input }],
+    filterEnabled: [{ type: Input }],
+    tableAction: [{ type: Output }],
+    rowAction: [{ type: Output }],
+    sortEvent: [{ type: Output }],
+    paginator: [{ type: ViewChild, args: [MatPaginator, { static: false },] }],
+    sort: [{ type: ViewChild, args: [MatSort, { static: true },] }]
+};
+
+class DataTableModule {
+}
+DataTableModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [DataTableComponent],
+                imports: [
+                    CommonModule,
+                    MatButtonModule,
+                    MatIconModule,
+                    MatFormFieldModule,
+                    MatInputModule,
+                    MatMenuModule,
+                    MatPaginatorModule,
+                    MatSortModule,
+                    MatTableModule,
+                    ButtonModule,
+                ],
+                exports: [DataTableComponent],
+            },] }
+];
+
 class StepHeaderComponent extends CdkStepHeader {
     constructor(_focusMonitor, _elementRef) {
         super(_elementRef);
@@ -1751,6 +1872,292 @@ StepperModule.decorators = [
             },] }
 ];
 
+class ContentHeaderComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ContentHeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mad-content-header',
+                template: "<div class=\"content-header\">\n    <ng-content></ng-content>\n</div>\n",
+                styles: [".content-header{padding-right:.5rem}"]
+            },] }
+];
+ContentHeaderComponent.ctorParameters = () => [];
+
+class ContentPanelContainerComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ContentPanelContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mad-content-panel-container',
+                template: "<div class=\"content-panel-outer-wrapper\">\n    <ng-content select=\"mad-content-panel-container-content\"></ng-content>\n    <ng-content select=\"mad-content-panel-container-footer\"></ng-content>\n</div>\n",
+                styles: [":host{display:flex;flex:1 1 auto;min-height:.05rem;overflow:hidden;position:relative}.content-panel-outer-wrapper{display:flex;flex:1 1 auto;flex-direction:column}"]
+            },] }
+];
+ContentPanelContainerComponent.ctorParameters = () => [];
+
+class ContentPanelContainerContentComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ContentPanelContainerContentComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mad-content-panel-container-content',
+                template: "<ng-content></ng-content>",
+                styles: [":host{border-top:.05rem solid #ccc;flex:1 1 auto;height:1rem;overflow-y:auto;padding:1rem}"]
+            },] }
+];
+ContentPanelContainerContentComponent.ctorParameters = () => [];
+
+class ContentPanelContainerFooterComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+ContentPanelContainerFooterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mad-content-panel-container-footer',
+                template: "<ng-content></ng-content>",
+                styles: [":host{align-items:center;border-top:.05rem solid #ccc;display:flex;flex:0 0 auto;min-height:2rem;padding:.25rem 1rem}"]
+            },] }
+];
+ContentPanelContainerFooterComponent.ctorParameters = () => [];
+
+class MainContainerComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+MainContainerComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mad-main-container',
+                template: "<div class=\"main-container\">\n    <ng-content select=\"mad-content-header\"></ng-content>\n    <ng-content select=\"mad-flowbar\"></ng-content>\n    <ng-content select=\"mad-content-panel-container\"></ng-content>\n</div>\n",
+                styles: [".main-container{display:flex;flex-direction:column;height:100%}"]
+            },] }
+];
+MainContainerComponent.ctorParameters = () => [];
+
+class ContentPanelModule {
+}
+ContentPanelModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [
+                    ContentHeaderComponent,
+                    ContentPanelContainerComponent,
+                    ContentPanelContainerContentComponent,
+                    ContentPanelContainerFooterComponent,
+                    MainContainerComponent,
+                ],
+                imports: [CommonModule],
+                exports: [
+                    ContentHeaderComponent,
+                    ContentPanelContainerComponent,
+                    ContentPanelContainerContentComponent,
+                    ContentPanelContainerFooterComponent,
+                    MainContainerComponent,
+                ],
+            },] }
+];
+
+class FlowbarComponent {
+    constructor() {
+        this._steps = [];
+        this._activeStepChange = new EventEmitter(true);
+        /**
+         * Event emitted when a step header is clicked.
+         * When defined header navigation has to be implemented programmatically.
+         * e.g. {@see changeActiveStepOnHeader}
+         */
+        this._headerClick = new EventEmitter(true);
+    }
+    ngOnInit() {
+        // If no active step is set as input or the active step is not enabled, select the first enabled step
+        if (!this._activeStep || !this._activeStep.enabled) {
+            this._activeStep = this._steps.find(step => {
+                return step.enabled;
+            });
+            if (this._activeStep) {
+                // If sub steps exist then set the first non disabled sub step per default
+                if (this.activeTabHasSubSteps()) {
+                    this._activeStep.activeSubStep = this._activeStep.subSteps.find(step => {
+                        return step.enabled;
+                    });
+                }
+                this._activeStepChange.emit(this._activeStep);
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.stepper._getIndicatorType = () => 'number';
+    }
+    changeActiveStep(step) {
+        const previousIndex = this._steps.indexOf(this._activeStep);
+        this._activeStep = step;
+        if (this.activeTabHasSubSteps()) {
+            if (previousIndex < this._steps.indexOf(this._activeStep)) {
+                this._activeStep.activeSubStep = this._activeStep.subSteps[0];
+            }
+            else {
+                this._activeStep.activeSubStep = this._activeStep.subSteps[this._activeStep.subSteps.length - 1];
+            }
+        }
+        this._activeStepChange.emit(this._activeStep);
+    }
+    changeActiveStepOnHeader(step) {
+        const stepIndex = this._steps.indexOf(step);
+        this._activeStep = step;
+        this.stepper.selected = this.stepper._steps.find((_, i) => i === stepIndex);
+    }
+    changeActiveSubStep(subStep) {
+        this._activeStep.activeSubStep = subStep;
+    }
+    previous() {
+        if (this.isPreviousAvailable()) {
+            // If active step has no sub steps or first sub step is selected -> go to previous main step
+            if (!this.activeTabHasSubSteps() || this.isFirstSubStep()) {
+                const previousEnabledStep = this.findPreviousEnabledStep();
+                this.changeActiveStep(previousEnabledStep);
+                this.stepper.selectedIndex = this._steps.indexOf(previousEnabledStep);
+            }
+            else {
+                const subStepIndex = this._activeStep.subSteps.indexOf(this._activeStep.activeSubStep);
+                this._activeStep.activeSubStep = this._activeStep.subSteps[subStepIndex - 1];
+            }
+        }
+    }
+    next() {
+        if (this.isNextAvailable()) {
+            // If active step has no sub steps or last sub step is selected -> go to next main step
+            if (!this.activeTabHasSubSteps() || this.isLastSubStep()) {
+                const nextEnabledStep = this.findNextEnabledStep();
+                this.changeActiveStep(nextEnabledStep);
+                this.stepper.selectedIndex = this._steps.indexOf(nextEnabledStep);
+            }
+            else {
+                const subStepIndex = this._activeStep.subSteps.indexOf(this._activeStep.activeSubStep);
+                this._activeStep.activeSubStep = this._activeStep.subSteps[subStepIndex + 1];
+            }
+        }
+    }
+    isPreviousAvailable() {
+        if (this._activeStep) {
+            if (!this.activeTabHasSubSteps() || this.isFirstSubStep()) {
+                const index = this.getCurrentIndex();
+                return index > 0 && this.isAnyPreviousStepEnabled(index);
+            }
+            else {
+                return true;
+            }
+        }
+        return false;
+    }
+    isNextAvailable() {
+        if (this._activeStep) {
+            if (!this.activeTabHasSubSteps() || this.isLastSubStep()) {
+                const index = this.getCurrentIndex();
+                return index < this._steps.length - 1 && this.isAnyFollowingStepEnabled(index);
+            }
+            else {
+                return true;
+            }
+        }
+        return false;
+    }
+    isLastStep() {
+        if (this.getCurrentIndex() === this._steps.length - 1) {
+            if (this.activeTabHasSubSteps()) {
+                return this.isLastSubStep();
+            }
+            else {
+                return true;
+            }
+        }
+        return false;
+    }
+    getCurrentIndex() {
+        return this._steps.findIndex(value => {
+            return value === this._activeStep;
+        });
+    }
+    getCurrentSubStepIndex() {
+        return this._activeStep.subSteps.findIndex(value => {
+            return value === this._activeStep.activeSubStep;
+        });
+    }
+    triggerClick() {
+        const selectedStep = this._steps[this.stepper.selectedIndex];
+        this.changeActiveStep(selectedStep);
+    }
+    headerClick(event, step) {
+        event.stopPropagation(); //stop processing current header click event
+        this._headerClick.emit(step);
+    }
+    get currentStepLabel() {
+        return this._activeStep.label;
+    }
+    get currentSubStepLabel() {
+        var _a;
+        return (_a = this._activeStep.activeSubStep) === null || _a === void 0 ? void 0 : _a.label;
+    }
+    activeTabHasSubSteps() {
+        return this._activeStep.subSteps && this._activeStep.subSteps.length > 0;
+    }
+    isFirstSubStep() {
+        return this._activeStep.activeSubStep === this._activeStep.subSteps[0];
+    }
+    isLastSubStep() {
+        return this._activeStep.activeSubStep === this._activeStep.subSteps[this._activeStep.subSteps.length - 1];
+    }
+    isAnyPreviousStepEnabled(index) {
+        // eslint-disable-next-line id-blacklist
+        return this._steps.slice(0, index).find(step => step.enabled) !== undefined;
+    }
+    isAnyFollowingStepEnabled(index) {
+        // eslint-disable-next-line id-blacklist
+        return this._steps.slice(index + 1, this._steps.length).find(step => step.enabled) !== undefined;
+    }
+    findPreviousEnabledStep() {
+        const index = this.getCurrentIndex();
+        return this._steps
+            .slice(0, index)
+            .reverse()
+            .find(step => step.enabled);
+    }
+    findNextEnabledStep() {
+        const index = this.getCurrentIndex();
+        return this._steps.slice(index + 1, this._steps.length).find(step => step.enabled);
+    }
+}
+FlowbarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'mad-flowbar',
+                template: "<div class=\"stepper-container\">\n    <mat-horizontal-stepper #stepper (click)=\"triggerClick()\">\n        <mat-step *ngFor=\"let step of _steps\" [aria-labelledby]=\"!step.enabled ? 'disabled' : null\">\n            <ng-template matStepLabel>\n                <div class=\"step-header-overlay\" *ngIf=\"this._headerClick.observers.length > 0\"  (click)=\"headerClick($event, step)\"></div>\n                <span>{{step.label}}</span>\n            </ng-template>\n        </mat-step>\n    </mat-horizontal-stepper>\n</div>\n",
+                styles: [".stepper-container{display:flex;padding:0 1rem}::ng-deep .mat-stepper-horizontal .mat-horizontal-stepper-header{height:auto;padding:0}::ng-deep .mat-step-header[aria-labelledby=disabled]{cursor:not-allowed;pointer-events:none!important}::ng-deep .mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 10px}::ng-deep .mat-stepper-horizontal .mat-stepper-horizontal-line{border-top-width:4px;margin:0 5px}.step-header-overlay{height:100%;position:absolute;width:100%}"]
+            },] }
+];
+FlowbarComponent.propDecorators = {
+    stepper: [{ type: ViewChild, args: ['stepper',] }],
+    _steps: [{ type: Input, args: ['steps',] }],
+    _activeStep: [{ type: Input, args: ['activeStep',] }],
+    _activeStepChange: [{ type: Output, args: ['activeStepChange',] }],
+    _headerClick: [{ type: Output, args: ['headerClick',] }]
+};
+
+class FlowbarModule {
+}
+FlowbarModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [FlowbarComponent],
+                imports: [CommonModule, MatStepperModule],
+                exports: [FlowbarComponent],
+            },] }
+];
+
 class MaterialAddonsModule {
 }
 MaterialAddonsModule.decorators = [
@@ -1776,5 +2183,5 @@ MaterialAddonsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonModule, CardModule, MaterialActionButtonComponent, MaterialActionButtonModule, MaterialAddonsModule, NumberFormatService, NumericFieldModule, QuickListModule, ReadOnlyFormFieldComponent, ReadOnlyFormFieldModule, ReadOnlyFormFieldWrapperComponent, StepComponent, StepHeaderComponent, StepperComponent, StepperModule, TableModule, ThrottleClickDirective, ThrottleClickModule, ToolbarComponent, ToolbarModule, ToolbarService, madStepperAnimations, PrimaryButtonComponent as ɵa, MadBasicButton as ɵb, OutlineButtonComponent as ɵc, LinkButtonComponent as ɵd, DangerButtonComponent as ɵe, IconButtonComponent as ɵf, NumericFieldDirective as ɵg, CardComponent as ɵh, QuickListComponent as ɵi, BaseQuickListComponent as ɵj, QuickListCompactComponent as ɵk, TableComponent as ɵl };
+export { ButtonModule, CardModule, ContentHeaderComponent, ContentPanelContainerComponent, ContentPanelContainerContentComponent, ContentPanelContainerFooterComponent, ContentPanelModule, DataTableModule, FlowbarComponent, FlowbarModule, MainContainerComponent, MaterialActionButtonComponent, MaterialActionButtonModule, MaterialAddonsModule, NumberFormatService, NumericFieldModule, QuickListModule, ReadOnlyFormFieldComponent, ReadOnlyFormFieldModule, ReadOnlyFormFieldWrapperComponent, StepComponent, StepHeaderComponent, StepperComponent, StepperModule, TableModule, ThrottleClickDirective, ThrottleClickModule, ToolbarComponent, ToolbarModule, ToolbarService, madStepperAnimations, PrimaryButtonComponent as ɵa, MadBasicButton as ɵb, OutlineButtonComponent as ɵc, LinkButtonComponent as ɵd, DangerButtonComponent as ɵe, IconButtonComponent as ɵf, NumericFieldDirective as ɵg, CardComponent as ɵh, QuickListComponent as ɵi, BaseQuickListComponent as ɵj, QuickListCompactComponent as ɵk, TableComponent as ɵl, DataTableComponent as ɵm };
 //# sourceMappingURL=porscheinformatik-material-addons.js.map