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,4 +1,4 @@
|
|
|
1
|
-
import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
1
|
+
import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
2
|
import { GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
|
|
3
3
|
import { debounce } from 'lodash';
|
|
4
4
|
import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
|
|
@@ -26,6 +26,8 @@ import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-ang
|
|
|
26
26
|
import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService as ToolbarService$1, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer';
|
|
27
27
|
import { DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
|
|
28
28
|
import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$2 } from '@syncfusion/ej2-angular-richtexteditor';
|
|
29
|
+
import { MatMenuModule } from '@angular/material/menu';
|
|
30
|
+
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
29
31
|
|
|
30
32
|
/**
|
|
31
33
|
* @fileoverview added by tsickle
|
|
@@ -741,6 +743,81 @@ if (false) {
|
|
|
741
743
|
CommonGridComponent.prototype.ref;
|
|
742
744
|
}
|
|
743
745
|
|
|
746
|
+
/**
|
|
747
|
+
* @fileoverview added by tsickle
|
|
748
|
+
* Generated from: lib/common-grid/grid-action/grid-action.component.ts
|
|
749
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
750
|
+
*/
|
|
751
|
+
class GridActionComponent {
|
|
752
|
+
constructor() {
|
|
753
|
+
this.translation = JSON.parse(localStorage.getItem("translation"));
|
|
754
|
+
}
|
|
755
|
+
}
|
|
756
|
+
GridActionComponent.decorators = [
|
|
757
|
+
{ type: Component, args: [{
|
|
758
|
+
selector: "rs-grid-action",
|
|
759
|
+
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",
|
|
760
|
+
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}"]
|
|
761
|
+
}] }
|
|
762
|
+
];
|
|
763
|
+
/** @nocollapse */
|
|
764
|
+
GridActionComponent.ctorParameters = () => [];
|
|
765
|
+
if (false) {
|
|
766
|
+
/** @type {?} */
|
|
767
|
+
GridActionComponent.prototype.translation;
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
/**
|
|
771
|
+
* @fileoverview added by tsickle
|
|
772
|
+
* Generated from: lib/common-grid/grid-action/grid-action-item/grid-action-item.component.ts
|
|
773
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
774
|
+
*/
|
|
775
|
+
class GridActionItemComponent {
|
|
776
|
+
constructor() {
|
|
777
|
+
this.ImageType = [
|
|
778
|
+
"Detail",
|
|
779
|
+
"Edit",
|
|
780
|
+
"Download",
|
|
781
|
+
"Delete",
|
|
782
|
+
"Note",
|
|
783
|
+
"Send",
|
|
784
|
+
"Copy",
|
|
785
|
+
"Settle",
|
|
786
|
+
"Preview",
|
|
787
|
+
"Export",
|
|
788
|
+
"Move",
|
|
789
|
+
];
|
|
790
|
+
}
|
|
791
|
+
/**
|
|
792
|
+
* @return {?}
|
|
793
|
+
*/
|
|
794
|
+
get hostDisabled() {
|
|
795
|
+
return !!this.disabled;
|
|
796
|
+
}
|
|
797
|
+
}
|
|
798
|
+
GridActionItemComponent.decorators = [
|
|
799
|
+
{ type: Component, args: [{
|
|
800
|
+
selector: "rs-grid-action-item",
|
|
801
|
+
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"
|
|
802
|
+
}] }
|
|
803
|
+
];
|
|
804
|
+
GridActionItemComponent.propDecorators = {
|
|
805
|
+
image: [{ type: Input, args: ["image",] }],
|
|
806
|
+
text: [{ type: Input, args: ["text",] }],
|
|
807
|
+
disabled: [{ type: Input, args: ["disabled",] }],
|
|
808
|
+
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
809
|
+
};
|
|
810
|
+
if (false) {
|
|
811
|
+
/** @type {?} */
|
|
812
|
+
GridActionItemComponent.prototype.image;
|
|
813
|
+
/** @type {?} */
|
|
814
|
+
GridActionItemComponent.prototype.text;
|
|
815
|
+
/** @type {?} */
|
|
816
|
+
GridActionItemComponent.prototype.disabled;
|
|
817
|
+
/** @type {?} */
|
|
818
|
+
GridActionItemComponent.prototype.ImageType;
|
|
819
|
+
}
|
|
820
|
+
|
|
744
821
|
/**
|
|
745
822
|
* @fileoverview added by tsickle
|
|
746
823
|
* Generated from: lib/float-box/index.component.ts
|
|
@@ -20853,6 +20930,8 @@ RaiseCommonLibModule.decorators = [
|
|
|
20853
20930
|
{ type: NgModule, args: [{
|
|
20854
20931
|
declarations: [
|
|
20855
20932
|
CommonGridComponent,
|
|
20933
|
+
GridActionComponent,
|
|
20934
|
+
GridActionItemComponent,
|
|
20856
20935
|
FloatBoxComponent,
|
|
20857
20936
|
RsPageListComponent,
|
|
20858
20937
|
RsPageTabComponent,
|
|
@@ -20878,6 +20957,8 @@ RaiseCommonLibModule.decorators = [
|
|
|
20878
20957
|
ReactiveFormsModule,
|
|
20879
20958
|
FormsModule,
|
|
20880
20959
|
MatSnackBarModule,
|
|
20960
|
+
MatMenuModule,
|
|
20961
|
+
MatTooltipModule,
|
|
20881
20962
|
MatDialogModule,
|
|
20882
20963
|
MatIconModule,
|
|
20883
20964
|
GridModule,
|
|
@@ -20958,6 +21039,8 @@ RaiseCommonLibModule.decorators = [
|
|
|
20958
21039
|
ReactiveFormsModule,
|
|
20959
21040
|
FormsModule,
|
|
20960
21041
|
MatSnackBarModule,
|
|
21042
|
+
MatMenuModule,
|
|
21043
|
+
MatTooltipModule,
|
|
20961
21044
|
MatDialogModule,
|
|
20962
21045
|
GridModule,
|
|
20963
21046
|
PagerModule,
|
|
@@ -20996,6 +21079,8 @@ RaiseCommonLibModule.decorators = [
|
|
|
20996
21079
|
SplitButtonModule,
|
|
20997
21080
|
RichTextEditorAllModule,
|
|
20998
21081
|
CommonGridComponent,
|
|
21082
|
+
GridActionComponent,
|
|
21083
|
+
GridActionItemComponent,
|
|
20999
21084
|
FloatBoxComponent,
|
|
21000
21085
|
RsPageListComponent,
|
|
21001
21086
|
RsPageTabComponent,
|
|
@@ -21033,5 +21118,5 @@ RaiseCommonLibModule.decorators = [
|
|
|
21033
21118
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
21034
21119
|
*/
|
|
21035
21120
|
|
|
21036
|
-
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 };
|
|
21121
|
+
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 };
|
|
21037
21122
|
//# sourceMappingURL=raise-common-lib.js.map
|