raise-common-lib-new 0.0.4 → 0.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. package/esm2022/lib/common-grid/index.component.mjs +2 -2
  2. package/esm2022/lib/dialog/common-delete-dialog/index.component.mjs +46 -0
  3. package/esm2022/lib/dialog/common-dialog/index.component.mjs +85 -0
  4. package/esm2022/lib/dialog/new-action-notification/new-action-notification.component.mjs +51 -0
  5. package/esm2022/lib/form/tag-input/index.component.mjs +2 -2
  6. package/esm2022/lib/layout/grid-box/index.component.mjs +42 -0
  7. package/esm2022/lib/layout/main-container/index.component.mjs +7 -3
  8. package/esm2022/lib/layout/multi-tab/index.component.mjs +162 -0
  9. package/esm2022/lib/layout/page-list/index.component.mjs +43 -0
  10. package/esm2022/lib/layout/page-tab/index.component.mjs +37 -0
  11. package/esm2022/lib/layout/rs-aside/index.component.mjs +5 -5
  12. package/esm2022/lib/layout/rs-header/index.component.mjs +3 -3
  13. package/esm2022/lib/raise-common-lib.module.mjs +72 -15
  14. package/esm2022/lib/service/common-function.service.mjs +39 -1
  15. package/esm2022/lib/service/dialog.service.mjs +132 -0
  16. package/esm2022/lib/service/icon-loader.service.mjs +12 -9
  17. package/esm2022/lib/service/keep-alive.service.mjs +44 -0
  18. package/esm2022/public-api.mjs +7 -2
  19. package/fesm2022/raise-common-lib-new.mjs +718 -58
  20. package/fesm2022/raise-common-lib-new.mjs.map +1 -1
  21. package/lib/dialog/common-delete-dialog/index.component.d.ts +29 -0
  22. package/lib/dialog/common-dialog/index.component.d.ts +29 -0
  23. package/lib/dialog/new-action-notification/new-action-notification.component.d.ts +33 -0
  24. package/lib/layout/grid-box/index.component.d.ts +15 -0
  25. package/lib/layout/main-container/index.component.d.ts +2 -1
  26. package/lib/layout/multi-tab/index.component.d.ts +40 -0
  27. package/lib/layout/page-list/index.component.d.ts +15 -0
  28. package/lib/layout/page-tab/index.component.d.ts +14 -0
  29. package/lib/raise-common-lib.module.d.ts +36 -28
  30. package/lib/service/common-function.service.d.ts +2 -0
  31. package/lib/service/dialog.service.d.ts +55 -0
  32. package/lib/service/icon-loader.service.d.ts +5 -3
  33. package/lib/service/keep-alive.service.d.ts +11 -0
  34. package/package.json +1 -1
  35. package/public-api.d.ts +6 -1
  36. package/src/assets/img/calendar-disabled.svg +6 -0
  37. package/src/assets/img/close-url.svg +10 -0
  38. package/src/assets/img/close.svg +10 -0
  39. package/src/assets/img/desktop-refresh-btn.svg +6 -0
  40. package/src/assets/img/icon-more-active.svg +7 -0
  41. package/src/assets/img/icon-more.svg +7 -0
  42. package/src/assets/img/raise_loading.gif +0 -0
  43. package/src/assets/img/split-button-arrow.svg +3 -0
  44. package/src/assets/style/reset/button.scss +62 -27
  45. package/src/assets/style/reset/dropdown.scss +26 -8
  46. package/src/assets/style/reset/grid.scss +244 -0
  47. package/src/assets/style/reset/input.scss +35 -3
  48. package/src/assets/style/reset/mat-dialog.scss +3 -0
  49. package/src/assets/style/style.scss +2 -0
  50. package/src/assets/style/variables.scss +2 -0
  51. package/esm2022/lib/layout/common-list/index.component.mjs +0 -43
  52. package/lib/layout/common-list/index.component.d.ts +0 -15
@@ -3,7 +3,8 @@
3
3
  .e-multiselect,
4
4
  .e-pagerdropdown,
5
5
  .e-dropdowntree,
