raise-common-lib 0.0.57 → 0.0.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/bundles/raise-common-lib.umd.js +99 -8
  2. package/bundles/raise-common-lib.umd.js.map +1 -1
  3. package/bundles/raise-common-lib.umd.min.js +2 -2
  4. package/bundles/raise-common-lib.umd.min.js.map +1 -1
  5. package/esm2015/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +52 -0
  6. package/esm2015/lib/common-grid/grid-action/grid-action.component.js +25 -0
  7. package/esm2015/lib/layout/main-container/index.component.js +5 -5
  8. package/esm2015/lib/raise-common-lib.module.js +13 -1
  9. package/esm2015/public-api.js +3 -1
  10. package/esm2015/raise-common-lib.js +2 -2
  11. package/esm5/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +58 -0
  12. package/esm5/lib/common-grid/grid-action/grid-action.component.js +27 -0
  13. package/esm5/lib/layout/main-container/index.component.js +5 -5
  14. package/esm5/lib/raise-common-lib.module.js +13 -1
  15. package/esm5/public-api.js +3 -1
  16. package/esm5/raise-common-lib.js +2 -2
  17. package/fesm2015/raise-common-lib.js +91 -6
  18. package/fesm2015/raise-common-lib.js.map +1 -1
  19. package/fesm5/raise-common-lib.js +97 -6
  20. package/fesm5/raise-common-lib.js.map +1 -1
  21. package/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.d.ts +7 -0
  22. package/lib/common-grid/grid-action/grid-action.component.d.ts +11 -0
  23. package/package.json +1 -1
  24. package/public-api.d.ts +2 -0
  25. package/raise-common-lib.metadata.json +1 -1
  26. package/src/assets/img/grid-action-copy.svg +6 -0
  27. package/src/assets/img/grid-action-delete.svg +14 -0
  28. package/src/assets/img/grid-action-detail.svg +7 -0
  29. package/src/assets/img/grid-action-download.svg +7 -0
  30. package/src/assets/img/grid-action-edit.svg +4 -0
  31. package/src/assets/img/grid-action-export.svg +12 -0
  32. package/src/assets/img/grid-action-move.svg +8 -0
  33. package/src/assets/img/grid-action-note.svg +10 -0
  34. package/src/assets/img/grid-action-send.svg +5 -0
  35. package/src/assets/img/grid-action-settle.svg +13 -0
  36. package/src/assets/img/grid-pager-arrow-left.svg +3 -0
  37. package/src/assets/img/grid-pager-arrows-left.svg +4 -0
  38. package/src/assets/img/more.svg +5 -0
  39. package/src/assets/img/table-column-menu.svg +5 -0
  40. package/src/assets/img/table-sort-arrow.svg +6 -0
  41. package/src/assets/style/reset/grid.scss +465 -121
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('@angular/router'), require('rxjs/operators'), require('rxjs'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('@angular/common'), require('@syncfusion/ej2-data'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@angular/forms'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-layouts'), require('@syncfusion/ej2-angular-navigations'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor')) :
3
- typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', '@angular/router', 'rxjs/operators', 'rxjs', '@angular/common/http', '@syncfusion/ej2-base', '@angular/common', '@syncfusion/ej2-data', '@angular/material/icon', '@angular/platform-browser', '@angular/material/snack-bar', '@angular/material/dialog', '@angular/forms', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-layouts', '@syncfusion/ej2-angular-navigations', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor'], factory) :
4
- (global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.ng.router, global.rxjs.operators, global.rxjs, global.ng.common.http, global.ej2Base, global.ng.common, global.ej2Data, global.ng.material.icon, global.ng.platformBrowser, global.ng.material['snack-bar'], global.ng.material.dialog, global.ng.forms, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularLayouts, global.ej2AngularNavigations, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor));
5
- }(this, (function (exports, core, ej2AngularGrids, lodash, router, operators, rxjs, http, ej2Base, common, ej2Data, icon, platformBrowser, snackBar, dialog, forms, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts, ej2AngularNavigations, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('@angular/router'), require('rxjs/operators'), require('rxjs'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('@angular/common'), require('@syncfusion/ej2-data'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@angular/forms'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-layouts'), require('@syncfusion/ej2-angular-navigations'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/menu'), require('@angular/material/tooltip')) :
3
+ typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', '@angular/router', 'rxjs/operators', 'rxjs', '@angular/common/http', '@syncfusion/ej2-base', '@angular/common', '@syncfusion/ej2-data', '@angular/material/icon', '@angular/platform-browser', '@angular/material/snack-bar', '@angular/material/dialog', '@angular/forms', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-layouts', '@syncfusion/ej2-angular-navigations', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/menu', '@angular/material/tooltip'], factory) :
4
+ (global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.ng.router, global.rxjs.operators, global.rxjs, global.ng.common.http, global.ej2Base, global.ng.common, global.ej2Data, global.ng.material.icon, global.ng.platformBrowser, global.ng.material['snack-bar'], global.ng.material.dialog, global.ng.forms, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularLayouts, global.ej2AngularNavigations, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor, global.ng.material.menu, global.ng.material.tooltip));
5
+ }(this, (function (exports, core, ej2AngularGrids, lodash, router, operators, rxjs, http, ej2Base, common, ej2Data, icon, platformBrowser, snackBar, dialog, forms, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts, ej2AngularNavigations, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip) { 'use strict';
6
6
 
7
7
  /*! *****************************************************************************
8
8
  Copyright (c) Microsoft Corporation.
@@ -1084,6 +1084,87 @@
1084
1084
  CommonGridComponent.prototype.ref;
1085
1085
  }
1086
1086
 
1087
+ /**
1088
+ * @fileoverview added by tsickle
1089
+ * Generated from: lib/common-grid/grid-action/grid-action.component.ts
1090
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1091
+ */
1092
+ var GridActionComponent = /** @class */ (function () {
1093
+ function GridActionComponent() {
1094
+ this.translation = JSON.parse(localStorage.getItem("translation"));
1095
+ }
1096
+ GridActionComponent.decorators = [
1097
+ { type: core.Component, args: [{
1098
+ selector: "rs-grid-action",
1099
+ 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",
1100
+ 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}"]
1101
+ }] }
1102
+ ];
1103
+ /** @nocollapse */
1104
+ GridActionComponent.ctorParameters = function () { return []; };
1105
+ return GridActionComponent;
1106
+ }());
1107
+ if (false) {
1108
+ /** @type {?} */
1109
+ GridActionComponent.prototype.translation;
1110
+ }
1111
+
1112
+ /**
1113
+ * @fileoverview added by tsickle
1114
+ * Generated from: lib/common-grid/grid-action/grid-action-item/grid-action-item.component.ts
1115
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
1116
+ */
1117
+ var GridActionItemComponent = /** @class */ (function () {
1118
+ function GridActionItemComponent() {
1119
+ this.ImageType = [
1120
+ "Detail",
1121
+ "Edit",
1122
+ "Download",
1123
+ "Delete",
1124
+ "Note",
1125
+ "Send",
1126
+ "Copy",
1127
+ "Settle",
1128
+ "Preview",
1129
+ "Export",
1130
+ "Move",
1131
+ ];
1132
+ }
1133
+ Object.defineProperty(GridActionItemComponent.prototype, "hostDisabled", {
1134
+ get: /**
1135
+ * @return {?}
1136
+ */
1137
+ function () {
1138
+ return !!this.disabled;
1139
+ },
1140
+ enumerable: true,
1141
+ configurable: true
1142
+ });
1143
+ GridActionItemComponent.decorators = [
1144
+ { type: core.Component, args: [{
1145
+ selector: "rs-grid-action-item",
1146
+ 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"
1147
+ }] }
1148
+ ];
1149
+ GridActionItemComponent.propDecorators = {
1150
+ image: [{ type: core.Input, args: ["image",] }],
1151
+ text: [{ type: core.Input, args: ["text",] }],
1152
+ disabled: [{ type: core.Input, args: ["disabled",] }],
1153
+ hostDisabled: [{ type: core.HostBinding, args: ["class.disabled",] }]
1154
+ };
1155
+ return GridActionItemComponent;
1156
+ }());
1157
+ if (false) {
1158
+ /** @type {?} */
1159
+ GridActionItemComponent.prototype.image;
1160
+ /** @type {?} */
1161
+ GridActionItemComponent.prototype.text;
1162
+ /** @type {?} */
1163
+ GridActionItemComponent.prototype.disabled;
1164
+ /** @type {?} */
1165
+ GridActionItemComponent.prototype.ImageType;
1166
+ }
1167
+
1087
1168
  /**
1088
1169
  * @fileoverview added by tsickle
1089
1170
  * Generated from: lib/float-box/index.component.ts
@@ -19669,13 +19750,13 @@
19669
19750
  /** @type {?} */
19670
19751
  var screenWidth = window.innerWidth;
19671
19752
  if (screenWidth <= 992) {
19672
- this.headerRef.onToggleMenu(false);
19753
+ this.headerRef && this.headerRef.onToggleMenu(false);
19673
19754
  }
19674
19755
  else if (screenWidth < 1200) {
19675
- this.headerRef.onToggleMenu(true);
19756
+ this.headerRef && this.headerRef.onToggleMenu(true);
19676
19757
  }
19677
19758
  else {
19678
- this.headerRef.onToggleMenu(false);
19759
+ this.headerRef && this.headerRef.onToggleMenu(false);
19679
19760
  }
19680
19761
  };
19681
19762
  /**
@@ -19697,7 +19778,7 @@
19697
19778
  /** @type {?} */
19698
19779
  var screenWidth = window.innerWidth;
19699
19780
  if (screenWidth <= 992 && this.isCollapsed) {
19700
- this.headerRef.onToggleMenu();
19781
+ this.headerRef && this.headerRef.onToggleMenu();
19701
19782
  }
19702
19783
  };
19703
19784
  MainContainerComponent.decorators = [
@@ -21812,6 +21893,8 @@
21812
21893
  { type: core.NgModule, args: [{
21813
21894
  declarations: [
21814
21895
  CommonGridComponent,
21896
+ GridActionComponent,
21897
+ GridActionItemComponent,
21815
21898
  FloatBoxComponent,
21816
21899
  RsPageListComponent,
21817
21900
  RsPageTabComponent,
@@ -21837,6 +21920,8 @@
21837
21920
  forms.ReactiveFormsModule,
21838
21921
  forms.FormsModule,
21839
21922
  snackBar.MatSnackBarModule,
21923
+ menu.MatMenuModule,
21924
+ tooltip.MatTooltipModule,
21840
21925
  dialog.MatDialogModule,
21841
21926
  icon.MatIconModule,
21842
21927
  ej2AngularGrids.GridModule,
@@ -21917,6 +22002,8 @@
21917
22002
  forms.ReactiveFormsModule,
21918
22003
  forms.FormsModule,
21919
22004
  snackBar.MatSnackBarModule,
22005
+ menu.MatMenuModule,
22006
+ tooltip.MatTooltipModule,
21920
22007
  dialog.MatDialogModule,
21921
22008
  ej2AngularGrids.GridModule,
21922
22009
  ej2AngularGrids.PagerModule,
@@ -21955,6 +22042,8 @@
21955
22042
  ej2AngularSplitbuttons.SplitButtonModule,
21956
22043
  ej2AngularRichtexteditor.RichTextEditorAllModule,
21957
22044
  CommonGridComponent,
22045
+ GridActionComponent,
22046
+ GridActionItemComponent,
21958
22047
  FloatBoxComponent,
21959
22048
  RsPageListComponent,
21960
22049
  RsPageTabComponent,
@@ -21992,6 +22081,8 @@
21992
22081
  exports.DrawerService = DrawerService;
21993
22082
  exports.EmailPattern = EmailPattern;
21994
22083
  exports.FloatBoxComponent = FloatBoxComponent;
22084
+ exports.GridActionComponent = GridActionComponent;
22085
+ exports.GridActionItemComponent = GridActionItemComponent;
21995
22086
  exports.GridBoxComponent = GridBoxComponent;
21996
22087
  exports.IconLoaderService = IconLoaderService;
21997
22088
  exports.KeepAliveService = KeepAliveService;