raise-common-lib 0.0.58 → 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.
- package/bundles/raise-common-lib.umd.js +95 -4
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +2 -2
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +52 -0
- package/esm2015/lib/common-grid/grid-action/grid-action.component.js +25 -0
- package/esm2015/lib/raise-common-lib.module.js +13 -1
- package/esm2015/public-api.js +3 -1
- package/esm2015/raise-common-lib.js +2 -2
- package/esm5/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +58 -0
- package/esm5/lib/common-grid/grid-action/grid-action.component.js +27 -0
- package/esm5/lib/raise-common-lib.module.js +13 -1
- package/esm5/public-api.js +3 -1
- package/esm5/raise-common-lib.js +2 -2
- package/fesm2015/raise-common-lib.js +87 -2
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +93 -2
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.d.ts +7 -0
- package/lib/common-grid/grid-action/grid-action.component.d.ts +11 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/img/grid-action-copy.svg +6 -0
- package/src/assets/img/grid-action-delete.svg +14 -0
- package/src/assets/img/grid-action-detail.svg +7 -0
- package/src/assets/img/grid-action-download.svg +7 -0
- package/src/assets/img/grid-action-edit.svg +4 -0
- package/src/assets/img/grid-action-export.svg +12 -0
- package/src/assets/img/grid-action-move.svg +8 -0
- package/src/assets/img/grid-action-note.svg +10 -0
- package/src/assets/img/grid-action-send.svg +5 -0
- package/src/assets/img/grid-action-settle.svg +13 -0
- package/src/assets/img/grid-pager-arrow-left.svg +3 -0
- package/src/assets/img/grid-pager-arrows-left.svg +4 -0
- package/src/assets/img/more.svg +5 -0
- package/src/assets/img/table-column-menu.svg +5 -0
- package/src/assets/img/table-sort-arrow.svg +6 -0
- package/src/assets/style/reset/grid.scss +465 -127
|
@@ -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
|
|
@@ -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;
|