6
- .e-daterangepicker {
6
+ .e-daterangepicker,
7
+ .e-datepicker {
7
8
  height: var(--rs-input-line-height);
8
9
  font-family: var(--rs-font-family);
9
10
  .e-input-group {
@@ -317,8 +318,9 @@
317
318
  }
318
319
  }
319
320
 
320
- // daterangepicker
321
- .e-daterangepicker {
321
+ // daterangepicker datepicker
322
+ .e-daterangepicker,
323
+ .e-datepicker {
322
324
  .e-input-group {
323
325
  height: var(--rs-input-line-height) !important;
324
326
 
@@ -333,10 +335,18 @@
333
335
  background-position: center;
334
336
  }
335
337
  }
338
+ &.e-disabled {
339
+ .e-input-group-icon {
340
+ &::before {
341
+ background-image: url("/assets/img/calendar-disabled.svg");
342
+ }
343
+ }
344
+ }
336
345
  }
337
346
  }
338
347
 
339
- .e-daterangepicker.e-popup {
348
+ .e-daterangepicker.e-popup,
349
+ .e-datepicker.e-popup {
340
350
  height: auto;
341
351
  border-radius: 4px;
342
352
  padding: 16px 16px 12px 16px;
@@ -373,7 +383,8 @@
373
383
  margin: 6px 0 8px 0;
374
384
  }
375
385
  }
