@porscheinformatik/material-addons 0.0.34 → 0.0.99

package/bundles/porscheinformatik-material-addons.umd.js

@@ -1,755 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/material'), require('@angular/common'), require('@angular/router'), require('@angular/platform-browser'), require('@ngx-translate/core'), require('rxjs'), require('@angular/cdk/layout'), require('rxjs/operators')) :
-    typeof define === 'function' && define.amd ? define('@porscheinformatik/material-addons', ['exports', '@angular/core', '@angular/material', '@angular/common', '@angular/router', '@angular/platform-browser', '@ngx-translate/core', 'rxjs', '@angular/cdk/layout', 'rxjs/operators'], factory) :
-    (global = global || self, factory((global.porscheinformatik = global.porscheinformatik || {}, global.porscheinformatik['material-addons'] = {}), global.ng.core, global.ng.material, global.ng.common, global.ng.router, global.ng.platformBrowser, global.core$1, global.rxjs, global.ng.cdk.layout, global.rxjs.operators));
-}(this, function (exports, core, material, common, router, platformBrowser, core$1, rxjs, layout, operators) { 'use strict';
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var MaterialActionButtonComponent = /** @class */ (function () {
-        function MaterialActionButtonComponent() {
-            this.icon = 'add';
-            // Sets the lower padding higher providing some bottom space for a fixed paginator
-            this.liftHigher = true;
-            this.liftHigher2 = false;
-        }
-        MaterialActionButtonComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'mad-material-action-button',
-                        template: "<div class=\"material-action-button {{ liftHigher ? 'lift-higher' : '' }} {{ liftHigher2 ? 'lift-higher-2' : '' }}\">\r\n  <a [routerLink]=\"routerLink\">\r\n    <button [id]=\"id\" mat-fab [matTooltipPosition]=\"'left'\" [matTooltip]=\"actionName\" color=\"primary\" *ngIf=\"!liftHigher2\">\r\n      <mat-icon>{{ icon }}</mat-icon>\r\n    </button>\r\n    <button [id]=\"id\" mat-mini-fab [matTooltipPosition]=\"'left'\" [matTooltip]=\"actionName\" color=\"accent\" *ngIf=\"liftHigher2\">\r\n      <mat-icon>{{ icon }}</mat-icon>\r\n    </button>\r\n  </a>\r\n</div>\r\n",
-                        styles: [".material-action-button{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;flex-direction:column-reverse;align-items:center}.lift-higher{bottom:calc(25px + 36px)}.lift-higher-2{right:28px;bottom:calc(25px + 96px)}"]
-                    }] }
-        ];
-        MaterialActionButtonComponent.propDecorators = {
-            actionName: [{ type: core.Input }],
-            id: [{ type: core.Input }],
-            icon: [{ type: core.Input }],
-            routerLink: [{ type: core.Input }],
-            liftHigher: [{ type: core.Input }],
-            liftHigher2: [{ type: core.Input }]
-        };
-        return MaterialActionButtonComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        MaterialActionButtonComponent.prototype.actionName;
-        /** @type {?} */
-        MaterialActionButtonComponent.prototype.id;
-        /** @type {?} */
-        MaterialActionButtonComponent.prototype.icon;
-        /** @type {?} */
-        MaterialActionButtonComponent.prototype.routerLink;
-        /** @type {?} */
-        MaterialActionButtonComponent.prototype.liftHigher;
-        /** @type {?} */
-        MaterialActionButtonComponent.prototype.liftHigher2;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var MaterialActionButtonModule = /** @class */ (function () {
-        function MaterialActionButtonModule() {
-        }
-        MaterialActionButtonModule.decorators = [
-            { type: core.NgModule, args: [{
-                        declarations: [MaterialActionButtonComponent],
-                        imports: [common.CommonModule, router.RouterModule, material.MatButtonModule, material.MatIconModule, material.MatTooltipModule],
-                        exports: [MaterialActionButtonComponent],
-                    },] }
-        ];
-        return MaterialActionButtonModule;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * Wraps a mat-form-field to replace it by a readOnly representation if necessary
-     *
-     * @author Stefan Laesser
-     */
-    var ReadOnlyFormFieldWrapperComponent = /** @class */ (function () {
-        function ReadOnlyFormFieldWrapperComponent(changeDetector) {
-            this.changeDetector = changeDetector;
-            /**
-             * 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.
-             */
-            this.readonly = true;
-        }
-        /**
-         * @return {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            this.doRendering();
-        };
-        /**
-         * @return {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.ngAfterViewInit = /**
-         * @return {?}
-         */
-        function () {
-            this.doRendering();
-        };
-        /**
-         * @param {?} _
-         * @return {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.ngOnChanges = /**
-         * @param {?} _
-         * @return {?}
-         */
-        function (_) {
-            this.doRendering();
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.doRendering = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            if (!this.originalContent) {
-                return;
-            }
-            if (!this.readonly) {
-                this.correctWidth();
-                return;
-            }
-            this.setLabel();
-            // TODO remove. Does not work 100% with data binding when values are changed/deleted after rendering
-            // if (!this.value) {
-            //   this.tryToExtractValue();
-            // }
-            this.changeDetector.detectChanges();
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.setLabel = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var labelElement = this.originalContent.nativeElement.querySelector('mat-label');
-            this.label = labelElement ? labelElement.innerHTML : 'mat-label is missing!';
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.correctWidth = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var formField = this.originalContent.nativeElement.querySelector('mat-form-field');
-            if (formField) {
-                formField.setAttribute('style', 'width:100%');
-            }
-        };
-        ReadOnlyFormFieldWrapperComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'mad-readonly-form-field-wrapper',
-                        template: "<div #contentWrapper [hidden]=\"readonly\">\r\n  <ng-content></ng-content>\r\n</div>\r\n\r\n<ng-container *ngIf=\"!!readonly\">\r\n  <mad-readonly-form-field [label]=\"label\" [value]=\"value\"></mad-readonly-form-field>\r\n</ng-container>\r\n",
-                        styles: ["div,mat-form-field{width:inherit}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        ReadOnlyFormFieldWrapperComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        ReadOnlyFormFieldWrapperComponent.propDecorators = {
-            readonly: [{ type: core.Input }],
-            value: [{ type: core.Input }],
-            originalContent: [{ type: core.ViewChild, args: ['contentWrapper', { static: false },] }]
-        };
-        return ReadOnlyFormFieldWrapperComponent;
-    }());
-    if (false) {
-        /**
-         * 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.
-         * @type {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.readonly;
-        /**
-         * This input *MUST MATCH* the mat-form-field value to ensure correct data
-         * binding and formatting of readOnly representation!
-         * @type {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.value;
-        /**
-         * Automatically taken from the contained <mat-label>
-         * @type {?}
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.label;
-        /** @type {?} */
-        ReadOnlyFormFieldWrapperComponent.prototype.originalContent;
-        /**
-         * @type {?}
-         * @private
-         */
-        ReadOnlyFormFieldWrapperComponent.prototype.changeDetector;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * Read-only mat-form-field representation of provided value
-     *
-     * @author Stefan Laesser
-     */
-    var ReadOnlyFormFieldComponent = /** @class */ (function () {
-        function ReadOnlyFormFieldComponent(changeDetector) {
-            this.changeDetector = changeDetector;
-        }
-        /**
-         * @param {?} _
-         * @return {?}
-         */
-        ReadOnlyFormFieldComponent.prototype.ngOnChanges = /**
-         * @param {?} _
-         * @return {?}
-         */
-        function (_) {
-            if (this.checkForValue()) {
-                this.value = '-';
-                this.changeDetector.detectChanges();
-            }
-        };
-        /**
-         * @return {?}
-         */
-        ReadOnlyFormFieldComponent.prototype.checkForValue = /**
-         * @return {?}
-         */
-        function () {
-            return typeof this.value === 'undefined' || this.value === null || this.value.length === 0;
-        };
-        ReadOnlyFormFieldComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'mad-readonly-form-field',
-                        template: "<mat-form-field class=\"form-group\" appearance=\"none\">\r\n  <mat-label>{{ label }}</mat-label>\r\n  <input [value]=\"value\" readonly matInput />\r\n</mat-form-field>\r\n",
-                        styles: ["mat-form-field{width:100%;width:-moz-available;width:-webkit-fill-available;width:stretch}mat-label{line-height:1.4}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        ReadOnlyFormFieldComponent.ctorParameters = function () { return [
-            { type: core.ChangeDetectorRef }
-        ]; };
-        ReadOnlyFormFieldComponent.propDecorators = {
-            value: [{ type: core.Input }],
-            label: [{ type: core.Input }]
-        };
-        return ReadOnlyFormFieldComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        ReadOnlyFormFieldComponent.prototype.value;
-        /** @type {?} */
-        ReadOnlyFormFieldComponent.prototype.label;
-        /**
-         * @type {?}
-         * @private
-         */
-        ReadOnlyFormFieldComponent.prototype.changeDetector;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ReadOnlyFormFieldModule = /** @class */ (function () {
-        function ReadOnlyFormFieldModule() {
-        }
-        ReadOnlyFormFieldModule.decorators = [
-            { type: core.NgModule, args: [{
-                        declarations: [ReadOnlyFormFieldComponent, ReadOnlyFormFieldWrapperComponent],
-                        imports: [common.CommonModule, router.RouterModule, material.MatFormFieldModule, material.MatInputModule],
-                        exports: [ReadOnlyFormFieldComponent, ReadOnlyFormFieldWrapperComponent],
-                    },] }
-        ];
-        return ReadOnlyFormFieldModule;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ToolbarService = /** @class */ (function () {
-        function ToolbarService(router$1, translate) {
-            var _this = this;
-            this.router = router$1;
-            this.translate = translate;
-            this.mainActions = []; // shown on the left, next to title, as big buttons
-            // shown on the left, next to title, as big buttons
-            this.toolbarActions = []; // shown on the right as icons
-            this.liftFabButtonHigher = false;
-            this.routerSubscription = this.router.events.subscribe((/**
-             * @param {?} routingEvent
-             * @return {?}
-             */
-            function (routingEvent) {
-                if (routingEvent instanceof router.NavigationStart) {
-                    if (_this.router.url !== routingEvent.url) {
-                        _this.clearToolbarActions();
-                        _this.clearMainActions();
-                        delete _this.backAction;
-                        delete _this.dataTitle;
-                    }
-                }
-            }));
-        }
-        /**
-         * @return {?}
-         */
-        ToolbarService.prototype.ngOnDestroy = /**
-         * @return {?}
-         */
-        function () {
-            if (this.routerSubscription) {
-                this.routerSubscription.unsubscribe();
-            }
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarService.prototype.getToolbarActions = /**
-         * @return {?}
-         */
-        function () {
-            return this.toolbarActions;
-        };
-        /**
-         * @param {?} action
-         * @return {?}
-         */
-        ToolbarService.prototype.addToolbarAction = /**
-         * @param {?} action
-         * @return {?}
-         */
-        function (action) {
-            var _this = this;
-            this.translate
-                .get(action.i18nActionKey)
-                .toPromise()
-                .then((/**
-             * @param {?} translated
-             * @return {?}
-             */
-            function (translated) {
-                action.actionName = translated;
-                _this.toolbarActions.push(action);
-            }));
-        };
-        Object.defineProperty(ToolbarService.prototype, "toolbarTitle", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                return this.title;
-            },
-            set: /**
-             * @param {?} toolbarTitle
-             * @return {?}
-             */
-            function (toolbarTitle) {
-                this.title = toolbarTitle;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @param {?} dataTitle
-         * @return {?}
-         */
-        ToolbarService.prototype.setDataTitle = /**
-         * @param {?} dataTitle
-         * @return {?}
-         */
-        function (dataTitle) {
-            this.dataTitle = dataTitle;
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarService.prototype.getDataTitle = /**
-         * @return {?}
-         */
-        function () {
-            return this.dataTitle;
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarService.prototype.clearToolbarActions = /**
-         * @return {?}
-         */
-        function () {
-            this.toolbarActions = [];
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarService.prototype.getMainActions = /**
-         * @return {?}
-         */
-        function () {
-            return this.mainActions;
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarService.prototype.getBackAction = /**
-         * @return {?}
-         */
-        function () {
-            return this.backAction;
-        };
-        /**
-         * @param {?} mainAction
-         * @return {?}
-         */
-        ToolbarService.prototype.addMainAction = /**
-         * @param {?} mainAction
-         * @return {?}
-         */
-        function (mainAction) {
-            var _this = this;
-            this.translate
-                .get(mainAction.i18nActionKey)
-                .toPromise()
-                .then((/**
-             * @param {?} translated
-             * @return {?}
-             */
-            function (translated) {
-                mainAction.actionName = translated;
-                _this.mainActions.push(mainAction);
-            }));
-        };
-        /**
-         * Per default the goBackRoute is a routerLink. But if a href should be used (for absolute browser routing) then isAbsoluteUrl can be set to true.
-         */
-        /**
-         * Per default the goBackRoute is a routerLink. But if a href should be used (for absolute browser routing) then isAbsoluteUrl can be set to true.
-         * @param {?} goBackRoute
-         * @param {?=} isAbsoluteUrl
-         * @return {?}
-         */
-        ToolbarService.prototype.addBackAction = /**
-         * Per default the goBackRoute is a routerLink. But if a href should be used (for absolute browser routing) then isAbsoluteUrl can be set to true.
-         * @param {?} goBackRoute
-         * @param {?=} isAbsoluteUrl
-         * @return {?}
-         */
-        function (goBackRoute, isAbsoluteUrl) {
-            if (isAbsoluteUrl === void 0) { isAbsoluteUrl = false; }
-            this.backAction = {
-                matIcon: 'keyboard_backspace',
-                i18nActionKey: '',
-            };
-            if (!isAbsoluteUrl) {
-                this.backAction.routerLink = goBackRoute;
-            }
-            else {
-                this.backAction.href = goBackRoute;
-            }
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarService.prototype.clearMainActions = /**
-         * @return {?}
-         */
-        function () {
-            this.mainActions = [];
-        };
-        ToolbarService.decorators = [
-            { type: core.Injectable, args: [{
-                        providedIn: 'root',
-                    },] }
-        ];
-        /** @nocollapse */
-        ToolbarService.ctorParameters = function () { return [
-            { type: router.Router },
-            { type: core$1.TranslateService }
-        ]; };
-        /** @nocollapse */ ToolbarService.ngInjectableDef = core.ɵɵdefineInjectable({ factory: function ToolbarService_Factory() { return new ToolbarService(core.ɵɵinject(router.Router), core.ɵɵinject(core$1.TranslateService)); }, token: ToolbarService, providedIn: "root" });
-        return ToolbarService;
-    }());
-    if (false) {
-        /** @type {?} */
-        ToolbarService.prototype.backAction;
-        /** @type {?} */
-        ToolbarService.prototype.mainActions;
-        /** @type {?} */
-        ToolbarService.prototype.toolbarActions;
-        /** @type {?} */
-        ToolbarService.prototype.addNewButtonRoute;
-        /** @type {?} */
-        ToolbarService.prototype.liftFabButtonHigher;
-        /** @type {?} */
-        ToolbarService.prototype.dataTitle;
-        /** @type {?} */
-        ToolbarService.prototype.routerSubscription;
-        /**
-         * @type {?}
-         * @private
-         */
-        ToolbarService.prototype.title;
-        /**
-         * @type {?}
-         * @private
-         */
-        ToolbarService.prototype.router;
-        /**
-         * @type {?}
-         * @private
-         */
-        ToolbarService.prototype.translate;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ToolbarComponent = /** @class */ (function () {
-        function ToolbarComponent(breakpointObserver, titleService, toolbarService) {
-            this.breakpointObserver = breakpointObserver;
-            this.titleService = titleService;
-            this.toolbarService = toolbarService;
-            this.isHandset$ = this.breakpointObserver.observe([layout.Breakpoints.Handset]).pipe(operators.map((/**
-             * @param {?} result
-             * @return {?}
-             */
-            function (result) { return result.matches; })));
-        }
-        /**
-         * @return {?}
-         */
-        ToolbarComponent.prototype.getTitle = /**
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var dataTitle = this.toolbarService.getDataTitle();
-            /** @type {?} */
-            var toolbarTitle = this.toolbarService.toolbarTitle;
-            /** @type {?} */
-            var title = !toolbarTitle || toolbarTitle.length <= 0 ? this.titleService.getTitle() : toolbarTitle;
-            return !dataTitle || dataTitle.length <= 0 ? title : title + ': ' + dataTitle;
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarComponent.prototype.getToolbarActions = /**
-         * @return {?}
-         */
-        function () {
-            return this.toolbarService.getToolbarActions();
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarComponent.prototype.getMainActions = /**
-         * @return {?}
-         */
-        function () {
-            return this.toolbarService.getMainActions();
-        };
-        /**
-         * @param {?} action
-         * @return {?}
-         */
-        ToolbarComponent.prototype.hasPermission = /**
-         * @param {?} action
-         * @return {?}
-         */
-        function (action) {
-            if (!action || !action.showIf) {
-                return rxjs.of(true);
-            }
-            return action.showIf;
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarComponent.prototype.isRouterLink = /**
-         * @return {?}
-         */
-        function () {
-            return this.toolbarService.getBackAction() && !!this.toolbarService.getBackAction().routerLink;
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarComponent.prototype.isAbsoluteLink = /**
-         * @return {?}
-         */
-        function () {
-            return this.toolbarService.getBackAction() && !!this.toolbarService.getBackAction().href;
-        };
-        /**
-         * @return {?}
-         */
-        ToolbarComponent.prototype.getBackAction = /**
-         * @return {?}
-         */
-        function () {
-            return this.toolbarService.getBackAction();
-        };
-        ToolbarComponent.decorators = [
-            { type: core.Component, args: [{
-                        selector: 'mad-toolbar',
-                        template: "<mat-toolbar class=\"content-toolbar\">\r\n  <a [routerLink]=\"getBackAction().routerLink\" *ngIf=\"isRouterLink()\">\r\n    <button [id]=\"'go-back'\" color=\"primary\" mat-icon-button class=\"go-back-button\">\r\n      <mat-icon>{{ getBackAction().matIcon }}</mat-icon>\r\n    </button>\r\n  </a>\r\n  <a [href]=\"getBackAction().href\" *ngIf=\"isAbsoluteLink()\">\r\n    <button [id]=\"'go-back'\" color=\"primary\" mat-icon-button class=\"go-back-button\">\r\n      <mat-icon>{{ getBackAction().matIcon }}</mat-icon>\r\n    </button>\r\n  </a>\r\n\r\n  <span class=\"toolbar-title\">{{ getTitle() }}</span>\r\n\r\n  <ng-container *ngFor=\"let mainAction of getMainActions(); let i = index\">\r\n    <ng-container *ngIf=\"hasPermission(mainAction) | async\">\r\n      <div *ngIf=\"!(isHandset$ | async)\">\r\n        <a [routerLink]=\"mainAction.routerLink\">\r\n          <button [id]=\"mainAction.matIcon\" color=\"primary\" mat-flat-button style=\"margin-left: 56px\">\r\n            <mat-icon>{{ mainAction.matIcon }}</mat-icon>\r\n            {{ mainAction.actionName }}\r\n          </button>\r\n        </a>\r\n      </div>\r\n      <div *ngIf=\"isHandset$ | async\">\r\n        <mad-material-action-button\r\n          [actionName]=\"mainAction.actionName\"\r\n          [icon]=\"mainAction.matIcon\"\r\n          [liftHigher]=\"mainAction.liftHigherOnMobile\"\r\n          [liftHigher2]=\"i > 0\"\r\n          [routerLink]=\"mainAction.routerLink\"\r\n          [id]=\"mainAction.matIcon\"\r\n        >\r\n        </mad-material-action-button>\r\n      </div>\r\n    </ng-container>\r\n  </ng-container>\r\n\r\n  <div class=\"right-aligned no-print\">\r\n    <ng-container *ngFor=\"let action of getToolbarActions(); let i = index\">\r\n      <ng-container *ngIf=\"hasPermission(action) | async\">\r\n        <button\r\n          *ngIf=\"!(isHandset$ | async) || i < (getToolbarActions().length > 2 ? 1 : 2)\"\r\n          mat-icon-button\r\n          type=\"button\"\r\n          (click)=\"action.action()\"\r\n          [matTooltip]=\"action.actionName\"\r\n          [id]=\"action.matIcon\"\r\n        >\r\n          <mat-icon>{{ action.matIcon }}</mat-icon>\r\n        </button>\r\n      </ng-container>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"isHandset$ | async\">\r\n      <ng-container *ngIf=\"getToolbarActions().length > 2\">\r\n        <button mat-icon-button type=\"button\" [matMenuTriggerFor]=\"burgerMenu\" matTooltip=\"More\">\r\n          <mat-icon>more_vert</mat-icon>\r\n        </button>\r\n        <mat-menu #burgerMenu=\"matMenu\">\r\n          <ng-container *ngFor=\"let action of getToolbarActions(); let i = index\">\r\n            <ng-container *ngIf=\"hasPermission(action) | async\">\r\n              <button *ngIf=\"i >= 1\" mat-menu-item (click)=\"action.action()\">\r\n                <mat-icon>{{ action.matIcon }}</mat-icon>\r\n                {{ action.actionName }}\r\n              </button>\r\n            </ng-container>\r\n          </ng-container>\r\n        </mat-menu>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</mat-toolbar>\r\n",
-                        styles: ["mat-toolbar{background:#fff}.content-toolbar{height:57px;border-bottom:1px solid #dcdcdc}.right-aligned{overflow:hidden;margin-left:auto;margin-right:0}.go-back-button{padding-left:0;padding-right:0}.toolbar-title{margin-right:72px}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        ToolbarComponent.ctorParameters = function () { return [
-            { type: layout.BreakpointObserver },
-            { type: platformBrowser.Title },
-            { type: ToolbarService }
-        ]; };
-        return ToolbarComponent;
-    }());
-    if (false) {
-        /** @type {?} */
-        ToolbarComponent.prototype.isHandset$;
-        /**
-         * @type {?}
-         * @private
-         */
-        ToolbarComponent.prototype.breakpointObserver;
-        /**
-         * @type {?}
-         * @private
-         */
-        ToolbarComponent.prototype.titleService;
-        /**
-         * @type {?}
-         * @private
-         */
-        ToolbarComponent.prototype.toolbarService;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var ToolbarModule = /** @class */ (function () {
-        function ToolbarModule() {
-        }
-        ToolbarModule.decorators = [
-            { type: core.NgModule, args: [{
-                        declarations: [ToolbarComponent],
-                        imports: [
-                            common.CommonModule,
-                            router.RouterModule,
-                            material.MatMenuModule,
-                            material.MatButtonModule,
-                            material.MatToolbarModule,
-                            material.MatIconModule,
-                            MaterialActionButtonModule,
-                            material.MatTooltipModule,
-                        ],
-                        exports: [ToolbarComponent],
-                    },] }
-        ];
-        return ToolbarModule;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    /**
-     * @record
-     */
-    function Action() { }
-    if (false) {
-        /** @type {?} */
-        Action.prototype.matIcon;
-        /** @type {?} */
-        Action.prototype.i18nActionKey;
-        /** @type {?|undefined} */
-        Action.prototype.actionName;
-        /** @type {?|undefined} */
-        Action.prototype.showIf;
-    }
-    /**
-     * @record
-     */
-    function MainAction() { }
-    if (false) {
-        /** @type {?} */
-        MainAction.prototype.routerLink;
-        /** @type {?|undefined} */
-        MainAction.prototype.liftHigherOnMobile;
-    }
-    /**
-     * @record
-     */
-    function BackAction() { }
-    if (false) {
-        /** @type {?|undefined} */
-        BackAction.prototype.routerLink;
-        /** @type {?|undefined} */
-        BackAction.prototype.href;
-    }
-    /**
-     * @record
-     */
-    function ToolbarAction() { }
-    if (false) {
-        /** @type {?} */
-        ToolbarAction.prototype.action;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var MaterialAddonsModule = /** @class */ (function () {
-        function MaterialAddonsModule() {
-        }
-        MaterialAddonsModule.decorators = [
-            { type: core.NgModule, args: [{
-                        exports: [ReadOnlyFormFieldModule, ToolbarModule, MaterialActionButtonModule],
-                    },] }
-        ];
-        return MaterialAddonsModule;
-    }());
-
-    exports.MaterialActionButtonComponent = MaterialActionButtonComponent;
-    exports.MaterialActionButtonModule = MaterialActionButtonModule;
-    exports.MaterialAddonsModule = MaterialAddonsModule;
-    exports.ReadOnlyFormFieldComponent = ReadOnlyFormFieldComponent;
-    exports.ReadOnlyFormFieldModule = ReadOnlyFormFieldModule;
-    exports.ReadOnlyFormFieldWrapperComponent = ReadOnlyFormFieldWrapperComponent;
-    exports.ToolbarComponent = ToolbarComponent;
-    exports.ToolbarModule = ToolbarModule;
-    exports.ToolbarService = ToolbarService;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=porscheinformatik-material-addons.umd.js.map