@apipass/schemas 0.2.15 → 1.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 (73) hide show
  1. package/README.md +33 -33
  2. package/assets/css/buttons.scss +118 -118
  3. package/assets/css/colors.scss +34 -34
  4. package/assets/css/fonts.scss +24 -24
  5. package/assets/css/inputs.scss +197 -197
  6. package/assets/css/pt_sans.scss +143 -143
  7. package/assets/css/spacing.scss +28 -28
  8. package/assets/css/texts.scss +18 -18
  9. package/base-schema.component.d.ts +12 -12
  10. package/{esm2015/apipass-schemas.js → esm2020/apipass-schemas.mjs} +4 -4
  11. package/esm2020/base-schema.component.mjs +38 -0
  12. package/{esm2015/public-api.js → esm2020/public-api.mjs} +17 -17
  13. package/esm2020/schema-custom-attributes/schema-custom-attributes.mjs +169 -0
  14. package/esm2020/schema-fields.service.mjs +82 -0
  15. package/esm2020/schema-form/schema-array/array-session/array-session.mjs +143 -0
  16. package/esm2020/schema-form/schema-array/schema-array.mjs +220 -0
  17. package/esm2020/schema-form/schema-form.mjs +107 -0
  18. package/esm2020/schema-form/schema-input/field-render/field-render.mjs +69 -0
  19. package/esm2020/schema-form/schema-input/input-render/boolean-input/boolean-input.component.mjs +46 -0
  20. package/esm2020/schema-form/schema-input/input-render/input-render.mjs +192 -0
  21. package/esm2020/schema-form/schema-input/input-render/number-input/number-input.component.mjs +44 -0
  22. package/esm2020/schema-form/schema-input/schema-input.mjs +96 -0
  23. package/esm2020/schema-form/schema-object/schema-object.mjs +123 -0
  24. package/esm2020/schema-form-render.mjs +126 -0
  25. package/esm2020/schema-form-render.module.mjs +108 -0
  26. package/esm2020/schema-validation-field.mjs +14 -0
  27. package/{esm2015/struct.utils.js → esm2020/struct.utils.mjs} +9 -9
  28. package/esm2020/type-script-compile/type-script-compile.base.mjs +112 -0
  29. package/fesm2015/apipass-schemas.mjs +1803 -0
  30. package/fesm2015/apipass-schemas.mjs.map +1 -0
  31. package/fesm2020/apipass-schemas.mjs +1618 -0
  32. package/fesm2020/apipass-schemas.mjs.map +1 -0
  33. package/{apipass-schemas.d.ts → index.d.ts} +5 -5
  34. package/package.json +32 -19
  35. package/public-api.d.ts +16 -16
  36. package/schema-custom-attributes/schema-custom-attributes.d.ts +21 -21
  37. package/schema-fields.service.d.ts +15 -15
  38. package/schema-form/schema-array/array-session/array-session.d.ts +19 -19
  39. package/schema-form/schema-array/schema-array.d.ts +32 -32
  40. package/schema-form/schema-form.d.ts +31 -31
  41. package/schema-form/schema-input/field-render/field-render.d.ts +16 -16
  42. package/schema-form/schema-input/input-render/boolean-input/boolean-input.component.d.ts +15 -15
  43. package/schema-form/schema-input/input-render/input-render.d.ts +29 -29
  44. package/schema-form/schema-input/input-render/number-input/number-input.component.d.ts +15 -15
  45. package/schema-form/schema-input/schema-input.d.ts +19 -19
  46. package/schema-form/schema-object/schema-object.d.ts +34 -34
  47. package/schema-form-render.d.ts +31 -31
  48. package/schema-form-render.module.d.ts +23 -22
  49. package/schema-validation-field.d.ts +23 -23
  50. package/struct.utils.d.ts +1 -1
  51. package/type-script-compile/type-script-compile.base.d.ts +17 -17
  52. package/bundles/apipass-schemas.umd.js +0 -2312
  53. package/bundles/apipass-schemas.umd.js.map +0 -1
  54. package/bundles/apipass-schemas.umd.min.js +0 -16
  55. package/bundles/apipass-schemas.umd.min.js.map +0 -1
  56. package/esm2015/base-schema.component.js +0 -38
  57. package/esm2015/schema-custom-attributes/schema-custom-attributes.js +0 -192
  58. package/esm2015/schema-fields.service.js +0 -87
  59. package/esm2015/schema-form/schema-array/array-session/array-session.js +0 -161
  60. package/esm2015/schema-form/schema-array/schema-array.js +0 -234
  61. package/esm2015/schema-form/schema-form.js +0 -114
  62. package/esm2015/schema-form/schema-input/field-render/field-render.js +0 -74
  63. package/esm2015/schema-form/schema-input/input-render/boolean-input/boolean-input.component.js +0 -50
  64. package/esm2015/schema-form/schema-input/input-render/input-render.js +0 -179
  65. package/esm2015/schema-form/schema-input/input-render/number-input/number-input.component.js +0 -48
  66. package/esm2015/schema-form/schema-input/schema-input.js +0 -111
  67. package/esm2015/schema-form/schema-object/schema-object.js +0 -134
  68. package/esm2015/schema-form-render.js +0 -136
  69. package/esm2015/schema-form-render.module.js +0 -124
  70. package/esm2015/schema-validation-field.js +0 -15
  71. package/esm2015/type-script-compile/type-script-compile.base.js +0 -112
  72. package/fesm2015/apipass-schemas.js +0 -1725
  73. package/fesm2015/apipass-schemas.js.map +0 -1
