imm-element-ui 2.0.1 → 2.0.2

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 (105) hide show
  1. package/README.md +24 -24
  2. package/esm2022/lib/crumb-action/crumb-action.component.mjs +3 -3
  3. package/esm2022/lib/form/form/form.component.mjs +3 -3
  4. package/esm2022/lib/form/form-field/context-menu.mjs +35 -35
  5. package/esm2022/lib/form/form-field/field-control.mjs +1 -1
  6. package/esm2022/lib/form/form-field/field-utils.mjs +1 -1
  7. package/esm2022/lib/form/form-field/form-field.mjs +135 -135
  8. package/esm2022/lib/form/form-field/form-type.mjs +85 -85
  9. package/esm2022/lib/form/form-field/index.mjs +1 -1
  10. package/esm2022/lib/form/form-field/label.directive.mjs +1 -1
  11. package/esm2022/lib/form/form-type/autocomplete.type.mjs +151 -151
  12. package/esm2022/lib/form/form-type/codemirror.type.mjs +4 -1
  13. package/esm2022/lib/form/form-type/datepicker.type.mjs +183 -183
  14. package/esm2022/lib/form/form-type/image.type.mjs +219 -219
  15. package/esm2022/lib/form/form-type/index.mjs +1 -1
  16. package/esm2022/lib/form/form-type/inputnumber.type.mjs +91 -91
  17. package/esm2022/lib/form/form-type/inputtext.type.mjs +19 -19
  18. package/esm2022/lib/form/form-type/multiselect.type.mjs +165 -163
  19. package/esm2022/lib/form/form-type/radio.type.mjs +77 -77
  20. package/esm2022/lib/form/form-type/rowselector.type.mjs +25 -25
  21. package/esm2022/lib/form/form-type/select.type.mjs +135 -133
  22. package/esm2022/lib/form/form-type/textarea.type.mjs +25 -25
  23. package/esm2022/lib/form/form-type/treeselect.type.mjs +115 -115
  24. package/esm2022/lib/form/form-type/upload.type.mjs +131 -131
  25. package/esm2022/lib/grid/actions/actions.component.mjs +1 -1
  26. package/esm2022/lib/grid/cell-edit/cell-edit-autoComplete.component.mjs +25 -25
  27. package/esm2022/lib/grid/cell-edit/cell-edit-datePicker.compoent.mjs +139 -139
  28. package/esm2022/lib/grid/cell-edit/cell-edit-inputDate.component.mjs +27 -27
  29. package/esm2022/lib/grid/cell-edit/cell-edit-inputNumber.component.mjs +75 -75
  30. package/esm2022/lib/grid/cell-edit/cell-edit-inputText.compoent.mjs +1 -1
  31. package/esm2022/lib/grid/cell-edit/cell-edit-select.component.mjs +125 -121
  32. package/esm2022/lib/grid/cell-edit/index.mjs +1 -1
  33. package/esm2022/lib/grid/cell-render/async-renderer.mjs +1 -1
  34. package/esm2022/lib/grid/cell-render/chip-render.mjs +21 -21
  35. package/esm2022/lib/grid/cell-render/img-renderer.mjs +25 -25
  36. package/esm2022/lib/grid/cell-render/link-render.mjs +13 -13
  37. package/esm2022/lib/grid/cell-render/row-span.mjs +5 -5
  38. package/esm2022/lib/grid/grid/grid.component.mjs +3 -3
  39. package/esm2022/lib/grid/grid-utils.mjs +1 -1
  40. package/esm2022/lib/grid/mock-data.mjs +1 -1
  41. package/esm2022/lib/grid/pager/pager.component.mjs +3 -3
  42. package/esm2022/lib/head/head.component.mjs +3 -3
  43. package/esm2022/lib/href-btn-list/href-btn-list.component.mjs +1 -1
  44. package/esm2022/lib/import/import.component.mjs +3 -3
  45. package/esm2022/lib/loading/loading.component.mjs +3 -3
  46. package/esm2022/lib/log/log.component.mjs +3 -3
  47. package/esm2022/lib/page-form/page-form.component.mjs +3 -3
  48. package/esm2022/lib/page-form/page-form.interface.mjs +1 -1
  49. package/esm2022/lib/page-grid-list/page-grid-list.component.mjs +3 -3
  50. package/esm2022/lib/row-selector/row-selector.component.mjs +3 -3
  51. package/esm2022/lib/search/mock-data.mjs +1 -1
  52. package/esm2022/lib/search/pop-date/pop-date.component.mjs +3 -3
  53. package/esm2022/lib/search/pop-list/pop-list.component.mjs +3 -3
  54. package/esm2022/lib/search/pop-panel/pop-panel.component.mjs +3 -3
  55. package/esm2022/lib/search/pop-select/pop-select.component.mjs +3 -3
  56. package/esm2022/lib/search/pop-self/pop-self.component.mjs +3 -3
  57. package/esm2022/lib/search/pop-sort/pop-sort.component.mjs +3 -3
  58. package/esm2022/lib/search/pop-tree/pop-tree.component.mjs +3 -3
  59. package/esm2022/lib/search/search/search.component.mjs +3 -3
  60. package/esm2022/lib/search/search-tip/search-tip.component.mjs +3 -3
  61. package/esm2022/lib/search/search-utils.mjs +1 -1
  62. package/esm2022/lib/search/text-panel/text-panel.component.mjs +3 -3
  63. package/esm2022/lib/service/i18n.service.mjs +1 -1
  64. package/esm2022/lib/service/loading.service.mjs +1 -1
  65. package/esm2022/lib/service/themeConfig.service.mjs +1 -1
  66. package/esm2022/lib/share/utils.mjs +11 -1
  67. package/esm2022/lib/steps/steps.component.mjs +1 -1
  68. package/esm2022/lib/theme-config/theme-config-panel.compoent.mjs +39 -39
  69. package/esm2022/lib/theme-config/theme-config.compoent.mjs +29 -29
  70. package/esm2022/public-api.mjs +1 -1
  71. package/fesm2022/imm-element-ui.mjs +3445 -3427
  72. package/fesm2022/imm-element-ui.mjs.map +1 -1
  73. package/lib/crumb-action/crumb-action.component.d.ts +1 -1
  74. package/lib/form/form-type/codemirror.type.d.ts +1 -1
  75. package/lib/form/form-type/multiselect.type.d.ts +1 -0
  76. package/lib/form/form-type/select.type.d.ts +1 -0
  77. package/lib/grid/cell-edit/cell-edit-select.component.d.ts +1 -0
  78. package/lib/grid/grid-utils.d.ts +529 -2
  79. package/lib/share/utils.d.ts +2 -0
  80. package/lib/steps/steps.component.d.ts +1 -1
  81. package/package.json +1 -1
  82. package/src/lib/crumb-action/crumb-action.component.scss +60 -60
  83. package/src/lib/grid/grid/grid.component.scss +45 -45
  84. package/src/lib/grid/pager/pager.component.scss +3 -3
  85. package/src/lib/head/head.component.scss +3 -3
  86. package/src/lib/href-btn-list/href-btn-list.component.scss +51 -51
  87. package/src/lib/import/import.component.scss +10 -10
  88. package/src/lib/loading/loading.component.scss +31 -31
  89. package/src/lib/log/log.component.scss +26 -26
  90. package/src/lib/page-form/page-form.component.scss +31 -31
  91. package/src/lib/page-grid-list/page-grid-list.component.scss +12 -12
  92. package/src/lib/row-selector/row-selector.component.scss +1 -1
  93. package/src/lib/search/dynamic-search/dynamic-search.component.scss +70 -70
  94. package/src/lib/search/pop-date/pop-date.component.scss +67 -67
  95. package/src/lib/search/pop-list/pop-list.component.scss +23 -23
  96. package/src/lib/search/pop-panel/pop-panel.component.scss +32 -32
  97. package/src/lib/search/pop-select/pop-select.component.scss +39 -39
  98. package/src/lib/search/pop-self/pop-self.component.scss +80 -80
  99. package/src/lib/search/pop-sort/pop-sort.component.scss +49 -49
  100. package/src/lib/search/pop-tree/pop-tree.component.scss +37 -37
  101. package/src/lib/search/search/search.component.scss +70 -70
  102. package/src/lib/search/search-tip/search-tip.component.scss +50 -50
  103. package/src/lib/search/text-panel/text-panel.component.scss +24 -24
  104. package/src/lib/steps/steps.component.scss +97 -97
  105. package/src/lib/styles/styles.scss +232 -232
