@theseam/ui-common 0.2.8 → 0.2.12

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 (65) hide show
  1. package/bundles/theseam-ui-common-data-exporter.umd.js.map +1 -1
  2. package/bundles/theseam-ui-common-datatable.umd.js +54 -4
  3. package/bundles/theseam-ui-common-datatable.umd.js.map +1 -1
  4. package/bundles/theseam-ui-common-framework.umd.js +2 -2
  5. package/bundles/theseam-ui-common-framework.umd.js.map +1 -1
  6. package/bundles/theseam-ui-common-table-cell-types.umd.js +245 -19
  7. package/bundles/theseam-ui-common-table-cell-types.umd.js.map +1 -1
  8. package/bundles/theseam-ui-common-utils.umd.js.map +1 -1
  9. package/data-exporter/data-exporter.d.ts +4 -0
  10. package/data-exporter/theseam-ui-common-data-exporter.metadata.json +1 -1
  11. package/datatable/datatable/datatable.component.d.ts +2 -0
  12. package/datatable/datatable-footer/datatable-footer-tpl.directive.d.ts +5 -0
  13. package/datatable/datatable-footer/datatable-footer.directive.d.ts +6 -0
  14. package/datatable/public-api.d.ts +2 -0
  15. package/datatable/theseam-ui-common-datatable.metadata.json +1 -1
  16. package/esm2015/data-exporter/data-exporter.js +1 -1
  17. package/esm2015/datatable/datatable/datatable.component.js +5 -3
  18. package/esm2015/datatable/datatable-export-button/datatable-export-button.component.js +8 -3
  19. package/esm2015/datatable/datatable-footer/datatable-footer-tpl.directive.js +15 -0
  20. package/esm2015/datatable/datatable-footer/datatable-footer.directive.js +18 -0
  21. package/esm2015/datatable/datatable.module.js +7 -1
  22. package/esm2015/datatable/public-api.js +3 -1
  23. package/esm2015/framework/side-nav/side-nav-item/side-nav-item.component.js +3 -3
  24. package/esm2015/table-cell-types/public-api.js +8 -1
  25. package/esm2015/table-cell-types/table-cell-type-currency/table-cell-type-currency-config.js +2 -0
  26. package/esm2015/table-cell-types/table-cell-type-currency/table-cell-type-currency.component.js +74 -0
  27. package/esm2015/table-cell-types/table-cell-type-currency/table-cell-type-currency.js +2 -0
  28. package/esm2015/table-cell-types/table-cell-type-decimal/table-cell-type-decimal-config.js +1 -1
  29. package/esm2015/table-cell-types/table-cell-type-decimal/table-cell-type-decimal.component.js +73 -0
  30. package/esm2015/table-cell-types/table-cell-type-decimal/table-cell-type-decimal.js +2 -0
  31. package/esm2015/table-cell-types/table-cell-type-integer/table-cell-type-integer-config.js +1 -1
  32. package/esm2015/table-cell-types/table-cell-type-integer/table-cell-type-integer.component.js +71 -0
  33. package/esm2015/table-cell-types/table-cell-type-integer/table-cell-type-integer.js +2 -0
  34. package/esm2015/table-cell-types/table-cell-type-manifests.js +29 -17
  35. package/esm2015/table-cell-types/table-cell-types.module.js +9 -2
  36. package/esm2015/utils/router/is-empty-url-route.js +1 -1
  37. package/fesm2015/theseam-ui-common-data-exporter.js.map +1 -1
  38. package/fesm2015/theseam-ui-common-datatable.js +45 -5
  39. package/fesm2015/theseam-ui-common-datatable.js.map +1 -1
  40. package/fesm2015/theseam-ui-common-framework.js +2 -2
  41. package/fesm2015/theseam-ui-common-framework.js.map +1 -1
  42. package/fesm2015/theseam-ui-common-table-cell-types.js +232 -20
  43. package/fesm2015/theseam-ui-common-table-cell-types.js.map +1 -1
  44. package/fesm2015/theseam-ui-common-utils.js.map +1 -1
  45. package/framework/side-nav/side-nav-item/side-nav-item.component.scss +36 -9
  46. package/framework/theseam-ui-common-framework.metadata.json +1 -1
  47. package/package.json +1 -1
  48. package/styles/common/_table.scss +0 -5
  49. package/styles/vendor/ngx-datatable/_ngx-datatable.scss +478 -87
  50. package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +174 -0
  51. package/styles/vendor/ngx-datatable/_themes/dark/_variables.scss +166 -0
  52. package/styles/vendor/ngx-datatable/_themes/material/_variables.scss +165 -0
  53. package/styles/vendor/ngx-datatable/_variables.scss +3 -0
  54. package/table-cell-types/public-api.d.ts +7 -0
  55. package/table-cell-types/table-cell-type-currency/table-cell-type-currency-config.d.ts +39 -0
  56. package/table-cell-types/table-cell-type-currency/table-cell-type-currency.component.d.ts +19 -0
  57. package/table-cell-types/table-cell-type-currency/table-cell-type-currency.d.ts +3 -0
  58. package/table-cell-types/table-cell-type-decimal/table-cell-type-decimal-config.d.ts +31 -1
  59. package/table-cell-types/table-cell-type-decimal/table-cell-type-decimal.component.d.ts +19 -0
  60. package/table-cell-types/table-cell-type-decimal/table-cell-type-decimal.d.ts +3 -0
  61. package/table-cell-types/table-cell-type-integer/table-cell-type-integer-config.d.ts +23 -1
  62. package/table-cell-types/table-cell-type-integer/table-cell-type-integer.component.d.ts +19 -0
  63. package/table-cell-types/table-cell-type-integer/table-cell-type-integer.d.ts +3 -0
  64. package/table-cell-types/table-cell-type-manifests.d.ts +2 -1
  65. package/table-cell-types/theseam-ui-common-table-cell-types.metadata.json +1 -1
