@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.
- package/LICENSE +21 -0
- package/assets/material-design-themes.scss +34 -16
- package/esm2022/lib/material-design-cssframework.mjs +23 -0
- package/esm2022/lib/material-design-framework.component.mjs +119 -0
- package/esm2022/lib/material-design-framework.module.mjs +117 -0
- package/esm2022/lib/material-design.framework.mjs +61 -0
- package/esm2022/lib/widgets/flex-layout-root.component.mjs +75 -0
- package/esm2022/lib/widgets/flex-layout-section.component.mjs +347 -0
- package/esm2022/lib/widgets/material-add-reference.component.mjs +66 -0
- package/esm2022/lib/widgets/material-button-group.component.mjs +90 -0
- package/esm2022/lib/widgets/material-button.component.mjs +80 -0
- package/esm2022/lib/widgets/material-checkbox.component.mjs +166 -0
- package/esm2022/lib/widgets/material-checkboxes.component.mjs +129 -0
- package/esm2022/lib/widgets/material-chip-list.component.mjs +35 -0
- package/esm2022/lib/widgets/material-datepicker.component.mjs +141 -0
- package/esm2022/lib/widgets/material-file.component.mjs +35 -0
- package/esm2022/lib/widgets/material-input.component.mjs +149 -0
- package/esm2022/lib/widgets/material-number.component.mjs +145 -0
- package/esm2022/lib/widgets/material-one-of.component.mjs +35 -0
- package/esm2022/lib/widgets/material-radios.component.mjs +122 -0
- package/esm2022/lib/widgets/material-select.component.mjs +186 -0
- package/esm2022/lib/widgets/material-slider.component.mjs +91 -0
- package/esm2022/lib/widgets/material-stepper.component.mjs +35 -0
- package/esm2022/lib/widgets/material-tabs.component.mjs +92 -0
- package/esm2022/lib/widgets/material-textarea.component.mjs +134 -0
- package/esm2022/lib/widgets/public_api.mjs +52 -0
- package/esm2022/ng-formworks-material.mjs +5 -0
- package/esm2022/public_api.mjs +8 -0
- package/fesm2022/ng-formworks-material.mjs +2357 -0
- package/fesm2022/ng-formworks-material.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/material-design-cssframework.d.ts +1 -0
- package/lib/material-design-framework.component.d.ts +35 -0
- package/lib/material-design-framework.module.d.ts +61 -0
- package/lib/material-design.framework.d.ts +46 -0
- package/lib/widgets/flex-layout-root.component.d.ts +15 -0
- package/lib/widgets/flex-layout-section.component.d.ts +25 -0
- package/lib/widgets/material-add-reference.component.d.ts +20 -0
- package/lib/widgets/material-button-group.component.d.ts +23 -0
- package/lib/widgets/material-button.component.d.ts +24 -0
- package/lib/widgets/material-checkbox.component.d.ts +25 -0
- package/lib/widgets/material-checkboxes.component.d.ts +27 -0
- package/lib/widgets/material-chip-list.component.d.ts +21 -0
- package/lib/widgets/material-datepicker.component.d.ts +22 -0
- package/lib/widgets/material-file.component.d.ts +21 -0
- package/lib/widgets/material-input.component.d.ts +23 -0
- package/lib/widgets/material-number.component.d.ts +26 -0
- package/lib/widgets/material-one-of.component.d.ts +21 -0
- package/lib/widgets/material-radios.component.d.ts +23 -0
- package/lib/widgets/material-select.component.d.ts +24 -0
- package/lib/widgets/material-slider.component.d.ts +25 -0
- package/lib/widgets/material-stepper.component.d.ts +21 -0
- package/lib/widgets/material-tabs.component.d.ts +20 -0
- package/lib/widgets/material-textarea.component.d.ts +22 -0
- package/{src/lib/widgets/public_api.ts → lib/widgets/public_api.d.ts} +41 -54
- package/package.json +64 -48
- package/{src/public_api.ts → public_api.d.ts} +4 -9
- package/karma.conf.js +0 -46
- package/ng-package.json +0 -13
- package/src/lib/flexlayout-replacement-styles.scss +0 -95
- package/src/lib/material-design-cssframework.ts +0 -20
- package/src/lib/material-design-framework.component.html +0 -13
- package/src/lib/material-design-framework.component.scss +0 -58
- package/src/lib/material-design-framework.component.spec.ts +0 -39
- package/src/lib/material-design-framework.component.ts +0 -143
- package/src/lib/material-design-framework.module.ts +0 -81
- package/src/lib/material-design-themes.scss +0 -71
- package/src/lib/material-design.framework.ts +0 -83
- package/src/lib/tailwind-output.scss +0 -622
- package/src/lib/widgets/flex-layout-root.component.html +0 -4
- package/src/lib/widgets/flex-layout-root.component.ts +0 -52
- package/src/lib/widgets/flex-layout-section.component.ts +0 -216
- package/src/lib/widgets/material-add-reference.component.ts +0 -56
- package/src/lib/widgets/material-button-group.component.ts +0 -68
- package/src/lib/widgets/material-button.component.ts +0 -66
- package/src/lib/widgets/material-checkbox.component.ts +0 -112
- package/src/lib/widgets/material-checkboxes.component.ts +0 -108
- package/src/lib/widgets/material-chip-list.component.ts +0 -35
- package/src/lib/widgets/material-datepicker.component.ts +0 -89
- package/src/lib/widgets/material-file.component.ts +0 -35
- package/src/lib/widgets/material-input.component.ts +0 -97
- package/src/lib/widgets/material-number.component.ts +0 -95
- package/src/lib/widgets/material-one-of.component.ts +0 -35
- package/src/lib/widgets/material-radios.component.ts +0 -91
- package/src/lib/widgets/material-select.component.ts +0 -118
- package/src/lib/widgets/material-slider.component.ts +0 -65
- package/src/lib/widgets/material-stepper.component.ts +0 -35
- package/src/lib/widgets/material-tabs.component.ts +0 -72
- package/src/lib/widgets/material-textarea.component.ts +0 -88
- package/src/test.ts +0 -17
- package/tailwind-input.css +0 -3
- package/tailwind.config.js +0 -12
- package/tsconfig.lib.json +0 -25
- package/tsconfig.lib.prod.json +0 -9
- package/tsconfig.spec.json +0 -17
- 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.
|
|
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=
|