package/README.md CHANGED
@@ -1,33 +1,33 @@
1
- # @apipass/inputs
2
-
3
- This package is a angular component for buttons
4
-
5
- ## Installation
6
-
7
-
8
- ```bash
9
- npm install @apipass/inputs
10
- ```
11
-
12
- ## Usage
13
-
14
- ```typescript
15
- [...]
16
- import {InputsModule} from "@apipass/inputs";
17
-
18
- @NgModule({
19
- imports: [
20
- [...]
21
- InputsModule
22
- ],
23
- [...]
24
- ```
25
-
26
-
27
- ...
28
- ```html
29
-
30
- ```
31
-
32
- ## License
33
- [MIT](https://choosealicense.com/licenses/mit/)
1
+ # @apipass/inputs
2
+
3
+ This package is a angular component for buttons
4
+
5
+ ## Installation
6
+
7
+
8
+ ```bash
9
+ npm install @apipass/inputs
10
+ ```
11
+
12
+ ## Usage
13
+
14
+ ```typescript
15
+ [...]
16
+ import {InputsModule} from "@apipass/inputs";
17
+
18
+ @NgModule({
19
+ imports: [
20
+ [...]
21
+ InputsModule
22
+ ],
23
+ [...]
24
+ ```
25
+
26
+
27
+ ...
28
+ ```html
29
+
30
+ ```
31
+
32
+ ## License
33
+ [MIT](https://choosealicense.com/licenses/mit/)
@@ -1,118 +1,118 @@
1
- @import "colors";
2
- @import "fonts";
3
- @import "spacing";
4
-
5
- /* Buttons */
6
- .apipass-tab-button {
7
- display: flex !important;
8
- justify-content: center !important;
9
- align-items: center !important;
10
- padding: $spacing-tab-button-top $spacing-tab-button-right $spacing-tab-button-bottom $spacing-tab-button-left !important;
11
- font-weight: bold;
12
- font-size: $base-font-size - 2px;
13
- border-radius: 6px 6px 0 0 !important;
14
- .mat-button-wrapper, .mat-icon, .button-text {
15
- display: flex;
16
- justify-content: center;
17
- align-items: center;
18
- }
19
- .apipass-btn-icon-text {
20
- padding-right: 10px;
21
- }
22
- .apipass-btn-icon-text-suffix {
23
- padding-left: 10px;
24
- }
25
- }
26
-
27
- .apipass-btn-default {
28
- display: flex !important;
29
- justify-content: center !important;
30
- align-items: center !important;
31
- padding: 0 $spacing-button-right 0 $spacing-button-left !important;
32
- font-weight: bold;
33
- border-radius: 6px !important;
34
- .mat-button-wrapper, .mat-icon, .button-text {
35
- display: flex;
36
- justify-content: center;
37
- align-items: center;
38
- }
39
- .apipass-btn-icon-text {
40
- padding-right: 10px;
41
- }
42
- .apipass-btn-icon-text-suffix {
43
- padding-left: 10px;
44
- }
45
- }
46
-
47
- .apipass-btn-primary {
48
- background: var(--color-primary);
49
- color: #FFF;
50
- &:hover, .hover {
51
- background: var(--color-primary-hover);
52
- }
53
- &:active, .active {
54
- background: var(--color-primary-active);
55
- }
56
- &:disabled, .disabled {
57
- background: var(--color-tertiary);
58
- color: var(--color-fonts-tertiary);
59
- border: 1px px solid var(--color-tertiary-hover);
60
- cursor: no-drop !important;
61
- }
62
- }
63
-
64
- .apipass-btn-secondary {
65
- background: var(--color-secondary);
66
- color: var(--color-primary);
67
- &:hover, .hover {
68
- background: var(--color-secondary-hover);
69
- }
70
- &:active, .active {
71
- background: var(--color-secondary-active);
72
- }
73
- &:disabled, .disabled {
74
- background: var(--color-tertiary);
75
- color: var(--color-fonts-tertiary);
76
- border: 1px px solid var(--color-tertiary-hover);
77
- cursor: no-drop !important;
78
- }
79
- }
80
-
81
- .apipass-btn-tertiary {
82
- background: var(--color-tertiary);
83
- color: var(--color-primary);
84
- padding: 15px !important;
85
- border: 1px solid var(--color-tertiary-hover);
86
- &:hover, .hover {
87
- background: var(--color-tertiary-hover);
88
- }
89
- &:active, .active {
90
- background: var(--color-tertiary-active);
91
- }
92
- &:disabled, .disabled {
93
- background: var(--color-tertiary);
94
- color: var(--color-fonts-tertiary);
95
- border: 1px px solid var(--color-tertiary-hover);
96
- cursor: no-drop !important;
97
- }
98
- }
99
-
100
- .apipass-btn-outline {
101
- color: var(--color-fonts-tertiary);
102
- &.remove-button {
103
- color: var(--color-red);
104
- }
105
- &:hover, .hover {
106
- background: var(--color-tertiary-hover);
107
- }
108
- &:active, .active {
109
- background: var(--color-tertiary-active);
110
- }
111
- &:disabled, .disabled {
112
- background: var(--color-tertiary);
113
- color: var(--color-fonts-tertiary);
114
- border: 1px px solid var(--color-tertiary-hover);
115
- cursor: no-drop !important;
116
- }
117
- }
118
-
1
+ @import "colors";
2
+ @import "fonts";
3
+ @import "spacing";
4
+
5
+ /* Buttons */
6
+ .apipass-tab-button {
7
+ display: flex !important;
8
+ justify-content: center !important;
9
+ align-items: center !important;
10
+ padding: $spacing-tab-button-top $spacing-tab-button-right $spacing-tab-button-bottom $spacing-tab-button-left !important;
11
+ font-weight: bold;
12
+ font-size: $base-font-size - 2px;
13
+ border-radius: 6px 6px 0 0 !important;
14
+ .mat-button-wrapper, .mat-icon, .button-text {
15
+ display: flex;
16
+ justify-content: center;
17
+ align-items: center;
18
+ }
19
+ .apipass-btn-icon-text {
20
+ padding-right: 10px;
21
+ }
22
+ .apipass-btn-icon-text-suffix {
23
+ padding-left: 10px;
24
+ }
25
+ }
26
+
27
+ .apipass-btn-default {
28
+ display: flex !important;
29
+ justify-content: center !important;
30
+ align-items: center !important;
31
+ padding: 0 $spacing-button-right 0 $spacing-button-left !important;
32
+ font-weight: bold;
33
+ border-radius: 6px !important;
34
+ .mat-button-wrapper, .mat-icon, .button-text {
35
+ display: flex;
36
+ justify-content: center;
37
+ align-items: center;
38
+ }
39
+ .apipass-btn-icon-text {
40
+ padding-right: 10px;
41
+ }
42
+ .apipass-btn-icon-text-suffix {
43
+ padding-left: 10px;
44
+ }
45
+ }
46
+
47
+ .apipass-btn-primary {
48
+ background: var(--color-primary);
49
+ color: #FFF;
50
+ &:hover, .hover {
51
+ background: var(--color-primary-hover);
52
+ }
53
+ &:active, .active {
54
+ background: var(--color-primary-active);
55
+ }
56
+ &:disabled, .disabled {
57
+ background: var(--color-tertiary);
58
+ color: var(--color-fonts-tertiary);
59
+ border: 1px px solid var(--color-tertiary-hover);
60
+ cursor: no-drop !important;
61
+ }
62
+ }
63
+
64
+ .apipass-btn-secondary {
65
+ background: var(--color-secondary);
66
+ color: var(--color-primary);
67
+ &:hover, .hover {
68
+ background: var(--color-secondary-hover);
69
+ }
70
+ &:active, .active {
71
+ background: var(--color-secondary-active);
72
+ }
73
+ &:disabled, .disabled {
74
+ background: var(--color-tertiary);
75
+ color: var(--color-fonts-tertiary);
76
+ border: 1px px solid var(--color-tertiary-hover);
77
+ cursor: no-drop !important;
78
+ }
79
+ }
80
+
81
+ .apipass-btn-tertiary {
82
+ background: var(--color-tertiary);
83
+ color: var(--color-primary);
84
+ padding: 15px !important;
85
+ border: 1px solid var(--color-tertiary-hover);
86
+ &:hover, .hover {
87
+ background: var(--color-tertiary-hover);
88
+ }
89
+ &:active, .active {
90
+ background: var(--color-tertiary-active);
91
+ }
92
+ &:disabled, .disabled {
93
+ background: var(--color-tertiary);
94
+ color: var(--color-fonts-tertiary);
95
+ border: 1px px solid var(--color-tertiary-hover);
96
+ cursor: no-drop !important;
97
+ }
98
+ }
99
+
100
+ .apipass-btn-outline {
101
+ color: var(--color-fonts-tertiary);
102
+ &.remove-button {
103
+ color: var(--color-red);
104
+ }
105
+ &:hover, .hover {
106
+ background: var(--color-tertiary-hover);
107
+ }
108
+ &:active, .active {
109
+ background: var(--color-tertiary-active);
110
+ }
111
+ &:disabled, .disabled {
112
+ background: var(--color-tertiary);
113
+ color: var(--color-fonts-tertiary);
114
+ border: 1px px solid var(--color-tertiary-hover);
115
+ cursor: no-drop !important;
116
+ }
117
+ }
118
+
@@ -1,34 +1,34 @@
1
- :root {
2
- --color-primary: #222D57;
3
- --color-primary-hover: #18203D;
4
- --color-primary-active: #29376A;
5
-
6
- --color-secondary: #D3D921;
7
- --color-secondary-hover: #B3B81C;
8
- --color-secondary-active: #DCE13F;
9
-
10
- --color-tertiary: #EFEFEF;
11
- --color-tertiary-hover: #CBCBCB;
12
- --color-tertiary-active: #F1F1F1;
13
-
14
- --color-fonts-tertiary: #777777;
15
-
16
-
17
-
18
-
19
- // Defaults
20
- --color-body-light: #FFF;
21
- --color-red: rgb(255, 0, 0);
22
- --limit-plan-color: #ff6c00;
23
- --color_disabled: #E0E0E0;
24
- --color_components_light: #FFF;
25
- --color-inputs-border: #DDD;
26
- --color-inputs-background: #FFF;
27
- --color_icon_remove: var(--color-red);
28
- --color_icon_success: #070;
29
- --color_graph_primary: #1643EF;
30
- --color_graph_primary_hover: #0A2692;
31
- --color_graph_error: #EB5757;
32
- --color_graph_error_hover: #C91717;
33
-
34
- }
1
+ :root {
2
+ --color-primary: #222D57;
3
+ --color-primary-hover: #18203D;
4
+ --color-primary-active: #29376A;
5
+
6
+ --color-secondary: #D3D921;
7
+ --color-secondary-hover: #B3B81C;
8
+ --color-secondary-active: #DCE13F;
9
+
10
+ --color-tertiary: #EFEFEF;
11
+ --color-tertiary-hover: #CBCBCB;
12
+ --color-tertiary-active: #F1F1F1;
13
+
14
+ --color-fonts-tertiary: #777777;
15
+
16
+
17
+
18
+
19
+ // Defaults
20
+ --color-body-light: #FFF;
21
+ --color-red: rgb(255, 0, 0);
22
+ --limit-plan-color: #ff6c00;
23
+ --color_disabled: #E0E0E0;
24
+ --color_components_light: #FFF;
25
+ --color-inputs-border: #DDD;
26
+ --color-inputs-background: #FFF;
27
+ --color_icon_remove: var(--color-red);
28
+ --color_icon_success: #070;
29
+ --color_graph_primary: #1643EF;
30
+ --color_graph_primary_hover: #0A2692;
31
+ --color_graph_error: #EB5757;
32
+ --color_graph_error_hover: #C91717;
33
+
34
+ }
@@ -1,24 +1,24 @@
1
- $base-font-size: 14px;
2
- $base-input-font-size: $base-font-size;
3
-
4
- @import "pt_sans";
5
-
6
- .text-primary {
7
- color: var(--color-primary) !important;
8
- }
9
-
10
- .text-secondary {
11
- color: var(--color-secondary) !important;
12
- }
13
-
14
- .text-tertiary {
15
- color: var(--color-fonts-tertiary) !important;
16
- }
17
-
18
- .text-weight-bold {
19
- font-weight: bold !important;
20
- }
21
-
22
- .text-weight-normal {
23
- font-weight: normal !important;
24
- }
1
+ $base-font-size: 14px;
2
+ $base-input-font-size: $base-font-size;
3
+
4
+ @import "pt_sans";
5
+
6
+ .text-primary {
7
+ color: var(--color-primary) !important;
8
+ }
9
+
10
+ .text-secondary {
11
+ color: var(--color-secondary) !important;
12
+ }
13
+
14
+ .text-tertiary {
15
+ color: var(--color-fonts-tertiary) !important;
16
+ }
17
+
18
+ .text-weight-bold {
19
+ font-weight: bold !important;
20
+ }
21
+
22
+ .text-weight-normal {
23
+ font-weight: normal !important;
24
+ }