package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss ADDED
@@ -0,0 +1,174 @@
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-effect: false !default;
63
+ $datatable-progress-linear-background-color: rgb(170, 209, 249) !default;
64
+ $datatable-progress-linear-accent-color: rgb(16, 108, 200) !default;
65
+
66
+ // colors for table body elements
67
+ $datatable-row-detail-background: $gray-100 !default;
68
+ $datatable-row-detail-padding: 10px !default;
69
+
70
+ $datatable-row-border-top-width: 1px !default;
71
+ $datatable-row-border-right-width: 0px !default;
72
+ $datatable-row-border-bottom-width: 0px !default;
73
+ $datatable-row-border-left-width: 0px !default;
74
+ $datatable-row-border-color: #d1d4d7 !default;
75
+
76
+ $datatable-body-margin: -1px 0 0 0 !default;
77
+
78
+ $datatable-body-cell-color: $body-color !default;
79
+ $datatable-body-cell-font-size: $datatable-font-size !default;
80
+ $datatable-body-cell-font-weight: 400 !default;
81
+ $datatable-body-cell-text-align: left !default;
82
+ $datatable-body-cell-padding: 12px !default;
83
+ $datatable-body-cell-border-top-width: 0 !default;
84
+ $datatable-body-cell-border-right-width: 0 !default;
85
+ $datatable-body-cell-border-bottom-width: 0 !default;
86
+ $datatable-body-cell-border-left-width: 0 !default;
87
+
88
+ $datatable-body-group-cell-text-align: left !default;
89
+ $datatable-body-group-cell-padding: 12px !default;
90
+ $datatable-body-group-cell-border-top-width: $datatable-default-border-width !default;
91
+ $datatable-body-group-cell-border-right-width: 0 !default;
92
+ $datatable-body-group-cell-border-bottom-width: 0 !default;
93
+ $datatable-body-group-cell-border-left-width: 0 !default;
94
+ $datatable-body-group-cell-color: $datatable-body-cell-color !default;
95
+ $datatable-body-group-cell-font-size: 14px !default;
96
+ $datatable-body-group-cell-font-weight: 400 !default;
97
+
98
+ $datatable-group-header-background: #f5f5f5 !default;
99
+ $datatable-group-header-border-color: #d1d4d7 !default;
100
+ $datatable-group-header-border-top-width: $datatable-default-border-width !default;
101
+ $datatable-group-header-border-right-width: 0 !default;
102
+ $datatable-group-header-border-bottom-width: $datatable-default-border-width !default;
103
+ $datatable-group-header-border-left-width: 0 !default;
104
+
105
+ $datatable-empty-row-height: 50px !default;
106
+ $datatable-empty-row-padding: 0.5rem 1.2rem !default;
107
+ $datatable-empty-row-border-top-width: 0px !default;
108
+ $datatable-empty-row-border-right-width: 0px !default;
109
+ $datatable-empty-row-border-bottom-width: 0px !default;
110
+ $datatable-empty-row-border-left-width: 0px !default;
111
+ $datatable-empty-row-border-color: #d1d4d7;
112
+ $datatable-empty-row-margin: 0px !default;
113
+ $datatable-empty-row-text-align: left !default;
114
+
115
+ $datatable-loading-row-border-top-width: 0px !default;
116
+ $datatable-loading-row-border-right-width: 0px !default;
117
+ $datatable-loading-row-border-bottom-width: 0px !default;
118
+ $datatable-loading-row-border-left-width: 0px !default;
119
+ $datatable-loading-row-border-color: #d1d4d7 !default;
120
+ $datatable-loading-row-padding: 0.5rem 1.2rem !default;
121
+ $datatable-loading-row-text-align: left !default;
122
+
123
+ // colors for footer elements
124
+ $datatable-footer-background: $gray-100 !default;
125
+ $datatable-footer-border-radius: $border-radius !default;
126
+ $datatable-footer-border-top-width: $datatable-default-border-width !default;
127
+ $datatable-footer-border-right-width: $datatable-default-border-width !default;
128
+ $datatable-footer-border-bottom-width: $datatable-default-border-width !default;
129
+ $datatable-footer-border-left-width: $datatable-default-border-width !default;
130
+ $datatable-footer-border-color: #dee2e6 !default;
131
+ $datatable-footer-font-size: $datatable-font-size !default;
132
+ $datatable-footer-font-weight: 400 !default;
133
+ $datatable-footer-color: $body-color !default;
134
+ $datatable-footer-margin: 0 !default;
135
+
136
+ $datatable-page-count-line-height: 40px !default;
137
+ $datatable-page-count-height: 40px !default;
138
+ $datatable-page-count-padding: 0 1.2rem !default;
139
+
140
+ $datatable-pager-margin: 0 10px !default;
141
+
142
+ $datatable-pager-item-height: 22px !default;
143
+ $datatable-pager-item-min-width: 24px !default;
144
+ $datatable-pager-item-line-height: 22px !default;
145
+ $datatable-pager-item-padding: 0 !default;
146
+ $datatable-pager-item-border-radius: 3px !default;
147
+ $datatable-pager-item-margin: 10px 0 !default;
148
+ $datatable-pager-item-link-margin: 0 3px !default;
149
+ $datatable-pager-item-text-align: center !default;
150
+ $datatable-pager-item-color: $body-color !default;
151
+
152
+ $datatable-pager-item-hover-color: $body-color !default;
153
+ $datatable-pager-item-hover-background: $gray-200 !default;
154
+
155
+ $datatable-pager-item-disabled-color: rgba($datatable-pager-item-color, 0.5) !default;
156
+ $datatable-pager-item-disabled-background: transparent !default;
157
+
158
+ $datatable-pager-item-active-background: $gray-200 !default;
159
+ $datatable-pager-item-active-font-weight: bold !default;
160
+
161
+ $datatable-pager-icon-font-size: 18px !default;
162
+ $datatable-pager-icon-line-height: 27px !default;
163
+ $datatable-pager-icon-padding: 0 3px !default;
164
+
165
+ // colors for summary row elements
166
+ $datatable-summary-row-background: #ddd !default;
167
+ $datatable-summary-row-background-hover: #ddd !default;
168
+ $datatable-summary-row-font-weight: bold !default;
169
+
170
+ $datatable-action-button-color: $body-color !default;
171
+ $datatable-action-button-background: transparent !default;
172
+ $datatable-action-button-box-shadow: none !default;
173
+ $datatable-action-button-hover-color: $primary !default;
174
+ $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';
package/table-cell-types/public-api.d.ts CHANGED
@@ -1,13 +1,20 @@
1
1
  export * from './table-cell-type-manifests';
