raise-common-lib 0.0.58 → 0.0.61

package/fesm5/raise-common-lib.js

@@ -1,5 +1,5 @@
 import { __assign, __read, __spread } from 'tslib';
-import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
 import { debounce } from 'lodash';
 import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
@@ -27,6 +27,8 @@ import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-ang
 import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService as ToolbarService$1, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer';
 import { DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
 import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$2 } from '@syncfusion/ej2-angular-richtexteditor';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 /**
  * @fileoverview added by tsickle
@@ -889,6 +891,87 @@ if (false) {
     CommonGridComponent.prototype.ref;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/common-grid/grid-action/grid-action.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var GridActionComponent = /** @class */ (function () {
+    function GridActionComponent() {
+        this.translation = JSON.parse(localStorage.getItem("translation"));
+    }
+    GridActionComponent.decorators = [
+        { type: Component, args: [{
+                    selector: "rs-grid-action",
+                    template: "<button\r\n\tclass=\"grid-action-toggle\"\r\n\tmat-button\r\n\ttype=\"button\"\r\n\t[matMenuTriggerFor]=\"menu\"\r\n\tmatTooltip=\"{{ translation.ACTIONS }}\"\r\n>\r\n\t<mat-icon svgIcon=\"more\"></mat-icon>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"grid-action-menu-content\">\r\n\t<ng-content></ng-content>\r\n</mat-menu>\r\n",
+                    styles: [":host{flex:none;display:block;margin-left:auto}.grid-action-toggle{width:24px;height:24px;min-width:24px;max-width:24px;padding:0;border-radius:4px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;background:0 0}.grid-action-toggle:hover{background:rgba(214,227,245,.2)}.grid-action-toggle .mat-button-wrapper{max-height:24px;height:24px}.grid-action-toggle ::ng-deep .mat-icon{width:16px;height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}::ng-deep .grid-action-menu-content.mat-menu-panel{padding:8px;border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}::ng-deep .grid-action-menu-content.mat-menu-panel kt-grid-action-item.disabled{pointer-events:none}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;height:28px!important;padding:0 16px 0 8px;border-radius:4px;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item:hover{background-color:rgba(0,0,0,.04)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item:hover .mat-menu-ripple{background:0 0!important}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image::before{display:block;width:16px;height:16px;line-height:16px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Detail]::before{content:url(/assets/img/grid-action-detail.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Delete]::before{content:url(/assets/img/grid-action-delete.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Send]::before{content:url(/assets/img/grid-action-send.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Copy]::before{content:url(/assets/img/grid-action-copy.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Edit]::before{content:url(/assets/img/grid-action-edit.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Note]::before{content:url(/assets/img/grid-action-note.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Settle]::before{content:url(/assets/img/grid-action-settle.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Download]::before{content:url(/assets/img/grid-action-download.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Preview]::before{content:url(/assets/img/grid-action-detail.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Export]::before{content:url(/assets/img/grid-action-export.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image[data-type=Move]::before{content:url(/assets/img/grid-action-move.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item.mat-menu-item .grid-action-image img{height:16px;display:block}"]
+                }] }
+    ];
+    /** @nocollapse */
+    GridActionComponent.ctorParameters = function () { return []; };
+    return GridActionComponent;
+}());
+if (false) {
+    /** @type {?} */
+    GridActionComponent.prototype.translation;
+}
+
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/common-grid/grid-action/grid-action-item/grid-action-item.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var GridActionItemComponent = /** @class */ (function () {
+    function GridActionItemComponent() {
+        this.ImageType = [
+            "Detail",
+            "Edit",
+            "Download",
+            "Delete",
+            "Note",
+            "Send",
+            "Copy",
+            "Settle",
+            "Preview",
+            "Export",
+            "Move",
+        ];
+    }
+    Object.defineProperty(GridActionItemComponent.prototype, "hostDisabled", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return !!this.disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    GridActionItemComponent.decorators = [
+        { type: Component, args: [{
+                    selector: "rs-grid-action-item",
+                    template: "<button\r\n\tclass=\"grid-action-item\"\r\n\tmat-menu-item\r\n\ttype=\"button\"\r\n\t[disabled]=\"!!disabled\"\r\n>\r\n\t<span class=\"grid-action-image\" [attr.data-type]=\"image\">\r\n\t\t<img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n\t</span>\r\n\t<span>{{ text }}</span>\r\n</button>\r\n"
+                }] }
+    ];
+    GridActionItemComponent.propDecorators = {
+        image: [{ type: Input, args: ["image",] }],
+        text: [{ type: Input, args: ["text",] }],
+        disabled: [{ type: Input, args: ["disabled",] }],
+        hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
+    };
+    return GridActionItemComponent;
+}());
+if (false) {
+    /** @type {?} */
+    GridActionItemComponent.prototype.image;
+    /** @type {?} */
+    GridActionItemComponent.prototype.text;
+    /** @type {?} */
+    GridActionItemComponent.prototype.disabled;
+    /** @type {?} */
+    GridActionItemComponent.prototype.ImageType;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/float-box/index.component.ts
@@ -1281,7 +1364,7 @@ var RsPageListComponent = /** @class */ (function () {
         { type: Component, args: [{
                     selector: "rs-page-list",
                     template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n    <ng-content select=\"[titleSlot]\"></ng-content>\r\n  </ng-container>\r\n  <ng-template #defaultTitle>\r\n    <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n  </ng-template>\r\n  <div class=\"rs-sub-section\">\r\n    <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n  </div>\r\n  <div class=\"rs-content-wrap\">\r\n    <div class=\"rs-toolbar-wrap\">\r\n      <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n        <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n        <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n      </div>\r\n      <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n        <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n        <div class=\"rs-search-input\">\r\n          <ejs-textbox\r\n            type=\"text\"\r\n            class=\"e-input\"\r\n            [(ngModel)]=\"searchValue\"\r\n            (input)=\"onInput()\"\r\n            placeholder=\"Search all fields\"\r\n            [showClearButton]=\"true\"\r\n            autocomplete=\"off\"\r\n          ></ejs-textbox>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rs-grid-wrap\">\r\n      <ng-content select=\"[gridSlot]\"></ng-content>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
-                    styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
+                    styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
                 }] }
     ];
     RsPageListComponent.propDecorators = {
@@ -1437,7 +1520,7 @@ var GridBoxComponent = /** @class */ (function () {
         { type: Component, args: [{
                     selector: "rs-grid-box",
                     template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n  <div class=\"rs-toolbar-wrap\">\r\n    <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n      <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n      <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n    </div>\r\n    <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n      <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n      <div class=\"rs-search-input\">\r\n        <ejs-textbox\r\n          type=\"text\"\r\n          class=\"e-input\"\r\n          [(ngModel)]=\"searchValue\"\r\n          (input)=\"onInput()\"\r\n          placeholder=\"Search all fields\"\r\n          [showClearButton]=\"true\"\r\n          autocomplete=\"off\"\r\n        ></ejs-textbox>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"rs-grid-wrap\">\r\n    <ng-content select=\"[gridSlot]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
-                    styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
+                    styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;gap:4px}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
                 }] }
     ];
     GridBoxComponent.propDecorators = {
@@ -20775,6 +20858,56 @@ if (false) {
     DrawerFormComponent.prototype.ref;
 }
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/form/toolbar-item/index.component.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var ToolbarItemComponent = /** @class */ (function () {
+    function ToolbarItemComponent() {
+        this.ImageType = [
+            "Add",
+            "Delete",
+            "Download",
+            "Export",
+        ];
+    }
+    Object.defineProperty(ToolbarItemComponent.prototype, "hostDisabled", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return !!this.disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ToolbarItemComponent.decorators = [
+        { type: Component, args: [{
+                    selector: "rs-toolbar-item",
+                    template: "<button class=\"toolbar-action-item e-btn text\" [disabled]=\"!!disabled\">\r\n  <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n    <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n  </span>\r\n  <span>{{ text }}</span>\r\n</button>\r\n",
+                    styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{min-width:auto;padding:4px 8px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px;line-height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Detail]::before{content:url(/assets/img/grid-action-detail.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/grid-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Send]::before{content:url(/assets/img/grid-action-send.svg)}.toolbar-action-item .toolbar-action-image[data-type=Copy]::before{content:url(/assets/img/grid-action-copy.svg)}.toolbar-action-item .toolbar-action-image[data-type=Edit]::before{content:url(/assets/img/grid-action-edit.svg)}.toolbar-action-item .toolbar-action-image[data-type=Note]::before{content:url(/assets/img/grid-action-note.svg)}.toolbar-action-item .toolbar-action-image[data-type=Settle]::before{content:url(/assets/img/grid-action-settle.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/grid-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Preview]::before{content:url(/assets/img/grid-action-detail.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/grid-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Move]::before{content:url(/assets/img/grid-action-move.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}"]
+                }] }
+    ];
+    ToolbarItemComponent.propDecorators = {
+        image: [{ type: Input, args: ["image",] }],
+        text: [{ type: Input, args: ["text",] }],
+        disabled: [{ type: Input, args: ["disabled",] }],
+        hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
+    };
+    return ToolbarItemComponent;
+}());
+if (false) {
+    /** @type {?} */
+    ToolbarItemComponent.prototype.image;
+    /** @type {?} */
+    ToolbarItemComponent.prototype.text;
+    /** @type {?} */
+    ToolbarItemComponent.prototype.disabled;
+    /** @type {?} */
+    ToolbarItemComponent.prototype.ImageType;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/service/icon-loader.service.ts
@@ -21617,6 +21750,8 @@ var RaiseCommonLibModule = /** @class */ (function () {
         { type: NgModule, args: [{
                     declarations: [
                         CommonGridComponent,
+                        GridActionComponent,
+                        GridActionItemComponent,
                         FloatBoxComponent,
                         RsPageListComponent,
                         RsPageTabComponent,
@@ -21635,6 +21770,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         CommonDeleteComponent,
                         DrawerComponent,
                         DrawerFormComponent,
+                        ToolbarItemComponent
                     ],
                     imports: [
                         CommonModule,
@@ -21642,6 +21778,8 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         ReactiveFormsModule,
                         FormsModule,
                         MatSnackBarModule,
+                        MatMenuModule,
+                        MatTooltipModule,
                         MatDialogModule,
                         MatIconModule,
                         GridModule,
@@ -21722,6 +21860,8 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         ReactiveFormsModule,
                         FormsModule,
                         MatSnackBarModule,
+                        MatMenuModule,
+                        MatTooltipModule,
                         MatDialogModule,
                         GridModule,
                         PagerModule,
@@ -21760,6 +21900,8 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         SplitButtonModule,
                         RichTextEditorAllModule,
                         CommonGridComponent,
+                        GridActionComponent,
+                        GridActionItemComponent,
                         FloatBoxComponent,
                         RsPageListComponent,
                         RsPageTabComponent,
@@ -21775,6 +21917,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         SwitchInputComponent,
                         DrawerComponent,
                         DrawerFormComponent,
+                        ToolbarItemComponent,
                     ],
                     entryComponents: [
                         NewActionNotificationComponent,
@@ -21799,5 +21942,5 @@ var RaiseCommonLibModule = /** @class */ (function () {
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 
-export { CheckboxGroupComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, FloatBoxComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RadioGroupComponent, RaiseCommonLibModule, RsPageListComponent, RsPageTabComponent, SwitchInputComponent, TagInputComponent, TranslationService, filterShowSection, NewActionNotificationComponent as ɵa, CommonDialogComponent as ɵb, CommonDeleteComponent as ɵc };
+export { CheckboxGroupComponent, CommonFunctionService, CommonGridComponent, DefaultDrawerConfig, DialogService, DrawerComponent, DrawerFormComponent, DrawerService, EmailPattern, FloatBoxComponent, GridActionComponent, GridActionItemComponent, GridBoxComponent, IconLoaderService, KeepAliveService, MainContainerComponent, MessageType, MultiTabComponent, RSAsideComponent, RSFooterComponent, RSHeaderComponent, RadioGroupComponent, RaiseCommonLibModule, RsPageListComponent, RsPageTabComponent, SwitchInputComponent, TagInputComponent, ToolbarItemComponent, TranslationService, filterShowSection, NewActionNotificationComponent as ɵa, CommonDialogComponent as ɵb, CommonDeleteComponent as ɵc };
 //# sourceMappingURL=raise-common-lib.js.map