raise-common-lib 0.0.57 → 0.0.60

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
@@ -19474,13 +19557,13 @@ var MainContainerComponent = /** @class */ (function () {
         /** @type {?} */
         var screenWidth = window.innerWidth;
         if (screenWidth <= 992) {
-            this.headerRef.onToggleMenu(false);
+            this.headerRef && this.headerRef.onToggleMenu(false);
         }
         else if (screenWidth < 1200) {
-            this.headerRef.onToggleMenu(true);
+            this.headerRef && this.headerRef.onToggleMenu(true);
         }
         else {
-            this.headerRef.onToggleMenu(false);
+            this.headerRef && this.headerRef.onToggleMenu(false);
         }
     };
     /**
@@ -19502,7 +19585,7 @@ var MainContainerComponent = /** @class */ (function () {
         /** @type {?} */
         var screenWidth = window.innerWidth;
         if (screenWidth <= 992 && this.isCollapsed) {
-            this.headerRef.onToggleMenu();
+            this.headerRef && this.headerRef.onToggleMenu();
         }
     };
     MainContainerComponent.decorators = [
@@ -21617,6 +21700,8 @@ var RaiseCommonLibModule = /** @class */ (function () {
         { type: NgModule, args: [{
                     declarations: [
                         CommonGridComponent,
+                        GridActionComponent,
+                        GridActionItemComponent,
                         FloatBoxComponent,
                         RsPageListComponent,
                         RsPageTabComponent,
@@ -21642,6 +21727,8 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         ReactiveFormsModule,
                         FormsModule,
                         MatSnackBarModule,
+                        MatMenuModule,
+                        MatTooltipModule,
                         MatDialogModule,
                         MatIconModule,
                         GridModule,
@@ -21722,6 +21809,8 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         ReactiveFormsModule,
                         FormsModule,
                         MatSnackBarModule,
+                        MatMenuModule,
+                        MatTooltipModule,
                         MatDialogModule,
                         GridModule,
                         PagerModule,
@@ -21760,6 +21849,8 @@ var RaiseCommonLibModule = /** @class */ (function () {
                         SplitButtonModule,
                         RichTextEditorAllModule,
                         CommonGridComponent,
+                        GridActionComponent,
+                        GridActionItemComponent,
                         FloatBoxComponent,
                         RsPageListComponent,
                         RsPageTabComponent,
@@ -21799,5 +21890,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, TranslationService, filterShowSection, NewActionNotificationComponent as ɵa, CommonDialogComponent as ɵb, CommonDeleteComponent as ɵc };
 //# sourceMappingURL=raise-common-lib.js.map