@rlucan/ui 17.1.5 → 18.2.1

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 (40) hide show
  1. package/esm2022/lib/action-button/action-button.component.mjs +3 -3
  2. package/esm2022/lib/action-icon/action-icon.component.mjs +3 -3
  3. package/esm2022/lib/auto-complete/auto-complete.component.mjs +10 -7
  4. package/esm2022/lib/autocomplete/autocomplete.component.mjs +3 -3
  5. package/esm2022/lib/avatar/avatar.component.mjs +3 -3
  6. package/esm2022/lib/button/button.component.mjs +3 -3
  7. package/esm2022/lib/checkbox/checkbox.component.mjs +3 -3
  8. package/esm2022/lib/checkbox-group/checkbox-group.component.mjs +3 -3
  9. package/esm2022/lib/currency/currency.component.mjs +3 -3
  10. package/esm2022/lib/date/date.component.mjs +3 -3
  11. package/esm2022/lib/dialog/dialog.component.mjs +3 -3
  12. package/esm2022/lib/directives/force-visibility/force-visibility.directive.mjs +3 -3
  13. package/esm2022/lib/editor/editor.component.mjs +4 -4
  14. package/esm2022/lib/elements/burger/burger.component.mjs +3 -3
  15. package/esm2022/lib/elements/expander/expander.component.mjs +3 -3
  16. package/esm2022/lib/elements/validation-message/validation-message.component.mjs +3 -3
  17. package/esm2022/lib/file/file.component.mjs +5 -5
  18. package/esm2022/lib/file-uploader/ui-file-uploader.component.mjs +3 -3
  19. package/esm2022/lib/input/input.component.mjs +3 -3
  20. package/esm2022/lib/input-autocomplete/input-autocomplete.component.mjs +3 -3
  21. package/esm2022/lib/layouts/base/ui-base-layout.component.mjs +3 -3
  22. package/esm2022/lib/layouts/base/ui-base.component.mjs +3 -3
  23. package/esm2022/lib/layouts/simple/ui-simple-layout.component.mjs +3 -3
  24. package/esm2022/lib/layouts/simple/ui-simple.component.mjs +3 -3
  25. package/esm2022/lib/radio/radio.component.mjs +3 -3
  26. package/esm2022/lib/radio-group/radio-group.component.mjs +3 -3
  27. package/esm2022/lib/select/select.component.mjs +3 -3
  28. package/esm2022/lib/services/message-box.service.mjs +7 -7
  29. package/esm2022/lib/services/toast.service.mjs +3 -3
  30. package/esm2022/lib/services/ui-file.service.mjs +3 -3
  31. package/esm2022/lib/services/ui-translate.service.mjs +5 -5
  32. package/esm2022/lib/submit-button/submit-button.component.mjs +3 -3
  33. package/esm2022/lib/table/table.component.mjs +3 -3
  34. package/esm2022/lib/text-area/text-area.component.mjs +3 -3
  35. package/esm2022/lib/ui.module.mjs +4 -4
  36. package/fesm2022/rlucan-ui.mjs +117 -114
  37. package/fesm2022/rlucan-ui.mjs.map +1 -1
  38. package/lib/auto-complete/auto-complete.component.d.ts +2 -1
  39. package/package.json +9 -9
  40. package/scss/ui-defaults.scss +46 -46
package/lib/auto-complete/auto-complete.component.d.ts CHANGED
@@ -20,6 +20,7 @@ export declare class AutoCompleteComponent extends UiBaseComponent implements On
20
20
  allowNew: boolean;
21
21
  displayAttribute: string;
22
22
  idAttribute: string;
23
+ panelClass: string;
23
24
  searchableOptions?: any[];
24
25
  filteredOptions: any[];
25
26
  filteredMaxItemsShown: number;
@@ -60,5 +61,5 @@ export declare class AutoCompleteComponent extends UiBaseComponent implements On
60
61
  setDisabledState(isDisabled: boolean): void;
61
62
  writeValue(obj: any): void;
62
63
  static ɵfac: i0.ɵɵFactoryDeclaration<AutoCompleteComponent, [{ optional: true; host: true; skipSelf: true; }, null]>;
