@acrodata/gui 2.9.0 → 3.0.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 (44) hide show
  1. package/README.md +4 -3
  2. package/button-toggle/button-toggle.scss +6 -6
  3. package/button-toggle/icon.scss +3 -3
  4. package/codearea/codearea-dialog.scss +9 -9
  5. package/codearea/codearea.scss +2 -2
  6. package/fesm2022/acrodata-gui.mjs +99 -99
  7. package/fesm2022/acrodata-gui.mjs.map +1 -1
  8. package/field-group/field-group.scss +1 -1
  9. package/file-uploader/file-uploader.scss +1 -1
  10. package/fill/fill-picker.scss +11 -7
  11. package/fill/fill.scss +4 -4
  12. package/gui-form.scss +8 -8
  13. package/icon-button-wrapper/icon-button-wrapper.scss +2 -2
  14. package/index.d.ts +606 -3
  15. package/package.json +8 -8
  16. package/slider/slider.scss +10 -10
  17. package/switch/switch.scss +14 -14
  18. package/button-toggle/button-toggle.d.ts +0 -18
  19. package/button-toggle/icon.d.ts +0 -7
  20. package/codearea/codearea-config.d.ts +0 -14
  21. package/codearea/codearea-dialog.d.ts +0 -27
  22. package/codearea/codearea.d.ts +0 -37
  23. package/combobox/combobox.d.ts +0 -27
  24. package/field-group/field-group.d.ts +0 -13
  25. package/field-label/field-label.d.ts +0 -12
  26. package/file-uploader/file-uploader-config.d.ts +0 -25
  27. package/file-uploader/file-uploader.d.ts +0 -38
  28. package/fill/fill-picker.d.ts +0 -39
  29. package/fill/fill.d.ts +0 -21
  30. package/gui-form.d.ts +0 -71
  31. package/gui-icons.d.ts +0 -30
  32. package/gui-module.d.ts +0 -42
  33. package/gui-utils.d.ts +0 -36
  34. package/icon-button-wrapper/icon-button-wrapper.d.ts +0 -5
  35. package/image-select/image-select.d.ts +0 -23
  36. package/inline-group/inline-group.d.ts +0 -7
  37. package/input-number/input-number.d.ts +0 -18
  38. package/input-text/input-text.d.ts +0 -18
  39. package/interface.d.ts +0 -61
  40. package/public-api.d.ts +0 -26
  41. package/select/select.d.ts +0 -18
  42. package/slider/slider.d.ts +0 -23
  43. package/switch/switch.d.ts +0 -18
  44. package/textarea/textarea.d.ts +0 -17
package/README.md CHANGED
@@ -16,9 +16,10 @@ JSON powered GUI for configurable panels.
16
16
 
17
17
  | Angular | @acrodata/gui | Theming |
18
18
  | -------- | ------------- | ------- |
19
- | >=18.0.0 | 2.x | M2, M3 |
20
- | >=17.0.0 | 1.x | M2 |
21
- | >=16.0.0 | 0.x | M2 |
19
+ | >=20 | 3.x | M2, M3 |
20
+ | >=18 <20 | 2.x | M2, M3 |
21
+ | >=17 <18 | 1.x, 2.x | M2 |
22
+ | >=16 <17 | 0.x | M2 |
22
23
 
23
24
  ## Installation
24
25
 
package/button-toggle/button-toggle.scss CHANGED
@@ -1,9 +1,9 @@
1
1
  .gui-button-toggle {
2
- --mat-standard-button-toggle-shape: 0.25rem;
3
- --mat-standard-button-toggle-height: 1.5rem;
4
- --mat-standard-button-toggle-label-text-size: 0.75rem;
5
- --mat-standard-button-toggle-label-text-weight: 400;
6
- --mat-standard-button-toggle-label-text-line-height: var(--mat-standard-button-toggle-height);
2
+ --mat-button-toggle-shape: 0.25rem;
3
+ --mat-button-toggle-height: 1.5rem;
4
+ --mat-button-toggle-label-text-size: 0.75rem;
5
+ --mat-button-toggle-label-text-weight: 400;
6
+ --mat-button-toggle-label-text-line-height: var(--mat-button-toggle-height);
7
7
 
8
8
  .mat-button-toggle-group {
9
9
  flex-wrap: wrap;
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  .mat-button-toggle-appearance-standard {
20
- background-color: var(--mdc-filled-text-field-container-color, var(--mat-sys-surface-variant));
20
+ background-color: var(--mat-form-field-filled-container-color, var(--mat-sys-surface-variant));
21
21
  }
22
22
  }
23
23
 
package/button-toggle/icon.scss CHANGED
@@ -4,8 +4,8 @@
4
4
  img,
5
5
  i {
6
6
  display: block;
7
- width: var(--mat-standard-button-toggle-height);
8
- height: var(--mat-standard-button-toggle-height);
9
- line-height: var(--mat-standard-button-toggle-height);
7
+ width: var(--mat-button-toggle-height);
8
+ height: var(--mat-button-toggle-height);
9
+ line-height: var(--mat-button-toggle-height);
10
10
  }
11
11
  }
package/codearea/codearea-dialog.scss CHANGED
@@ -1,16 +1,16 @@
1
1
  .gui-codearea-dialog-panel {
2
- --rnd-dialog-container-color: var(--mdc-dialog-container-color, var(--mat-sys-surface, white));
2
+ --rnd-dialog-container-color: var(--mat-dialog-container-color, var(--mat-sys-surface, white));
3
3
  }
4
4
 
5
5
  .gui-codearea-dialog {
6
- --mdc-outlined-button-label-text-size: 0.75rem;
7
- --mdc-outlined-button-container-height: 1.5rem;
8
- --mat-outlined-button-horizontal-padding: 0.75rem;
9
- --mat-outlined-button-touch-target-display: none;
10
- --mdc-filled-button-label-text-size: 0.75rem;
11
- --mdc-filled-button-container-height: 1.5rem;
12
- --mat-filled-button-horizontal-padding: 0.75rem;
13
- --mat-filled-button-touch-target-display: none;
6
+ --mat-button-outlined-label-text-size: 0.75rem;
7
+ --mat-button-outlined-container-height: 1.5rem;
8
+ --mat-button-outlined-horizontal-padding: 0.75rem;
9
+ --mat-button-outlined-touch-target-display: none;
10
+ --mat-button-filled-label-text-size: 0.75rem;
11
+ --mat-button-filled-container-height: 1.5rem;
12
+ --mat-button-filled-horizontal-padding: 0.75rem;
13
+ --mat-button-filled-touch-target-display: none;
14
14
 
15
15
  display: flex;
16
16
  flex-direction: column;
package/codearea/codearea.scss CHANGED
@@ -1,8 +1,8 @@
1
1
  .gui-codearea {
2
2
  position: relative;
3
3
  overflow: auto;
4
- border: 1px solid var(--mdc-outlined-text-field-outline-color, var(--mat-sys-outline));
5
- border-radius: var(--mdc-outlined-text-field-container-shape, var(--mat-sys-corner-extra-small));
4
+ border: 1px solid var(--mat-form-field-outlined-outline-color, var(--mat-sys-outline));
5
+ border-radius: var(--mat-form-field-outlined-container-shape, var(--mat-sys-corner-extra-small));
6
6
 
7
7
  .code-editor {
8
8
  width: 100%;