qms-angular 1.1.4 → 1.1.5

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 (33) hide show
  1. package/bundles/qms-angular.umd.js +340 -35
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/button/button.js +3 -3
  4. package/esm2015/lib/components/list/list.js +2 -2
  5. package/esm2015/lib/components/qms-nav-drawer/directive/qms-multi-icon.directive.js +75 -0
  6. package/esm2015/lib/components/qms-nav-drawer/index.js +2 -0
  7. package/esm2015/lib/components/qms-nav-drawer/models/qms-nav-drawer.model.js +10 -0
  8. package/esm2015/lib/components/qms-nav-drawer/public_api.js +6 -0
  9. package/esm2015/lib/components/qms-nav-drawer/qms-nav-drawer.component.js +160 -0
  10. package/esm2015/lib/components/qms-nav-drawer/qms-nav-drawer.module.js +37 -0
  11. package/esm2015/lib/components/qms-nav-drawer/service/qms-nav-drawer.service.js +17 -0
  12. package/esm2015/lib/components/related/popup/related-popup.component.js +1 -1
  13. package/esm2015/lib/components/tree/tree.component.js +2 -3
  14. package/esm2015/lib/components/treeNew/tree.component.js +1 -1
  15. package/esm2015/public-api.js +2 -1
  16. package/fesm2015/qms-angular.js +289 -13
  17. package/fesm2015/qms-angular.js.map +1 -1
  18. package/lib/components/qms-nav-drawer/directive/qms-multi-icon.directive.d.ts +15 -0
  19. package/lib/components/qms-nav-drawer/index.d.ts +1 -0
  20. package/lib/components/qms-nav-drawer/models/qms-nav-drawer.model.d.ts +34 -0
  21. package/lib/components/qms-nav-drawer/public_api.d.ts +5 -0
  22. package/lib/components/qms-nav-drawer/qms-nav-drawer.component.d.ts +67 -0
  23. package/lib/components/qms-nav-drawer/qms-nav-drawer.module.d.ts +2 -0
  24. package/lib/components/qms-nav-drawer/service/qms-nav-drawer.service.d.ts +7 -0
  25. package/lib.theme.scss +5 -4
  26. package/package.json +1 -1
  27. package/public-api.d.ts +1 -0
  28. package/qms-angular.metadata.json +1 -1
  29. package/src/assets/qms-ckeditor-plugin/package-lock.json +48 -0
  30. package/src/lib/components/list/_list-expansion.scss +1 -1
  31. package/src/lib/components/qms-nav-drawer/qms-nav-drawer.component.scss +99 -0
  32. package/src/themes/core/_table-pure-gap.scss +31 -3
  33. package/src/themes/theme/_variable.scss +3 -0
@@ -2115,6 +2115,16 @@
2115
2115
  "node": ">=8"
2116
2116
  }
2117
2117
  },
2118
+ "node_modules/bindings": {
2119
+ "version": "1.5.0",
2120
+ "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
2121
+ "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
2122
+ "dev": true,
2123
+ "optional": true,
2124
+ "dependencies": {
2125
+ "file-uri-to-path": "1.0.0"
2126
+ }
2127
+ },
2118
2128
  "node_modules/bluebird": {
2119
2129
  "version": "3.7.2",
2120
2130
  "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -4275,6 +4285,13 @@
4275
4285
  "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
4276
4286
  "dev": true
4277
4287
  },
4288
+ "node_modules/file-uri-to-path": {
4289
+ "version": "1.0.0",
4290
+ "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
4291
+ "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
4292
+ "dev": true,
4293
+ "optional": true
4294
+ },
4278
4295
  "node_modules/fill-range": {
4279
4296
  "version": "7.0.1",
4280
4297
  "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -5770,6 +5787,13 @@
5770
5787
  "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
5771
5788
  "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
5772
5789
  },