63
- static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "ui-auto-complete", never, { "templates": { "alias": "templates"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "allowNew": { "alias": "allowNew"; "required": false; }; "displayAttribute": { "alias": "displayAttribute"; "required": false; }; "idAttribute": { "alias": "idAttribute"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; }; }, {}, never, ["[slot=acprefix]"], false, never>;
64
+ static ɵcmp: i0.ɵɵComponentDeclaration<AutoCompleteComponent, "ui-auto-complete", never, { "templates": { "alias": "templates"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "allowNew": { "alias": "allowNew"; "required": false; }; "displayAttribute": { "alias": "displayAttribute"; "required": false; }; "idAttribute": { "alias": "idAttribute"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; }; }, {}, never, ["[slot=acprefix]"], false, never>;
64
65
  }
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@rlucan/ui",
3
- "version": "17.1.5",
3
+ "version": "18.2.1",
4
4
  "description": "My UI Components",
5
5
  "author": "rlucan@gmail.com",
6
6
  "peerDependencies": {
7
- "@angular/animations": "^17.1.2",
8
- "@angular/cdk": "^17.1.2",
9
- "@angular/common": "^17.1.2",
10
- "@angular/core": "^17.1.2",
11
- "@angular/forms": "^17.1.2",
12
- "@angular/material": "^17.1.2",
13
- "@angular/material-moment-adapter": "^17.1.2",
14
- "@angular/platform-browser": "^17.1.2",
7
+ "@angular/animations": "^18.2.1",
8
+ "@angular/cdk": "^18.2.1",
9
+ "@angular/common": "^18.2.1",
10
+ "@angular/core": "^18.2.1",
11
+ "@angular/forms": "^18.2.1",
12
+ "@angular/material": "^18.2.1",
13
+ "@angular/material-moment-adapter": "^18.2.1",
14
+ "@angular/platform-browser": "^18.2.1",
15
15
  "@editorjs/editorjs": "^2.29.0",
16
16
  "@editorjs/list": "^1.9.0",
17
17
  "codex-notifier": "^1.1.2",
package/scss/ui-defaults.scss CHANGED
@@ -4,17 +4,17 @@
4
4
  @function uiDefaultLightColors($matTheme) {
5
5
  // @debug $matTheme;
6
6
  $primaryPalette: map-get($matTheme, primary);
7
- $primaryColor: mat.get-color-from-palette($primaryPalette);
8
- $primaryContrastColor: mat.get-color-from-palette($primaryPalette, '500-contrast');
7
+ $primaryColor: mat.m2-get-color-from-palette($primaryPalette);
8
+ $primaryContrastColor: mat.m2-get-color-from-palette($primaryPalette, '500-contrast');
9
9
 
10
10
  $accentPalette: map-get($matTheme, accent);
11
- $accentColor: mat.get-color-from-palette($accentPalette);
11
+ $accentColor: mat.m2-get-color-from-palette($accentPalette);
12
12
  $warnPalette: map-get($matTheme, warn);
13
- $warnColor: mat.get-color-from-palette($warnPalette);
14
- $warnContrastColor: mat.get-color-from-palette($warnPalette, '500-contrast');
13
+ $warnColor: mat.m2-get-color-from-palette($warnPalette);
14
+ $warnContrastColor: mat.m2-get-color-from-palette($warnPalette, '500-contrast');
15
15
 
16
- $baseTextColor: mat.get-color-from-palette(mat.$light-theme-foreground-palette, text);
17
- $baseBackgroundColor: mat.get-color-from-palette(mat.$light-theme-background-palette, background);
16
+ $baseTextColor: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, text);
17
+ $baseBackgroundColor: mat.m2-get-color-from-palette(mat.$m2-light-theme-background-palette, background);
18
18
 
19
19
  @return (
20
20
  /********************************** action-icon **************************************/
@@ -22,28 +22,28 @@
22
22
  primary: (
23
23
  color: $primaryColor,
24
24
  hover: (
25
- color: mat.get-color-from-palette($primaryPalette, 800),
25
+ color: mat.m2-get-color-from-palette($primaryPalette, 800),
26
26
  ),
27
27
  disabled: (
28
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, disabled-text)
28
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, disabled-text)
29
29
  )
30
30
  ),
31
31
  accent: (
32
32
  color: $accentColor,
33
33
  hover: (
34
- color: mat.get-color-from-palette($accentPalette, 800),
34
+ color: mat.m2-get-color-from-palette($accentPalette, 800),
35
35
  ),
36
36
  disabled: (
37
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, disabled-text)
37
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, disabled-text)
38
38
  )
39
39
  ),
