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.
Files changed (39) hide show
  1. package/bundles/raise-common-lib.umd.js +95 -4
  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/raise-common-lib.module.js +13 -1
  8. package/esm2015/public-api.js +3 -1
  9. package/esm2015/raise-common-lib.js +2 -2
  10. package/esm5/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +58 -0
  11. package/esm5/lib/common-grid/grid-action/grid-action.component.js +27 -0
  12. package/esm5/lib/raise-common-lib.module.js +13 -1
  13. package/esm5/public-api.js +3 -1
  14. package/esm5/raise-common-lib.js +2 -2
  15. package/fesm2015/raise-common-lib.js +87 -2
  16. package/fesm2015/raise-common-lib.js.map +1 -1
  17. package/fesm5/raise-common-lib.js +93 -2
  18. package/fesm5/raise-common-lib.js.map +1 -1
  19. package/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.d.ts +7 -0
  20. package/lib/common-grid/grid-action/grid-action.component.d.ts +11 -0
  21. package/package.json +1 -1
  22. package/public-api.d.ts +2 -0
  23. package/raise-common-lib.metadata.json +1 -1
  24. package/src/assets/img/grid-action-copy.svg +6 -0
  25. package/src/assets/img/grid-action-delete.svg +14 -0
  26. package/src/assets/img/grid-action-detail.svg +7 -0
  27. package/src/assets/img/grid-action-download.svg +7 -0
  28. package/src/assets/img/grid-action-edit.svg +4 -0
  29. package/src/assets/img/grid-action-export.svg +12 -0
  30. package/src/assets/img/grid-action-move.svg +8 -0
  31. package/src/assets/img/grid-action-note.svg +10 -0
  32. package/src/assets/img/grid-action-send.svg +5 -0
  33. package/src/assets/img/grid-action-settle.svg +13 -0
  34. package/src/assets/img/grid-pager-arrow-left.svg +3 -0
  35. package/src/assets/img/grid-pager-arrows-left.svg +4 -0
  36. package/src/assets/img/more.svg +5 -0
  37. package/src/assets/img/table-column-menu.svg +5 -0
  38. package/src/assets/img/table-sort-arrow.svg +6 -0
  39. 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