@ng-formworks/material 17.2.7 → 18.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 (96) hide show
  1. package/LICENSE +21 -0
  2. package/assets/material-design-themes.scss +34 -16
  3. package/esm2022/lib/material-design-cssframework.mjs +23 -0
  4. package/esm2022/lib/material-design-framework.component.mjs +119 -0
  5. package/esm2022/lib/material-design-framework.module.mjs +117 -0
  6. package/esm2022/lib/material-design.framework.mjs +61 -0
  7. package/esm2022/lib/widgets/flex-layout-root.component.mjs +75 -0
  8. package/esm2022/lib/widgets/flex-layout-section.component.mjs +347 -0
  9. package/esm2022/lib/widgets/material-add-reference.component.mjs +66 -0
  10. package/esm2022/lib/widgets/material-button-group.component.mjs +90 -0
  11. package/esm2022/lib/widgets/material-button.component.mjs +80 -0
  12. package/esm2022/lib/widgets/material-checkbox.component.mjs +166 -0
  13. package/esm2022/lib/widgets/material-checkboxes.component.mjs +129 -0
  14. package/esm2022/lib/widgets/material-chip-list.component.mjs +35 -0
  15. package/esm2022/lib/widgets/material-datepicker.component.mjs +141 -0
  16. package/esm2022/lib/widgets/material-file.component.mjs +35 -0
  17. package/esm2022/lib/widgets/material-input.component.mjs +149 -0
  18. package/esm2022/lib/widgets/material-number.component.mjs +145 -0
  19. package/esm2022/lib/widgets/material-one-of.component.mjs +35 -0
  20. package/esm2022/lib/widgets/material-radios.component.mjs +122 -0
  21. package/esm2022/lib/widgets/material-select.component.mjs +186 -0
  22. package/esm2022/lib/widgets/material-slider.component.mjs +91 -0
  23. package/esm2022/lib/widgets/material-stepper.component.mjs +35 -0
  24. package/esm2022/lib/widgets/material-tabs.component.mjs +92 -0
  25. package/esm2022/lib/widgets/material-textarea.component.mjs +134 -0
  26. package/esm2022/lib/widgets/public_api.mjs +52 -0
  27. package/esm2022/ng-formworks-material.mjs +5 -0
  28. package/esm2022/public_api.mjs +8 -0
  29. package/fesm2022/ng-formworks-material.mjs +2357 -0
  30. package/fesm2022/ng-formworks-material.mjs.map +1 -0
  31. package/index.d.ts +5 -0
  32. package/lib/material-design-cssframework.d.ts +1 -0
  33. package/lib/material-design-framework.component.d.ts +35 -0
  34. package/lib/material-design-framework.module.d.ts +61 -0
  35. package/lib/material-design.framework.d.ts +46 -0
  36. package/lib/widgets/flex-layout-root.component.d.ts +15 -0
  37. package/lib/widgets/flex-layout-section.component.d.ts +25 -0
  38. package/lib/widgets/material-add-reference.component.d.ts +20 -0
  39. package/lib/widgets/material-button-group.component.d.ts +23 -0
  40. package/lib/widgets/material-button.component.d.ts +24 -0
  41. package/lib/widgets/material-checkbox.component.d.ts +25 -0
  42. package/lib/widgets/material-checkboxes.component.d.ts +27 -0
  43. package/lib/widgets/material-chip-list.component.d.ts +21 -0
  44. package/lib/widgets/material-datepicker.component.d.ts +22 -0
  45. package/lib/widgets/material-file.component.d.ts +21 -0
  46. package/lib/widgets/material-input.component.d.ts +23 -0
  47. package/lib/widgets/material-number.component.d.ts +26 -0
  48. package/lib/widgets/material-one-of.component.d.ts +21 -0
  49. package/lib/widgets/material-radios.component.d.ts +23 -0
  50. package/lib/widgets/material-select.component.d.ts +24 -0
  51. package/lib/widgets/material-slider.component.d.ts +25 -0
  52. package/lib/widgets/material-stepper.component.d.ts +21 -0
  53. package/lib/widgets/material-tabs.component.d.ts +20 -0
  54. package/lib/widgets/material-textarea.component.d.ts +22 -0
  55. package/{src/lib/widgets/public_api.ts → lib/widgets/public_api.d.ts} +41 -54
  56. package/package.json +64 -48
  57. package/{src/public_api.ts → public_api.d.ts} +4 -9
  58. package/karma.conf.js +0 -46
  59. package/ng-package.json +0 -13
  60. package/src/lib/flexlayout-replacement-styles.scss +0 -95
  61. package/src/lib/material-design-cssframework.ts +0 -20
  62. package/src/lib/material-design-framework.component.html +0 -13
  63. package/src/lib/material-design-framework.component.scss +0 -58
  64. package/src/lib/material-design-framework.component.spec.ts +0 -39
  65. package/src/lib/material-design-framework.component.ts +0 -143
  66. package/src/lib/material-design-framework.module.ts +0 -81
  67. package/src/lib/material-design-themes.scss +0 -71
  68. package/src/lib/material-design.framework.ts +0 -83
  69. package/src/lib/tailwind-output.scss +0 -622
  70. package/src/lib/widgets/flex-layout-root.component.html +0 -4
  71. package/src/lib/widgets/flex-layout-root.component.ts +0 -52
  72. package/src/lib/widgets/flex-layout-section.component.ts +0 -216
  73. package/src/lib/widgets/material-add-reference.component.ts +0 -56
  74. package/src/lib/widgets/material-button-group.component.ts +0 -68
  75. package/src/lib/widgets/material-button.component.ts +0 -66
  76. package/src/lib/widgets/material-checkbox.component.ts +0 -112
  77. package/src/lib/widgets/material-checkboxes.component.ts +0 -108
  78. package/src/lib/widgets/material-chip-list.component.ts +0 -35
  79. package/src/lib/widgets/material-datepicker.component.ts +0 -89
  80. package/src/lib/widgets/material-file.component.ts +0 -35
  81. package/src/lib/widgets/material-input.component.ts +0 -97
  82. package/src/lib/widgets/material-number.component.ts +0 -95
  83. package/src/lib/widgets/material-one-of.component.ts +0 -35
  84. package/src/lib/widgets/material-radios.component.ts +0 -91
  85. package/src/lib/widgets/material-select.component.ts +0 -118
  86. package/src/lib/widgets/material-slider.component.ts +0 -65
  87. package/src/lib/widgets/material-stepper.component.ts +0 -35
  88. package/src/lib/widgets/material-tabs.component.ts +0 -72
  89. package/src/lib/widgets/material-textarea.component.ts +0 -88
  90. package/src/test.ts +0 -17
  91. package/tailwind-input.css +0 -3
  92. package/tailwind.config.js +0 -12
  93. package/tsconfig.lib.json +0 -25
  94. package/tsconfig.lib.prod.json +0 -9
  95. package/tsconfig.spec.json +0 -17
  96. package/tslint.json +0 -11
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2014-2016 David Schnell-Davis 2018 Hamza Hamidi 2023 Zaheer M
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
@@ -2,15 +2,15 @@
2
2
 