40
40
  warn: (
41
- color: mat.get-color-from-palette($warnPalette, 300),
41
+ color: mat.m2-get-color-from-palette($warnPalette, 300),
42
42
  hover: (
43
- color: mat.get-color-from-palette($warnPalette, 500),
43
+ color: mat.m2-get-color-from-palette($warnPalette, 500),
44
44
  ),
45
45
  disabled: (
46
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, disabled-text)
46
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, disabled-text)
47
47
  )
48
48
  )
49
49
  ),
@@ -51,17 +51,17 @@
51
51
  /************************************* autocomplete ******************************************/
52
52
  autocomplete: (
53
53
  background-color: $baseBackgroundColor, // darken(mat.get-color-from-palette(mat.$light-theme-background-palette, card), 5),
54
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, base),
54
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base),
55
55
  options: (
56
56
  hover: (
57
- background-color: mat.get-color-from-palette(mat.$light-theme-background-palette, selected-button),
57
+ background-color: mat.m2-get-color-from-palette(mat.$m2-light-theme-background-palette, selected-button),
58
58
  mat-icon: (
59
59
  color: $primaryColor
60
60
  )
61
61
  ),
62
62
  selected: (
63
- background-color: mat.get-color-from-palette($primaryPalette, 300),
64
- color: mat.get-contrast-color-from-palette($primaryPalette, 300),
63
+ background-color: mat.m2-get-color-from-palette($primaryPalette, 300),
64
+ color: mat.m2-get-contrast-color-from-palette($primaryPalette, 300),
65
65
  //unselectable: (
66
66
  // color: mat.get-color-from-palette($primaryPalette, 100)
67
67
  //)
@@ -78,21 +78,21 @@
78
78
  basic: (
79
79
  primary: (
80
80
  hover: (
81
- background-color: rgba(mat.get-color-from-palette(mat.$light-theme-foreground-palette, base), 0.1)
81
+ background-color: rgba(mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base), 0.1)
82
82
  ),
83
83
  color: $primaryColor,
84
84
  background-color: transparent
85
85
  ),
86
86
  accent: (
87
87
  hover: (
88
- background-color: rgba(mat.get-color-from-palette(mat.$light-theme-foreground-palette, base), 0.1)
88
+ background-color: rgba(mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base), 0.1)
89
89
  ),
90
90
  color: $accentColor,
91
91
  background-color: transparent
92
92
  ),
93
93
  warn: (
94
94
  hover: (
95
- background-color: rgba(mat.get-color-from-palette(mat.$light-theme-foreground-palette, base), 0.1)
95
+ background-color: rgba(mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base), 0.1)
96
96
  ),
97
97
  color: $warnColor,
98
98
  background-color: transparent
@@ -101,30 +101,30 @@
101
101
  flat: (
102
102
  primary: (
103
103
  hover: (
104
- background-color: mat.get-color-from-palette($primaryPalette, 800)
104
+ background-color: mat.m2-get-color-from-palette($primaryPalette, 800)
105
105
  ),
106
- color: mat.get-contrast-color-from-palette($primaryPalette, 500),
107
- background-color: mat.get-color-from-palette($primaryPalette)
106
+ color: mat.m2-get-contrast-color-from-palette($primaryPalette, 500),
107
+ background-color: mat.m2-get-color-from-palette($primaryPalette)
108
108
  ),
109
109
  accent: (
110
110
  hover: (
111
- background-color: mat.get-color-from-palette($accentPalette, 800)
111
+ background-color: mat.m2-get-color-from-palette($accentPalette, 800)
112
112
  ),
113
- color: mat.get-contrast-color-from-palette($accentPalette, 500),
114
- background-color: mat.get-color-from-palette($accentPalette)
113
+ color: mat.m2-get-contrast-color-from-palette($accentPalette, 500),
114
+ background-color: mat.m2-get-color-from-palette($accentPalette)
115
115
  ),
116
116
  warn: (
117
117
  hover: (
118
- background-color: mat.get-color-from-palette($warnPalette, 800)
118
+ background-color: mat.m2-get-color-from-palette($warnPalette, 800)
119
119
  ),
120
- color: mat.get-contrast-color-from-palette($warnPalette, 500),
121
- background-color: mat.get-color-from-palette($warnPalette)
120
+ color: mat.m2-get-contrast-color-from-palette($warnPalette, 500),
121
+ background-color: mat.m2-get-color-from-palette($warnPalette)
122
122
  )
123
123
  ),
124
124
  stroked: (
125
125
  primary: (
126
126
  hover: (
127
- background-color: rgba(mat.get-color-from-palette(mat.$light-theme-foreground-palette, base), 0.1)
127
+ background-color: rgba(mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base), 0.1)
128
128
  ),
129
129
  color: $primaryColor,
130
130
  background-color: transparent,
@@ -132,7 +132,7 @@
132
132
  ),
133
133
  accent: (
134
134
  hover: (
135
- background-color: rgba(mat.get-color-from-palette(mat.$light-theme-foreground-palette, base), 0.1)
135
+ background-color: rgba(mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base), 0.1)
136
136
  ),
137
137
  color: $accentColor,
138
138
  background-color: transparent,
@@ -140,7 +140,7 @@
140
140
  ),