2
+ export * from './table-cell-type-currency/table-cell-type-currency-config';
3
+ export * from './table-cell-type-currency/table-cell-type-currency.component';
4
+ export * from './table-cell-type-currency/table-cell-type-currency';
2
5
  export * from './table-cell-type-date/table-cell-type-date-config';
3
6
  export * from './table-cell-type-date/table-cell-type-date.component';
4
7
  export * from './table-cell-type-date/table-cell-type-date';
5
8
  export * from './table-cell-type-decimal/table-cell-type-decimal-config';
9
+ export * from './table-cell-type-decimal/table-cell-type-decimal.component';
10
+ export * from './table-cell-type-decimal/table-cell-type-decimal';
6
11
  export * from './table-cell-type-icon/table-cell-type-icon-config';
7
12
  export * from './table-cell-type-icon/table-cell-type-icon.component';
8
13
  export * from './table-cell-type-progress-circle/table-cell-type-progress-circle.component';
9
14
  export * from './table-cell-type-progress-circle-icon/table-cell-type-progress-circle-icon.component';
10
15
  export * from './table-cell-type-integer/table-cell-type-integer-config';
16
+ export * from './table-cell-type-integer/table-cell-type-integer.component';
17
+ export * from './table-cell-type-integer/table-cell-type-integer';
11
18
  export * from './table-cell-type-phone/table-cell-type-phone-config';
