mobicloud-core 1.0.56 → 1.0.57

package/bundles/mobicloud-core-components.umd.js

@@ -350,8 +350,8 @@
     ContentToolbarComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'mobicloud-content-toolbar',
-                    template: "<mat-toolbar class=\"content-toolbar\" *ngIf=\"toobarEnabled\">\n    <mat-toolbar-row class=\"content-toolbar-row\">\n      <ng-container *ngIf=\"preToolbarItems\">            \n        <ng-container *ngFor=\"let toolbarItem of preToolbarItems\">\n            <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-pre-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n                <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-pre-toolbar-button-icon\"></mat-icon>\n            </button>\n        </ng-container>\n        <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n      </ng-container>              \n        <div class=\"content-toolbar-title\">\n          <!-- <mat-icon svgIcon=\"{{toobarTitleIcon}}\" class=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></mat-icon> -->\n          <svg-icon [name]=\"toobarTitleIcon\" svgClass=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></svg-icon>\n          {{toobarTitle}}\n        </div>\n        \n        <ng-content></ng-content>\n      <span class=\"content-toolbar-divider\"></span>\n      \n      <ng-container *ngIf=\"toolbarItems\">            \n        <ng-container *ngFor=\"let toolbarItem of toolbarItems\">\n            <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n                <!-- <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-toolbar-button-icon\"></mat-icon> -->\n                <svg-icon name=\"{{toolbarItem.svg}}\" svgClass=\"content-toolbar-button-icon\" viewBox=\"0 0 48 48\"></svg-icon>\n            </button>\n        </ng-container>\n        <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n      </ng-container>\n    </mat-toolbar-row>\n  </mat-toolbar> ",
-                    styles: [".content-toolbar{background-color:transparent!important;min-height:32px!important;max-height:32px!important;margin-bottom:14px}.content-toolbar-row{padding:0}.content-pre-toolbar-button{background-color:transparent!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-right:10px!important}.content-pre-toolbar-button-icon{margin-bottom:8px;width:20px;fill:var(--default-toolbar-iconcolor-nobackground)}.content-toolbar-title{font-size:large;font-weight:600;color:var(--default-pagecaption-textcolor);display:flex}.content-toolbar-title-icon{height:20px;width:20px;margin-right:8px;margin-top:5px;fill:var(--default-pagecaption-iconcolor)}.content-toolbar-divider{flex:1 1 auto}.content-toolbar-button{background-color:var(--default-toolbar-iconcolor-withbackground)!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-left:8px!important}.content-toolbar-button-icon{pointer-events:none;fill:var(--default-toolbar-iconcolor);width:16px;height:16px;margin-top:6px}"]
+                    template: "<mat-toolbar class=\"content-toolbar\" *ngIf=\"toobarEnabled\">\n  <mat-toolbar-row class=\"content-toolbar-row\">\n    <ng-container *ngIf=\"preToolbarItems\">            \n      <ng-container *ngFor=\"let toolbarItem of preToolbarItems\">\n          <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-pre-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n              <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-pre-toolbar-button-icon\"></mat-icon>\n          </button>\n      </ng-container>\n      <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n    </ng-container>              \n      <div class=\"content-toolbar-title\">\n        <!-- <mat-icon svgIcon=\"{{toobarTitleIcon}}\" class=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></mat-icon> -->\n        <svg-icon [name]=\"toobarTitleIcon\" svgClass=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></svg-icon>\n        {{toobarTitle}}\n      </div>\n      \n      <ng-content></ng-content>\n    <span class=\"content-toolbar-divider\"></span>\n    \n    <ng-container *ngIf=\"toolbarItems\">            \n      <ng-container *ngFor=\"let toolbarItem of toolbarItems\">\n        \n        <ng-container *ngIf=\"toolbarItem.children\">\n          <button aria-label=\"Button\" [matMenuTriggerFor]=\"toolbarChildMenu\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-toolbar-button\"  matTooltip=\"{{toolbarItem.caption}}\">\n            <svg-icon name=\"{{toolbarItem.svg}}\" svgClass=\"content-toolbar-button-icon\" viewBox=\"0 0 48 48\"></svg-icon>\n          </button>\n          <mat-menu #toolbarChildMenu>\n            <ng-container *ngFor=\"let childToolbarItem of toolbarItem.children\">\n              <button aria-label=\"button\" mat-menu-item [routerLink]=\"childToolbarItem.link ? childToolbarItem.link : null\" (click)=\"[childToolbarItem.click ? onToolbarItemClick(childToolbarItem.click, childToolbarItem.click_paramters) : null]\">\n                <mat-icon [svgIcon]=\"childToolbarItem.svg\" class=\"content-toolbar-menu-item-icon\"></mat-icon>\n                <span>{{childToolbarItem.caption}}</span>\n              </button>\n            </ng-container>\n          </mat-menu>\n        </ng-container>\n\n        <ng-container *ngIf=\"!toolbarItem.children\">\n          <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n            <svg-icon name=\"{{toolbarItem.svg}}\" svgClass=\"content-toolbar-button-icon\" viewBox=\"0 0 48 48\"></svg-icon>\n          </button>\n        </ng-container>\n\n      </ng-container>\n      <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n    </ng-container>\n  </mat-toolbar-row>\n</mat-toolbar> ",
+                    styles: [".content-toolbar{background-color:transparent!important;min-height:32px!important;max-height:32px!important;margin-bottom:14px}.content-toolbar-row{padding:0}.content-pre-toolbar-button{background-color:transparent!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-right:10px!important}.content-pre-toolbar-button-icon{margin-bottom:8px;width:20px;fill:var(--default-toolbar-iconcolor-nobackground)}.content-toolbar-title{font-size:large;font-weight:600;color:var(--default-pagecaption-textcolor);display:flex}.content-toolbar-title-icon{height:20px;width:20px;margin-right:8px;margin-top:5px;fill:var(--default-pagecaption-iconcolor)}.content-toolbar-divider{flex:1 1 auto}.content-toolbar-button{background-color:var(--default-toolbar-iconcolor-withbackground)!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-left:8px!important}.content-toolbar-button-icon{pointer-events:none;fill:var(--default-toolbar-iconcolor);width:16px;height:16px;margin-top:6px}.content-toolbar-menu-item-icon{fill:var(--default-popup-iconcolor)}"]
                 },] }
     ];
     ContentToolbarComponent.ctorParameters = function () { return []; };