5790
+ "node_modules/nan": {
5791
+ "version": "2.16.0",
5792
+ "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz",
5793
+ "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==",
5794
+ "dev": true,
5795
+ "optional": true
5796
+ },
5773
5797
  "node_modules/nanoid": {
5774
5798
  "version": "3.1.22",
5775
5799
  "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz",
@@ -14337,6 +14361,16 @@
14337
14361
  "dev": true,
14338
14362
  "optional": true
14339
14363
  },
14364
+ "bindings": {
14365
+ "version": "1.5.0",
14366
+ "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
14367
+ "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
14368
+ "dev": true,
14369
+ "optional": true,
14370
+ "requires": {
14371
+ "file-uri-to-path": "1.0.0"
14372
+ }
14373
+ },
14340
14374
  "bluebird": {
14341
14375
  "version": "3.7.2",
14342
14376
  "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
@@ -16113,6 +16147,13 @@
16113
16147
  "integrity": "sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==",
16114
16148
  "dev": true
16115
16149
  },
16150
+ "file-uri-to-path": {
16151
+ "version": "1.0.0",
16152
+ "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
16153
+ "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
16154
+ "dev": true,
16155
+ "optional": true
16156
+ },
16116
16157
  "fill-range": {
16117
16158
  "version": "7.0.1",
16118
16159
  "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -17292,6 +17333,13 @@
17292
17333
  "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
17293
17334
  "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
17294
17335
  },