376
- .e-calendar-container {
386
+ .e-calendar-container,
387
+ .e-calendar {
377
388
  .e-left-container {
378
389
  .e-header {
379
390
  padding: 4px 12px 6px 0 !important;
@@ -396,6 +407,9 @@
396
407
  }
397
408
  .e-header {
398
409
  height: 34px;
410
+ &.e-month{
411
+ padding: 0;
412
+ }
399
413
  .e-title {
400
414
  color: #002c4f;
401
415
  font-size: 13px;
@@ -430,6 +444,7 @@
430
444
  }
431
445
  .e-content {
432
446
  .e-calendar-content-table {
447
+ padding: 0;
433
448
  border-spacing: 0 8px; /* 设置行间距为 8px */
434
449
  th {
435
450
  color: var(--rs-primary-2-color);
@@ -478,9 +493,12 @@
478
493
  }
479
494
  }
480
495
  }
481
- .e-footer {
496
+ .e-footer,
497
+ .e-footer-container {
482
498
  height: auto;
499
+ padding: 0;
483
500
  padding-top: 12px;
501
+ display: flex;
484
502
  .e-btn {
485
503
  height: 26px;
486
504
  display: flex;
@@ -496,12 +514,12 @@
496
514
  font-size: var(--rs-font-size);
497
515
  color: var(--rs-cancel-btn-color);
498
516
  cursor: pointer;
499
- &.e-apply {
517
+ &.e-apply, &.e-today {
500
518
  border: 1px solid var(--rs-primary-btn-bg);
501
519
  background-color: var(--rs-primary-btn-bg);
502
520
  color: #fff;
503
521
  margin: 0 0 0 8px;
504
- &:hover{
522
+ &:hover {
505
523
  border-color: var(--rs-primary-btn-hover-bg);
506
524
  background: var(--rs-primary-btn-hover-bg);
507
525
  }
@@ -0,0 +1,244 @@
1
+ .e-grid {
2
+ font-family: var(--rs-font-family);
3
+ height: 100%;
4
+ display: flex;
5
+ flex-direction: column;
6
+ .e-headercell {
7
+ height: var(--rs-grid-header-row-height);
8
+ .e-headercelldiv {
9
+ color: #44566c;
10
+ font-family: Arial;
11
+ font-size: var(--rs-grid-header-cell-font-size);
12
+ font-weight: 700;
13
+ line-height: 29px;
14
+ height: 29px;
15
+ }
16
+ .e-rhandler {
17
+ border-right: 0 !important;
18
+ }
19
+ .e-icons.e-columnmenu {
20
+ color: #929dab !important;
21
+ margin: 0;
22
+ padding: 0;
23
+ position: absolute;
24
+ top: 0;
25
+ right: 10px;
26
+ height: 100%;
27
+ display: flex;
28
+ align-items: center;
29
+ }
30
+ .e-checkbox-wrapper {
31
+ .e-icons {
32
+ margin: 0;
33
+ &.e-check,
34
+ &.e-stop {
35
+ color: #fff !important;
36
+ background-color: var(--rs-active-color);
37
+ border-color: var(--rs-active-color);
38
+ }
39
+ }
40
+ }
41
+ }
42
+ .e-gridheader {
43
+ border-bottom-color: transparent;
44
+ }
45
+ .e-gridheader .e-fltr-icon .e-sortfilterdiv {
46
+ color: #929dab !important;
47
+ font-size: 13px !important;
48
+ margin: 0;
49
+ position: absolute;
50
+ right: 30px;
51
+ top: 0;
52
+ height: 100%;
53
+ display: flex;
54
+ align-items: center;
55
+ }
56
+ .e-rowcell {
57
+ padding: 2px 8px 3px;
58
+ &:not(.e-editedbatchcell):not(.e-updatedtd) {
59
+ color: var(--rs-text-color);
60
+ font-family: Arial;
61
+ font-size: var(--rs-grid-row-cell-font-size);
62
+ font-weight: 400;
63
+ line-height: 23px;
64
+ height: var(--rs-grid-row-height);
65
+ }
66
+ &.e-active {
67
+ background: rgba(31, 123, 255, 0.08); // selected bg
68
+ }
69
+ .e-checkbox-wrapper {
70
+ .e-icons.e-check {
71
+ color: #fff !important;
72
+ background-color: var(--rs-active-color);
73
+ border-color: var(--rs-active-color);
74
+ }
75
+ }
76
+ }
77
+ .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover
78
+ .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(
79
+ .e-updatedtd
80
+ ):not(.e-indentcell) {
81
+ background-color: var(--rs-grid-row-hover-bg) !important; // hover bg
82
+ }
83
+
84
+ .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover
85
+ .e-rowcell.e-active:not(.e-cellselectionbackground):not(.e-updatedtd):not(
86
+ .e-indentcell
87
+ ) {
88
+ background-color: rgba(31, 123, 255, 0.12) !important; //selected + hover bg
89
+ }
90
+
91
+ .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
92
+ box-shadow: none !important;
93
+ }
94
+ .e-gridcontent {
95
+ flex: 1;
96
+ height: 0;
97
+ .e-content {
98
+ height: 100% !important;
99
+ overflow: auto;
100
+ }
101
+ }
102
+ }
103
+ .e-pager {
104
+ padding: 12px 0;
105
+ height: 48px;
106
+ font-family: Arial;
107
+ border: 0;
108
+ .e-pp,
109
+ .e-pp:hover,
110
+ .e-np,
111
+ .e-np:hover,
112
+ .e-parentmsgbar {
113
+ padding: 0 !important;
114
+ }
115
+ .e-icons {
116
+ padding: 5px !important;
117
+ min-width: 20px !important;
118
+ border: 0 !important;
119
+ }
120
+ .e-pagercontainer,
121
+ .e-parentmsgbar {
122
+ line-height: 24px;
123
+ border: 0;
124
+ color: #929dab;
125
+ font-size: 10px;
126
+ }
127
+ .e-numericitem {
128
+ &:hover {
129
+ padding: 0 !important;
130
+ }
131
+ &.e-active {
132
+ color: #1f3f5c;
133
+ border-radius: 6px;
134
+ border: 1px solid rgba(31, 123, 255, 0.66);
135
+ }
136
+ &.e-focused {
137
+ background: #fff !important;
138
+ box-shadow: none !important;
139
+ }
140
+ min-width: 24px;
141
+ width: 24px;
142
+ height: 24px;
143
+ padding: 0 !important;
144
+ line-height: 24px !important;
145
+ border: 0;
146
+ color: #6c7c90;
147
+ font-size: 12px;
148
+ }
149
+ .e-numericcontainer {
150
+ div {
151
+ height: 24px;
152
+ }
153
+ .e-currentitem {
154
+ padding: 0;
155
+ background: #fff;
156
+ }
157
+ }
158
+ .e-pagerconstant {
159
+ margin: 0 0 0 16px;
160
+ line-height: 24px;
161
+ color: #929dab;
162
+ font-size: 11px;
163
+ }
164
+ div.e-icons.e-pager-default {
165
+ color: #6b6b6b;
166
+ }
167
+ .e-icons:not(.e-btn-icon) {
168
+ color: #adb5bd;
169
+ }
170
+ .e-currentitem {
171
+ font-size: 11px;
172
+ font-family: Arial;
173
+ }
174
+
175
+ .e-pagerdropdown {
176
+ height: 24px !important;
177
+ margin-top: -14px;
178
+ }
179
+ }
180
+ .e-grid-menu {
181
+ .e-menu-parent {
182
+ .e-menu-item {
183
+ font-family: var(--rs-font-family);
184
+ font-size: var(--rs-grid-row-cell-font-size);
185
+ color: #44566c;
186
+ &.e-focused,
187
+ &.e-selected {
188
+ background-color: rgba(31, 123, 255, 0.04);
189
+ color: #44566c;
190
+ }
191
+ .e-icons.e-check {
192
+ background-color: var(--rs-active-color);
193
+ border-color: var(--rs-active-color);
194
+ }
195
+ .e-label {
196
+ font-family: var(--rs-font-family);
197
+ font-size: var(--rs-grid-row-cell-font-size);
198
+ color: #44566c;
199
+ }
200
+ }
201
+ }
202
+ }
203
+ .e-checkboxfilter.e-col-menu {
204
+ .e-searchcontainer {
205
+ .e-searchbox {
206
+ .e-input-group {
207
+ box-shadow: none !important;
208
+ .e-search-icon:hover {
209
+ background-color: var(--rs-active-color);
210
+ border-color: var(--rs-active-color);
211
+ }
212
+ }
213
+ }
214
+ .e-checkboxlist {
215
+ .e-ftrchk {
216
+ height: 26px;
217
+ line-height: 26px;
218
+ padding: 0;
219
+ .e-icons.e-check {
220
+ background-color: var(--rs-active-color);
221
+ border-color: var(--rs-active-color);
222
+ }
223
+ .e-label {
224
+ font-family: var(--rs-font-family);
225
+ font-size: var(--rs-grid-row-cell-font-size);
226
+ color: #44566c;
227
+ }
228
+ &:hover {
229
+ background-color: rgba(31, 123, 255, 0.04);
230
+ }
231
+ &.e-chkfocus {
232
+ background-color: rgba(31, 123, 255, 0.04);
233
+ }
234
+ }
235
+ }
236
+ }
237
+ .e-footer-content {
238
+ display: flex;
239
+ justify-content: space-between;
240
+ .e-btn {
241
+ margin-left: 0;
242
+ }
243
+ }
244
+ }
@@ -1,5 +1,6 @@
1
1
  input.e-input,
2
- textarea.e-input {
2
+ textarea.e-input,
3
+ .e-textbox.e-input {
3
4
  font-size: var(--rs-input-font-size) !important;
4
5
  color: var(--rs-input-color) !important;
5
6
  box-shadow: none !important;
@@ -27,6 +28,37 @@ textarea.e-input {
27
28
  }
28
29
 
29
30
  input.e-input {
30
- height: var(--rs-input-line-height);
31
- line-height: calc(var(--rs-input-line-height) - 2px);
31
+ height: var(--rs-input-line-height) !important;
32
+ line-height: calc(var(--rs-input-line-height) - 2px) !important;
33
+ }
34
+ .e-textbox {
35
+ .e-input-group {
36
+ box-shadow: none !important;
37
+ border-color: var(--rs-input-border-color) !important;
38
+ &.e-input-focus,
39
+ &:hover {
40
+ box-shadow: 0px 0px 3px 0px rgba(31, 123, 255, 0.4) !important;
41
+ border-color: var(--rs-input-hover-border-color) !important;
42
+ input.e-input {
43
+ box-shadow: none !important;
44
+ }
45
+ }
46
+ &.error {
47
+ border-color: var(--rs-input-error-border-color) !important;
48
+ }
49
+ input.e-input {
50
+ height: calc(var(--rs-input-line-height) - 2px) !important;
51
+ line-height: calc(var(--rs-input-line-height) - 4px) !important;
52
+ }
53
+ }
54
+ }
55
+ .e-numeric.e-input-group {
56
+ border: 0 !important;
57
+ box-shadow: none !important;
58
+ input.e-input {
59
+ border-width: 1px !important;
60
+ }
61
+ .e-input-group-icon {
62
+ display: none;
63
+ }
32
64
  }
@@ -0,0 +1,3 @@
1
+ .mat-dialog-container{
2
+ padding: 0 !important;
3
+ }
@@ -3,6 +3,8 @@
3
3
  @import "./reset/input.scss";
4
4
  @import "./reset/button.scss";
5
5
  @import "./reset/dropdown.scss";
6
+ @import "./reset/mat-dialog.scss";
7
+ @import "./reset/grid.scss";
6
8
 
7
9
  html{
8
10
  overflow: hidden;
@@ -51,7 +51,9 @@
51
51
  /*
52
52
  * grid
53
53
  */
54
+ --rs-grid-header-row-height: 32px;
54
55
  --rs-grid-header-cell-font-size: 10px; // grid header cell font size
56
+ --rs-grid-row-height: 28px;
55
57
  --rs-grid-row-cell-font-size: 11px; // grid row cell font size
56
58
  --rs-grid-row-hover-bg: rgba(31, 123, 255, 0.04); // grid row hover color
57
59
  --rs-grid-row-active-bg: rgba(31, 123, 255, 0.08); // grid row active color
@@ -1,43 +0,0 @@
1
- // 组件类
2
- import { Component, ContentChild, Input, } from '@angular/core';
3
- import { CommonGridComponent } from '../../common-grid/index.component';
4
- import { debounce } from 'lodash';
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "@angular/common";
7
- import * as i2 from "@angular/forms";
8
- import * as i3 from "@syncfusion/ej2-angular-inputs";
9
- export class CommonListComponent {
10
- gridContent;
11
- pageTitle;
12
- customPageTitle = false;
13
- isInner = false;
14
- debouncedInput;
15
- ngOnInit() {
16
- this.debouncedInput = debounce(() => {
17
- this.onSeach();
18
- }, 300);
19
- }
20
- searchValue;
21
- onSeach() {
22
- this.gridContent.grid.search(this.searchValue);
23
- }
24
- onInput() {
25
- this.debouncedInput();
26
- }
27
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
28
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CommonListComponent, selector: "rs-common-list", inputs: { pageTitle: "pageTitle", customPageTitle: "customPageTitle", isInner: "isInner" }, queries: [{ propertyName: "gridContent", first: true, predicate: CommonGridComponent, descendants: true, static: true }], ngImport: i0, template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\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 <div class=\"rs-content-wrap\">\r\n <ng-content select=\"[tabSlot]\"></ng-content>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-left-col\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", 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-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px #0000001a}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px #1f7bff66!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.TextBoxComponent, selector: "ejs-textbox", inputs: ["autocomplete", "cssClass", "enablePersistence", "enableRtl", "enabled", "floatLabelType", "htmlAttributes", "locale", "multiline", "placeholder", "readonly", "showClearButton", "type", "value", "width"], outputs: ["blur", "change", "created", "destroyed", "focus", "input", "valueChange"] }] });
29
- }
30
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CommonListComponent, decorators: [{
31
- type: Component,
32
- args: [{ selector: 'rs-common-list', template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\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 <div class=\"rs-content-wrap\">\r\n <ng-content select=\"[tabSlot]\"></ng-content>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-left-col\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n", 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-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:28px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px #0000001a}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px #1f7bff66!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}\n"] }]
33
- }], propDecorators: { gridContent: [{
34
- type: ContentChild,
35
- args: [CommonGridComponent, { static: true }]
36
- }], pageTitle: [{
37
- type: Input
38
- }], customPageTitle: [{
39
- type: Input
40
- }], isInner: [{
41
- type: Input
42
- }] } });
43
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcmFpc2UtY29tbW9uLWxpYi9zcmMvbGliL2xheW91dC9jb21tb24tbGlzdC9pbmRleC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9yYWlzZS1jb21tb24tbGliL3NyYy9saWIvbGF5b3V0L2NvbW1vbi1saXN0L2luZGV4LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU07QUFDTixPQUFPLEVBQ0wsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEdBRU4sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7Ozs7QUFPbEMsTUFBTSxPQUFPLG1CQUFtQjtJQUN1QixXQUFXLENBQUM7SUFDeEQsU0FBUyxDQUFDO0lBQ1YsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUN4QixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBRWpCLGNBQWMsQ0FBVztJQUVqQyxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1lBQ2xDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQTtRQUNoQixDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDVixDQUFDO0lBSUQsV0FBVyxDQUFDO0lBQ1osT0FBTztRQUNMLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUE7SUFDdkIsQ0FBQzt3R0F2QlUsbUJBQW1COzRGQUFuQixtQkFBbUIsMkxBQ2hCLG1CQUFtQiw4RENoQm5DLDJ1Q0FpQ0E7OzRGRGxCYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQUsyQixXQUFXO3NCQUEvRCxZQUFZO3VCQUFDLG1CQUFtQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFDMUMsU0FBUztzQkFBakIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbIi8vIOe7hOS7tuexu1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBDb250ZW50Q2hpbGQsXHJcbiAgSW5wdXQsXHJcbiAgT25Jbml0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25HcmlkQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tbW9uLWdyaWQvaW5kZXguY29tcG9uZW50JztcclxuaW1wb3J0IHsgZGVib3VuY2UgfSBmcm9tICdsb2Rhc2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdycy1jb21tb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2luZGV4LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9pbmRleC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29tbW9uTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQENvbnRlbnRDaGlsZChDb21tb25HcmlkQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBncmlkQ29udGVudDtcclxuICBASW5wdXQoKSBwYWdlVGl0bGU7XHJcbiAgQElucHV0KCkgY3VzdG9tUGFnZVRpdGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNJbm5lciA9IGZhbHNlO1xyXG5cclxuICBwcml2YXRlIGRlYm91bmNlZElucHV0OiBGdW5jdGlvbjtcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0ID0gZGVib3VuY2UoKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uU2VhY2goKVxyXG4gICAgfSwgMzAwKTtcclxuICB9XHJcblxyXG5cclxuXHJcbiAgc2VhcmNoVmFsdWU7XHJcbiAgb25TZWFjaCgpIHtcclxuICAgIHRoaXMuZ3JpZENvbnRlbnQuZ3JpZC5zZWFyY2godGhpcy5zZWFyY2hWYWx1ZSk7XHJcbiAgfVxyXG5cclxuICBvbklucHV0KCl7XHJcbiAgICB0aGlzLmRlYm91bmNlZElucHV0KClcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJzLXBhZ2UtbGlzdC13cmFwXCIgW25nQ2xhc3NdPVwieyAnaXMtbm90LWlubmVyJzogIWlzSW5uZXIgfVwiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJjdXN0b21QYWdlVGl0bGU7IGVsc2UgZGVmYXVsdFRpdGxlXCI+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGl0bGVTbG90XVwiPjwvbmctY29udGVudD5cclxuICA8L25nLWNvbnRhaW5lcj5cclxuICA8bmctdGVtcGxhdGUgI2RlZmF1bHRUaXRsZT5cclxuICAgIDxkaXYgY2xhc3M9XCJycy1wYWdlLXRpdGxlXCIgKm5nSWY9XCJwYWdlVGl0bGVcIj57eyBwYWdlVGl0bGUgfX08L2Rpdj5cclxuICA8L25nLXRlbXBsYXRlPlxyXG4gIDxkaXYgY2xhc3M9XCJycy1jb250ZW50LXdyYXBcIj5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0YWJTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDxkaXYgY2xhc3M9XCJycy10b29sYmFyLXdyYXBcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInJzLWxlZnQtY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2xlZnRUb29sYmFyQnRuU2xvdF1cIj48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwicnMtcmlnaHQtY29sXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JpZ2h0VG9vbGJhckJ0blNsb3RdXCI+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJycy1zZWFyY2gtaW5wdXRcIj5cclxuICAgICAgICAgIDxlanMtdGV4dGJveFxyXG4gICAgICAgICAgICB0eXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiZS1pbnB1dFwiXHJcbiAgICAgICAgICAgIFsobmdNb2RlbCldPVwic2VhcmNoVmFsdWVcIlxyXG4gICAgICAgICAgICAoaW5wdXQpPVwib25JbnB1dCgpXCJcclxuICAgICAgICAgICAgcGxhY2Vob2xkZXI9XCJTZWFyY2ggYWxsIGZpZWxkc1wiXHJcbiAgICAgICAgICAgIFtzaG93Q2xlYXJCdXR0b25dPVwidHJ1ZVwiXHJcbiAgICAgICAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXHJcbiAgICAgICAgICA+PC9lanMtdGV4dGJveD5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJycy1ncmlkLXdyYXBcIj5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2dyaWRTbG90XVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
@@ -1,15 +0,0 @@
1
- import { OnInit } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export declare class CommonListComponent implements OnInit {
4
- gridContent: any;
5
- pageTitle: any;
6
- customPageTitle: boolean;
7
- isInner: boolean;
8
- private debouncedInput;
9
- ngOnInit(): void;
10
- searchValue: any;
11
- onSeach(): void;
12
- onInput(): void;
13
- static ɵfac: i0.ɵɵFactoryDeclaration<CommonListComponent, never>;
14
- static ɵcmp: i0.ɵɵComponentDeclaration<CommonListComponent, "rs-common-list", never, { "pageTitle": { "alias": "pageTitle"; "required": false; }; "customPageTitle": { "alias": "customPageTitle"; "required": false; }; "isInner": { "alias": "isInner"; "required": false; }; }, {}, ["gridContent"], ["[titleSlot]", "[tabSlot]", "[leftToolbarBtnSlot]", "[rightToolbarBtnSlot]", "[gridSlot]"], false, never>;
15
- }