141
141
  warn: (
142
142
  hover: (
143
- background-color: rgba(mat.get-color-from-palette(mat.$light-theme-foreground-palette, base), 0.1)
143
+ background-color: rgba(mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base), 0.1)
144
144
  ),
145
145
  color: $warnColor,
146
146
  background-color: transparent,
@@ -157,7 +157,7 @@
157
157
  checked-color: $primaryColor
158
158
  ),
159
159
  icon: (
160
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, icon),
160
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, icon),
161
161
  checked-color: $primaryColor
162
162
  ),
163
163
  check: (
@@ -170,7 +170,7 @@
170
170
  checked-color: $accentColor
171
171
  ),
172
172
  icon: (
173
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, icon),
173
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, icon),
174
174
  checked-color: $accentColor
175
175
  )
176
176
  ),
@@ -180,7 +180,7 @@
180
180
  checked-color: $warnColor
181
181
  ),
182
182
  icon: (
183
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, icon),
183
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, icon),
184
184
  checked-color: $warnColor
185
185
  )
186
186
  )
@@ -189,14 +189,14 @@
189
189
  /******************************************** dialog ***********************************************/
190
190
  dialog: (
191
191
  title: (
192
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, base)
192
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base)
193
193
  ),
194
194
  backdrop: (
195
195
  background-color: rgba(0, 0, 0, 0.32)
196
196
  ),
197
- background-color: mat.get-color-from-palette(mat.$light-theme-background-palette, dialog),
197
+ background-color: mat.m2-get-color-from-palette(mat.$m2-light-theme-background-palette, dialog),
198
198
  divider: (
199
- border-color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, divider)
199
+ border-color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, divider)
200
200
  ),
201
201
  message: (
202
202
  error: (
@@ -207,7 +207,7 @@
207
207
  ),
208
208
 
209
209
  expander: (
210
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, base)
210
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, base)
211
211
  ),
212
212
 
213
213
  /**************************************** file uploader ******************************************/
@@ -240,7 +240,7 @@
240
240
  /***************************************** input ******************************************/
241
241
  input: (
242
242
  background-color: $baseBackgroundColor,
243
- border-color: mat.get-color-from-palette($primaryPalette, 100),
243
+ border-color: mat.m2-get-color-from-palette($primaryPalette, 100),
244
244
  color: $baseTextColor,
245
245
  label: (
246
246
  color: $primaryColor,
@@ -249,12 +249,12 @@
249
249
  color: $warnColor
250
250
  ),
251
251
  counter: (
252
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, disabled)
252
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, disabled)
253
253
  )
254
254
  ),
255
255
  disabled: (
256
256
  background-color: $baseBackgroundColor,
257
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, disabled-text)
257
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, disabled-text)
258
258
  ),
259
259
  focus: (
260
260
  border-color: $primaryColor
@@ -283,17 +283,17 @@
283
283
  )
284
284
  ),
285
285
  prefix-suffix: (
286
- color: mat.get-color-from-palette($primaryPalette, 100),
286
+ color: mat.m2-get-color-from-palette($primaryPalette, 100),
287
287
  focus: (
288
288
  color: $primaryColor
289
289
  ),
290
290
  active: (
291
291
  color: $primaryColor,
292
292
  hover: (
293
- color: mat.get-color-from-palette($primaryPalette, 800),
293
+ color: mat.m2-get-color-from-palette($primaryPalette, 800),
294
294
  ),
295
295
  disabled: (
296
- color: mat.get-color-from-palette(mat.$light-theme-foreground-palette, disabled-text)
296
+ color: mat.m2-get-color-from-palette(mat.$m2-light-theme-foreground-palette, disabled-text)
297
297
  )
298
298
  )
299
299
  ),