@theseam/ui-common 0.2.9 → 0.2.10

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 (31) hide show
  1. package/bundles/theseam-ui-common-datatable.umd.js +47 -2
  2. package/bundles/theseam-ui-common-datatable.umd.js.map +1 -1
  3. package/bundles/theseam-ui-common-framework.umd.js +2 -2
  4. package/bundles/theseam-ui-common-framework.umd.js.map +1 -1
  5. package/bundles/theseam-ui-common-utils.umd.js.map +1 -1
  6. package/datatable/datatable/datatable.component.d.ts +2 -0
  7. package/datatable/datatable-footer/datatable-footer-tpl.directive.d.ts +5 -0
  8. package/datatable/datatable-footer/datatable-footer.directive.d.ts +6 -0
  9. package/datatable/public-api.d.ts +2 -0
  10. package/datatable/theseam-ui-common-datatable.metadata.json +1 -1
  11. package/esm2015/datatable/datatable/datatable.component.js +5 -3
  12. package/esm2015/datatable/datatable-footer/datatable-footer-tpl.directive.js +15 -0
  13. package/esm2015/datatable/datatable-footer/datatable-footer.directive.js +18 -0
  14. package/esm2015/datatable/datatable.module.js +7 -1
  15. package/esm2015/datatable/public-api.js +3 -1
  16. package/esm2015/framework/side-nav/side-nav-item/side-nav-item.component.js +3 -3
  17. package/esm2015/utils/router/is-empty-url-route.js +1 -1
  18. package/fesm2015/theseam-ui-common-datatable.js +38 -3
  19. package/fesm2015/theseam-ui-common-datatable.js.map +1 -1
  20. package/fesm2015/theseam-ui-common-framework.js +2 -2
  21. package/fesm2015/theseam-ui-common-framework.js.map +1 -1
  22. package/fesm2015/theseam-ui-common-utils.js.map +1 -1
  23. package/framework/side-nav/side-nav-item/side-nav-item.component.scss +36 -9
  24. package/framework/theseam-ui-common-framework.metadata.json +1 -1
  25. package/package.json +1 -1
  26. package/styles/common/_table.scss +0 -5
  27. package/styles/vendor/ngx-datatable/_ngx-datatable.scss +475 -87
  28. package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +173 -0
  29. package/styles/vendor/ngx-datatable/_themes/dark/_variables.scss +166 -0
  30. package/styles/vendor/ngx-datatable/_themes/material/_variables.scss +165 -0
  31. package/styles/vendor/ngx-datatable/_variables.scss +3 -0