3
3
  @use '@angular/material' as mat;
4
4
  @include mat.core();
5
- $indigo-primary: mat.define-palette(mat.$indigo-palette, 500);
6
- $green-accent: mat.define-palette(mat.$green-palette, A200, A100, A400);
7
- $red-warn: mat.define-palette(mat.$red-palette);
8
- $pink-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
9
- $deep-purple-primary: mat.define-palette(mat.$deep-purple-palette, 500);
10
- $amber-accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
11
- $pink-primary: mat.define-palette(mat.$pink-palette, 500);
12
- $bluegrey-accent: mat.define-palette(mat.$blue-grey-palette, A200, A100, A400);
13
- $typography:mat.define-typography-config();
5
+ $indigo-primary: mat.m2-define-palette(mat.$m2-indigo-palette, 500);
6
+ $green-accent: mat.m2-define-palette(mat.$m2-green-palette, A200, A100, A400);
7
+ $red-warn: mat.m2-define-palette(mat.$m2-red-palette);
8
+ $pink-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
9
+ $deep-purple-primary: mat.m2-define-palette(mat.$m2-deep-purple-palette, 500);
10
+ $amber-accent: mat.m2-define-palette(mat.$m2-amber-palette, A200, A100, A400);
11
+ $pink-primary: mat.m2-define-palette(mat.$m2-pink-palette, 500);
12
+ $bluegrey-accent: mat.m2-define-palette(mat.$m2-blue-grey-palette, A200, A100, A400);
13
+ $typography:mat.m2-define-typography-config();
14
14
  $density:0;
