@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.
- package/README.md +33 -33
- package/assets/css/buttons.scss +118 -118
- package/assets/css/colors.scss +34 -34
- package/assets/css/fonts.scss +24 -24
- package/assets/css/inputs.scss +197 -197
- package/assets/css/pt_sans.scss +143 -143
- package/assets/css/spacing.scss +28 -28
- package/assets/css/texts.scss +18 -18
- package/base-schema.component.d.ts +12 -12
- package/{esm2015/apipass-schemas.js → esm2020/apipass-schemas.mjs} +4 -4
- package/esm2020/base-schema.component.mjs +38 -0
- package/{esm2015/public-api.js → esm2020/public-api.mjs} +17 -17
- package/esm2020/schema-custom-attributes/schema-custom-attributes.mjs +169 -0
- package/esm2020/schema-fields.service.mjs +82 -0
- package/esm2020/schema-form/schema-array/array-session/array-session.mjs +143 -0
- package/esm2020/schema-form/schema-array/schema-array.mjs +220 -0
- package/esm2020/schema-form/schema-form.mjs +107 -0
- package/esm2020/schema-form/schema-input/field-render/field-render.mjs +69 -0
- package/esm2020/schema-form/schema-input/input-render/boolean-input/boolean-input.component.mjs +46 -0
- package/esm2020/schema-form/schema-input/input-render/input-render.mjs +192 -0
- package/esm2020/schema-form/schema-input/input-render/number-input/number-input.component.mjs +44 -0
- package/esm2020/schema-form/schema-input/schema-input.mjs +96 -0
- package/esm2020/schema-form/schema-object/schema-object.mjs +123 -0
- package/esm2020/schema-form-render.mjs +126 -0
- package/esm2020/schema-form-render.module.mjs +108 -0
- package/esm2020/schema-validation-field.mjs +14 -0
- package/{esm2015/struct.utils.js → esm2020/struct.utils.mjs} +9 -9
- package/esm2020/type-script-compile/type-script-compile.base.mjs +112 -0
- package/fesm2015/apipass-schemas.mjs +1803 -0
- package/fesm2015/apipass-schemas.mjs.map +1 -0
- package/fesm2020/apipass-schemas.mjs +1618 -0
- package/fesm2020/apipass-schemas.mjs.map +1 -0
- package/{apipass-schemas.d.ts → index.d.ts} +5 -5
- package/package.json +32 -19
- package/public-api.d.ts +16 -16
- package/schema-custom-attributes/schema-custom-attributes.d.ts +21 -21
- package/schema-fields.service.d.ts +15 -15
- package/schema-form/schema-array/array-session/array-session.d.ts +19 -19
- package/schema-form/schema-array/schema-array.d.ts +32 -32
- package/schema-form/schema-form.d.ts +31 -31
- package/schema-form/schema-input/field-render/field-render.d.ts +16 -16
- package/schema-form/schema-input/input-render/boolean-input/boolean-input.component.d.ts +15 -15
- package/schema-form/schema-input/input-render/input-render.d.ts +29 -29
- package/schema-form/schema-input/input-render/number-input/number-input.component.d.ts +15 -15
- package/schema-form/schema-input/schema-input.d.ts +19 -19
- package/schema-form/schema-object/schema-object.d.ts +34 -34
- package/schema-form-render.d.ts +31 -31
- package/schema-form-render.module.d.ts +23 -22
- package/schema-validation-field.d.ts +23 -23
- package/struct.utils.d.ts +1 -1
- package/type-script-compile/type-script-compile.base.d.ts +17 -17
- package/bundles/apipass-schemas.umd.js +0 -2312
- package/bundles/apipass-schemas.umd.js.map +0 -1
- package/bundles/apipass-schemas.umd.min.js +0 -16
- package/bundles/apipass-schemas.umd.min.js.map +0 -1
- package/esm2015/base-schema.component.js +0 -38
- package/esm2015/schema-custom-attributes/schema-custom-attributes.js +0 -192
- package/esm2015/schema-fields.service.js +0 -87
- package/esm2015/schema-form/schema-array/array-session/array-session.js +0 -161
- package/esm2015/schema-form/schema-array/schema-array.js +0 -234
- package/esm2015/schema-form/schema-form.js +0 -114
- package/esm2015/schema-form/schema-input/field-render/field-render.js +0 -74
- package/esm2015/schema-form/schema-input/input-render/boolean-input/boolean-input.component.js +0 -50
- package/esm2015/schema-form/schema-input/input-render/input-render.js +0 -179
- package/esm2015/schema-form/schema-input/input-render/number-input/number-input.component.js +0 -48
- package/esm2015/schema-form/schema-input/schema-input.js +0 -111
- package/esm2015/schema-form/schema-object/schema-object.js +0 -134
- package/esm2015/schema-form-render.js +0 -136
- package/esm2015/schema-form-render.module.js +0 -124
- package/esm2015/schema-validation-field.js +0 -15
- package/esm2015/type-script-compile/type-script-compile.base.js +0 -112
- package/fesm2015/apipass-schemas.js +0 -1725
- 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/)
|
package/assets/css/buttons.scss
CHANGED
|
@@ -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
|
+
|
package/assets/css/colors.scss
CHANGED
|
@@ -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
|
+
}
|
package/assets/css/fonts.scss
CHANGED
|
@@ -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
|
+
}
|