package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss ADDED
@@ -0,0 +1,173 @@
1
+ $datatable-font-size: 16px !default;
2
+ $datatable-default-border-width: $border-width !default;
3
+
4
+ $datatable-border-top-width: 0px !default;
5
+ $datatable-border-right-width: 0px !default;
6
+ $datatable-border-bottom-width: 0px !default;
7
+ $datatable-border-left-width: 0px !default;
8
+ $datatable-border-color: $white !default;
9
+ $datatable-color: $body-color !default;
10
+
11
+ // common datatable colors
12
+ $datatable-background: $white !default;
13
+ $datatable-box-shadow: none !default;
14
+ $datatable-row-even-background: rgba(0, 0, 0, 0.05) !default;
15
+
16
+ // default row and cell background colors
17
+ $datatable-default-background: $white !default;
18
+ $datatable-hover-effect: false !default;
19
+ $datatable-row-group-background-hover: #eee !default;
20
+ $datatable-row-group-even-background-hover: #eee !default;
21
+ $datatable-focus-effect: false !default;
22
+ $datatable-row-group-background-focus: #ddd !default;
23
+ $datatable-row-group-even-background-focus: #ddd !default;
24
+
25
+ // default background colors for cell selection style
26
+ $datatable-cellselection-background-hover: #eee !default;
27
+ $datatable-cellselection-even-background-hover: #eee !default;
28
+ $datatable-cellselection-background-focus: #ddd !default;
29
+ $datatable-cellselection-even-background-focus: #ddd !default;
30
+
31
+ // background and text colors for selected cell / row
32
+ $datatable-selected-active-background: #304ffe !default;
33
+ $datatable-selected-active-color: $white !default;
34
+ $datatable-selected-active-background-hover: #193ae4 !default;
35
+ $datatable-selected-active-color-hover: $white !default;
36
+ $datatable-selected-active-background-focus: #2041ef !default;
37
+ $datatable-selected-active-color-focus: $white !default;
38
+
39
+ // colors for header elements
40
+ $datatable-header-background: $white !default;
41
+ $datatable-header-color: $body-color !default;
42
+ $datatable-header-border-top-width: 0 !default;
43
+ $datatable-header-border-right-width: 0 !default;
44
+ $datatable-header-border-bottom-width: $datatable-default-border-width !default;
45
+ $datatable-header-border-left-width: 0px !default;
46
+ $datatable-header-border-color: #dee2e6 !default;
47
+
48
+ $datatable-header-cell-text-align: left !default;
49
+ $datatable-header-cell-padding: 0.75rem !default;
50
+ $datatable-header-cell-font-size: $datatable-font-size !default;
51
+ $datatable-header-cell-font-weight: 400 !default;
52
+ $datatable-header-cell-label-line-height: 26px !default;
53
+
54
+ $datatable-header-draggable-background: $gray-200 !default;
55
+ $datatable-header-resize-handle-color: $gray-200 !default;
56
+ $datatable-header-resize-handle-top: 12px !default;
57
+ $datatable-header-resize-handle-right: 0 !default;
58
+ $datatable-header-resize-handle-bottom: 12px !default;
59
+ $datatable-header-resize-handle-left: 0 !default;
60
+ $datatable-header-resize-handle-width: 02px !default;
61
+
62
+ $datatable-progress-linear-background-color: rgb(170, 209, 249) !default;
63
+ $datatable-progress-linear-accent-color: rgb(16, 108, 200) !default;
64
+
65
+ // colors for table body elements
66
+ $datatable-row-detail-background: $gray-100 !default;
67
+ $datatable-row-detail-padding: 10px !default;
68
+
69
+ $datatable-row-border-top-width: 1px !default;
70
+ $datatable-row-border-right-width: 0px !default;
71
+ $datatable-row-border-bottom-width: 0px !default;
72
+ $datatable-row-border-left-width: 0px !default;
73
+ $datatable-row-border-color: #d1d4d7 !default;
74
+
75
+ $datatable-body-margin: -1px 0 0 0 !default;
76
+
77
+ $datatable-body-cell-color: $body-color !default;
78
+ $datatable-body-cell-font-size: 16px !default;
79
+ $datatable-body-cell-font-weight: 400 !default;
80
+ $datatable-body-cell-text-align: left !default;
81
+ $datatable-body-cell-padding: 12px !default;
82
+ $datatable-body-cell-border-top-width: 0 !default;
83
+ $datatable-body-cell-border-right-width: 0 !default;
84
+ $datatable-body-cell-border-bottom-width: 0 !default;
85
+ $datatable-body-cell-border-left-width: 0 !default;
86
+
87
+ $datatable-body-group-cell-text-align: left !default;
88
+ $datatable-body-group-cell-padding: 12px !default;
89
+ $datatable-body-group-cell-border-top-width: $datatable-default-border-width !default;
90
+ $datatable-body-group-cell-border-right-width: 0 !default;
91
+ $datatable-body-group-cell-border-bottom-width: 0 !default;
92
+ $datatable-body-group-cell-border-left-width: 0 !default;
93
+ $datatable-body-group-cell-color: $datatable-body-cell-color !default;
94
+ $datatable-body-group-cell-font-size: 14px !default;
95
+ $datatable-body-group-cell-font-weight: 400 !default;
96
+
97
+ $datatable-group-header-background: #f5f5f5 !default;
98
+ $datatable-group-header-border-color: #d1d4d7 !default;
99
+ $datatable-group-header-border-top-width: $datatable-default-border-width !default;
100
+ $datatable-group-header-border-right-width: 0 !default;
101
+ $datatable-group-header-border-bottom-width: $datatable-default-border-width !default;
102
+ $datatable-group-header-border-left-width: 0 !default;
103
+
104
+ $datatable-empty-row-height: 50px !default;
105
+ $datatable-empty-row-padding: 0.5rem 1.2rem !default;
106
+ $datatable-empty-row-border-top-width: 0px !default;
107
+ $datatable-empty-row-border-right-width: 0px !default;
108
+ $datatable-empty-row-border-bottom-width: 0px !default;
109
+ $datatable-empty-row-border-left-width: 0px !default;
110
+ $datatable-empty-row-border-color: #d1d4d7;
111
+ $datatable-empty-row-margin: 0px !default;
112
+ $datatable-empty-row-text-align: left !default;
113
+
114
+ $datatable-loading-row-border-top-width: 0px !default;
115
+ $datatable-loading-row-border-right-width: 0px !default;
116
+ $datatable-loading-row-border-bottom-width: 0px !default;
117
+ $datatable-loading-row-border-left-width: 0px !default;
118
+ $datatable-loading-row-border-color: #d1d4d7 !default;
119
+ $datatable-loading-row-padding: 0.5rem 1.2rem !default;
120
+ $datatable-loading-row-text-align: left !default;
121
+
122
+ // colors for footer elements
123
+ $datatable-footer-background: $gray-100 !default;
124
+ $datatable-footer-border-radius: $border-radius !default;
125
+ $datatable-footer-border-top-width: $datatable-default-border-width !default;
126
+ $datatable-footer-border-right-width: $datatable-default-border-width !default;
127
+ $datatable-footer-border-bottom-width: $datatable-default-border-width !default;
128
+ $datatable-footer-border-left-width: $datatable-default-border-width !default;
129
+ $datatable-footer-border-color: #dee2e6 !default;
130
+ $datatable-footer-font-size: 16px !default;
131
+ $datatable-footer-font-weight: 400 !default;
132
+ $datatable-footer-color: $body-color !default;
133
+ $datatable-footer-margin: 0 !default;
134
+
135
+ $datatable-page-count-line-height: 40px !default;
136
+ $datatable-page-count-height: 40px !default;
137
+ $datatable-page-count-padding: 0 1.2rem !default;
138
+
139
+ $datatable-pager-margin: 0 10px !default;
140
+
141
+ $datatable-pager-item-height: 22px !default;
142
+ $datatable-pager-item-min-width: 24px !default;
143
+ $datatable-pager-item-line-height: 22px !default;
144
+ $datatable-pager-item-padding: 0 !default;
145
+ $datatable-pager-item-border-radius: 3px !default;
146
+ $datatable-pager-item-margin: 10px 0 !default;
147
+ $datatable-pager-item-link-margin: 0 3px !default;
148
+ $datatable-pager-item-text-align: center !default;
149
+ $datatable-pager-item-color: $body-color !default;
150
+
151
+ $datatable-pager-item-hover-color: $body-color !default;
152
+ $datatable-pager-item-hover-background: $gray-200 !default;
153
+
154
+ $datatable-pager-item-disabled-color: rgba($datatable-pager-item-color, 0.5) !default;
155
+ $datatable-pager-item-disabled-background: transparent !default;
156
+
157
+ $datatable-pager-item-active-background: $gray-200 !default;
158
+ $datatable-pager-item-active-font-weight: bold !default;
159
+
160
+ $datatable-pager-icon-font-size: 18px !default;
161
+ $datatable-pager-icon-line-height: 27px !default;
162
+ $datatable-pager-icon-padding: 0 3px !default;
163
+
164
+ // colors for summary row elements
165
+ $datatable-summary-row-background: #ddd !default;
166
+ $datatable-summary-row-background-hover: #ddd !default;
167
+ $datatable-summary-row-font-weight: bold !default;
168
+
169
+ $datatable-action-button-color: $body-color !default;
170
+ $datatable-action-button-background: transparent !default;
171
+ $datatable-action-button-box-shadow: none !default;
172
+ $datatable-action-button-hover-color: $primary !default;
173
+ $datatable-action-button-hover-background: $gray-300 !default;
package/styles/vendor/ngx-datatable/_themes/dark/_variables.scss ADDED
@@ -0,0 +1,166 @@
1
+ // Not implemented
2
+
3
+ // $datatable-font-size: 16px !default;
4
+ // $datatable-default-border-width: 1px !default;
5
+
6
+ // $datatable-border-top-width: 0px !default;
7
+ // $datatable-border-right-width: 0px !default;
8
+ // $datatable-border-bottom-width: 0px !default;
9
+ // $datatable-border-left-width: 0px !default;
10
+ // $datatable-border-color: #fff !default;
11
+ // $datatable-color: $body-color !default;
12
+
13
+ // // common datatable colors
14
+ // $datatable-background: #fff !default;
15
+ // $datatable-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
16
+ // 0 3px 14px 2px rgba(0, 0, 0, 0.12) !default;
17
+ // $datatable-row-even-background: #eee !default;
18
+
19
+ // // default row and cell background colors
20
+ // $datatable-default-background: $white !default;
21
+ // $datatable-hover-effect: false !default;
22
+ // $datatable-row-group-background-hover: #eee !default;
23
+ // $datatable-row-group-even-background-hover: #eee !default;
24
+ // $datatable-focus-effect: false !default;
25
+ // $datatable-row-group-background-focus: #ddd !default;
26
+ // $datatable-row-group-even-background-focus: #ddd !default;
27
+
28
+ // // default background colors for cell selection style
29
+ // $datatable-cellselection-background-hover: #eee !default;
30
+ // $datatable-cellselection-background-focus: #ddd !default;
31
+
32
+ // // background and text colors for selected cell / row
33
+ // $datatable-selected-active-background: #304ffe !default;
34
+ // $datatable-selected-active-color: #fff !default;
35
+ // $datatable-selected-active-background-hover: #193ae4 !default;
36
+ // $datatable-selected-active-color-hover: #fff !default;
37
+ // $datatable-selected-active-background-focus: #2041ef !default;
38
+ // $datatable-selected-active-color-focus: #fff !default;
39
+
40
+ // // colors for header elements
41
+ // $datatable-header-background: #fff !default;
42
+ // $datatable-header-color: $body-color !default;
43
+ // $datatable-header-border-top-width: 0 !default;
44
+ // $datatable-header-border-right-width: 0 !default;
45
+ // $datatable-header-border-bottom-width: $datatable-default-border-width !default;
46
+ // $datatable-header-border-left-width: 0 !default;
47
+ // $datatable-header-border-color: $light !default;
48
+
49
+ // $datatable-header-cell-text-align: left !default;
50
+ // $datatable-header-cell-padding: .75rem !default;
51
+ // $datatable-header-cell-font-size: 16px !default;
52
+ // $datatable-header-cell-font-weight: 500 !default;
53
+ // $datatable-header-cell-label-line-height: 24px !default;
54
+
55
+ // $datatable-header-draggable-background: #eee !default;
56
+ // $datatable-header-resize-handle-color: #eee !default;
57
+ // $datatable-header-resize-handle-border-top-width: 0 !default;
58
+ // $datatable-header-resize-handle-border-right-width: $datatable-default-border-width !default;
59
+ // $datatable-header-resize-handle-border-bottom-width: 0 !default;
60
+ // $datatable-header-resize-handle-border-left-width: 0 !default;
61
+
62
+ // $datatable-progress-linear-background-color: rgb(170, 209, 249) !default;
63
+ // $datatable-progress-linear-accent-color: rgb(16, 108, 200) !default;
64
+
65
+ // // colors for table body elements
66
+ // $datatable-row-detail-background: #f8f9fa !default;
67
+ // $datatable-row-detail-padding: 10px !default;
68
+
69
+ // $datatable-row-border-top-width: 1px !default;
70
+ // $datatable-row-border-right-width: 0px !default;
71
+ // $datatable-row-border-bottom-width: 0px !default;
72
+ // $datatable-row-border-left-width: 0px !default;
73
+ // $datatable-row-border-color: #d1d4d7 !default;
74
+
75
+ // $datatable-body-margin: -1px 0 0 0 !default;
76
+
77
+ // $datatable-body-cell-color: rgba(0, 0, 0, 0.87) !default;
78
+ // $datatable-body-cell-font-size: 14px !default;
79
+ // $datatable-body-cell-font-weight: 400 !default;
80
+ // $datatable-body-cell-text-align: left !default;
81
+ // $datatable-body-cell-padding: 0.9rem 1.2rem !default;
82
+ // $datatable-body-cell-border-top-width: 0 !default;
83
+ // $datatable-body-cell-border-right-width: 0 !default;
84
+ // $datatable-body-cell-border-bottom-width: 0 !default;
85
+ // $datatable-body-cell-border-left-width: 0 !default;
86
+
87
+ // $datatable-body-group-cell-text-align: left !default;
88
+ // $datatable-body-group-cell-padding: 0.9rem 1.2rem !default;
89
+ // $datatable-body-group-cell-border-top-width: $datatable-default-border-width !default;
90
+ // $datatable-body-group-cell-border-right-width: 0 !default;
91
+ // $datatable-body-group-cell-border-bottom-width: 0 !default;
92
+ // $datatable-body-group-cell-border-left-width: 0 !default;
93
+ // $datatable-body-group-cell-color: $datatable-body-cell-color !default;
94
+ // $datatable-body-group-cell-font-size: 14px !default;
95
+ // $datatable-body-group-cell-font-weight: 400 !default;
96
+
97
+ // $datatable-group-header-background: #f8f9fa !default;
98
+ // $datatable-group-header-border-color: #d9d8d9 !default;
99
+ // $datatable-group-header-border-top-width: $datatable-default-border-width !default;
100
+ // $datatable-group-header-border-right-width: 0 !default;
101
+ // $datatable-group-header-border-bottom-width: $datatable-default-border-width !default;
102
+ // $datatable-group-header-border-left-width: 0 !default;
103
+
104
+ // $datatable-empty-row-height: 50px !default;
105
+ // $datatable-empty-row-padding: 0.5rem 1.2rem !default;
106
+ // $datatable-empty-row-border-top-width: 0px !default;
107
+ // $datatable-empty-row-border-right-width: 0px !default;
108
+ // $datatable-empty-row-border-bottom-width: 0px !default;
109
+ // $datatable-empty-row-border-left-width: 0px !default;
110
+ // $datatable-empty-row-border-color: #d9d8d9;
111
+ // $datatable-empty-row-margin: 0px !default;
112
+ // $datatable-empty-row-text-align: left !default;
113
+
114
+ // $datatable-loading-row-border-top-width: 0px !default;
115
+ // $datatable-loading-row-border-right-width: 0px !default;
116
+ // $datatable-loading-row-border-bottom-width: 0px !default;
117
+ // $datatable-loading-row-border-left-width: 0px !default;
118
+ // $datatable-loading-row-border-color: #d9d8d9 !default;
119
+ // $datatable-loading-row-padding: 0.5rem 1.2rem !default;
120
+ // $datatable-loading-row-text-align: left !default;
121
+
122
+ // // colors for footer elements
123
+ // $datatable-footer-background: $gray-100 !default;
124
+ // $datatable-footer-border-radius: $border-radius !default;
125
+ // $datatable-footer-border-top-width: $datatable-default-border-width !default;
126
+ // $datatable-footer-border-right-width: $datatable-default-border-width !default;
127
+ // $datatable-footer-border-bottom-width: $datatable-default-border-width !default;
128
+ // $datatable-footer-border-left-width: $datatable-default-border-width !default;
129
+ // $datatable-footer-border-color: $gray-300 !default;
130
+ // $datatable-footer-font-size: 16px !default;
131
+ // $datatable-footer-font-weight: 400 !default;
132
+ // $datatable-footer-color: $body-colo !default;
133
+ // $datatable-footer-margin: -1px 0 0 0 !default;
134
+
135
+ // $datatable-page-count-line-height: 50px !default;
136
+ // $datatable-page-count-height: 50px !default;
137
+ // $datatable-page-count-padding: 0 1.2rem !default;
138
+
139
+ // $datatable-pager-margin: 0 10px !default;
140
+
141
+ // $datatable-pager-item-height: 22px !default;
142
+ // $datatable-pager-item-min-width: 24px !default;
143
+ // $datatable-pager-item-line-height: 22px !default;
144
+ // $datatable-pager-item-padding: 0 6px !default;
145
+ // $datatable-pager-item-border-radius: 3px !default;
146
+ // $datatable-pager-item-margin: 6px 3px !default;
147
+ // $datatable-pager-item-text-align: center !default;
148
+ // $datatable-pager-item-color: rgba(0, 0, 0, 0.54) !default;
149
+
150
+ // $datatable-pager-item-hover-color: rgba(0, 0, 0, 0.75) !default;
151
+ // $datatable-pager-item-hover-background: rgba(158, 158, 158, 0.2) !default;
152
+
153
+ // $datatable-pager-item-disabled-color: rgba(0, 0, 0, 0.26) !default;
154
+ // $datatable-pager-item-disabled-background: transparent !default;
155
+
156
+ // $datatable-pager-item-active-background: rgba(158, 158, 158, 0.2) !default;
157
+ // $datatable-pager-item-active-font-weight: bold !default;
158
+
159
+ // $datatable-pager-icon-font-size: 20px !default;
160
+ // $datatable-pager-icon-line-height: 20px !default;
161
+ // $datatable-pager-icon-padding: 0 3px !default;
162
+
163
+ // // colors for summary row elements
164
+ // $datatable-summary-row-background: #ddd !default;
165
+ // $datatable-summary-row-background-hover: #ddd !default;
166
+ // $datatable-summary-row-font-weight: bold !default;
package/styles/vendor/ngx-datatable/_themes/material/_variables.scss ADDED
@@ -0,0 +1,165 @@
1
+ $datatable-font-size: 16px !default;
2
+ $datatable-default-border-width: 1px !default;
3
+
4
+ $datatable-border-top-width: 0px !default;
5
+ $datatable-border-right-width: 0px !default;
6
+ $datatable-border-bottom-width: 0px !default;
7
+ $datatable-border-left-width: 0px !default;
8
+ $datatable-border-color: $white !default;
9
+ $datatable-color: $body-color !default;
10
+
11
+ // common datatable colors
12
+ $datatable-background: $white !default;
13
+ $datatable-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14),
14
+ 0 3px 14px 2px rgba(0, 0, 0, 0.12) !default;
15
+ $datatable-row-even-background: #eee !default;
16
+
17
+ // default row and cell background colors
18
+ $datatable-default-background: $white !default;
19
+ $datatable-hover-effect: false !default;
20
+ $datatable-row-group-background-hover: #eee !default;
21
+ $datatable-row-group-even-background-hover: #eee !default;
22
+ $datatable-focus-effect: false !default;
23
+ $datatable-row-group-background-focus: #ddd !default;
24
+ $datatable-row-group-even-background-focus: #ddd !default;
25
+
26
+ // default background colors for cell selection style
27
+ $datatable-cellselection-background-hover: #eee !default;
28
+ $datatable-cellselection-background-focus: #ddd !default;
29
+
30
+ // background and text colors for selected cell / row
31
+ $datatable-selected-active-background: #304ffe !default;
32
+ $datatable-selected-active-color: $white !default;
33
+ $datatable-selected-active-background-hover: #193ae4 !default;
34
+ $datatable-selected-active-color-hover: $white !default;
35
+ $datatable-selected-active-background-focus: #2041ef !default;
36
+ $datatable-selected-active-color-focus: $white !default;
37
+
38
+ // colors for header elements
39
+ $datatable-header-background: $white !default;
40
+ $datatable-header-color: rgba(0, 0, 0, 0.54) !default;
41
+ $datatable-header-border-top-width: 0 !default;
42
+ $datatable-header-border-right-width: 0 !default;
43
+ $datatable-header-border-bottom-width: $datatable-default-border-width !default;
44
+ $datatable-header-border-left-width: 0 !default;
45
+ $datatable-header-border-color: rgba(0, 0, 0, 0.12) !default;
46
+
47
+ $datatable-header-cell-text-align: left !default;
48
+ $datatable-header-cell-padding: 0.9rem 1.2rem !default;
49
+ $datatable-header-cell-font-size: 12px !default;
50
+ $datatable-header-cell-font-weight: 500 !default;
51
+ $datatable-header-cell-label-line-height: 24px !default;
52
+
53
+ $datatable-header-draggable-background: #e1e3e6 !default;
54
+ $datatable-header-resize-handle-color: #e1e3e6 !default;
55
+ $datatable-header-resize-handle-top: 12px !default;
56
+ $datatable-header-resize-handle-right: 0 !default;
57
+ $datatable-header-resize-handle-bottom: 12px !default;
58
+ $datatable-header-resize-handle-left: 0 !default;
59
+ $datatable-header-resize-handle-width: 02px !default;
60
+
61
+ $datatable-progress-linear-background-color: rgb(170, 209, 249) !default;
62
+ $datatable-progress-linear-accent-color: rgb(16, 108, 200) !default;
63
+
64
+ // colors for table body elements
65
+ $datatable-row-detail-background: #f5f5f5 !default;
66
+ $datatable-row-detail-padding: 10px !default;
67
+
68
+ $datatable-row-border-top-width: 0px !default;
69
+ $datatable-row-border-right-width: 0px !default;
70
+ $datatable-row-border-bottom-width: 0px !default;
71
+ $datatable-row-border-left-width: 0px !default;
72
+ $datatable-row-border-color: #d1d4d7 !default;
73
+
74
+ $datatable-body-margin: -1px 0 0 0 !default;
75
+
76
+ $datatable-body-cell-color: rgba(0, 0, 0, 0.87) !default;
77
+ $datatable-body-cell-font-size: 14px !default;
78
+ $datatable-body-cell-font-weight: 400 !default;
79
+ $datatable-body-cell-text-align: left !default;
80
+ $datatable-body-cell-padding: 0.9rem 1.2rem !default;
81
+ $datatable-body-cell-border-top-width: 0 !default;
82
+ $datatable-body-cell-border-right-width: 0 !default;
83
+ $datatable-body-cell-border-bottom-width: 0 !default;
84
+ $datatable-body-cell-border-left-width: 0 !default;
85
+
86
+ $datatable-body-group-cell-text-align: left !default;
87
+ $datatable-body-group-cell-padding: 0.9rem 1.2rem !default;
88
+ $datatable-body-group-cell-border-top-width: $datatable-default-border-width !default;
89
+ $datatable-body-group-cell-border-right-width: 0 !default;
90
+ $datatable-body-group-cell-border-bottom-width: 0 !default;
91
+ $datatable-body-group-cell-border-left-width: 0 !default;
92
+ $datatable-body-group-cell-color: $datatable-body-cell-color !default;
93
+ $datatable-body-group-cell-font-size: 14px !default;
94
+ $datatable-body-group-cell-font-weight: 400 !default;
95
+
96
+ $datatable-group-header-background: #f5f5f5 !default;
97
+ $datatable-group-header-border-color: #d9d8d9 !default;
98
+ $datatable-group-header-border-top-width: $datatable-default-border-width !default;
99
+ $datatable-group-header-border-right-width: 0 !default;
100
+ $datatable-group-header-border-bottom-width: $datatable-default-border-width !default;
101
+ $datatable-group-header-border-left-width: 0 !default;
102
+
103
+ $datatable-empty-row-height: 50px !default;
104
+ $datatable-empty-row-padding: 0.5rem 1.2rem !default;
105
+ $datatable-empty-row-border-top-width: 0px !default;
106
+ $datatable-empty-row-border-right-width: 0px !default;
107
+ $datatable-empty-row-border-bottom-width: 0px !default;
108
+ $datatable-empty-row-border-left-width: 0px !default;
109
+ $datatable-empty-row-border-color: #d9d8d9;
110
+ $datatable-empty-row-margin: 0px !default;
111
+ $datatable-empty-row-text-align: left !default;
112
+
113
+ $datatable-loading-row-border-top-width: 0px !default;
114
+ $datatable-loading-row-border-right-width: 0px !default;
115
+ $datatable-loading-row-border-bottom-width: 0px !default;
116
+ $datatable-loading-row-border-left-width: 0px !default;
117
+ $datatable-loading-row-border-color: #d9d8d9 !default;
118
+ $datatable-loading-row-padding: 0.5rem 1.2rem !default;
119
+ $datatable-loading-row-text-align: left !default;
120
+
121
+ // colors for footer elements
122
+ $datatable-footer-background: $white !default;
123
+ $datatable-footer-border-radius: $border-radius !default;
124
+ $datatable-footer-border-top-width: $datatable-default-border-width !default;
125
+ $datatable-footer-border-right-width: 0 !default;
126
+ $datatable-footer-border-bottom-width: 0 !default;
127
+ $datatable-footer-border-left-width: 0 !default;
128
+ $datatable-footer-border-color: rgba(0, 0, 0, 0.12) !default;
129
+ $datatable-footer-font-size: 12px !default;
130
+ $datatable-footer-font-weight: 400 !default;
131
+ $datatable-footer-color: rgba(0, 0, 0, 0.54) !default;
132
+ $datatable-footer-margin: -1px 0 0 0 !default;
133
+
134
+ $datatable-page-count-line-height: 50px !default;
135
+ $datatable-page-count-height: 50px !default;
136
+ $datatable-page-count-padding: 0 1.2rem !default;
137
+
138
+ $datatable-pager-margin: 0 10px !default;
139
+
140
+ $datatable-pager-item-height: 22px !default;
141
+ $datatable-pager-item-min-width: 24px !default;
142
+ $datatable-pager-item-line-height: 22px !default;
143
+ $datatable-pager-item-padding: 0 6px !default;
144
+ $datatable-pager-item-border-radius: 3px !default;
145
+ $datatable-pager-item-margin: 6px 3px !default;
146
+ $datatable-pager-item-text-align: center !default;
147
+ $datatable-pager-item-color: rgba(0, 0, 0, 0.54) !default;
148
+
149
+ $datatable-pager-item-hover-color: rgba(0, 0, 0, 0.75) !default;
150
+ $datatable-pager-item-hover-background: rgba(158, 158, 158, 0.2) !default;
151
+
152
+ $datatable-pager-item-disabled-color: rgba(0, 0, 0, 0.26) !default;
153
+ $datatable-pager-item-disabled-background: transparent !default;
154
+
155
+ $datatable-pager-item-active-background: rgba(158, 158, 158, 0.2) !default;
156
+ $datatable-pager-item-active-font-weight: bold !default;
157
+
158
+ $datatable-pager-icon-font-size: 20px !default;
159
+ $datatable-pager-icon-line-height: 20px !default;
160
+ $datatable-pager-icon-padding: 0 3px !default;
161
+
162
+ // colors for summary row elements
163
+ $datatable-summary-row-background: #ddd !default;
164
+ $datatable-summary-row-background-hover: #ddd !default;
165
+ $datatable-summary-row-font-weight: bold !default;
package/styles/vendor/ngx-datatable/_variables.scss ADDED
@@ -0,0 +1,3 @@
1
+ @import './_themes/bootstrap/variables';
2
+ // @import './_themes/dark/variables';
3
+ // @import './_themes/material/variables';