@acrodata/gui 2.8.0 → 3.0.0

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 (76) 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/combobox/combobox.scss +1 -1
  7. package/fesm2022/acrodata-gui.mjs +124 -124
  8. package/fesm2022/acrodata-gui.mjs.map +1 -1
  9. package/field-group/field-group.scss +1 -1
  10. package/file-uploader/file-uploader.scss +1 -1
  11. package/fill/fill-picker.scss +9 -9
  12. package/fill/fill.scss +4 -4
  13. package/gui-form.scss +10 -10
  14. package/icon-button-wrapper/icon-button-wrapper.scss +2 -2
  15. package/image-select/image-select.scss +8 -1
  16. package/index.d.ts +606 -3
  17. package/inline-group/inline-group.scss +1 -1
  18. package/package.json +7 -9
  19. package/select/select.scss +1 -1
  20. package/slider/slider.scss +10 -10
  21. package/switch/switch.scss +14 -14
  22. package/button-toggle/button-toggle.d.ts +0 -18
  23. package/button-toggle/icon.d.ts +0 -7
  24. package/codearea/codearea-config.d.ts +0 -14
  25. package/codearea/codearea-dialog.d.ts +0 -27
  26. package/codearea/codearea.d.ts +0 -37
  27. package/combobox/combobox.d.ts +0 -27
  28. package/esm2022/acrodata-gui.mjs +0 -5
  29. package/esm2022/button-toggle/button-toggle.mjs +0 -69
  30. package/esm2022/button-toggle/icon.mjs +0 -33
  31. package/esm2022/codearea/codearea-config.mjs +0 -20
  32. package/esm2022/codearea/codearea-dialog.mjs +0 -67
  33. package/esm2022/codearea/codearea.mjs +0 -148
  34. package/esm2022/combobox/combobox.mjs +0 -82
  35. package/esm2022/field-group/field-group.mjs +0 -30
  36. package/esm2022/field-label/field-label.mjs +0 -31
  37. package/esm2022/file-uploader/file-uploader-config.mjs +0 -42
  38. package/esm2022/file-uploader/file-uploader.mjs +0 -142
  39. package/esm2022/fill/fill-picker.mjs +0 -166
  40. package/esm2022/fill/fill.mjs +0 -85
  41. package/esm2022/gui-form.mjs +0 -305
  42. package/esm2022/gui-icons.mjs +0 -95
  43. package/esm2022/gui-module.mjs +0 -201
  44. package/esm2022/gui-utils.mjs +0 -128
  45. package/esm2022/icon-button-wrapper/icon-button-wrapper.mjs +0 -13
  46. package/esm2022/image-select/image-select.mjs +0 -79
  47. package/esm2022/inline-group/inline-group.mjs +0 -19
  48. package/esm2022/input-number/input-number.mjs +0 -58
  49. package/esm2022/input-text/input-text.mjs +0 -59
  50. package/esm2022/interface.mjs +0 -2
  51. package/esm2022/public-api.mjs +0 -30
  52. package/esm2022/select/select.mjs +0 -69
  53. package/esm2022/slider/slider.mjs +0 -85
  54. package/esm2022/switch/switch.mjs +0 -59
  55. package/esm2022/textarea/textarea.mjs +0 -59
  56. package/field-group/field-group.d.ts +0 -13
  57. package/field-label/field-label.d.ts +0 -12
  58. package/file-uploader/file-uploader-config.d.ts +0 -25
  59. package/file-uploader/file-uploader.d.ts +0 -38
  60. package/fill/fill-picker.d.ts +0 -39
  61. package/fill/fill.d.ts +0 -21
  62. package/gui-form.d.ts +0 -71
  63. package/gui-icons.d.ts +0 -30
  64. package/gui-module.d.ts +0 -42
  65. package/gui-utils.d.ts +0 -36
  66. package/icon-button-wrapper/icon-button-wrapper.d.ts +0 -5
  67. package/image-select/image-select.d.ts +0 -23
  68. package/inline-group/inline-group.d.ts +0 -7
  69. package/input-number/input-number.d.ts +0 -18
  70. package/input-text/input-text.d.ts +0 -18
  71. package/interface.d.ts +0 -61
  72. package/public-api.d.ts +0 -26
  73. package/select/select.d.ts +0 -18
  74. package/slider/slider.d.ts +0 -23
  75. package/switch/switch.d.ts +0 -18
  76. 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);
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);
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);
5
- border-radius: var(--mdc-outlined-text-field-container-shape);
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%;
package/combobox/combobox.scss CHANGED
@@ -30,7 +30,7 @@
30
30
  .ng-dropdown-panel-items {
31
31
  .ng-option {
32
32
  padding: 0 0.5rem;
33
- line-height: var(--mat-option-label-text-line-height);
33
+ line-height: var(--mat-option-label-text-line-height, var(--mat-sys-label-large-line-height));
34
34
 
35
35
  .ng-tag-label {
36
36
  line-height: 1;