15
15
 
16
16
  /*Palettes (primary, accent, warn)-indigo, pink, red */
@@ -18,7 +18,7 @@ $density:0;
18
18
  $indigo-pink-primary: $indigo-primary;
19
19
  $indigo-pink-accent: $pink-accent;
20
20
  $indigo-pink-warn: $red-warn;
21
- $indigo-pink-theme: mat.define-light-theme(( color: ( primary: $indigo-pink-primary, accent: $indigo-pink-accent, warn:$indigo-pink-warn), typography: $typography, density: $density));
21
+ $indigo-pink-theme: mat.m2-define-light-theme(( color: ( primary: $indigo-pink-primary, accent: $indigo-pink-accent, warn:$indigo-pink-warn), typography: $typography, density: $density));
22
22
  .indigo-pink {
23
23
  @include mat.core-theme($indigo-pink-theme);
24
24
  @include mat.all-component-themes($indigo-pink-theme);
@@ -31,7 +31,7 @@ $indigo-pink-theme: mat.define-light-theme(( color: ( primary: $indigo-pink-prim
31
31
  $purple-green-primary: $indigo-primary;
32
32
  $purple-green-accent: $green-accent;
33
33
  $purple-green-warn: $red-warn;
34
- $purple-green-theme: mat.define-dark-theme(( color: ( primary: $purple-green-primary, accent: $purple-green-accent, warn:$purple-green-warn)));
34
+ $purple-green-theme: mat.m2-define-dark-theme(( color: ( primary: $purple-green-primary, accent: $purple-green-accent, warn:$purple-green-warn)));
35
35
  .purple-green {
36
36
  @include mat.core-color($purple-green-theme);
37
37
  @include mat.all-component-colors($purple-green-theme);
@@ -44,7 +44,7 @@ $purple-green-theme: mat.define-dark-theme(( color: ( primary: $purple-green-pri
44
44
  $deeppurple-amber-primary: $deep-purple-primary;
45
45
  $deeppurple-amber-accent: $amber-accent;
46
46
  $deeppurple-amber-warn: $red-warn;
47
- $deeppurple-amber-theme: mat.define-light-theme(( color: ( primary: $deeppurple-amber-primary, accent: $deeppurple-amber-accent, warn:$deeppurple-amber-warn)));
47
+ $deeppurple-amber-theme: mat.m2-define-light-theme(( color: ( primary: $deeppurple-amber-primary, accent: $deeppurple-amber-accent, warn:$deeppurple-amber-warn)));
48
48
  .deeppurple-amber {
49
49
  @include mat.core-color($deeppurple-amber-theme);
50
50
  @include mat.all-component-colors($deeppurple-amber-theme);
@@ -57,15 +57,33 @@ $deeppurple-amber-theme: mat.define-light-theme(( color: ( primary: $deeppurple-
57
57
  $pink-bluegrey-primary: $pink-primary;
58
58
  $pink-bluegrey-accent: $bluegrey-accent;
59
59
  $pink-bluegrey-warn: $red-warn;
60
- $pink-bluegrey-theme: mat.define-dark-theme(( color: ( primary: $pink-bluegrey-primary, accent: $pink-bluegrey-accent, warn:$pink-bluegrey-warn)));
60
+ $pink-bluegrey-theme: mat.m2-define-dark-theme(( color: ( primary: $pink-bluegrey-primary, accent: $pink-bluegrey-accent, warn:$pink-bluegrey-warn)));
61
61
  .pink-bluegrey {
62
62
  @include mat.core-color($pink-bluegrey-theme);
63
63
  @include mat.all-component-colors($pink-bluegrey-theme);
64
64
  @include mat.button-color($pink-bluegrey-theme);
65
65
  }
66
66
 
67
+ $azure-blue-theme: mat.define-theme(( color: ( theme-type: light, primary: mat.$azure-palette, tertiary: mat.$blue-palette), density: ( scale: 0)));
68
+ .azure-blue {
69
+ @include mat.all-component-themes($azure-blue-theme);
70
+ }
71
+
72
+ $rose-red-theme: mat.define-theme(( color: ( theme-type: light, primary: mat.$rose-palette, tertiary: mat.$red-palette), density: ( scale: 0, )));
73
+ .rose-red {
74
+ @include mat.all-component-themes($rose-red-theme);
75
+ }
76
+
77
+ $cyan-orange-theme: mat.define-theme(( color: ( theme-type: dark, primary: mat.$cyan-palette, tertiary: mat.$orange-palette), density: ( scale: 0, )));
78
+ .cyan-orange {
79
+ @include mat.all-component-themes($cyan-orange-theme);
80
+ }
81
+
82
+ $magenta-violet-theme: mat.define-theme(( color: ( theme-type: dark, primary: mat.$magenta-palette, tertiary: mat.$violet-palette), density: ( scale: 0, )));
83
+ .magenta-violet {
84
+ @include mat.all-component-themes($magenta-violet-theme);
85
+ }
86
+
67
87
  .material_default {
68
- @include mat.core-color($indigo-pink-theme);
69
- @include mat.all-component-colors($indigo-pink-theme);
70
- @include mat.button-color($indigo-pink-theme);
88
+ @include mat.all-component-themes($azure-blue-theme);
71
89
  }
@@ -0,0 +1,23 @@
1
+ export const cssFrameworkCfgMaterialDesign = {
2
+ "name": "material-design",
3
+ "text": "Material Design",
4
+ "scripts": [],
5
+ "stylesheets": [
6
+ '//fonts.googleapis.com/icon?family=Material+Icons',
7
+ '//fonts.googleapis.com/css?family=Roboto:300,400,500,700',
8
+ ],
9
+ "widgetstyles": {
10
+ "__themes__": [
11
+ { "name": "material_default", "text": "Default Theme" },
12
+ { "name": "azure-blue", "text": "Azure & Blue" },
13
+ { "name": "rose-red", "text": "Rose & Red" },
14
+ { "name": "cyan-orange", "text": "Cyan & Orange" },
15
+ { "name": "magenta-violet", "text": "Magenta & Violet" },
16
+ { "name": "indigo-pink", "text": "Indigo & Pink" },
17
+ { "name": "purple-green", "text": "Purple & Green" },
18
+ { "name": "deeppurple-amber", "text": "Deep Purple & Amber" },
19
+ { "name": "pink-bluegrey", "text": "Pink & Blue-Grey" },
20
+ ]
21
+ }
22
+ };
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtZGVzaWduLWNzc2ZyYW1ld29yay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWZvcm13b3Jrcy1tYXRlcmlhbC9zcmMvbGliL21hdGVyaWFsLWRlc2lnbi1jc3NmcmFtZXdvcmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxDQUFDLE1BQU0sNkJBQTZCLEdBQUs7SUFDM0MsTUFBTSxFQUFFLGlCQUFpQjtJQUN6QixNQUFNLEVBQUMsaUJBQWlCO0lBQ3hCLFNBQVMsRUFBRSxFQUFFO0lBQ2IsYUFBYSxFQUFFO1FBQ1gsbURBQW1EO1FBQ25ELDBEQUEwRDtLQUM3RDtJQUNELGNBQWMsRUFBRTtRQUNaLFlBQVksRUFBRTtZQUNWLEVBQUMsTUFBTSxFQUFDLGtCQUFrQixFQUFDLE1BQU0sRUFBQyxlQUFlLEVBQUM7WUFDbEQsRUFBQyxNQUFNLEVBQUMsWUFBWSxFQUFDLE1BQU0sRUFBQyxjQUFjLEVBQUM7WUFDM0MsRUFBQyxNQUFNLEVBQUMsVUFBVSxFQUFDLE1BQU0sRUFBQyxZQUFZLEVBQUM7WUFDdkMsRUFBQyxNQUFNLEVBQUMsYUFBYSxFQUFDLE1BQU0sRUFBQyxlQUFlLEVBQUM7WUFDN0MsRUFBQyxNQUFNLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxFQUFDLGtCQUFrQixFQUFDO1lBQ25ELEVBQUMsTUFBTSxFQUFDLGFBQWEsRUFBQyxNQUFNLEVBQUMsZUFBZSxFQUFDO1lBQzdDLEVBQUMsTUFBTSxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUMsZ0JBQWdCLEVBQUM7WUFDL0MsRUFBQyxNQUFNLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxFQUFDLHFCQUFxQixFQUFDO1lBQ3hELEVBQUMsTUFBTSxFQUFDLGVBQWUsRUFBQyxNQUFNLEVBQUMsa0JBQWtCLEVBQUM7U0FFckQ7S0FDSjtDQUNKLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuZXhwb3J0IGNvbnN0IGNzc0ZyYW1ld29ya0NmZ01hdGVyaWFsRGVzaWduOmFueT17XHJcbiAgICBcIm5hbWVcIjogXCJtYXRlcmlhbC1kZXNpZ25cIixcclxuICAgIFwidGV4dFwiOlwiTWF0ZXJpYWwgRGVzaWduXCIsXHJcbiAgICBcInNjcmlwdHNcIjogW10sXHJcbiAgICBcInN0eWxlc2hlZXRzXCI6IFtcclxuICAgICAgICAnLy9mb250cy5nb29nbGVhcGlzLmNvbS9pY29uP2ZhbWlseT1NYXRlcmlhbCtJY29ucycsXHJcbiAgICAgICAgJy8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzP2ZhbWlseT1Sb2JvdG86MzAwLDQwMCw1MDAsNzAwJyxcclxuICAgIF0sXHJcbiAgICBcIndpZGdldHN0eWxlc1wiOiB7XHJcbiAgICAgICAgXCJfX3RoZW1lc19fXCI6IFtcclxuICAgICAgICAgICAge1wibmFtZVwiOlwibWF0ZXJpYWxfZGVmYXVsdFwiLFwidGV4dFwiOlwiRGVmYXVsdCBUaGVtZVwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiYXp1cmUtYmx1ZVwiLFwidGV4dFwiOlwiQXp1cmUgJiBCbHVlXCJ9LFxyXG4gICAgICAgICAgICB7XCJuYW1lXCI6XCJyb3NlLXJlZFwiLFwidGV4dFwiOlwiUm9zZSAmIFJlZFwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiY3lhbi1vcmFuZ2VcIixcInRleHRcIjpcIkN5YW4gJiBPcmFuZ2VcIn0sXHJcbiAgICAgICAgICAgIHtcIm5hbWVcIjpcIm1hZ2VudGEtdmlvbGV0XCIsXCJ0ZXh0XCI6XCJNYWdlbnRhICYgVmlvbGV0XCJ9LFxyXG4gICAgICAgICAgICB7XCJuYW1lXCI6XCJpbmRpZ28tcGlua1wiLFwidGV4dFwiOlwiSW5kaWdvICYgUGlua1wifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwicHVycGxlLWdyZWVuXCIsXCJ0ZXh0XCI6XCJQdXJwbGUgJiBHcmVlblwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiZGVlcHB1cnBsZS1hbWJlclwiLFwidGV4dFwiOlwiRGVlcCBQdXJwbGUgJiBBbWJlclwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwicGluay1ibHVlZ3JleVwiLFwidGV4dFwiOlwiUGluayAmIEJsdWUtR3JleVwifSxcclxuICAgICAgICAgICAgXHJcbiAgICAgICAgXVxyXG4gICAgfVxyXG59XHJcblxyXG4iXX0=