@eurosat/buttons 10.0.0 → 12.0.0

package/fesm2015/eurosat-buttons.js

@@ -14,613 +14,324 @@ import { MatMenuModule } from '@angular/material/menu';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { TranslateModule } from '@ngx-translate/core';
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/model/es-button-action.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class EsButtonAction {
-}
-EsButtonAction.ACTION_DIALOG_CONFIRM = 'dialog-confirm';
-EsButtonAction.ACTION_DIALOG_DELETE = 'dialog-delete';
-EsButtonAction.ACTION_DIALOG_FORM = 'dialog-form';
-EsButtonAction.ACTION_CARD_CONTENT_FORM = 'card-content-form';
-EsButtonAction.ACTION_CARD_CONTENT_WIZARD = 'card-content-wizard'; // todo asi zrusit
-// todo asi zrusit
-EsButtonAction.ACTION_CHANGE_CARD_CONTENT = 'change-card-content'; // mozna zrusit ? je kuli neemitu clicku na button
-// mozna zrusit ? je kuli neemitu clicku na button
-EsButtonAction.ACTION_DOWNLOAD = 'download';
-EsButtonAction.ACTION_REQUEST = 'request';
-EsButtonAction.ACTION_ROUTER_NAVIGATE = 'router-navigate';
-EsButtonAction.ACTION_WINDOW_LOCATION = 'open-link';
-if (false) {
-    /** @type {?} */
-    EsButtonAction.ACTION_DIALOG_CONFIRM;
-    /** @type {?} */
-    EsButtonAction.ACTION_DIALOG_DELETE;
-    /** @type {?} */
-    EsButtonAction.ACTION_DIALOG_FORM;
-    /** @type {?} */
-    EsButtonAction.ACTION_CARD_CONTENT_FORM;
-    /** @type {?} */
-    EsButtonAction.ACTION_CARD_CONTENT_WIZARD;
-    /** @type {?} */
-    EsButtonAction.ACTION_CHANGE_CARD_CONTENT;
-    /** @type {?} */
-    EsButtonAction.ACTION_DOWNLOAD;
-    /** @type {?} */
-    EsButtonAction.ACTION_REQUEST;
-    /** @type {?} */
-    EsButtonAction.ACTION_ROUTER_NAVIGATE;
-    /** @type {?} */
-    EsButtonAction.ACTION_WINDOW_LOCATION;
+class EsButtonAction {
 }
+EsButtonAction.ACTION_DIALOG_CONFIRM = 'dialog-confirm';
+EsButtonAction.ACTION_DIALOG_DELETE = 'dialog-delete';
+EsButtonAction.ACTION_DIALOG_FORM = 'dialog-form';
+EsButtonAction.ACTION_CARD_CONTENT_FORM = 'card-content-form';
+EsButtonAction.ACTION_CARD_CONTENT_WIZARD = 'card-content-wizard'; // todo asi zrusit
+EsButtonAction.ACTION_CHANGE_CARD_CONTENT = 'change-card-content'; // mozna zrusit ? je kuli neemitu clicku na button
+EsButtonAction.ACTION_DOWNLOAD = 'download';
+EsButtonAction.ACTION_REQUEST = 'request';
+EsButtonAction.ACTION_ROUTER_NAVIGATE = 'router-navigate';
+EsButtonAction.ACTION_WINDOW_LOCATION = 'open-link';
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/components/dialog-confirm/dialog-confirm.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class DialogConfirmComponent {
-    /**
-     * @param {?} dialogRef
-     * @param {?} snackBar
-     * @param {?} ds
-     */
-    constructor(dialogRef, snackBar, ds) {
-        this.dialogRef = dialogRef;
-        this.snackBar = snackBar;
-        this.ds = ds;
-        this.submit = new EventEmitter();
-        this.activeRequest = false;
-        /** @type {?} */
-        const data = this.ds.getData();
-        this.message = data.message;
-        this.url = data.url;
-    }
-    /**
-     * @return {?}
-     */
-    confirm() {
-        this.activeRequest = true;
-        this.ds.httpPost(this.url, null).subscribe((/**
-         * @param {?} response
-         * @return {?}
-         */
-        (response) => {
-            this.activeRequest = false;
-            /** @type {?} */
-            const config = new MatSnackBarConfig();
-            config.duration = 2000;
-            if (response.type === EsFormResponseMessageType.TYPE_OK) {
-                config.panelClass = EsSnackBarPanelClass.SUCCESS;
-                this.submit.emit();
-            }
-            else {
-                config.panelClass = EsSnackBarPanelClass.DANGER;
-            }
-            this.snackBar.open(response.message, null, config);
-            /** @type {?} */
-            const result = {
-                clickedYes: true,
-                serverResponse: response
-            };
-            this.dialogRef.close(result);
-        }));
-    }
-}
-DialogConfirmComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'dialog-confirm',
-                template: "<p>{{message}}</p>\r\n<div class=\"button-container\">\r\n    <mat-spinner *ngIf=\"activeRequest\" [diameter]=\"36\"></mat-spinner>\r\n    <ng-container *ngIf=\"!activeRequest\">\r\n        <button type=\"button\"\r\n                color=\"accent\"\r\n                mat-raised-button\r\n                (click)=\"confirm()\"> {{'an.common.ano' | translate}}\r\n        </button>\r\n        <button type=\"button\"\r\n                color=\"accent\"\r\n                mat-raised-button\r\n                (click)=\"dialogRef.close({clickedYes: false})\">{{'an.common.ne' | translate}}\r\n        </button>\r\n    </ng-container>\r\n</div>\r\n",
-                styles: ["button:not(:last-child){margin-right:20px}.button-container{min-height:36px;min-width:196px;position:relative;text-align:center}.button-container mat-spinner{left:calc(50% - 18px);position:absolute!important;top:calc(50% - 18px)}"]
-            }] }
-];
-/** @nocollapse */
-DialogConfirmComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: MatSnackBar },
-    { type: EsDialogService }
-];
-DialogConfirmComponent.propDecorators = {
-    submit: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    DialogConfirmComponent.prototype.submit;
-    /** @type {?} */
-    DialogConfirmComponent.prototype.message;
-    /** @type {?} */
-    DialogConfirmComponent.prototype.url;
-    /** @type {?} */
-    DialogConfirmComponent.prototype.activeRequest;
-    /** @type {?} */
-    DialogConfirmComponent.prototype.dialogRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    DialogConfirmComponent.prototype.snackBar;
-    /**
-     * @type {?}
-     * @private
-     */
-    DialogConfirmComponent.prototype.ds;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/components/dialog-form/dialog-form.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class DialogFormComponent {
-    /**
-     * @param {?} dialogRef
-     * @param {?} ds
-     */
-    constructor(dialogRef, ds) {
-        this.dialogRef = dialogRef;
-        this.cols = 1;
-        this.maxFormHeight = window.innerHeight - 60;
-        /** @type {?} */
-        const data = ds.getData();
-        this.formUrl = data.url;
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    submit(value) {
-        // sem se to dostane jen pri success ulozeni formu
-        /** @type {?} */
-        const result = {
-            clickedYes: true
-        };
-        this.dialogRef.close(result);
-        // pokud bysme chteli form.value
-        // this.dialogRef.close(value);
-        // console.log('form value v parent', value);
-    }
-    /**
-     * @return {?}
-     */
-    getWindowHeight() {
-        this.maxFormHeight = window.innerHeight - 60;
-    }
-}
-DialogFormComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'dialog-form',
-                template: "<div class=\"es-form-container\" [style.max-height]=\"(maxFormHeight - 106) + 'px'\">\r\n    <es-form [formUrl]=\"formUrl\"\r\n             [dynamicForm]=\"esForm\"\r\n             [cols]=\"cols\"\r\n             (submit)=\"submit($event)\">\r\n    </es-form>\r\n</div>\r\n",
-                styles: [".es-form-container{margin-top:24px;overflow:auto;position:relative}"]
-            }] }
-];
-/** @nocollapse */
-DialogFormComponent.ctorParameters = () => [
-    { type: MatDialogRef },
-    { type: EsDialogService }
-];
-if (false) {
-    /** @type {?} */
-    DialogFormComponent.prototype.formUrl;
-    /** @type {?} */
-    DialogFormComponent.prototype.cols;
-    /** @type {?} */
-    DialogFormComponent.prototype.esForm;
-    /** @type {?} */
-    DialogFormComponent.prototype.maxFormHeight;
-    /** @type {?} */
-    DialogFormComponent.prototype.dialogRef;
+class DialogConfirmComponent {
+    constructor(dialogRef, snackBar, ds) {
+        this.dialogRef = dialogRef;
+        this.snackBar = snackBar;
+        this.ds = ds;
+        this.submit = new EventEmitter();
+        this.activeRequest = false;
+        const data = this.ds.getData();
+        this.message = data.message;
+        this.url = data.url;
+    }
+    confirm() {
+        this.activeRequest = true;
+        this.ds.httpPost(this.url, null).subscribe((response) => {
+            this.activeRequest = false;
+            const config = new MatSnackBarConfig();
+            config.duration = 2000;
+            if (response.type === EsFormResponseMessageType.TYPE_OK) {
+                config.panelClass = EsSnackBarPanelClass.SUCCESS;
+                this.submit.emit();
+            }
+            else {
+                config.panelClass = EsSnackBarPanelClass.DANGER;
+            }
+            this.snackBar.open(response.message, null, config);
+            const result = {
+                clickedYes: true,
+                serverResponse: response
+            };
+            this.dialogRef.close(result);
+        });
+    }
 }
+DialogConfirmComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'dialog-confirm',
+                template: "<p>{{message}}</p>\n<div class=\"button-container\">\n    <mat-spinner *ngIf=\"activeRequest\" [diameter]=\"36\"></mat-spinner>\n    <ng-container *ngIf=\"!activeRequest\">\n        <button type=\"button\"\n                color=\"accent\"\n                mat-raised-button\n                (click)=\"confirm()\"> {{'an.common.ano' | translate}}\n        </button>\n        <button type=\"button\"\n                color=\"accent\"\n                mat-raised-button\n                (click)=\"dialogRef.close({clickedYes: false})\">{{'an.common.ne' | translate}}\n        </button>\n    </ng-container>\n</div>\n",
+                styles: ["button:not(:last-child){margin-right:20px}.button-container{min-height:36px;min-width:196px;position:relative;text-align:center}.button-container mat-spinner{position:absolute!important;left:calc(50% - 18px);top:calc(50% - 18px)}"]
+            },] }
+];
+/** @nocollapse */
+DialogConfirmComponent.ctorParameters = () => [
+    { type: MatDialogRef },
+    { type: MatSnackBar },
+    { type: EsDialogService }
+];
+DialogConfirmComponent.propDecorators = {
+    submit: [{ type: Output }]
+};
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/es-buttons.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-// todo translates
-class EsButtonsComponent {
-    /**
-     * @param {?} router
-     * @param {?} dialog
-     * @param {?} snackBar
-     * @param {?} http
-     */
-    constructor(router, dialog, snackBar, http) {
-        this.router = router;
-        this.dialog = dialog;
-        this.snackBar = snackBar;
-        this.http = http;
-        this.parentWidth = 40; // default 40 = 1 button
-        // default 40 = 1 button
-        this.buttons = []; // normal input
-        // normal input
-        this.forceMenu = false; // pokud chci zobrazit ... menu i pro jeden buttonek, na realtimu pouzito
-        // pokud chci zobrazit ... menu i pro jeden buttonek, na realtimu pouzito
-        this.buttonClick = new EventEmitter();
-        this.reload = new EventEmitter();
-        this.dialogCreated = new EventEmitter();
-        this.serverResponse = new EventEmitter();
-        this.menuVisible = false;
-        this.buttonWidth = 40; // todo ViewChild, sirka buttonu ?
-        // todo ViewChild, sirka buttonu ?
-        this.visibleButtons = [];
-        this.hiddenButtons = [];
-        this.esIcon = EsIcon;
-        this._width = 0;
-    }
-    /**
-     * @return {?}
-     */
-    showMenu() {
-        return this.getHiddenButtons() && this.getHiddenButtons().length > 0 && this.getHiddenButtons().length !== 1;
-    }
-    /**
-     * @return {?}
-     */
-    countVisible() {
-        return Math.floor((this._width) / this.buttonWidth) - 1;
-    }
-    /**
-     * @return {?}
-     */
-    getVisibleButtons() {
-        if (this.buttons && this.buttons.length > 0) {
-            return this.buttons.filter((/**
-             * @param {?} button
-             * @return {?}
-             */
-            button => {
-                if (this.buttons.indexOf(button) < this.countVisible()
-                    || (this.getHiddenButtons().length === 1 && !this.forceMenu)) {
-                    return true;
-                }
-            }));
-        }
-    }
-    /**
-     * @return {?}
-     */
-    getHiddenButtons() {
-        if (this.buttons && this.buttons.length > 0) {
-            return this.buttons.filter((/**
-             * @param {?} button
-             * @return {?}
-             */
-            button => {
-                if (this.buttons.indexOf(button) >= this.countVisible()) {
-                    return true;
-                }
-            }));
-        }
-    }
-    /**
-     * @param {?} simpleChange
-     * @return {?}
-     */
-    ngOnChanges(simpleChange) {
-        if (simpleChange['parentWidth']) {
-            if (this.parentWidth > 0) {
-                this._width = this.parentWidth;
-                this.recalculateButtons();
-            }
-        }
-        if (simpleChange['buttons']) {
-            if (typeof this.buttons === 'string') {
-                this.buttons = JSON.parse(this.buttons);
-            }
-            this.recalculateButtons();
-        }
-    }
-    /**
-     * @return {?}
-     */
-    recalculateButtons() {
-        this.menuVisible = this.showMenu();
-        this.visibleButtons = this.getVisibleButtons();
-        this.hiddenButtons = this.getHiddenButtons();
-    }
-    /**
-     * @param {?} button
-     * @return {?}
-     */
-    handleAction(button) {
-        if (button.action === EsButtonAction.ACTION_DIALOG_CONFIRM) {
-            this.openConfirm(button);
-        }
-        if (button.action === EsButtonAction.ACTION_DIALOG_DELETE) {
-            this.openDelete(button);
-        }
-        if (button.action === EsButtonAction.ACTION_DIALOG_FORM) {
-            this.openForm(button);
-        }
-        if (button.action === EsButtonAction.ACTION_DOWNLOAD) {
-            this.http.get(button.url, { responseType: 'blob', observe: 'response' }).subscribe((/**
-             * @param {?} response
-             * @return {?}
-             */
-            response => {
-                /** @type {?} */
-                const filename = response.headers.get('Content-Disposition').split('filename=')[1];
-                if (window.navigator && window.navigator.msSaveOrOpenBlob) {
-                    window.navigator.msSaveBlob(response.body, filename);
-                }
-                else {
-                    /** @type {?} */
-                    const link = document.createElement('a');
-                    link.setAttribute('href', window.URL.createObjectURL(response.body));
-                    link.setAttribute('download', filename);
-                    link.style.visibility = 'hidden';
-                    document.body.appendChild(link);
-                    link.click();
-                    document.body.removeChild(link);
-                }
-            }));
-        }
-        if (button.action === EsButtonAction.ACTION_REQUEST) {
-            this.http.get(button.url).subscribe((/**
-             * @param {?} response
-             * @return {?}
-             */
-            (response) => {
-                /** @type {?} */
-                const config = new MatSnackBarConfig();
-                config.duration = 2000;
-                if (response.type === EsFormResponseMessageType.TYPE_OK) {
-                    config.panelClass = EsSnackBarPanelClass.SUCCESS;
-                }
-                else {
-                    config.panelClass = EsSnackBarPanelClass.DANGER;
-                }
-                this.snackBar.open(response.message, null, config);
-                this.reload.emit(true);
-                this.serverResponse.emit({ button: button, response: response });
-            }));
-        }
-        if (button.action === EsButtonAction.ACTION_ROUTER_NAVIGATE) {
-            this.router.navigateByUrl(button.url);
-        }
-        if (button.action === EsButtonAction.ACTION_WINDOW_LOCATION) {
-            window.location.href = button.url;
-        }
-        this.buttonClick.emit(button);
-    }
-    // handleSubMenuAction(button: EsButton) {
-    //     // todo asi predelat na md2 menu
-    //     // todo nevim jestli se zpropaguje click kdyz je to zanoreny pres es-card-header
-    //     this.buttonClick.emit(button);
-    // }
-    /**
-     * @param {?} button
-     * @return {?}
-     */
-    openForm(button) {
-        /** @type {?} */
-        const config = {
-            title: button.title,
-            data: {
-                url: button.url
-            }
-        };
-        /** @type {?} */
-        const dialogRef = this.dialog.open(DialogFormComponent, config);
-        this.dialogCreated.emit(dialogRef);
-        dialogRef.afterClosed().pipe(take(1)).subscribe((/**
-         * @param {?} res
-         * @return {?}
-         */
-        (res) => {
-            if (res && res.clickedYes) {
-                this.reload.emit(true);
-                if (res.serverResponse) {
-                    this.serverResponse.emit({ button: button, response: res.serverResponse });
-                }
-            }
-        }));
-    }
-    /**
-     * @param {?} button
-     * @return {?}
-     */
-    openDelete(button) {
-        this.openConfirm(button);
-    }
-    /**
-     * @param {?} button
-     * @return {?}
-     */
-    openConfirm(button) {
-        /** @type {?} */
-        const config = {
-            title: button.title,
-            data: {
-                message: button.message,
-                url: button.url
-            }
-        };
-        /** @type {?} */
-        const dialogRef = this.dialog.open(DialogConfirmComponent, config);
-        this.dialogCreated.emit(dialogRef);
-        dialogRef.afterClosed().pipe(take(1)).subscribe((/**
-         * @param {?} res
-         * @return {?}
-         */
-        (res) => {
-            if (res && res.clickedYes) {
-                this.reload.emit(true);
-                if (res.serverResponse) {
-                    this.serverResponse.emit({ button: button, response: res.serverResponse });
-                }
-            }
-        }));
-    }
-}
-EsButtonsComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'es-buttons',
-                template: "<ng-container *ngIf=\"visibleButtons && visibleButtons.length > 0\">\r\n    <button *ngIf=\"visibleButtons.length > 0\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[0].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[0].tooltip? visibleButtons[0].tooltip : visibleButtons[0].title\"\r\n            (click)=\"handleAction(visibleButtons[0])\">\r\n        <es-icon [color]=\"visibleButtons[0].color\"\r\n                 [themeColor]=\"visibleButtons[0].themeColor\"\r\n                 [icon]=\"visibleButtons[0].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 1\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[1].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[1].tooltip? visibleButtons[1].tooltip : visibleButtons[1].title\"\r\n            (click)=\"handleAction(visibleButtons[1])\">\r\n        <es-icon [color]=\"visibleButtons[1].color\"\r\n                 [themeColor]=\"visibleButtons[1].themeColor\"\r\n                 [icon]=\"visibleButtons[1].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 2\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[2].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[2].tooltip? visibleButtons[2].tooltip : visibleButtons[2].title\"\r\n            (click)=\"handleAction(visibleButtons[2])\">\r\n        <es-icon [color]=\"visibleButtons[2].color\"\r\n                 [themeColor]=\"visibleButtons[2].themeColor\"\r\n                 [icon]=\"visibleButtons[2].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 3\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[3].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[3].tooltip? visibleButtons[3].tooltip : visibleButtons[3].title\"\r\n            (click)=\"handleAction(visibleButtons[3])\">\r\n        <es-icon [color]=\"visibleButtons[3].color\"\r\n                 [themeColor]=\"visibleButtons[3].themeColor\"\r\n                 [icon]=\"visibleButtons[3].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 4\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[4].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[4].tooltip? visibleButtons[4].tooltip : visibleButtons[4].title\"\r\n            (click)=\"handleAction(visibleButtons[4])\">\r\n        <es-icon [color]=\"visibleButtons[4].color\"\r\n                 [themeColor]=\"visibleButtons[4].themeColor\"\r\n                 [icon]=\"visibleButtons[4].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 5\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[5].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[5].tooltip? visibleButtons[5].tooltip : visibleButtons[5].title\"\r\n            (click)=\"handleAction(visibleButtons[5])\">\r\n        <es-icon [color]=\"visibleButtons[5].color\"\r\n                 [themeColor]=\"visibleButtons[5].themeColor\"\r\n                 [icon]=\"visibleButtons[5].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 6\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[6].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[6].tooltip? visibleButtons[6].tooltip : visibleButtons[6].title\"\r\n            (click)=\"handleAction(visibleButtons[6])\">\r\n        <es-icon [color]=\"visibleButtons[6].color\"\r\n                 [themeColor]=\"visibleButtons[6].themeColor\"\r\n                 [icon]=\"visibleButtons[6].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 7\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[7].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[7].tooltip? visibleButtons[7].tooltip : visibleButtons[7].title\"\r\n            (click)=\"handleAction(visibleButtons[7])\">\r\n        <es-icon [color]=\"visibleButtons[7].color\"\r\n                 [themeColor]=\"visibleButtons[7].themeColor\"\r\n                 [icon]=\"visibleButtons[7].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 8\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[8].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[8].tooltip? visibleButtons[8].tooltip : visibleButtons[8].title\"\r\n            (click)=\"handleAction(visibleButtons[8])\">\r\n        <es-icon [color]=\"visibleButtons[8].color\"\r\n                 [themeColor]=\"visibleButtons[8].themeColor\"\r\n                 [icon]=\"visibleButtons[8].icon\"></es-icon>\r\n    </button>\r\n    <button *ngIf=\"visibleButtons.length > 9\"\r\n            mat-icon-button\r\n            [disabled]=\"visibleButtons[9].disabled === true\"\r\n            [matTooltip]=\"visibleButtons[9].tooltip? visibleButtons[9].tooltip : visibleButtons[9].title\"\r\n            (click)=\"handleAction(visibleButtons[9])\">\r\n        <es-icon [color]=\"visibleButtons[9].color\"\r\n                 [themeColor]=\"visibleButtons[9].themeColor\"\r\n                 [icon]=\"visibleButtons[9].icon\"></es-icon>\r\n    </button>\r\n</ng-container>\r\n\r\n\r\n<button *ngIf=\"menuVisible || forceMenu\"\r\n        mat-icon-button\r\n        [matMenuTriggerFor]=\"menu\"\r\n        [matTooltip]=\"'an.more' | translate\">\r\n    <es-icon [icon]=\"esIcon.MORE_VERT\"></es-icon>\r\n</button>\r\n\r\n\r\n<mat-menu #menu=\"matMenu\"\r\n          [overlapTrigger]=\"false\"\r\n          yPosition=\"below\"\r\n          xPosition=\"before\">\r\n    <ng-container *ngIf=\"hiddenButtons && hiddenButtons.length > 0\">\r\n        <button *ngIf=\"hiddenButtons.length > 0\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[0].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[0])\">\r\n            <es-icon [color]=\"hiddenButtons[0].color\"\r\n                     [themeColor]=\"hiddenButtons[0].themeColor\"\r\n                     [icon]=\"hiddenButtons[0].icon\"></es-icon>\r\n            <span>{{hiddenButtons[0].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 1\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[1].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[1])\">\r\n            <es-icon [color]=\"hiddenButtons[1].color\"\r\n                     [themeColor]=\"hiddenButtons[1].themeColor\"\r\n                     [icon]=\"hiddenButtons[1].icon\"></es-icon>\r\n            <span>{{hiddenButtons[1].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 2\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[2].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[2])\">\r\n            <es-icon [color]=\"hiddenButtons[2].color\"\r\n                     [themeColor]=\"hiddenButtons[2].themeColor\"\r\n                     [icon]=\"hiddenButtons[2].icon\"></es-icon>\r\n            <span>{{hiddenButtons[2].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 3\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[3].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[3])\">\r\n            <es-icon [color]=\"hiddenButtons[3].color\"\r\n                     [themeColor]=\"hiddenButtons[3].themeColor\"\r\n                     [icon]=\"hiddenButtons[3].icon\"></es-icon>\r\n            <span>{{hiddenButtons[3].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 4\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[4].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[4])\">\r\n            <es-icon [color]=\"hiddenButtons[4].color\"\r\n                     [themeColor]=\"hiddenButtons[4].themeColor\"\r\n                     [icon]=\"hiddenButtons[4].icon\"></es-icon>\r\n            <span>{{hiddenButtons[4].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 5\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[5].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[5])\">\r\n            <es-icon [color]=\"hiddenButtons[5].color\"\r\n                     [themeColor]=\"hiddenButtons[5].themeColor\"\r\n                     [icon]=\"hiddenButtons[5].icon\"></es-icon>\r\n            <span>{{hiddenButtons[5].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 6\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[6].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[6])\">\r\n            <es-icon [color]=\"hiddenButtons[6].color\"\r\n                     [themeColor]=\"hiddenButtons[6].themeColor\"\r\n                     [icon]=\"hiddenButtons[6].icon\"></es-icon>\r\n            <span>{{hiddenButtons[6].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 7\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[7].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[7])\">\r\n            <es-icon [color]=\"hiddenButtons[7].color\"\r\n                     [themeColor]=\"hiddenButtons[7].themeColor\"\r\n                     [icon]=\"hiddenButtons[7].icon\"></es-icon>\r\n            <span>{{hiddenButtons[7].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 8\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[8].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[8])\">\r\n            <es-icon [color]=\"hiddenButtons[8].color\"\r\n                     [themeColor]=\"hiddenButtons[8].themeColor\"\r\n                     [icon]=\"hiddenButtons[8].icon\"></es-icon>\r\n            <span>{{hiddenButtons[8].title}}</span>\r\n        </button>\r\n        <button *ngIf=\"hiddenButtons.length > 9\"\r\n                mat-menu-item\r\n                [disabled]=\"hiddenButtons[9].disabled === true\"\r\n                (click)=\"handleAction(hiddenButtons[9])\">\r\n            <es-icon [color]=\"hiddenButtons[9].color\"\r\n                     [themeColor]=\"hiddenButtons[9].themeColor\"\r\n                     [icon]=\"hiddenButtons[9].icon\"></es-icon>\r\n            <span>{{hiddenButtons[9].title}}</span>\r\n        </button>\r\n    </ng-container>\r\n</mat-menu>\r\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [":host{float:right}"]
-            }] }
-];
-/** @nocollapse */
-EsButtonsComponent.ctorParameters = () => [
-    { type: Router },
-    { type: EsDialogService },
-    { type: MatSnackBar },
-    { type: HttpService }
-];
-EsButtonsComponent.propDecorators = {
-    parentWidth: [{ type: Input }],
-    buttons: [{ type: Input }],
-    forceMenu: [{ type: Input }],
-    buttonClick: [{ type: Output }],
-    reload: [{ type: Output }],
-    dialogCreated: [{ type: Output }],
-    serverResponse: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    EsButtonsComponent.prototype.parentWidth;
-    /** @type {?} */
-    EsButtonsComponent.prototype.buttons;
-    /** @type {?} */
-    EsButtonsComponent.prototype.forceMenu;
-    /** @type {?} */
-    EsButtonsComponent.prototype.buttonClick;
-    /** @type {?} */
-    EsButtonsComponent.prototype.reload;
-    /** @type {?} */
-    EsButtonsComponent.prototype.dialogCreated;
-    /** @type {?} */
-    EsButtonsComponent.prototype.serverResponse;
-    /** @type {?} */
-    EsButtonsComponent.prototype.menuVisible;
-    /** @type {?} */
-    EsButtonsComponent.prototype.buttonWidth;
-    /** @type {?} */
-    EsButtonsComponent.prototype.visibleButtons;
-    /** @type {?} */
-    EsButtonsComponent.prototype.hiddenButtons;
-    /** @type {?} */
-    EsButtonsComponent.prototype.esIcon;
-    /** @type {?} */
-    EsButtonsComponent.prototype._width;
-    /**
-     * @type {?}
-     * @private
-     */
-    EsButtonsComponent.prototype.router;
-    /**
-     * @type {?}
-     * @private
-     */
-    EsButtonsComponent.prototype.dialog;
-    /**
-     * @type {?}
-     * @private
-     */
-    EsButtonsComponent.prototype.snackBar;
-    /**
-     * @type {?}
-     * @private
-     */
-    EsButtonsComponent.prototype.http;
+class DialogFormComponent {
+    constructor(dialogRef, ds) {
+        this.dialogRef = dialogRef;
+        this.cols = 1;
+        this.maxFormHeight = window.innerHeight - 60;
+        const data = ds.getData();
+        this.formUrl = data.url;
+    }
+    submit(value) {
+        // sem se to dostane jen pri success ulozeni formu
+        const result = {
+            clickedYes: true
+        };
+        this.dialogRef.close(result);
+        // pokud bysme chteli form.value
+        // this.dialogRef.close(value);
+        // console.log('form value v parent', value);
+    }
+    getWindowHeight() {
+        this.maxFormHeight = window.innerHeight - 60;
+    }
 }
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/es-buttons.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class EsButtonsModule {
-}
-EsButtonsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    MatButtonModule,
-                    MatTooltipModule,
-                    MatMenuModule,
-                    MatSnackBarModule,
-                    TranslateModule.forChild(),
-                    EsIconModule,
-                    EsDialogModule,
-                    EsFormModule,
-                ],
-                declarations: [
-                    EsButtonsComponent,
-                    DialogConfirmComponent,
-                    DialogFormComponent,
-                ],
-                exports: [EsButtonsComponent],
-                entryComponents: [
-                    DialogConfirmComponent,
-                    DialogFormComponent,
-                ],
-            },] }
+DialogFormComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'dialog-form',
+                template: "<div class=\"es-form-container\" [style.max-height]=\"(maxFormHeight - 106) + 'px'\">\n    <es-form [formUrl]=\"formUrl\"\n             [dynamicForm]=\"esForm\"\n             [cols]=\"cols\"\n             (submit)=\"submit($event)\">\n    </es-form>\n</div>\n",
+                styles: [".es-form-container{overflow:auto;margin-top:24px;position:relative}"]
+            },] }
+];
+/** @nocollapse */
+DialogFormComponent.ctorParameters = () => [
+    { type: MatDialogRef },
+    { type: EsDialogService }
 ];
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/model/es-button.interface.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function EsButton() { }
-if (false) {
-    /** @type {?|undefined} */
-    EsButton.prototype.key;
-    /** @type {?} */
-    EsButton.prototype.title;
-    /** @type {?} */
-    EsButton.prototype.icon;
-    /** @type {?|undefined} */
-    EsButton.prototype.url;
-    /** @type {?|undefined} */
-    EsButton.prototype.action;
-    /** @type {?|undefined} */
-    EsButton.prototype.message;
-    /** @type {?|undefined} */
-    EsButton.prototype.tooltip;
-    /** @type {?|undefined} */
-    EsButton.prototype.submenu;
-    /** @type {?|undefined} */
-    EsButton.prototype.color;
-    /** @type {?|undefined} */
-    EsButton.prototype.themeColor;
-    /** @type {?|undefined} */
-    EsButton.prototype.disabled;
+// todo translates
+class EsButtonsComponent {
+    constructor(router, dialog, snackBar, http) {
+        this.router = router;
+        this.dialog = dialog;
+        this.snackBar = snackBar;
+        this.http = http;
+        this.parentWidth = 40; // default 40 = 1 button
+        this.buttons = []; // normal input
+        this.forceMenu = false; // pokud chci zobrazit ... menu i pro jeden buttonek, na realtimu pouzito
+        this.buttonClick = new EventEmitter();
+        this.reload = new EventEmitter();
+        this.dialogCreated = new EventEmitter();
+        this.serverResponse = new EventEmitter();
+        this.menuVisible = false;
+        this.buttonWidth = 40; // todo ViewChild, sirka buttonu ?
+        this.visibleButtons = [];
+        this.hiddenButtons = [];
+        this.esIcon = EsIcon;
+        this._width = 0;
+    }
+    showMenu() {
+        return this.getHiddenButtons() && this.getHiddenButtons().length > 0 && this.getHiddenButtons().length !== 1;
+    }
+    countVisible() {
+        return Math.floor((this._width) / this.buttonWidth) - 1;
+    }
+    getVisibleButtons() {
+        if (this.buttons && this.buttons.length > 0) {
+            return this.buttons.filter(button => {
+                if (this.buttons.indexOf(button) < this.countVisible()
+                    || (this.getHiddenButtons().length === 1 && !this.forceMenu)) {
+                    return true;
+                }
+            });
+        }
+    }
+    getHiddenButtons() {
+        if (this.buttons && this.buttons.length > 0) {
+            return this.buttons.filter(button => {
+                if (this.buttons.indexOf(button) >= this.countVisible()) {
+                    return true;
+                }
+            });
+        }
+    }
+    ngOnChanges(simpleChange) {
+        if (simpleChange['parentWidth']) {
+            if (this.parentWidth > 0) {
+                this._width = this.parentWidth;
+                this.recalculateButtons();
+            }
+        }
+        if (simpleChange['buttons']) {
+            if (typeof this.buttons === 'string') {
+                this.buttons = JSON.parse(this.buttons);
+            }
+            this.recalculateButtons();
+        }
+    }
+    recalculateButtons() {
+        this.menuVisible = this.showMenu();
+        this.visibleButtons = this.getVisibleButtons();
+        this.hiddenButtons = this.getHiddenButtons();
+    }
+    handleAction(button) {
+        if (button.action === EsButtonAction.ACTION_DIALOG_CONFIRM) {
+            this.openConfirm(button);
+        }
+        if (button.action === EsButtonAction.ACTION_DIALOG_DELETE) {
+            this.openDelete(button);
+        }
+        if (button.action === EsButtonAction.ACTION_DIALOG_FORM) {
+            this.openForm(button);
+        }
+        if (button.action === EsButtonAction.ACTION_DOWNLOAD) {
+            this.http.get(button.url, { responseType: 'blob', observe: 'response' }).subscribe(response => {
+                const filename = response.headers.get('Content-Disposition').split('filename=')[1];
+                if (window.navigator && window.navigator.msSaveOrOpenBlob) {
+                    window.navigator.msSaveBlob(response.body, filename);
+                }
+                else {
+                    const link = document.createElement('a');
+                    link.setAttribute('href', window.URL.createObjectURL(response.body));
+                    link.setAttribute('download', filename);
+                    link.style.visibility = 'hidden';
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                }
+            });
+        }
+        if (button.action === EsButtonAction.ACTION_REQUEST) {
+            this.http.get(button.url).subscribe((response) => {
+                const config = new MatSnackBarConfig();
+                config.duration = 2000;
+                if (response.type === EsFormResponseMessageType.TYPE_OK) {
+                    config.panelClass = EsSnackBarPanelClass.SUCCESS;
+                }
+                else {
+                    config.panelClass = EsSnackBarPanelClass.DANGER;
+                }
+                this.snackBar.open(response.message, null, config);
+                this.reload.emit(true);
+                this.serverResponse.emit({ button: button, response: response });
+            });
+        }
+        if (button.action === EsButtonAction.ACTION_ROUTER_NAVIGATE) {
+            this.router.navigateByUrl(button.url);
+        }
+        if (button.action === EsButtonAction.ACTION_WINDOW_LOCATION) {
+            window.location.href = button.url;
+        }
+        this.buttonClick.emit(button);
+    }
+    // handleSubMenuAction(button: EsButton) {
+    //     // todo asi predelat na md2 menu
+    //     // todo nevim jestli se zpropaguje click kdyz je to zanoreny pres es-card-header
+    //     this.buttonClick.emit(button);
+    // }
+    openForm(button) {
+        const config = {
+            title: button.title,
+            data: {
+                url: button.url
+            }
+        };
+        const dialogRef = this.dialog.open(DialogFormComponent, config);
+        this.dialogCreated.emit(dialogRef);
+        dialogRef.afterClosed().pipe(take(1)).subscribe((res) => {
+            if (res && res.clickedYes) {
+                this.reload.emit(true);
+                if (res.serverResponse) {
+                    this.serverResponse.emit({ button: button, response: res.serverResponse });
+                }
+            }
+        });
+    }
+    openDelete(button) {
+        this.openConfirm(button);
+    }
+    openConfirm(button) {
+        const config = {
+            title: button.title,
+            data: {
+                message: button.message,
+                url: button.url
+            }
+        };
+        const dialogRef = this.dialog.open(DialogConfirmComponent, config);
+        this.dialogCreated.emit(dialogRef);
+        dialogRef.afterClosed().pipe(take(1)).subscribe((res) => {
+            if (res && res.clickedYes) {
+                this.reload.emit(true);
+                if (res.serverResponse) {
+                    this.serverResponse.emit({ button: button, response: res.serverResponse });
+                }
+            }
+        });
+    }
 }
+EsButtonsComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'es-buttons',
+                template: "<ng-container *ngIf=\"visibleButtons && visibleButtons.length > 0\">\n    <button *ngIf=\"visibleButtons.length > 0\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[0].disabled === true\"\n            [matTooltip]=\"visibleButtons[0].tooltip? visibleButtons[0].tooltip : visibleButtons[0].title\"\n            (click)=\"handleAction(visibleButtons[0])\">\n        <es-icon [color]=\"visibleButtons[0].color\"\n                 [themeColor]=\"visibleButtons[0].themeColor\"\n                 [icon]=\"visibleButtons[0].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 1\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[1].disabled === true\"\n            [matTooltip]=\"visibleButtons[1].tooltip? visibleButtons[1].tooltip : visibleButtons[1].title\"\n            (click)=\"handleAction(visibleButtons[1])\">\n        <es-icon [color]=\"visibleButtons[1].color\"\n                 [themeColor]=\"visibleButtons[1].themeColor\"\n                 [icon]=\"visibleButtons[1].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 2\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[2].disabled === true\"\n            [matTooltip]=\"visibleButtons[2].tooltip? visibleButtons[2].tooltip : visibleButtons[2].title\"\n            (click)=\"handleAction(visibleButtons[2])\">\n        <es-icon [color]=\"visibleButtons[2].color\"\n                 [themeColor]=\"visibleButtons[2].themeColor\"\n                 [icon]=\"visibleButtons[2].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 3\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[3].disabled === true\"\n            [matTooltip]=\"visibleButtons[3].tooltip? visibleButtons[3].tooltip : visibleButtons[3].title\"\n            (click)=\"handleAction(visibleButtons[3])\">\n        <es-icon [color]=\"visibleButtons[3].color\"\n                 [themeColor]=\"visibleButtons[3].themeColor\"\n                 [icon]=\"visibleButtons[3].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 4\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[4].disabled === true\"\n            [matTooltip]=\"visibleButtons[4].tooltip? visibleButtons[4].tooltip : visibleButtons[4].title\"\n            (click)=\"handleAction(visibleButtons[4])\">\n        <es-icon [color]=\"visibleButtons[4].color\"\n                 [themeColor]=\"visibleButtons[4].themeColor\"\n                 [icon]=\"visibleButtons[4].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 5\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[5].disabled === true\"\n            [matTooltip]=\"visibleButtons[5].tooltip? visibleButtons[5].tooltip : visibleButtons[5].title\"\n            (click)=\"handleAction(visibleButtons[5])\">\n        <es-icon [color]=\"visibleButtons[5].color\"\n                 [themeColor]=\"visibleButtons[5].themeColor\"\n                 [icon]=\"visibleButtons[5].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 6\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[6].disabled === true\"\n            [matTooltip]=\"visibleButtons[6].tooltip? visibleButtons[6].tooltip : visibleButtons[6].title\"\n            (click)=\"handleAction(visibleButtons[6])\">\n        <es-icon [color]=\"visibleButtons[6].color\"\n                 [themeColor]=\"visibleButtons[6].themeColor\"\n                 [icon]=\"visibleButtons[6].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 7\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[7].disabled === true\"\n            [matTooltip]=\"visibleButtons[7].tooltip? visibleButtons[7].tooltip : visibleButtons[7].title\"\n            (click)=\"handleAction(visibleButtons[7])\">\n        <es-icon [color]=\"visibleButtons[7].color\"\n                 [themeColor]=\"visibleButtons[7].themeColor\"\n                 [icon]=\"visibleButtons[7].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 8\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[8].disabled === true\"\n            [matTooltip]=\"visibleButtons[8].tooltip? visibleButtons[8].tooltip : visibleButtons[8].title\"\n            (click)=\"handleAction(visibleButtons[8])\">\n        <es-icon [color]=\"visibleButtons[8].color\"\n                 [themeColor]=\"visibleButtons[8].themeColor\"\n                 [icon]=\"visibleButtons[8].icon\"></es-icon>\n    </button>\n    <button *ngIf=\"visibleButtons.length > 9\"\n            mat-icon-button\n            [disabled]=\"visibleButtons[9].disabled === true\"\n            [matTooltip]=\"visibleButtons[9].tooltip? visibleButtons[9].tooltip : visibleButtons[9].title\"\n            (click)=\"handleAction(visibleButtons[9])\">\n        <es-icon [color]=\"visibleButtons[9].color\"\n                 [themeColor]=\"visibleButtons[9].themeColor\"\n                 [icon]=\"visibleButtons[9].icon\"></es-icon>\n    </button>\n</ng-container>\n\n\n<button *ngIf=\"menuVisible || forceMenu\"\n        mat-icon-button\n        [matMenuTriggerFor]=\"menu\"\n        [matTooltip]=\"'an.more' | translate\">\n    <es-icon [icon]=\"esIcon.MORE_VERT\"></es-icon>\n</button>\n\n\n<mat-menu #menu=\"matMenu\"\n          [overlapTrigger]=\"false\"\n          yPosition=\"below\"\n          xPosition=\"before\">\n    <ng-container *ngIf=\"hiddenButtons && hiddenButtons.length > 0\">\n        <button *ngIf=\"hiddenButtons.length > 0\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[0].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[0])\">\n            <es-icon [color]=\"hiddenButtons[0].color\"\n                     [themeColor]=\"hiddenButtons[0].themeColor\"\n                     [icon]=\"hiddenButtons[0].icon\"></es-icon>\n            <span>{{hiddenButtons[0].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 1\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[1].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[1])\">\n            <es-icon [color]=\"hiddenButtons[1].color\"\n                     [themeColor]=\"hiddenButtons[1].themeColor\"\n                     [icon]=\"hiddenButtons[1].icon\"></es-icon>\n            <span>{{hiddenButtons[1].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 2\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[2].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[2])\">\n            <es-icon [color]=\"hiddenButtons[2].color\"\n                     [themeColor]=\"hiddenButtons[2].themeColor\"\n                     [icon]=\"hiddenButtons[2].icon\"></es-icon>\n            <span>{{hiddenButtons[2].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 3\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[3].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[3])\">\n            <es-icon [color]=\"hiddenButtons[3].color\"\n                     [themeColor]=\"hiddenButtons[3].themeColor\"\n                     [icon]=\"hiddenButtons[3].icon\"></es-icon>\n            <span>{{hiddenButtons[3].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 4\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[4].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[4])\">\n            <es-icon [color]=\"hiddenButtons[4].color\"\n                     [themeColor]=\"hiddenButtons[4].themeColor\"\n                     [icon]=\"hiddenButtons[4].icon\"></es-icon>\n            <span>{{hiddenButtons[4].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 5\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[5].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[5])\">\n            <es-icon [color]=\"hiddenButtons[5].color\"\n                     [themeColor]=\"hiddenButtons[5].themeColor\"\n                     [icon]=\"hiddenButtons[5].icon\"></es-icon>\n            <span>{{hiddenButtons[5].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 6\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[6].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[6])\">\n            <es-icon [color]=\"hiddenButtons[6].color\"\n                     [themeColor]=\"hiddenButtons[6].themeColor\"\n                     [icon]=\"hiddenButtons[6].icon\"></es-icon>\n            <span>{{hiddenButtons[6].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 7\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[7].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[7])\">\n            <es-icon [color]=\"hiddenButtons[7].color\"\n                     [themeColor]=\"hiddenButtons[7].themeColor\"\n                     [icon]=\"hiddenButtons[7].icon\"></es-icon>\n            <span>{{hiddenButtons[7].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 8\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[8].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[8])\">\n            <es-icon [color]=\"hiddenButtons[8].color\"\n                     [themeColor]=\"hiddenButtons[8].themeColor\"\n                     [icon]=\"hiddenButtons[8].icon\"></es-icon>\n            <span>{{hiddenButtons[8].title}}</span>\n        </button>\n        <button *ngIf=\"hiddenButtons.length > 9\"\n                mat-menu-item\n                [disabled]=\"hiddenButtons[9].disabled === true\"\n                (click)=\"handleAction(hiddenButtons[9])\">\n            <es-icon [color]=\"hiddenButtons[9].color\"\n                     [themeColor]=\"hiddenButtons[9].themeColor\"\n                     [icon]=\"hiddenButtons[9].icon\"></es-icon>\n            <span>{{hiddenButtons[9].title}}</span>\n        </button>\n    </ng-container>\n</mat-menu>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{float:right}"]
+            },] }
+];
+/** @nocollapse */
+EsButtonsComponent.ctorParameters = () => [
+    { type: Router },
+    { type: EsDialogService },
+    { type: MatSnackBar },
+    { type: HttpService }
+];
+EsButtonsComponent.propDecorators = {
+    parentWidth: [{ type: Input }],
+    buttons: [{ type: Input }],
+    forceMenu: [{ type: Input }],
+    buttonClick: [{ type: Output }],
+    reload: [{ type: Output }],
+    dialogCreated: [{ type: Output }],
+    serverResponse: [{ type: Output }]
+};
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/model/es-button-server-response.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function EsButtonServerResponse() { }
-if (false) {
-    /** @type {?} */
-    EsButtonServerResponse.prototype.button;
-    /** @type {?} */
-    EsButtonServerResponse.prototype.response;
+class EsButtonsModule {
 }
+EsButtonsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatButtonModule,
+                    MatTooltipModule,
+                    MatMenuModule,
+                    MatSnackBarModule,
+                    TranslateModule.forChild(),
+                    EsIconModule,
+                    EsDialogModule,
+                    EsFormModule,
+                ],
+                declarations: [
+                    EsButtonsComponent,
+                    DialogConfirmComponent,
+                    DialogFormComponent,
+                ],
+                exports: [EsButtonsComponent],
+                entryComponents: [
+                    DialogConfirmComponent,
+                    DialogFormComponent,
+                ],
+            },] }
+];
 
-/**
- * @fileoverview added by tsickle
- * Generated from: public_api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+/*
+ * Public API Surface of es-buttons
  */
 
-/**
- * @fileoverview added by tsickle
- * Generated from: eurosat-buttons.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { EsButtonAction, EsButtonsComponent, EsButtonsModule, DialogConfirmComponent as ɵa, DialogFormComponent as ɵb };