17336
+ "nan": {
17337
+ "version": "2.16.0",
17338
+ "resolved": "https://registry.npmjs.org/nan/-/nan-2.16.0.tgz",
17339
+ "integrity": "sha512-UdAqHyFngu7TfQKsCBgAA6pWDkT8MAO7d0jyOecVhN5354xbLqdn8mV9Tat9gepAupm0bt2DbeaSC8vS52MuFA==",
17340
+ "dev": true,
17341
+ "optional": true
17342
+ },
17295
17343
  "nanoid": {
17296
17344
  "version": "3.1.22",
17297
17345
  "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.22.tgz",
@@ -4,7 +4,7 @@
4
4
  @import "../../../themes/theme/mixins";
5
5
 
6
6
  .mat-expansion-panel {
7
- &.qms-expansion {
7
+ &.qms-expansion:not([class*=mat-elevation-z]) {
8
8
  background-color: transparent;
9
9
  box-shadow: none;
10
10
  border-bottom: 1px solid $border-bottom-item;
@@ -0,0 +1,99 @@
1
+ @import "../../../themes/core/variables";
2
+ @import "../../../themes/theme/variable";
3
+ @import "../../../themes/theme/mixins";
4
+ @import "../../../themes/qms-icon-font";
5
+
6
+ .mat-tree.qms-nav-drawer-container {
7
+ .mat-tree-node {
8
+ &:hover {
9
+ background: black(0.08);
10
+ }
11
+
12
+ &:active {
13
+ background: black(0.12);
14
+ }
15
+
16
+ &.active {
17
+ color: theme-apply($primary);
18
+ background: theme-apply($primary-light-6-opacity);
19
+
20
+ &:active {
21
+ background: theme-apply($primary-light-12-opacity);
22
+ }
23
+
24
+ button,
25
+ .mat-icon-rtl-mirror,
26
+ .type-icon,
27
+ .text-name {
28
+ color: theme-apply($primary);
29
+ }
30
+ }
31
+ }
32
+
33
+ .mat-tree-node.collapse-node {
34
+ &.active {
35
+ button,
36
+ .mat-icon-rtl-mirror,
37
+ .type-icon,
38
+ .text-name {
39
+ color: theme-apply($primary);
40
+ }
41
+ &:hover {
42
+ background: theme-apply($primary-light-6-opacity);
43
+ }
44
+
45
+ &:active {
46
+ background: theme-apply($primary-light-12-opacity);
47
+ }
48
+ }
49
+ }
50
+
51
+ .mat-tree-node.expand-node {
52
+ color: theme-apply($primary);
53
+ button,
54
+ .mat-icon-rtl-mirror,
55
+ .type-icon,
56
+ .text-name {
57
+ color: theme-apply($primary);
58
+ }
59
+
60
+ &:hover {
61
+ background: theme-apply($primary-light-6-opacity);
62
+ }
63
+
64
+ &:active {
65
+ background: theme-apply($primary-light-12-opacity);
66
+ }
67
+ }
68
+
69
+ .type-icon {
70
+ margin-right: 5px;
71
+ color: theme-apply($ws-action-active);
72
+ }
73
+
74
+ .text-name {
75
+ color: theme-apply($default-color);
76
+ }
77
+
78
+ .mat-icon-rtl-mirror {
79
+ color: black(0.6);
80
+ }
81
+ }
82
+
83
+ .text-name {
84
+ position: relative;
85
+ overflow: hidden;
86
+ text-overflow: ellipsis;
87
+ display: -webkit-box;
88
+ -webkit-line-clamp: 2;
89
+ -webkit-box-orient: vertical;
90
+ cursor: pointer;
91
+ }
92
+
93
+ .cursor-pointer {
94
+ cursor: pointer;
95
+ }
96
+
97
+ .ml-5 {
98
+ margin-left: 10px;
99
+ }
@@ -2,32 +2,60 @@
2
2
  @import "../theme/mixins";
3
3
  @import "typography";
4
4
 
5
+
6
+ .table-scroll-container {
7
+ position: relative;
8
+ padding-top: 35px;
9
+ overflow: hidden;
10
+ }
11
+ .table-scroll-area {
12
+ height: 100%;
13
+ overflow-x: auto;
14
+ overflow-y: auto;
15
+ -webkit-overflow-scrolling: auto;
16
+ }
17
+
18
+
19
+
5
20
  table.mat-table {
6
21
  &.qms-table {
7
22
  width: 100%;
8
23
  border-collapse: separate;
9
24
  border-spacing: 0 8px;
25
+ margin-top: -16px;
26
+ padding-right: 5px;
10
27
  background-color: transparent;
11
28
  font-family: Open Sans;
29
+ overflow-x: auto;
30
+ overflow-y: auto;
31
+ margin-bottom: 0;
32
+ border: none;
12
33
 
13
34
  .mat-header-cell {
14
35
  font-size: 14px;
15
36
  font-weight: 600;
16
37
  color: theme-apply($ws-text-secondary);
38
+ vertical-align: middle;
17
39
 
18
40
  .mat-checkbox.qms-group-options {
19
- padding: 5px 15px 5px 5px;
41
+ padding: 5px;
20
42
  }
21
43
  }
22
44
 
23
45
  .mat-header-row {
24
- height: 32px;
46
+ height: unset;
25
47
  }
26
48
 
27
49
  th {
28
- border-bottom: none;
50
+ border: none !important;
51
+ min-width: 40px;
29
52
  }
30
53
 
54
+ .th-title {
55
+ position: absolute;
56
+ top: 0;
57
+ }
58
+
31
59
  td {
32
60
  border-top: 1px solid theme-apply($disabled);
33
61
  }
@@ -106,6 +106,7 @@ $qms-app-bar-light-background-color: --qms-app-bar-light-background-color;
106
106
 
107
107
  $ws-text-secondary: --ws-text-secondary;
108
108
  $ws-text-primary: --ws-text-primary;
109
+ $ws-action-active: --ws-action-active;
109
110
 
110
111
  @function black($opacity) {
111
112
  @return rgba(black, $opacity);
@@ -215,6 +216,7 @@ $qms-theme-default: (
215
216
  $other-divider: #e0e0e0,
216
217
  $ws-text-secondary: #5a5a5a,
217
218
  $ws-text-primary: #242424,
219
+ $ws-action-active: #707070
218
220
  );
219
221
 
220
222
  $qms-theme-pink: (
@@ -317,4 +319,5 @@ $qms-theme-pink: (
317
319
  $other-divider: #e0e0e0,
318
320
  $ws-text-secondary: #5a5a5a,
319
321
  $ws-text-primary: #242424,
322
+ $ws-action-active: #707070
320
323
  );