package/src/lib/styles/styles.scss CHANGED
@@ -1,232 +1,232 @@
1
- :host ::ng-deep {
2
- .p-disabled,
3
- .p-component:disabled {
4
- opacity: 1;
5
- }
6
- .p-inputtext {
7
- border-width: 0;
8
- border-radius: 0;
9
- box-shadow: none;
10
- background: #ffffff;
11
- padding: 0;
12
- }
13
- .p-inputtext:not(.ng-valid).ng-dirty {
14
- background: var(--p-red-200) !important;
15
- border-bottom: 1px solid var(--p-red-500) !important;
16
- }
17
- .p-inputtext:not(:disabled):hover {
18
- border-bottom: 1px solid var(--p-primary-color);
19
- }
20
- .p-inputtext:not(:disabled).ng-hovered {
21
- border-bottom: 1px solid var(--p-primary-color);
22
- }
23
- .p-inputtext:focus {
24
- border-bottom: 1px solid var(--p-primary-color);
25
- }
26
- .ng-hovered .p-autocomplete-input:not(.p-disabled) {
27
- border-bottom: 1px solid var(--p-primary-color);
28
- }
29
- .p-select-label {
30
- padding: 0;
31
- }
32
- .p-select {
33
- border-width: 0;
34
- border-radius: 0;
35
- box-shadow: none;
36
- background: #ffffff;
37
- .p-select-dropdown {
38
- display: none;
39
- }
40
- .p-select-clear-icon {
41
- display: none;
42
- }
43
- }
44
- .p-select:not(.ng-valid).ng-dirty {
45
- background: var(--p-red-200) !important;
46
- border-bottom: 1px solid var(--p-red-500) !important;
47
- }
48
- .p-select-open {
49
- border-bottom: 1px solid var(--p-primary-color);
50
- .p-select-dropdown {
51
- display: flex;
52
- }
53
- .p-select-clear-icon {
54
- display: flex;
55
- }
56
- }
57
- .p-select:hover {
58
- border-bottom: 1px solid var(--p-primary-color);
59
- .p-select-dropdown {
60
- display: flex;
61
- }
62
- .p-select-clear-icon {
63
- display: flex;
64
- }
65
- }
66
- .p-select.ng-hovered {
67
- border-bottom: 1px solid var(--p-primary-color);
68
- .p-select-dropdown {
69
- display: flex;
70
- }
71
- .p-select-clear-icon {
72
- display: flex;
73
- }
74
- }
75
- .p-multiselect-label {
76
- padding: 0;
77
- }
78
- .p-multiselect {
79
- border-width: 0;
80
- border-radius: 0;
81
- background: #ffffff;
82
- box-shadow: none;
83
- .p-multiselect-dropdown {
84
- display: none;
85
- }
86
- }
87
- .p-multiselect:not(.ng-valid).ng-dirty {
88
- background: var(--p-red-200) !important;
89
- border-bottom: 1px solid var(--p-red-500) !important;
90
- }
91
- .p-multiselect-open {
92
- border-bottom: 1px solid var(--p-primary-color);
93
- .p-multiselect-dropdown {
94
- display: flex;
95
- }
96
- }
97
- .p-multiselect:not(.p-disabled).p-focus {
98
- border-bottom: 1px solid var(--p-primary-color);
99
- .p-multiselect-dropdown {
100
- display: flex;
101
- }
102
- }
103
- .p-multiselect:not(.p-disabled):hover {
104
- border-bottom: 1px solid var(--p-primary-color);
105
- .p-multiselect-dropdown {
106
- display: flex;
107
- }
108
- }
109
- .p-multiselect:not(.p-disabled).ng-hovered {
110
- border-bottom: 1px solid var(--p-primary-color);
111
- .p-multiselect-dropdown {
112
- display: flex;
113
- }
114
- }
115
- .p-textarea {
116
- border-radius: 0;
117
- box-shadow: none;
118
- padding: 0 0.25rem;
119
- background: #ffffff;
120
- resize: none;
121
- }
122
- .p-textarea:not(.ng-valid).ng-dirty {
123
- background: var(--p-red-200) !important;
124
- border: 1px solid var(--p-red-500) !important;
125
- }
126
- .p-textarea:not(:disabled):hover {
127
- border: 1px solid var(--p-primary-color);
128
- resize: vertical;
129
- }
130
- .p-textarea:not(:disabled).ng-hovered {
131
- border: 1px solid var(--p-primary-color);
132
- resize: vertical;
133
- }
134
- .p-textarea:focus {
135
- border: 1px solid var(--p-primary-color);
136
- resize: vertical;
137
- }
138
- .p-treeselect-label {
139
- padding: 0;
140
- }
141
- .p-treeselect {
142
- border-width: 0;
143
- border-radius: 0;
144
- box-shadow: none;
145
- background: #ffffff;
146
- .p-treeselect-dropdown {
147
- display: none;
148
- }
149
- }
150
- .ng-invalid.ng-dirty > .p-treeselect {
151
- background: var(--p-red-200) !important;
152
- border-bottom: 1px solid var(--p-red-500) !important;
153
- }
154
- .p-treeselect-open {
155
- border-bottom: 1px solid var(--p-primary-color);
156
- .p-treeselect-dropdown {
157
- display: flex;
158
- }
159
- }
160
- .p-treeselect:not(.p-disabled).p-focus {
161
- border-bottom: 1px solid var(--p-primary-color);
162
- .p-treeselect-dropdown {
163
- display: flex;
164
- }
165
- }
166
- .p-treeselect:not(.p-disabled):hover {
167
- border-bottom: 1px solid var(--p-primary-color);
168
- .p-treeselect-dropdown {
169
- display: flex;
170
- }
171
- }
172
- .ng-hovered > .p-treeselect:not(.p-disabled) {
173
- border-bottom: 1px solid var(--p-primary-color);
174
- .p-treeselect-dropdown {
175
- display: flex;
176
- }
177
- }
178
- .p-menubar {
179
- border-width: 0;
180
- padding: 0;
181
- }
182
- .p-menubar-submenu {
183
- z-index: 3;
184
- }
185
- .p-fileupload-advanced {
186
- border-width: 0;
187
- border-radius: 0;
188
- background-color: #ffffff;
189
- }
190
- .p-fileupload-header {
191
- padding: 0;
192
- }
193
- .p-fileupload-content {
194
- padding: 0;
195
- display: block;
196
- border-width: 0;
197
- }
198
- .p-inputnumber:not(.ng-valid).ng-dirty > .p-inputtext {
199
- background: var(--p-red-200) !important;
200
- border-bottom: 1px solid var(--p-red-500) !important;
201
- }
202
- .p-inputnumber.ng-hovered:not(.p-disabled) > .p-inputtext {
203
- border-bottom: 1px solid var(--p-primary-color);
204
- }
205
- .ng-invalid.ng-dirty > .p-datepicker .p-inputtext {
206
- background: var(--p-red-200) !important;
207
- border-bottom: 1px solid var(--p-red-500) !important;
208
- }
209
- .ng-hovered > .p-datepicker:not(.p-disabled) .p-inputtext {
210
- border-bottom: 1px solid var(--p-primary-color);
211
- }
212
- .cm-editor {
213
- border: 1px solid #cbd5e1;
214
- }
215
- .cm-editor.cm-focused {
216
- outline: none !important;
217
- border: 1px solid var(--p-primary-color);
218
- }
219
- .cm-editor:hover {
220
- border: 1px solid var(--p-primary-color);
221
- }
222
- .cm-editor.ng-hovered {
223
- border: 1px solid var(--p-primary-color);
224
- }
225
- .cm-gutters {
226
- background-color: #fff;
227
- border: 'none';
228
- }
229
- .cm-activeLineGutter {
230
- background-color: #fff;
231
- }
232
- }
1
+ :host ::ng-deep {
2
+ .p-disabled,
3
+ .p-component:disabled {
4
+ opacity: 1;
5
+ }
6
+ .p-inputtext {
7
+ border-width: 0;
8
+ border-radius: 0;
9
+ box-shadow: none;
10
+ background: #ffffff;
11
+ padding: 0;
12
+ }
13
+ .p-inputtext:not(.ng-valid).ng-dirty {
14
+ background: var(--p-red-200) !important;
15
+ border-bottom: 1px solid var(--p-red-500) !important;
16
+ }
17
+ .p-inputtext:not(:disabled):hover {
18
+ border-bottom: 1px solid var(--p-primary-color);
19
+ }
20
+ .p-inputtext:not(:disabled).ng-hovered {
21
+ border-bottom: 1px solid var(--p-primary-color);
22
+ }
23
+ .p-inputtext:focus {
24
+ border-bottom: 1px solid var(--p-primary-color);
25
+ }
26
+ .ng-hovered .p-autocomplete-input:not(.p-disabled) {
27
+ border-bottom: 1px solid var(--p-primary-color);
28
+ }
29
+ .p-select-label {
30
+ padding: 0;
31
+ }
32
+ .p-select {
33
+ border-width: 0;
34
+ border-radius: 0;
35
+ box-shadow: none;
36
+ background: #ffffff;
37
+ .p-select-dropdown {
38
+ display: none;
39
+ }
40
+ .p-select-clear-icon {
41
+ display: none;
42
+ }
43
+ }
44
+ .p-select:not(.ng-valid).ng-dirty {
45
+ background: var(--p-red-200) !important;
46
+ border-bottom: 1px solid var(--p-red-500) !important;
47
+ }
48
+ .p-select-open {
49
+ border-bottom: 1px solid var(--p-primary-color);
50
+ .p-select-dropdown {
51
+ display: flex;
52
+ }
53
+ .p-select-clear-icon {
54
+ display: flex;
55
+ }
56
+ }
57
+ .p-select:hover {
58
+ border-bottom: 1px solid var(--p-primary-color);
59
+ .p-select-dropdown {
60
+ display: flex;
61
+ }
62
+ .p-select-clear-icon {
63
+ display: flex;
64
+ }
65
+ }
66
+ .p-select.ng-hovered {
67
+ border-bottom: 1px solid var(--p-primary-color);
68
+ .p-select-dropdown {
69
+ display: flex;
70
+ }
71
+ .p-select-clear-icon {
72
+ display: flex;
73
+ }
74
+ }
75
+ .p-multiselect-label {
76
+ padding: 0;
77
+ }
78
+ .p-multiselect {
79
+ border-width: 0;
80
+ border-radius: 0;
81
+ background: #ffffff;
82
+ box-shadow: none;
83
+ .p-multiselect-dropdown {
84
+ display: none;
85
+ }
86
+ }
87
+ .p-multiselect:not(.ng-valid).ng-dirty {
88
+ background: var(--p-red-200) !important;
89
+ border-bottom: 1px solid var(--p-red-500) !important;
90
+ }
91
+ .p-multiselect-open {
92
+ border-bottom: 1px solid var(--p-primary-color);
93
+ .p-multiselect-dropdown {
94
+ display: flex;
95
+ }
96
+ }
97
+ .p-multiselect:not(.p-disabled).p-focus {
98
+ border-bottom: 1px solid var(--p-primary-color);
99
+ .p-multiselect-dropdown {
100
+ display: flex;
101
+ }
102
+ }
103
+ .p-multiselect:not(.p-disabled):hover {
104
+ border-bottom: 1px solid var(--p-primary-color);
105
+ .p-multiselect-dropdown {
106
+ display: flex;
107
+ }
108
+ }
109
+ .p-multiselect:not(.p-disabled).ng-hovered {
110
+ border-bottom: 1px solid var(--p-primary-color);
111
+ .p-multiselect-dropdown {
112
+ display: flex;
113
+ }
114
+ }
115
+ .p-textarea {
116
+ border-radius: 0;
117
+ box-shadow: none;
118
+ padding: 0 0.25rem;
119
+ background: #ffffff;
120
+ resize: none;
121
+ }
122
+ .p-textarea:not(.ng-valid).ng-dirty {
123
+ background: var(--p-red-200) !important;
124
+ border: 1px solid var(--p-red-500) !important;
125
+ }
126
+ .p-textarea:not(:disabled):hover {
127
+ border: 1px solid var(--p-primary-color);
128
+ resize: vertical;
129
+ }
130
+ .p-textarea:not(:disabled).ng-hovered {
131
+ border: 1px solid var(--p-primary-color);
132
+ resize: vertical;
133
+ }
134
+ .p-textarea:focus {
135
+ border: 1px solid var(--p-primary-color);
136
+ resize: vertical;
137
+ }
138
+ .p-treeselect-label {
139
+ padding: 0;
140
+ }
141
+ .p-treeselect {
142
+ border-width: 0;
143
+ border-radius: 0;
144
+ box-shadow: none;
145
+ background: #ffffff;
146
+ .p-treeselect-dropdown {
147
+ display: none;
148
+ }
149
+ }
150
+ .ng-invalid.ng-dirty > .p-treeselect {
151
+ background: var(--p-red-200) !important;
152
+ border-bottom: 1px solid var(--p-red-500) !important;
153
+ }
154
+ .p-treeselect-open {
155
+ border-bottom: 1px solid var(--p-primary-color);
156
+ .p-treeselect-dropdown {
157
+ display: flex;
158
+ }
159
+ }
160
+ .p-treeselect:not(.p-disabled).p-focus {
161
+ border-bottom: 1px solid var(--p-primary-color);
162
+ .p-treeselect-dropdown {
163
+ display: flex;
164
+ }
165
+ }
166
+ .p-treeselect:not(.p-disabled):hover {
167
+ border-bottom: 1px solid var(--p-primary-color);
168
+ .p-treeselect-dropdown {
169
+ display: flex;
170
+ }
171
+ }
172
+ .ng-hovered > .p-treeselect:not(.p-disabled) {
173
+ border-bottom: 1px solid var(--p-primary-color);
174
+ .p-treeselect-dropdown {
175
+ display: flex;
176
+ }
177
+ }
178
+ .p-menubar {
179
+ border-width: 0;
180
+ padding: 0;
181
+ }
182
+ .p-menubar-submenu {
183
+ z-index: 3;
184
+ }
185
+ .p-fileupload-advanced {
186
+ border-width: 0;
187
+ border-radius: 0;
188
+ background-color: #ffffff;
189
+ }
190
+ .p-fileupload-header {
191
+ padding: 0;
192
+ }
193
+ .p-fileupload-content {
194
+ padding: 0;
195
+ display: block;
196
+ border-width: 0;
197
+ }
198
+ .p-inputnumber:not(.ng-valid).ng-dirty > .p-inputtext {
199
+ background: var(--p-red-200) !important;
200
+ border-bottom: 1px solid var(--p-red-500) !important;
201
+ }
202
+ .p-inputnumber.ng-hovered:not(.p-disabled) > .p-inputtext {
203
+ border-bottom: 1px solid var(--p-primary-color);
204
+ }
205
+ .ng-invalid.ng-dirty > .p-datepicker .p-inputtext {
206
+ background: var(--p-red-200) !important;
207
+ border-bottom: 1px solid var(--p-red-500) !important;
208
+ }
209
+ .ng-hovered > .p-datepicker:not(.p-disabled) .p-inputtext {
210
+ border-bottom: 1px solid var(--p-primary-color);
211
+ }
212
+ .cm-editor {
213
+ border: 1px solid #cbd5e1;
214
+ }
215
+ .cm-editor.cm-focused {
216
+ outline: none !important;
217
+ border: 1px solid var(--p-primary-color);
218
+ }
219
+ .cm-editor:hover {
220
+ border: 1px solid var(--p-primary-color);
221
+ }
222
+ .cm-editor.ng-hovered {
223
+ border: 1px solid var(--p-primary-color);
224
+ }
225
+ .cm-gutters {
226
+ background-color: #fff;
227
+ border: 'none';
228
+ }
229
+ .cm-activeLineGutter {
230
+ background-color: #fff;
231
+ }
232
+ }