12
19
  export * from './table-cell-type-phone/table-cell-type-phone.component';
13
20
  export * from './table-cell-type-string/table-cell-type-string-config';
package/table-cell-types/table-cell-type-currency/table-cell-type-currency-config.d.ts ADDED
@@ -0,0 +1,39 @@
1
+ import { DynamicActionLinkDef, DynamicActionModalDef, DynamicValue } from '@theseam/ui-common/dynamic';
2
+ import { TableCellTypeConfig } from '@theseam/ui-common/table-cell-type';
3
+ export declare type TableCellTypeCurrencyConfigAction = DynamicActionLinkDef | DynamicActionModalDef;
4
+ export interface TableCellTypeConfigCurrency extends TableCellTypeConfig<'currency'> {
5
+ action?: TableCellTypeCurrencyConfigAction;
6
+ /**
7
+ * Element title attribute.
8
+ */
9
+ /**
10
+ * A locale code for the locale format rules to use. Defaults to `en-US`.
11
+ */
12
+ locale?: DynamicValue<string>;
13
+ /**
14
+ * A string containing the currency symbol or its name, such as "$" or "Canadian Dollar".
15
+ * Used in output string, but does not affect the operation of the function.
16
+ * Defaults to '$'
17
+ */
18
+ currency?: DynamicValue<string>;
19
+ /**
20
+ * The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code. Defaults to `USD`.
21
+ */
22
+ currencyCode?: DynamicValue<string>;
23
+ /**
24
+ * The minimum number of integer digits before the decimal point. Default is 1.
25
+ */
26
+ minIntegerDigits?: DynamicValue<number>;
27
+ /**
28
+ * The minimum number of digits after the decimal point. Default is 2.
29
+ */
30
+ minFractionDigits?: DynamicValue<number>;
31
+ /**
32
+ * The maximum number of digits after the decimal point. Default is 2.
33
+ */
34
+ maxFractionDigits?: DynamicValue<number>;
35
+ /**
36
+ * Default is 'right'.
37
+ */
38
+ textAlign?: DynamicValue<'left' | 'center' | 'right'>;
39
+ }
package/table-cell-types/table-cell-type-currency/table-cell-type-currency.component.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
2
+ import { TableCellTypesHelpersService, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type';
3
+ import type { TableCellData } from '@theseam/ui-common/table-cell-type';
4
+ import { TableCellTypeConfigCurrency } from './table-cell-type-currency-config';
5
+ export declare class TableCellTypeCurrencyComponent implements OnInit, OnDestroy {
6
+ private _cdf;
7
+ private _tableCellTypeHelpers;
8
+ private readonly _ngUnsubscribe;
9
+ value: string | null | undefined;
10
+ row?: any;
11
+ rowIndex?: number;
12
+ colData?: TheSeamTableColumn<'currency', TableCellTypeConfigCurrency>;
13
+ textAlign?: 'left' | 'center' | 'right';
14
+ constructor(_cdf: ChangeDetectorRef, _tableCellTypeHelpers: TableCellTypesHelpersService, _tableData?: TableCellData<'currency', TableCellTypeConfigCurrency>);
15
+ ngOnInit(): void;
16
+ ngOnDestroy(): void;
17
+ private _formatCurrency;
18
+ private _parseConfigValue;
19
+ }
package/table-cell-types/table-cell-type-currency/table-cell-type-currency.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { TheSeamTableColumn } from '@theseam/ui-common/table-cell-type';
2
+ import { TableCellTypeConfigCurrency } from './table-cell-type-currency-config';
3
+ export declare type TableCellTypeCurrency = TheSeamTableColumn<'currency', TableCellTypeConfigCurrency>;
package/table-cell-types/table-cell-type-decimal/table-cell-type-decimal-config.d.ts CHANGED
@@ -1,3 +1,33 @@
1
+ import { DynamicActionLinkDef, DynamicActionModalDef, DynamicValue } from '@theseam/ui-common/dynamic';
1
2
  import { TableCellTypeConfig } from '@theseam/ui-common/table-cell-type';
2
- export interface TableCellTypeDecimalConfig extends TableCellTypeConfig<'decimal'> {
3
+ export declare type TableCellTypeDecimalConfigAction = DynamicActionLinkDef | DynamicActionModalDef;
4
+ export interface TableCellTypeConfigDecimal extends TableCellTypeConfig<'decimal'> {
5
+ action?: TableCellTypeDecimalConfigAction;
6
+ /**
7
+ * Element title attribute.
8
+ */
9
+ /**
10
+ * A locale code for the locale format rules to use. Defaults to `en-US`.
11
+ */
12
+ locale?: DynamicValue<string>;
13
+ /**
14
+ * When true, pipe input through Angular `number` pipe. Default is `true`.
15
+ */
16
+ formatNumber?: DynamicValue<boolean>;
17
+ /**
18
+ * The minimum number of integer digits before the decimal point. Default is 1.
19
+ */
20
+ minIntegerDigits?: DynamicValue<number>;
21
+ /**
22
+ * The minimum number of digits after the decimal point. Default is 0.
23
+ */
24
+ minFractionDigits?: DynamicValue<number>;
25
+ /**
26
+ * The maximum number of digits after the decimal point. Default is 3.
27
+ */
28
+ maxFractionDigits?: DynamicValue<number>;
29
+ /**
30
+ * Default is 'right'.
31
+ */
32
+ textAlign?: DynamicValue<'left' | 'center' | 'right'>;
3
33
  }
package/table-cell-types/table-cell-type-decimal/table-cell-type-decimal.component.d.ts ADDED
@@ -0,0 +1,19 @@
1
+ import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
2
+ import { TableCellTypesHelpersService, TheSeamTableColumn } from '@theseam/ui-common/table-cell-type';
3
+ import type { TableCellData } from '@theseam/ui-common/table-cell-type';
4
+ import { TableCellTypeConfigDecimal } from './table-cell-type-decimal-config';
5
+ export declare class TableCellTypeDecimalComponent implements OnInit, OnDestroy {
6
+ private _cdf;
7
+ private _tableCellTypeHelpers;
8
+ private readonly _ngUnsubscribe;
9
+ value: string | undefined | null;
10
+ row?: any;
11
+ rowIndex?: number;
12
+ colData?: TheSeamTableColumn<'decimal', TableCellTypeConfigDecimal>;
13
+ textAlign?: 'left' | 'center' | 'right';
14
+ constructor(_cdf: ChangeDetectorRef, _tableCellTypeHelpers: TableCellTypesHelpersService, _tableData?: TableCellData<'decimal', TableCellTypeConfigDecimal>);
15
+ ngOnInit(): void;
16
+ ngOnDestroy(): void;
17
+ private _formatDecimal;
18
+ private _parseConfigValue;
19
+ }
package/table-cell-types/table-cell-type-decimal/table-cell-type-decimal.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { TheSeamTableColumn } from '@theseam/ui-common/table-cell-type';
2
+ import { TableCellTypeConfigDecimal } from './table-cell-type-decimal-config';
3
+ export declare type TableCellTypeDecimal = TheSeamTableColumn<'decimal', TableCellTypeConfigDecimal>;