raise-common-lib 0.0.184 → 0.0.185
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/README.md +57 -57
- package/bundles/raise-common-lib.umd.js +43 -8
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/actions/toolbar-item/index.component.js +3 -3
- package/esm2015/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +37 -2
- package/esm2015/lib/common-grid/grid-action/grid-action.component.js +1 -1
- package/esm2015/lib/dialog/new-action-notification/new-action-notification.component.js +1 -1
- package/esm2015/lib/form/drawer-form/drawer-form.component.js +1 -1
- package/esm2015/lib/layout/drawer/index.component.js +1 -1
- package/esm2015/lib/layout/page-tab/index.component.js +1 -1
- package/esm5/lib/actions/toolbar-item/index.component.js +3 -3
- package/esm5/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.js +37 -2
- package/esm5/lib/common-grid/grid-action/grid-action.component.js +1 -1
- package/esm5/lib/dialog/new-action-notification/new-action-notification.component.js +1 -1
- package/esm5/lib/form/drawer-form/drawer-form.component.js +1 -1
- package/esm5/lib/layout/drawer/index.component.js +1 -1
- package/esm5/lib/layout/page-tab/index.component.js +1 -1
- package/fesm2015/raise-common-lib.js +43 -8
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +43 -8
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/common-grid/grid-action/grid-action-item/grid-action-item.component.d.ts +5 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
- package/src/assets/img/arrow_right.svg +4 -4
- package/src/assets/img/calendar-disabled.svg +6 -6
- package/src/assets/img/calendar.svg +6 -6
- package/src/assets/img/calendar_arrow_left.svg +3 -3
- package/src/assets/img/calendar_arrow_right.svg +3 -3
- package/src/assets/img/checked-vector.svg +3 -3
- package/src/assets/img/dialog-close.svg +4 -4
- package/src/assets/img/dialog-grow.svg +6 -6
- package/src/assets/img/dialog-shrink.svg +6 -6
- package/src/assets/img/plus.svg +4 -4
- package/src/assets/img/search.svg +4 -4
- package/src/assets/img/shrink-icon.svg +6 -6
- package/src/assets/img/time-disabled.svg +4 -4
- package/src/assets/img/time.svg +4 -4
- package/src/assets/img/toolbar-action-addFolder.svg +17 -17
- package/src/assets/img/toolbar-action-calculator.svg +11 -11
- package/src/assets/img/toolbar-action-collapse.svg +7 -7
- package/src/assets/img/toolbar-action-combine.svg +4 -4
- package/src/assets/img/toolbar-action-edit.svg +4 -4
- package/src/assets/img/toolbar-action-expand.svg +7 -7
- package/src/assets/img/toolbar-action-folderMove.svg +8 -8
- package/src/assets/img/toolbar-action-lock.svg +6 -6
- package/src/assets/img/toolbar-action-preview.svg +7 -7
- package/src/assets/img/toolbar-action-publish.svg +5 -5
- package/src/assets/img/toolbar-action-reminders.svg +10 -10
- package/src/assets/img/toolbar-action-rename.svg +7 -7
- package/src/assets/img/toolbar-action-saveSequence.svg +5 -5
- package/src/assets/img/toolbar-action-send-file.svg +5 -5
- package/src/assets/img/toolbar-action-settle.svg +7 -7
- package/src/assets/img/toolbar-action-share.svg +5 -5
- package/src/assets/img/toolbar-action-submitForApproval.svg +4 -4
- package/src/assets/img/toolbar-action-sync.svg +4 -4
- package/src/assets/img/toolbar-action-template.svg +6 -6
- package/src/assets/img/toolbar-action-workflow.svg +9 -9
- package/src/assets/img/grid-menu-arrow-right copy.svg +0 -3
|
@@ -59,8 +59,8 @@ export class ToolbarItemComponent {
|
|
|
59
59
|
ToolbarItemComponent.decorators = [
|
|
60
60
|
{ type: Component, args: [{
|
|
61
61
|
selector: "rs-toolbar-item",
|
|
62
|
-
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"toolbar-action-arrow\" *ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/down-arrow.svg\" />\r\n </span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span
|
|
63
|
-
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{
|
|
62
|
+
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"toolbar-action-arrow\" *ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/down-arrow.svg\" />\r\n </span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"toolbar-action-menu-content\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"toolbar-action-image\"\r\n *ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n",
|
|
63
|
+
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{padding:4px 8px;font-size:11px!important;min-width:100px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}.toolbar-action-item .toolbar-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}.toolbar-action-item .toolbar-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}.toolbar-action-item .toolbar-action-image[data-type=Edit]::before{content:url(/assets/img/toolbar-action-edit.svg)}.toolbar-action-item .toolbar-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}.toolbar-action-item .toolbar-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}.toolbar-action-item .toolbar-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}.toolbar-action-item .toolbar-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}.toolbar-action-item .toolbar-action-image[data-type=Preview]::before{content:url(/assets/img/toolbar-action-preview.svg)}.toolbar-action-item .toolbar-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}.toolbar-action-item .toolbar-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}.toolbar-action-item .toolbar-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}.toolbar-action-item .toolbar-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}.toolbar-action-item .toolbar-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}.toolbar-action-item .toolbar-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}.toolbar-action-item .toolbar-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}.toolbar-action-item .toolbar-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}.toolbar-action-item .toolbar-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}.toolbar-action-item .toolbar-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}.toolbar-action-item .toolbar-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}.toolbar-action-item .toolbar-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}.toolbar-action-item .toolbar-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item::after{display:none}::ng-deep .toolbar-action-menu-content.mat-menu-panel{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}::ng-deep .toolbar-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}"]
|
|
64
64
|
}] }
|
|
65
65
|
];
|
|
66
66
|
ToolbarItemComponent.propDecorators = {
|
|
@@ -91,4 +91,4 @@ if (false) {
|
|
|
91
91
|
/** @type {?} */
|
|
92
92
|
ToolbarItemComponent.prototype.ImageType;
|
|
93
93
|
}
|
|
94
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9hY3Rpb25zL3Rvb2xiYXItaXRlbS9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQU92QixNQUFNLE9BQU8sb0JBQW9CO0lBTGpDO1FBU3FCLGFBQVEsR0FBVSxFQUFFLENBQUM7UUFDcEIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUN0QyxvQkFBZSxHQUEyQixFQUFFLENBQUM7UUFZdEQsY0FBUyxHQUFHO1lBQ1YsS0FBSztZQUNMLFFBQVE7WUFDUixRQUFRO1lBQ1IsUUFBUTtZQUNSLFFBQVE7WUFDUixRQUFRO1lBQ1IsVUFBVTtZQUNWLFdBQVc7WUFDWCxTQUFTO1lBQ1QsV0FBVztZQUNYLFVBQVU7WUFDVixTQUFTO1lBQ1QsTUFBTTtZQUNOLE1BQU07WUFDTixRQUFRO1lBQ1IsUUFBUTtZQUNSLFNBQVM7WUFDVCxTQUFTO1lBQ1QsYUFBYTtZQUNiLE1BQU07WUFDTixPQUFPO1lBQ1AsUUFBUTtZQUNSLGNBQWM7WUFDZCxtQkFBbUI7WUFDbkIsb0JBQW9CO1lBQ3BCLGNBQWM7WUFDZCxRQUFRO1lBQ1IsVUFBVTtZQUNWLFVBQVU7WUFDVixXQUFXO1NBQ1osQ0FBQztJQUNKLENBQUM7Ozs7SUF6Q0MsSUFBbUMsWUFBWTtRQUM3QyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7Ozs7O0lBR0QsUUFBUTtRQUNOLE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDO0lBQ3RELENBQUM7OztZQXJCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0IscWhEQUFxQzs7YUFFdEM7OztvQkFFRSxLQUFLLFNBQUMsT0FBTzttQkFDYixLQUFLLFNBQUMsTUFBTTt1QkFDWixLQUFLLFNBQUMsVUFBVTt1QkFDaEIsS0FBSyxTQUFDLFVBQVU7d0JBQ2hCLEtBQUssU0FBQyxXQUFXOzhCQUNqQixLQUFLOzRCQUVMLFNBQVMsU0FBQyxlQUFlLEVBQUUsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFOzJCQUM1QyxXQUFXLFNBQUMsZ0JBQWdCOzs7O0lBUjdCLHFDQUE4Qjs7SUFDOUIsb0NBQTRCOztJQUM1Qix3Q0FBcUM7O0lBQ3JDLHdDQUF3Qzs7SUFDeEMseUNBQStDOztJQUMvQywrQ0FBc0Q7O0lBRXRELDZDQUEwRTs7SUFVMUUseUNBK0JFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXRvb2xiYXItaXRlbVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sYmFySXRlbUNvbXBvbmVudCB7XHJcbiAgQElucHV0KFwiaW1hZ2VcIikgaW1hZ2U6IHN0cmluZztcclxuICBASW5wdXQoXCJ0ZXh0XCIpIHRleHQ6IHN0cmluZztcclxuICBASW5wdXQoXCJkaXNhYmxlZFwiKSBkaXNhYmxlZDogYm9vbGVhbjtcclxuICBASW5wdXQoXCJjaGlsZHJlblwiKSBjaGlsZHJlbjogYW55W10gPSBbXTtcclxuICBASW5wdXQoXCJoaWRlQXJyb3dcIikgaGlkZUFycm93OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGlzYWJsZWRPcHRpb25zOiB7IFtrZXk6IHN0cmluZ106IGFueSB9ID0ge307XHJcblxyXG4gIEBWaWV3Q2hpbGQoXCJidXR0b25FbGVtZW50XCIsIHsgc3RhdGljOiBmYWxzZSB9KSBidXR0b25FbGVtZW50ITogRWxlbWVudFJlZjtcclxuICBASG9zdEJpbmRpbmcoXCJjbGFzcy5kaXNhYmxlZFwiKSBnZXQgaG9zdERpc2FibGVkKCkge1xyXG4gICAgcmV0dXJuICEhdGhpcy5kaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIC8vIOaatOmcsuaWueazleS+m+eItue7hOS7tuiwg+eUqFxyXG4gIGdldFdpZHRoKCk6IG51bWJlciB7XHJcbiAgICByZXR1cm4gdGhpcy5idXR0b25FbGVtZW50Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XHJcbiAgfVxyXG5cclxuICBJbWFnZVR5cGUgPSBbXHJcbiAgICBcIkFkZFwiLFxyXG4gICAgXCJEZWxldGVcIixcclxuICAgIFwiVXBkYXRlXCIsXHJcbiAgICBcIkltcG9ydFwiLFxyXG4gICAgXCJFeHBvcnRcIixcclxuICAgIFwiVXBsb2FkXCIsXHJcbiAgICBcIkRvd25sb2FkXCIsXHJcbiAgICBcIkR1cGxpY2F0ZVwiLFxyXG4gICAgXCJSZWZyZXNoXCIsXHJcbiAgICBcIkFkZEZvbGRlclwiLFxyXG4gICAgXCJDb2xsYXBzZVwiLFxyXG4gICAgXCJDb21iaW5lXCIsXHJcbiAgICBcIkVkaXRcIixcclxuICAgIFwiTG9ja1wiLFxyXG4gICAgXCJFeHBhbmRcIixcclxuICAgIFwiTW92ZVRvXCIsXHJcbiAgICBcIlB1Ymxpc2hcIixcclxuICAgIFwiUHJldmlld1wiLFxyXG4gICAgXCJSZUNhbGN1bGF0ZVwiLFxyXG4gICAgXCJTeW5jXCIsXHJcbiAgICBcIlNoYXJlXCIsXHJcbiAgICBcIlJlbmFtZVwiLFxyXG4gICAgXCJTYXZlU2VxdWVuY2VcIixcclxuICAgIFwiU3VibWl0Rm9yQXBwcm92YWxcIixcclxuICAgIFwiU2VuZFRvQ29udHJvbFBhbmVsXCIsXHJcbiAgICBcIlNldFJlbWluZGVyc1wiLFxyXG4gICAgXCJTZXR0bGVcIixcclxuICAgIFwiVGVtcGxhdGVcIixcclxuICAgIFwiV29ya2Zsb3dcIixcclxuICAgIFwiRmV0Y2hEYXRhXCIsXHJcbiAgXTtcclxufVxyXG4iXX0=
|
|
@@ -6,6 +6,9 @@
|
|
|
6
6
|
import { Component, HostBinding, Input } from "@angular/core";
|
|
7
7
|
export class GridActionItemComponent {
|
|
8
8
|
constructor() {
|
|
9
|
+
this.children = [];
|
|
10
|
+
this.hideArrow = false;
|
|
11
|
+
this.disabledOptions = {};
|
|
9
12
|
this.ImageType = [
|
|
10
13
|
"Detail",
|
|
11
14
|
"Edit",
|
|
@@ -20,6 +23,29 @@ export class GridActionItemComponent {
|
|
|
20
23
|
"Preview",
|
|
21
24
|
"Export",
|
|
22
25
|
"Move",
|
|
26
|
+
"Add",
|
|
27
|
+
"Update",
|
|
28
|
+
"Import",
|
|
29
|
+
"Upload",
|
|
30
|
+
"AddFolder",
|
|
31
|
+
"Collapse",
|
|
32
|
+
"Combine",
|
|
33
|
+
"Lock",
|
|
34
|
+
"Expand",
|
|
35
|
+
"MoveTo",
|
|
36
|
+
"Publish",
|
|
37
|
+
"ReCalculate",
|
|
38
|
+
"Sync",
|
|
39
|
+
"Share",
|
|
40
|
+
"Rename",
|
|
41
|
+
"SaveSequence",
|
|
42
|
+
"SubmitForApproval",
|
|
43
|
+
"SendToControlPanel",
|
|
44
|
+
"SetReminders",
|
|
45
|
+
"Settle",
|
|
46
|
+
"Template",
|
|
47
|
+
"Workflow",
|
|
48
|
+
"FetchData",
|
|
23
49
|
"ViewStatus",
|
|
24
50
|
"Verify",
|
|
25
51
|
];
|
|
@@ -34,13 +60,16 @@ export class GridActionItemComponent {
|
|
|
34
60
|
GridActionItemComponent.decorators = [
|
|
35
61
|
{ type: Component, args: [{
|
|
36
62
|
selector: "rs-grid-action-item",
|
|
37
|
-
template: "<button\r\n\
|
|
63
|
+
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"grid-action-item e-btn text\"\r\n mat-menu-item\r\n type=\"button\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"grid-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<rs-float-box placement=\"right\" position=\"start\">\r\n <button\r\n *ngIf=\"children.length\"\r\n class=\"grid-action-item e-btn text\"\r\n mat-menu-item\r\n [disabled]=\"!!disabled\"\r\n >\r\n <span class=\"grid-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"grid-action-arrow\" *ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/grid-menu-arrow-right.svg\" />\r\n </span>\r\n </button>\r\n <div float-content>\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"grid-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"grid-action-image\"\r\n *ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</rs-float-box>\r\n"
|
|
38
64
|
}] }
|
|
39
65
|
];
|
|
40
66
|
GridActionItemComponent.propDecorators = {
|
|
41
67
|
image: [{ type: Input, args: ["image",] }],
|
|
42
68
|
text: [{ type: Input, args: ["text",] }],
|
|
43
69
|
disabled: [{ type: Input, args: ["disabled",] }],
|
|
70
|
+
children: [{ type: Input, args: ["children",] }],
|
|
71
|
+
hideArrow: [{ type: Input, args: ["hideArrow",] }],
|
|
72
|
+
disabledOptions: [{ type: Input }],
|
|
44
73
|
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
45
74
|
};
|
|
46
75
|
if (false) {
|
|
@@ -51,6 +80,12 @@ if (false) {
|
|
|
51
80
|
/** @type {?} */
|
|
52
81
|
GridActionItemComponent.prototype.disabled;
|
|
53
82
|
/** @type {?} */
|
|
83
|
+
GridActionItemComponent.prototype.children;
|
|
84
|
+
/** @type {?} */
|
|
85
|
+
GridActionItemComponent.prototype.hideArrow;
|
|
86
|
+
/** @type {?} */
|
|
87
|
+
GridActionItemComponent.prototype.disabledOptions;
|
|
88
|
+
/** @type {?} */
|
|
54
89
|
GridActionItemComponent.prototype.ImageType;
|
|
55
90
|
}
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9yYWlzZS1jb21tb24tbGliLyIsInNvdXJjZXMiOlsibGliL2NvbW1vbi1ncmlkL2dyaWQtYWN0aW9uL2dyaWQtYWN0aW9uLWl0ZW0vZ3JpZC1hY3Rpb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFNOUQsTUFBTSxPQUFPLHVCQUF1QjtJQUpwQztRQVFxQixhQUFRLEdBQVUsRUFBRSxDQUFDO1FBQ3BCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDdEMsb0JBQWUsR0FBMkIsRUFBRSxDQUFDO1FBS3RELGNBQVMsR0FBRztZQUNWLFFBQVE7WUFDUixNQUFNO1lBQ04sV0FBVztZQUNYLFNBQVM7WUFDVCxVQUFVO1lBQ1YsUUFBUTtZQUNSLE1BQU07WUFDTixNQUFNO1lBQ04sTUFBTTtZQUNOLFFBQVE7WUFDUixTQUFTO1lBQ1QsUUFBUTtZQUNSLE1BQU07WUFDTixLQUFLO1lBQ0wsUUFBUTtZQUNSLFFBQVE7WUFDUixRQUFRO1lBQ1IsV0FBVztZQUNYLFVBQVU7WUFDVixTQUFTO1lBQ1QsTUFBTTtZQUNOLFFBQVE7WUFDUixRQUFRO1lBQ1IsU0FBUztZQUNULGFBQWE7WUFDYixNQUFNO1lBQ04sT0FBTztZQUNQLFFBQVE7WUFDUixjQUFjO1lBQ2QsbUJBQW1CO1lBQ25CLG9CQUFvQjtZQUNwQixjQUFjO1lBQ2QsUUFBUTtZQUNSLFVBQVU7WUFDVixVQUFVO1lBQ1YsV0FBVztZQUNYLFlBQVk7WUFDWixRQUFRO1NBQ1QsQ0FBQztJQUNKLENBQUM7Ozs7SUE1Q0MsSUFBbUMsWUFBWTtRQUM3QyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3pCLENBQUM7OztZQWJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUscUJBQXFCO2dCQUMvQixpa0RBQWdEO2FBQ2pEOzs7b0JBRUUsS0FBSyxTQUFDLE9BQU87bUJBQ2IsS0FBSyxTQUFDLE1BQU07dUJBQ1osS0FBSyxTQUFDLFVBQVU7dUJBQ2hCLEtBQUssU0FBQyxVQUFVO3dCQUNoQixLQUFLLFNBQUMsV0FBVzs4QkFDakIsS0FBSzsyQkFDTCxXQUFXLFNBQUMsZ0JBQWdCOzs7O0lBTjdCLHdDQUE4Qjs7SUFDOUIsdUNBQTRCOztJQUM1QiwyQ0FBcUM7O0lBQ3JDLDJDQUF3Qzs7SUFDeEMsNENBQStDOztJQUMvQyxrREFBc0Q7O0lBS3RELDRDQXVDRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLWdyaWQtYWN0aW9uLWl0ZW1cIixcclxuICB0ZW1wbGF0ZVVybDogXCIuL2dyaWQtYWN0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWxcIixcclxufSlcclxuZXhwb3J0IGNsYXNzIEdyaWRBY3Rpb25JdGVtQ29tcG9uZW50IHtcclxuICBASW5wdXQoXCJpbWFnZVwiKSBpbWFnZTogc3RyaW5nO1xyXG4gIEBJbnB1dChcInRleHRcIikgdGV4dDogc3RyaW5nO1xyXG4gIEBJbnB1dChcImRpc2FibGVkXCIpIGRpc2FibGVkOiBib29sZWFuO1xyXG4gIEBJbnB1dChcImNoaWxkcmVuXCIpIGNoaWxkcmVuOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dChcImhpZGVBcnJvd1wiKSBoaWRlQXJyb3c6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBkaXNhYmxlZE9wdGlvbnM6IHsgW2tleTogc3RyaW5nXTogYW55IH0gPSB7fTtcclxuICBASG9zdEJpbmRpbmcoXCJjbGFzcy5kaXNhYmxlZFwiKSBnZXQgaG9zdERpc2FibGVkKCkge1xyXG4gICAgcmV0dXJuICEhdGhpcy5kaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIEltYWdlVHlwZSA9IFtcclxuICAgIFwiRGV0YWlsXCIsXHJcbiAgICBcIkVkaXRcIixcclxuICAgIFwiRHVwbGljYXRlXCIsXHJcbiAgICBcIlJlZnJlc2hcIixcclxuICAgIFwiRG93bmxvYWRcIixcclxuICAgIFwiRGVsZXRlXCIsXHJcbiAgICBcIk5vdGVcIixcclxuICAgIFwiU2VuZFwiLFxyXG4gICAgXCJDb3B5XCIsXHJcbiAgICBcIlNldHRsZVwiLFxyXG4gICAgXCJQcmV2aWV3XCIsXHJcbiAgICBcIkV4cG9ydFwiLFxyXG4gICAgXCJNb3ZlXCIsXHJcbiAgICBcIkFkZFwiLFxyXG4gICAgXCJVcGRhdGVcIixcclxuICAgIFwiSW1wb3J0XCIsXHJcbiAgICBcIlVwbG9hZFwiLFxyXG4gICAgXCJBZGRGb2xkZXJcIixcclxuICAgIFwiQ29sbGFwc2VcIixcclxuICAgIFwiQ29tYmluZVwiLFxyXG4gICAgXCJMb2NrXCIsXHJcbiAgICBcIkV4cGFuZFwiLFxyXG4gICAgXCJNb3ZlVG9cIixcclxuICAgIFwiUHVibGlzaFwiLFxyXG4gICAgXCJSZUNhbGN1bGF0ZVwiLFxyXG4gICAgXCJTeW5jXCIsXHJcbiAgICBcIlNoYXJlXCIsXHJcbiAgICBcIlJlbmFtZVwiLFxyXG4gICAgXCJTYXZlU2VxdWVuY2VcIixcclxuICAgIFwiU3VibWl0Rm9yQXBwcm92YWxcIixcclxuICAgIFwiU2VuZFRvQ29udHJvbFBhbmVsXCIsXHJcbiAgICBcIlNldFJlbWluZGVyc1wiLFxyXG4gICAgXCJTZXR0bGVcIixcclxuICAgIFwiVGVtcGxhdGVcIixcclxuICAgIFwiV29ya2Zsb3dcIixcclxuICAgIFwiRmV0Y2hEYXRhXCIsXHJcbiAgICBcIlZpZXdTdGF0dXNcIixcclxuICAgIFwiVmVyaWZ5XCIsXHJcbiAgXTtcclxufVxyXG4iXX0=
|
|
@@ -13,7 +13,7 @@ GridActionComponent.decorators = [
|
|
|
13
13
|
{ type: Component, args: [{
|
|
14
14
|
selector: "rs-grid-action",
|
|
15
15
|
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",
|
|
16
|
-
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{
|
|
16
|
+
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{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);overflow:visible}::ng-deep .grid-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}::ng-deep .grid-action-menu-content.mat-menu-panel rs-grid-action-item.disabled{pointer-events:none}::ng-deep .grid-action-menu-content.mat-menu-panel rs-grid-action-item.disabled button.grid-action-item{opacity:.4}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item{min-width:100px;position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start!important;gap:6px;height:28px!important;padding: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:hover{background-color:rgba(0,0,0,.04)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item:hover .mat-menu-ripple{background:0 0!important}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-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 .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 .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 .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 .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 .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 .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 .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 .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 .grid-action-image[data-type=Preview]::before{content:url(/assets/img/grid-action-preview.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-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 .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 .grid-action-image[data-type=Duplicate]::before{content:url(/assets/img/grid-action-duplicate.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Refresh]::before{content:url(/assets/img/grid-action-refresh.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=ViewStatus]::before{content:url(/assets/img/grid-action-viewStatus.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Verify]::before{content:url(/assets/img/grid-action-verify.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image img{height:16px;display:block}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-arrow{vertical-align:middle;position:absolute;right:4px;top:6px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-arrow img{vertical-align:middle}"]
|
|
17
17
|
}] }
|
|
18
18
|
];
|
|
19
19
|
/** @nocollapse */
|
|
@@ -78,7 +78,7 @@ NewActionNotificationComponent.decorators = [
|
|
|
78
78
|
{ type: Component, args: [{
|
|
79
79
|
selector: "kt-new-action-notification",
|
|
80
80
|
template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n",
|
|
81
|
-
styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(
|
|
81
|
+
styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
82
82
|
}] }
|
|
83
83
|
];
|
|
84
84
|
/** @nocollapse */
|
|
@@ -505,7 +505,7 @@ DrawerFormComponent.decorators = [
|
|
|
505
505
|
{ type: Component, args: [{
|
|
506
506
|
selector: "rs-drawer-form",
|
|
507
507
|
template: "<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n <div class=\"section-container\">\r\n <div #sectionEl class=\"section-item\" *ngFor=\"let section of sections\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"section-expand-checkbox\"\r\n *ngIf=\"section.title\"\r\n />\r\n <div class=\"section-title\" *ngIf=\"section.title\">\r\n <span>{{ section.title }}</span>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"!section.customKey\">\r\n <div\r\n class=\"form-item\"\r\n *ngFor=\"let field of section.fields\"\r\n [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n [attr.data-disabled]=\"field.disabled || formDisabled ? 'yes' : 'no'\"\r\n [attr.data-error]=\"\r\n fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n \"\r\n >\r\n <div class=\"form-label\">\r\n <span>{{ field.label }}</span>\r\n <ejs-tooltip\r\n class=\"form-tooltip\"\r\n cssClass=\"rs-drawer-tooltip\"\r\n *ngIf=\"field.tooltip\"\r\n position=\"RightCenter\"\r\n [content]=\"field.tooltip\"\r\n >\r\n <span class=\"tooltip-icon\"></span>\r\n </ejs-tooltip>\r\n </div>\r\n <div class=\"form-content\">\r\n <!-- Radio -->\r\n <rs-radio-group\r\n *ngIf=\"field.fieldFormType === 'Radio'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"optionsMap[field.optionKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-radio-group>\r\n <!-- Checkbox -->\r\n <rs-checkbox-group\r\n *ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"optionsMap[field.optionKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-checkbox-group>\r\n <!-- Switch -->\r\n <rs-switch-input\r\n *ngIf=\"field.fieldFormType === 'Switch'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-switch-input>\r\n <!-- Input -->\r\n <input\r\n class=\"e-input\"\r\n *ngIf=\"\r\n field.fieldFormType === 'Text' ||\r\n field.fieldFormType === 'Email'\r\n \"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n />\r\n <!-- Textarea -->\r\n <textarea\r\n class=\"e-input\"\r\n *ngIf=\"field.fieldFormType === 'Textarea'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n rows=\"3\"\r\n ></textarea>\r\n <!-- Number Input -->\r\n <ejs-numerictextbox\r\n *ngIf=\"field.fieldFormType === 'Number'\"\r\n [value]=\"form[field.formKey]\"\r\n [max]=\"field.max\"\r\n [min]=\"field.min\"\r\n [step]=\"field.step\"\r\n [decimals]=\"field.decimals\"\r\n [format]=\"field.format\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-numerictextbox>\r\n <!-- Tags Input -->\r\n <rs-tag-input\r\n *ngIf=\"field.fieldFormType === 'Tags'\"\r\n [value]=\"form[field.formKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [inputMaxlength]=\"field.maxlength\"\r\n [inputMinlength]=\"field.minlength\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></rs-tag-input>\r\n <!-- AutoComplete -->\r\n <ejs-autocomplete\r\n *ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"optionsMap[field.optionKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-autocomplete>\r\n <!-- Dropdown -->\r\n <ejs-dropdownlist\r\n *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"optionsMap[field.optionKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showClearButton]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-dropdownlist>\r\n <!-- MultiSelect -->\r\n <ejs-multiselect\r\n *ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n mode=\"CheckBox\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"optionsMap[field.optionKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showDropDownIcon]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n >\r\n </ejs-multiselect>\r\n <!-- Datepicker -->\r\n <ejs-datepicker\r\n *ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n [value]=\"getValue(field)\"\r\n [format]=\"field.format || 'dd-MMM-yyyy'\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"\r\n fieldValidMap[field.formKey] === false ||\r\n dateValidMap[field.formKey] === false\r\n \"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onDatePickerBlur($event, field)\"\r\n ></ejs-datepicker>\r\n <ng-template\r\n #customTemplateContainer\r\n *ngIf=\"field.fieldFormType === 'Custom'\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"section.customKey\">\r\n <ng-template #customSectionContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n <div\r\n class=\"anchor-item\"\r\n *ngFor=\"let section of sections; let index = index\"\r\n [style.display]=\"section.title ? 'block' : 'none'\"\r\n [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n [attr.data-content]=\"section.title\"\r\n (click)=\"onClickAnchor(index)\"\r\n ></div>\r\n </div>\r\n</div>\r\n",
|
|
508
|
-
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{flex:auto;display:flex;flex-flow:column nowrap;max-width:1576px}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(
|
|
508
|
+
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{flex:auto;display:flex;flex-flow:column nowrap;max-width:1576px}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
|
|
509
509
|
}] }
|
|
510
510
|
];
|
|
511
511
|
/** @nocollapse */
|
|
@@ -212,7 +212,7 @@ DrawerComponent.decorators = [
|
|
|
212
212
|
{ type: Component, args: [{
|
|
213
213
|
selector: "rs-drawer",
|
|
214
214
|
template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n #drawer\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"isOpened ? 'yes' : 'no'\"\r\n [attr.data-animation]=\"useAnimation\"\r\n [hidden]=\"hiddenDrawer\"\r\n (animationend)=\"onAnimationEnd()\"\r\n >\r\n <div class=\"drawer-header\" #header>\r\n <button class=\"drawer-return-button\" (click)=\"hide()\">\r\n <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\r\n {{ config.subTitle }}\r\n </span>\r\n </button>\r\n <div class=\"drawer-title\">{{ config.title }}</div>\r\n <div class=\"drawer-header-slot\" #headerSlot></div>\r\n </div>\r\n <div class=\"drawer-top-slot\" #topSlot></div>\r\n <div class=\"drawer-content-box\">\r\n <div class=\"drawer-content\" #content>\r\n <div class=\"drawer-content-container\">\r\n <ng-template #dynamicComponentContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\r\n </div>\r\n</div>\r\n",
|
|
215
|
-
styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(
|
|
215
|
+
styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) * 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
|
|
216
216
|
}] }
|
|
217
217
|
];
|
|
218
218
|
/** @nocollapse */
|
|
@@ -64,7 +64,7 @@ RsPageTabComponent.decorators = [
|
|
|
64
64
|
{ type: Component, args: [{
|
|
65
65
|
selector: "rs-page-tab",
|
|
66
66
|
template: "<div class=\"rs-page-list-wrap\">\r\n <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n </ng-template>\r\n <ejs-tab\r\n class=\"rs-tab\"\r\n #tabObj\r\n (selected)=\"onTabClick($event)\"\r\n [animation]=\"animation\"\r\n\t overflowMode=\"Popup\"\r\n heightAdjustMode=\"None\"\r\n >\r\n <e-tabitems>\r\n <e-tabitem *ngFor=\"let item of tabList\">\r\n <ng-template #headerText>\r\n <div>{{ item.title }}</div>\r\n </ng-template>\r\n </e-tabitem>\r\n </e-tabitems>\r\n </ejs-tab>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
67
|
-
styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(
|
|
67
|
+
styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(../../assets/img/icon-more.svg);background-size:14px 3px;background-repeat:no-repeat;background-position:4px 14px}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons::before{display:none}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons:hover{background-color:#eff5fb!important;border-color:#b1d0fc!important;background-image:url(../../assets/img/icon-more-active.svg)}.rs-page-list-wrap .rs-tab .e-toolbar-pop{min-width:160px;border-radius:10px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);padding:8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap{padding:0 8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text{color:#44566c;font-family:Arial;font-size:13px;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover{border-radius:6px;background:rgba(31,123,255,.05)}.rs-page-list-wrap .rs-grid-wrap{flex:1;height:0}"]
|
|
68
68
|
}] }
|
|
69
69
|
];
|
|
70
70
|
RsPageTabComponent.propDecorators = {
|
|
@@ -68,8 +68,8 @@ var ToolbarItemComponent = /** @class */ (function () {
|
|
|
68
68
|
ToolbarItemComponent.decorators = [
|
|
69
69
|
{ type: Component, args: [{
|
|
70
70
|
selector: "rs-toolbar-item",
|
|
71
|
-
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"toolbar-action-arrow\" *ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/down-arrow.svg\" />\r\n </span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span
|
|
72
|
-
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{
|
|
71
|
+
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<button\r\n *ngIf=\"children.length\"\r\n class=\"toolbar-action-item e-btn text\"\r\n #buttonElement\r\n mat-menu-item\r\n [matMenuTriggerFor]=\"menu\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"toolbar-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"toolbar-action-arrow\" *ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/down-arrow.svg\" />\r\n </span>\r\n</button>\r\n<mat-menu #menu=\"matMenu\" class=\"toolbar-action-menu-content\">\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"toolbar-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"toolbar-action-image\"\r\n *ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n</mat-menu>\r\n",
|
|
72
|
+
styles: ["rs-toolbar-item.disabled{pointer-events:none}.toolbar-action-item{padding:4px 8px;font-size:11px!important;min-width:100px}.toolbar-action-item .toolbar-action-image{height:16px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.toolbar-action-item .toolbar-action-image::before{display:block;width:16px;height:16px}.toolbar-action-item .toolbar-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}.toolbar-action-item .toolbar-action-image[data-type=Delete]::before{content:url(/assets/img/toolbar-action-delete.svg)}.toolbar-action-item .toolbar-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}.toolbar-action-item .toolbar-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}.toolbar-action-item .toolbar-action-image[data-type=Download]::before{content:url(/assets/img/toolbar-action-download.svg)}.toolbar-action-item .toolbar-action-image[data-type=Export]::before{content:url(/assets/img/toolbar-action-export.svg)}.toolbar-action-item .toolbar-action-image[data-type=Duplicate]::before{content:url(/assets/img/toolbar-action-duplicate.svg)}.toolbar-action-item .toolbar-action-image[data-type=Refresh]::before{content:url(/assets/img/toolbar-action-refresh.svg)}.toolbar-action-item .toolbar-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}.toolbar-action-item .toolbar-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}.toolbar-action-item .toolbar-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}.toolbar-action-item .toolbar-action-image[data-type=Edit]::before{content:url(/assets/img/toolbar-action-edit.svg)}.toolbar-action-item .toolbar-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}.toolbar-action-item .toolbar-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}.toolbar-action-item .toolbar-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}.toolbar-action-item .toolbar-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}.toolbar-action-item .toolbar-action-image[data-type=Preview]::before{content:url(/assets/img/toolbar-action-preview.svg)}.toolbar-action-item .toolbar-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}.toolbar-action-item .toolbar-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}.toolbar-action-item .toolbar-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}.toolbar-action-item .toolbar-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}.toolbar-action-item .toolbar-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}.toolbar-action-item .toolbar-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}.toolbar-action-item .toolbar-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}.toolbar-action-item .toolbar-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}.toolbar-action-item .toolbar-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}.toolbar-action-item .toolbar-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}.toolbar-action-item .toolbar-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}.toolbar-action-item .toolbar-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}.toolbar-action-item .toolbar-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}.toolbar-action-item .toolbar-action-image img{height:16px;display:block}.toolbar-action-item.e-btn{width:100%;justify-content:flex-start}.toolbar-action-item.mat-menu-item::after{display:none}::ng-deep .toolbar-action-menu-content.mat-menu-panel{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25)}::ng-deep .toolbar-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}"]
|
|
73
73
|
}] }
|
|
74
74
|
];
|
|
75
75
|
ToolbarItemComponent.propDecorators = {
|
|
@@ -103,4 +103,4 @@ if (false) {
|
|
|
103
103
|
/** @type {?} */
|
|
104
104
|
ToolbarItemComponent.prototype.ImageType;
|
|
105
105
|
}
|
|
106
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vcmFpc2UtY29tbW9uLWxpYi8iLCJzb3VyY2VzIjpbImxpYi9hY3Rpb25zL3Rvb2xiYXItaXRlbS9pbmRleC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QjtJQUFBO1FBU3FCLGFBQVEsR0FBVSxFQUFFLENBQUM7UUFDcEIsY0FBUyxHQUFZLEtBQUssQ0FBQztRQUN0QyxvQkFBZSxHQUEyQixFQUFFLENBQUM7UUFZdEQsY0FBUyxHQUFHO1lBQ1YsS0FBSztZQUNMLFFBQVE7WUFDUixRQUFRO1lBQ1IsUUFBUTtZQUNSLFFBQVE7WUFDUixRQUFRO1lBQ1IsVUFBVTtZQUNWLFdBQVc7WUFDWCxTQUFTO1lBQ1QsV0FBVztZQUNYLFVBQVU7WUFDVixTQUFTO1lBQ1QsTUFBTTtZQUNOLE1BQU07WUFDTixRQUFRO1lBQ1IsUUFBUTtZQUNSLFNBQVM7WUFDVCxTQUFTO1lBQ1QsYUFBYTtZQUNiLE1BQU07WUFDTixPQUFPO1lBQ1AsUUFBUTtZQUNSLGNBQWM7WUFDZCxtQkFBbUI7WUFDbkIsb0JBQW9CO1lBQ3BCLGNBQWM7WUFDZCxRQUFRO1lBQ1IsVUFBVTtZQUNWLFVBQVU7WUFDVixXQUFXO1NBQ1osQ0FBQztJQUNKLENBQUM7SUF6Q0Msc0JBQW1DLDhDQUFZOzs7O1FBQS9DO1lBQ0UsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUN6QixDQUFDOzs7T0FBQTtJQUVELGFBQWE7Ozs7O0lBQ2IsdUNBQVE7Ozs7O0lBQVI7UUFDRSxPQUFPLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxDQUFDLFdBQVcsQ0FBQztJQUN0RCxDQUFDOztnQkFyQkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLHFoREFBcUM7O2lCQUV0Qzs7O3dCQUVFLEtBQUssU0FBQyxPQUFPO3VCQUNiLEtBQUssU0FBQyxNQUFNOzJCQUNaLEtBQUssU0FBQyxVQUFVOzJCQUNoQixLQUFLLFNBQUMsVUFBVTs0QkFDaEIsS0FBSyxTQUFDLFdBQVc7a0NBQ2pCLEtBQUs7Z0NBRUwsU0FBUyxTQUFDLGVBQWUsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUU7K0JBQzVDLFdBQVcsU0FBQyxnQkFBZ0I7O0lBeUMvQiwyQkFBQztDQUFBLEFBdkRELElBdURDO1NBbERZLG9CQUFvQjs7O0lBQy9CLHFDQUE4Qjs7SUFDOUIsb0NBQTRCOztJQUM1Qix3Q0FBcUM7O0lBQ3JDLHdDQUF3Qzs7SUFDeEMseUNBQStDOztJQUMvQywrQ0FBc0Q7O0lBRXRELDZDQUEwRTs7SUFVMUUseUNBK0JFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgRWxlbWVudFJlZixcclxuICBIb3N0QmluZGluZyxcclxuICBJbnB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcInJzLXRvb2xiYXItaXRlbVwiLFxyXG4gIHRlbXBsYXRlVXJsOiBcIi4vaW5kZXguY29tcG9uZW50Lmh0bWxcIixcclxuICBzdHlsZVVybHM6IFtcIi4vaW5kZXguY29tcG9uZW50LnNjc3NcIl0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sYmFySXRlbUNvbXBvbmVudCB7XHJcbiAgQElucHV0KFwiaW1hZ2VcIikgaW1hZ2U6IHN0cmluZztcclxuICBASW5wdXQoXCJ0ZXh0XCIpIHRleHQ6IHN0cmluZztcclxuICBASW5wdXQoXCJkaXNhYmxlZFwiKSBkaXNhYmxlZDogYm9vbGVhbjtcclxuICBASW5wdXQoXCJjaGlsZHJlblwiKSBjaGlsZHJlbjogYW55W10gPSBbXTtcclxuICBASW5wdXQoXCJoaWRlQXJyb3dcIikgaGlkZUFycm93OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGlzYWJsZWRPcHRpb25zOiB7IFtrZXk6IHN0cmluZ106IGFueSB9ID0ge307XHJcblxyXG4gIEBWaWV3Q2hpbGQoXCJidXR0b25FbGVtZW50XCIsIHsgc3RhdGljOiBmYWxzZSB9KSBidXR0b25FbGVtZW50ITogRWxlbWVudFJlZjtcclxuICBASG9zdEJpbmRpbmcoXCJjbGFzcy5kaXNhYmxlZFwiKSBnZXQgaG9zdERpc2FibGVkKCkge1xyXG4gICAgcmV0dXJuICEhdGhpcy5kaXNhYmxlZDtcclxuICB9XHJcblxyXG4gIC8vIOaatOmcsuaWueazleS+m+eItue7hOS7tuiwg+eUqFxyXG4gIGdldFdpZHRoKCk6IG51bWJlciB7XHJcbiAgICByZXR1cm4gdGhpcy5idXR0b25FbGVtZW50Lm5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGg7XHJcbiAgfVxyXG5cclxuICBJbWFnZVR5cGUgPSBbXHJcbiAgICBcIkFkZFwiLFxyXG4gICAgXCJEZWxldGVcIixcclxuICAgIFwiVXBkYXRlXCIsXHJcbiAgICBcIkltcG9ydFwiLFxyXG4gICAgXCJFeHBvcnRcIixcclxuICAgIFwiVXBsb2FkXCIsXHJcbiAgICBcIkRvd25sb2FkXCIsXHJcbiAgICBcIkR1cGxpY2F0ZVwiLFxyXG4gICAgXCJSZWZyZXNoXCIsXHJcbiAgICBcIkFkZEZvbGRlclwiLFxyXG4gICAgXCJDb2xsYXBzZVwiLFxyXG4gICAgXCJDb21iaW5lXCIsXHJcbiAgICBcIkVkaXRcIixcclxuICAgIFwiTG9ja1wiLFxyXG4gICAgXCJFeHBhbmRcIixcclxuICAgIFwiTW92ZVRvXCIsXHJcbiAgICBcIlB1Ymxpc2hcIixcclxuICAgIFwiUHJldmlld1wiLFxyXG4gICAgXCJSZUNhbGN1bGF0ZVwiLFxyXG4gICAgXCJTeW5jXCIsXHJcbiAgICBcIlNoYXJlXCIsXHJcbiAgICBcIlJlbmFtZVwiLFxyXG4gICAgXCJTYXZlU2VxdWVuY2VcIixcclxuICAgIFwiU3VibWl0Rm9yQXBwcm92YWxcIixcclxuICAgIFwiU2VuZFRvQ29udHJvbFBhbmVsXCIsXHJcbiAgICBcIlNldFJlbWluZGVyc1wiLFxyXG4gICAgXCJTZXR0bGVcIixcclxuICAgIFwiVGVtcGxhdGVcIixcclxuICAgIFwiV29ya2Zsb3dcIixcclxuICAgIFwiRmV0Y2hEYXRhXCIsXHJcbiAgXTtcclxufVxyXG4iXX0=
|
|
@@ -6,6 +6,9 @@
|
|
|
6
6
|
import { Component, HostBinding, Input } from "@angular/core";
|
|
7
7
|
var GridActionItemComponent = /** @class */ (function () {
|
|
8
8
|
function GridActionItemComponent() {
|
|
9
|
+
this.children = [];
|
|
10
|
+
this.hideArrow = false;
|
|
11
|
+
this.disabledOptions = {};
|
|
9
12
|
this.ImageType = [
|
|
10
13
|
"Detail",
|
|
11
14
|
"Edit",
|
|
@@ -20,6 +23,29 @@ var GridActionItemComponent = /** @class */ (function () {
|
|
|
20
23
|
"Preview",
|
|
21
24
|
"Export",
|
|
22
25
|
"Move",
|
|
26
|
+
"Add",
|
|
27
|
+
"Update",
|
|
28
|
+
"Import",
|
|
29
|
+
"Upload",
|
|
30
|
+
"AddFolder",
|
|
31
|
+
"Collapse",
|
|
32
|
+
"Combine",
|
|
33
|
+
"Lock",
|
|
34
|
+
"Expand",
|
|
35
|
+
"MoveTo",
|
|
36
|
+
"Publish",
|
|
37
|
+
"ReCalculate",
|
|
38
|
+
"Sync",
|
|
39
|
+
"Share",
|
|
40
|
+
"Rename",
|
|
41
|
+
"SaveSequence",
|
|
42
|
+
"SubmitForApproval",
|
|
43
|
+
"SendToControlPanel",
|
|
44
|
+
"SetReminders",
|
|
45
|
+
"Settle",
|
|
46
|
+
"Template",
|
|
47
|
+
"Workflow",
|
|
48
|
+
"FetchData",
|
|
23
49
|
"ViewStatus",
|
|
24
50
|
"Verify",
|
|
25
51
|
];
|
|
@@ -37,13 +63,16 @@ var GridActionItemComponent = /** @class */ (function () {
|
|
|
37
63
|
GridActionItemComponent.decorators = [
|
|
38
64
|
{ type: Component, args: [{
|
|
39
65
|
selector: "rs-grid-action-item",
|
|
40
|
-
template: "<button\r\n\
|
|
66
|
+
template: "<button\r\n *ngIf=\"!children.length\"\r\n class=\"grid-action-item e-btn text\"\r\n mat-menu-item\r\n type=\"button\"\r\n [disabled]=\"!!disabled\"\r\n>\r\n <span class=\"grid-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n</button>\r\n\r\n<rs-float-box placement=\"right\" position=\"start\">\r\n <button\r\n *ngIf=\"children.length\"\r\n class=\"grid-action-item e-btn text\"\r\n mat-menu-item\r\n [disabled]=\"!!disabled\"\r\n >\r\n <span class=\"grid-action-image\" *ngIf=\"image\" [attr.data-type]=\"image\">\r\n <img *ngIf=\"!ImageType.includes(image)\" [src]=\"image\" />\r\n </span>\r\n <span>{{ text }}</span>\r\n <span class=\"grid-action-arrow\" *ngIf=\"!hideArrow\">\r\n <img src=\"assets/img/grid-menu-arrow-right.svg\" />\r\n </span>\r\n </button>\r\n <div float-content>\r\n <ng-container *ngFor=\"let button of children\">\r\n <button\r\n class=\"grid-action-item e-btn text\"\r\n [disabled]=\"(button.key && disabledOptions[button.key]) || false\"\r\n (click)=\"button.action()\"\r\n >\r\n <span\r\n class=\"grid-action-image\"\r\n *ngIf=\"button.image\"\r\n [attr.data-type]=\"button.image\"\r\n >\r\n <img *ngIf=\"!ImageType.includes(button.image)\" [src]=\"button.image\" />\r\n </span>\r\n <span>{{ button.text }}</span>\r\n </button>\r\n </ng-container>\r\n </div>\r\n</rs-float-box>\r\n"
|
|
41
67
|
}] }
|
|
42
68
|
];
|
|
43
69
|
GridActionItemComponent.propDecorators = {
|
|
44
70
|
image: [{ type: Input, args: ["image",] }],
|
|
45
71
|
text: [{ type: Input, args: ["text",] }],
|
|
46
72
|
disabled: [{ type: Input, args: ["disabled",] }],
|
|
73
|
+
children: [{ type: Input, args: ["children",] }],
|
|
74
|
+
hideArrow: [{ type: Input, args: ["hideArrow",] }],
|
|
75
|
+
disabledOptions: [{ type: Input }],
|
|
47
76
|
hostDisabled: [{ type: HostBinding, args: ["class.disabled",] }]
|
|
48
77
|
};
|
|
49
78
|
return GridActionItemComponent;
|
|
@@ -57,6 +86,12 @@ if (false) {
|
|
|
57
86
|
/** @type {?} */
|
|
58
87
|
GridActionItemComponent.prototype.disabled;
|
|
59
88
|
/** @type {?} */
|
|
89
|
+
GridActionItemComponent.prototype.children;
|
|
90
|
+
/** @type {?} */
|
|
91
|
+
GridActionItemComponent.prototype.hideArrow;
|
|
92
|
+
/** @type {?} */
|
|
93
|
+
GridActionItemComponent.prototype.disabledOptions;
|
|
94
|
+
/** @type {?} */
|
|
60
95
|
GridActionItemComponent.prototype.ImageType;
|
|
61
96
|
}
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1hY3Rpb24taXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9yYWlzZS1jb21tb24tbGliLyIsInNvdXJjZXMiOlsibGliL2NvbW1vbi1ncmlkL2dyaWQtYWN0aW9uL2dyaWQtYWN0aW9uLWl0ZW0vZ3JpZC1hY3Rpb24taXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUQ7SUFBQTtRQVFxQixhQUFRLEdBQVUsRUFBRSxDQUFDO1FBQ3BCLGNBQVMsR0FBWSxLQUFLLENBQUM7UUFDdEMsb0JBQWUsR0FBMkIsRUFBRSxDQUFDO1FBS3RELGNBQVMsR0FBRztZQUNWLFFBQVE7WUFDUixNQUFNO1lBQ04sV0FBVztZQUNYLFNBQVM7WUFDVCxVQUFVO1lBQ1YsUUFBUTtZQUNSLE1BQU07WUFDTixNQUFNO1lBQ04sTUFBTTtZQUNOLFFBQVE7WUFDUixTQUFTO1lBQ1QsUUFBUTtZQUNSLE1BQU07WUFDTixLQUFLO1lBQ0wsUUFBUTtZQUNSLFFBQVE7WUFDUixRQUFRO1lBQ1IsV0FBVztZQUNYLFVBQVU7WUFDVixTQUFTO1lBQ1QsTUFBTTtZQUNOLFFBQVE7WUFDUixRQUFRO1lBQ1IsU0FBUztZQUNULGFBQWE7WUFDYixNQUFNO1lBQ04sT0FBTztZQUNQLFFBQVE7WUFDUixjQUFjO1lBQ2QsbUJBQW1CO1lBQ25CLG9CQUFvQjtZQUNwQixjQUFjO1lBQ2QsUUFBUTtZQUNSLFVBQVU7WUFDVixVQUFVO1lBQ1YsV0FBVztZQUNYLFlBQVk7WUFDWixRQUFRO1NBQ1QsQ0FBQztJQUNKLENBQUM7SUE1Q0Msc0JBQW1DLGlEQUFZOzs7O1FBQS9DO1lBQ0UsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUN6QixDQUFDOzs7T0FBQTs7Z0JBYkYsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLGlrREFBZ0Q7aUJBQ2pEOzs7d0JBRUUsS0FBSyxTQUFDLE9BQU87dUJBQ2IsS0FBSyxTQUFDLE1BQU07MkJBQ1osS0FBSyxTQUFDLFVBQVU7MkJBQ2hCLEtBQUssU0FBQyxVQUFVOzRCQUNoQixLQUFLLFNBQUMsV0FBVztrQ0FDakIsS0FBSzsrQkFDTCxXQUFXLFNBQUMsZ0JBQWdCOztJQTRDL0IsOEJBQUM7Q0FBQSxBQXZERCxJQXVEQztTQW5EWSx1QkFBdUI7OztJQUNsQyx3Q0FBOEI7O0lBQzlCLHVDQUE0Qjs7SUFDNUIsMkNBQXFDOztJQUNyQywyQ0FBd0M7O0lBQ3hDLDRDQUErQzs7SUFDL0Msa0RBQXNEOztJQUt0RCw0Q0F1Q0UiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogXCJycy1ncmlkLWFjdGlvbi1pdGVtXCIsXHJcbiAgdGVtcGxhdGVVcmw6IFwiLi9ncmlkLWFjdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sXCIsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBHcmlkQWN0aW9uSXRlbUNvbXBvbmVudCB7XHJcbiAgQElucHV0KFwiaW1hZ2VcIikgaW1hZ2U6IHN0cmluZztcclxuICBASW5wdXQoXCJ0ZXh0XCIpIHRleHQ6IHN0cmluZztcclxuICBASW5wdXQoXCJkaXNhYmxlZFwiKSBkaXNhYmxlZDogYm9vbGVhbjtcclxuICBASW5wdXQoXCJjaGlsZHJlblwiKSBjaGlsZHJlbjogYW55W10gPSBbXTtcclxuICBASW5wdXQoXCJoaWRlQXJyb3dcIikgaGlkZUFycm93OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZGlzYWJsZWRPcHRpb25zOiB7IFtrZXk6IHN0cmluZ106IGFueSB9ID0ge307XHJcbiAgQEhvc3RCaW5kaW5nKFwiY2xhc3MuZGlzYWJsZWRcIikgZ2V0IGhvc3REaXNhYmxlZCgpIHtcclxuICAgIHJldHVybiAhIXRoaXMuZGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBJbWFnZVR5cGUgPSBbXHJcbiAgICBcIkRldGFpbFwiLFxyXG4gICAgXCJFZGl0XCIsXHJcbiAgICBcIkR1cGxpY2F0ZVwiLFxyXG4gICAgXCJSZWZyZXNoXCIsXHJcbiAgICBcIkRvd25sb2FkXCIsXHJcbiAgICBcIkRlbGV0ZVwiLFxyXG4gICAgXCJOb3RlXCIsXHJcbiAgICBcIlNlbmRcIixcclxuICAgIFwiQ29weVwiLFxyXG4gICAgXCJTZXR0bGVcIixcclxuICAgIFwiUHJldmlld1wiLFxyXG4gICAgXCJFeHBvcnRcIixcclxuICAgIFwiTW92ZVwiLFxyXG4gICAgXCJBZGRcIixcclxuICAgIFwiVXBkYXRlXCIsXHJcbiAgICBcIkltcG9ydFwiLFxyXG4gICAgXCJVcGxvYWRcIixcclxuICAgIFwiQWRkRm9sZGVyXCIsXHJcbiAgICBcIkNvbGxhcHNlXCIsXHJcbiAgICBcIkNvbWJpbmVcIixcclxuICAgIFwiTG9ja1wiLFxyXG4gICAgXCJFeHBhbmRcIixcclxuICAgIFwiTW92ZVRvXCIsXHJcbiAgICBcIlB1Ymxpc2hcIixcclxuICAgIFwiUmVDYWxjdWxhdGVcIixcclxuICAgIFwiU3luY1wiLFxyXG4gICAgXCJTaGFyZVwiLFxyXG4gICAgXCJSZW5hbWVcIixcclxuICAgIFwiU2F2ZVNlcXVlbmNlXCIsXHJcbiAgICBcIlN1Ym1pdEZvckFwcHJvdmFsXCIsXHJcbiAgICBcIlNlbmRUb0NvbnRyb2xQYW5lbFwiLFxyXG4gICAgXCJTZXRSZW1pbmRlcnNcIixcclxuICAgIFwiU2V0dGxlXCIsXHJcbiAgICBcIlRlbXBsYXRlXCIsXHJcbiAgICBcIldvcmtmbG93XCIsXHJcbiAgICBcIkZldGNoRGF0YVwiLFxyXG4gICAgXCJWaWV3U3RhdHVzXCIsXHJcbiAgICBcIlZlcmlmeVwiLFxyXG4gIF07XHJcbn1cclxuIl19
|
|
@@ -12,7 +12,7 @@ var GridActionComponent = /** @class */ (function () {
|
|
|
12
12
|
{ type: Component, args: [{
|
|
13
13
|
selector: "rs-grid-action",
|
|
14
14
|
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",
|
|
15
|
-
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{
|
|
15
|
+
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{border-radius:8px;background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);overflow:visible}::ng-deep .grid-action-menu-content.mat-menu-panel .mat-menu-content{padding:8px}::ng-deep .grid-action-menu-content.mat-menu-panel rs-grid-action-item.disabled{pointer-events:none}::ng-deep .grid-action-menu-content.mat-menu-panel rs-grid-action-item.disabled button.grid-action-item{opacity:.4}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item{min-width:100px;position:relative;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start!important;gap:6px;height:28px!important;padding: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:hover{background-color:rgba(0,0,0,.04)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item:hover .mat-menu-ripple{background:0 0!important}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-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 .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 .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 .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 .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 .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 .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 .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 .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 .grid-action-image[data-type=Preview]::before{content:url(/assets/img/grid-action-preview.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-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 .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 .grid-action-image[data-type=Duplicate]::before{content:url(/assets/img/grid-action-duplicate.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Refresh]::before{content:url(/assets/img/grid-action-refresh.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Add]::before{content:url(/assets/img/toolbar-action-add.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Import]::before{content:url(/assets/img/toolbar-action-import.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Upload]::before{content:url(/assets/img/toolbar-action-upload.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=AddFolder]::before{content:url(/assets/img/toolbar-action-addFolder.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Collapse]::before{content:url(/assets/img/toolbar-action-collapse.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Combine]::before{content:url(/assets/img/toolbar-action-combine.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Lock]::before{content:url(/assets/img/toolbar-action-lock.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Expand]::before{content:url(/assets/img/toolbar-action-expand.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=MoveTo]::before{content:url(/assets/img/toolbar-action-folderMove.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Publish]::before{content:url(/assets/img/toolbar-action-publish.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=ReCalculate]::before{content:url(/assets/img/toolbar-action-calculator.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Sync]::before{content:url(/assets/img/toolbar-action-sync.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Share]::before{content:url(/assets/img/toolbar-action-share.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Rename]::before{content:url(/assets/img/toolbar-action-rename.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SaveSequence]::before{content:url(/assets/img/toolbar-action-saveSequence.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SubmitForApproval]::before{content:url(/assets/img/toolbar-action-submitForApproval.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SendToControlPanel]::before{content:url(/assets/img/toolbar-action-send-file.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=SetReminders]::before{content:url(/assets/img/toolbar-action-reminders.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Settle]::before{content:url(/assets/img/toolbar-action-settle.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Template]::before{content:url(/assets/img/toolbar-action-template.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Workflow]::before{content:url(/assets/img/toolbar-action-workflow.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Update]::before{content:url(/assets/img/toolbar-action-update.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=FetchData]::before{content:url(/assets/img/toolbar-action-fetchData.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=ViewStatus]::before{content:url(/assets/img/grid-action-viewStatus.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image[data-type=Verify]::before{content:url(/assets/img/grid-action-verify.svg)}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-image img{height:16px;display:block}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-arrow{vertical-align:middle;position:absolute;right:4px;top:6px}::ng-deep .grid-action-menu-content.mat-menu-panel button.grid-action-item .grid-action-arrow img{vertical-align:middle}"]
|
|
16
16
|
}] }
|
|
17
17
|
];
|
|
18
18
|
/** @nocollapse */
|
|
@@ -89,7 +89,7 @@ var NewActionNotificationComponent = /** @class */ (function () {
|
|
|
89
89
|
{ type: Component, args: [{
|
|
90
90
|
selector: "kt-new-action-notification",
|
|
91
91
|
template: "<div class=\"new-action-notification-container\" [attr.data-collapse]=\"collapsed\">\r\n\t<span\r\n\t\tclass=\"notification-icon\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t[attr.data-status]=\"config.status?.toLowerCase()\"\r\n\t\t(click)=\"expandNotification()\"\r\n\t></span>\r\n\t<span\r\n\t\tclass=\"notification-icon notification-loading\"\r\n\t\t*ngIf=\"config.type === 'Progress'\"\r\n\t></span>\r\n\t<div class=\"notification-content\">\r\n\t\t<span *ngIf=\"config.type === 'Detail'\" class=\"notification-title\">\r\n\t\t\t{{ config.title }}\r\n\t\t</span>\r\n\t\t<span class=\"notification-text\">{{ config.message }}</span>\r\n\t\t<a *ngIf=\"config.type === 'Detail'\" class=\"notification-link\">View</a>\r\n\t</div>\r\n\t<button\r\n\t\ttype=\"button\"\r\n\t\tclass=\"notification-close\"\r\n\t\t[attr.data-type]=\"config.type === 'Loading' ? 'loading' : 'default'\"\r\n\t\t(click)=\"closeNotification()\"\r\n\t></button>\r\n</div>\r\n",
|
|
92
|
-
styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(
|
|
92
|
+
styles: ["::ng-deep .new-action-notification{margin:0;padding:64px 12px;background-color:transparent!important;background-image:none!important;box-shadow:none}::ng-deep .mat-mdc-snack-bar-container .mdc-snackbar__surface{box-shadow:none;background-color:transparent}.new-action-notification-container{min-width:320px;max-width:400px;padding:12px;border-radius:10px;background-color:#fff;box-shadow:0 0 8px 0 #00000033;display:flex;flex-flow:row nowrap;align-items:flex-start;justify-content:flex-end}.new-action-notification-container .notification-icon{flex:none;width:24px;height:24px;margin-right:8px}.new-action-notification-container .notification-icon[data-type=default][data-status=success]::before{content:url(../../assets/img/notification-status-success.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=warning]::before{content:url(../../assets/img/notification-status-warning.svg)}.new-action-notification-container .notification-icon[data-type=default][data-status=error]::before{content:url(../../assets/img/notification-status-error.svg)}.new-action-notification-container .notification-icon[data-type=loading]{-webkit-animation:2s linear infinite rotate;animation:2s linear infinite rotate}@-webkit-keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0)}}.new-action-notification-container .notification-icon[data-type=loading]::before{content:url(../../assets/img/notification-status-loading.svg)}.new-action-notification-container .notification-close{flex:none;height:24px;margin-left:24px;padding:0;border:none;background-color:transparent}.new-action-notification-container .notification-close[data-type=default]::before{content:url(../../assets/img/notification-close.svg)}.new-action-notification-container .notification-close[data-type=loading]::before{content:url(../../assets/img/notification-collapse.svg)}.new-action-notification-container .notification-content{flex:auto;min-height:24px;padding-top:4px;display:flex;flex-flow:column nowrap}.new-action-notification-container .notification-content .notification-title{margin-bottom:8px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:19px}.new-action-notification-container .notification-content .notification-text{color:#1f3f5c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.new-action-notification-container .notification-content .notification-link{margin-top:6px;cursor:pointer;color:#1364b3;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px}.new-action-notification-container[data-collapse=true]{padding:0;background-color:transparent;box-shadow:none}.new-action-notification-container[data-collapse=true] .notification-icon{cursor:pointer}.new-action-notification-container[data-collapse=true] .notification-close,.new-action-notification-container[data-collapse=true] .notification-content{display:none}"]
|
|
93
93
|
}] }
|
|
94
94
|
];
|
|
95
95
|
/** @nocollapse */
|