@apipass/schemas 0.2.16 → 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 -2339
  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 -199
  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 -1745
  73. package/fesm2015/apipass-schemas.js.map +0 -1
package/assets/css/inputs.scss CHANGED
@@ -1,197 +1,197 @@
1
- @import "colors";
2
- @import "fonts";
3
- @import "spacing";
4
-
5
- /* Default Inputs */
6
- .mat-input-underline, .mat-form-field-underline {
7
- display: none;
8
- }
9
-
10
- .mat-form-field-appearance-fill .mat-form-field-flex {
11
- display: flex!important;
12
- align-items: center!important;
13
- border: 1px solid var(--color-inputs-border) !important;
14
- background: var(--color-inputs-background) !important;
15
- border-radius: 6px !important;
16
- }
17
-
18
- .mat-form-field-infix {
19
- padding: 0 !important;
20
- display: flex!important;
21
- align-items: center!important;
22
- border-top: none!important;
23
- }
24
-
25
- .mat-select-arrow-wrapper {
26
- display: flex!important;
27
- }
28
-
29
- .mat-icon-button {
30
- width: auto!important;
31
- }
32
-
33
- .no-border {
34
- .mat-form-field-flex {
35
- border: none !important;
36
- input {
37
- padding: 1px;
38
- }
39
- }
40
- }
41
-
42
- .mat-form-field-label-wrapper {
43
- top: -10px;
44
- }
45
-
46
- .mat-form-field-should-float .mat-form-field-label-wrapper {
47
- font-size: $base-font-size;
48
- }
49
-
50
- .placeholder-primary {
51
- .mat-form-field-label-wrapper {
52
- color: var(--color-primary) !important;
53
- label {
54
- color: var(--color-primary) !important;
55
- }
56
- }
57
- ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
58
- color: var(--color-primary) !important;
59
- }
60
- ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder {
61
- color: var(--color-primary) !important;
62
- }
63
- input {
64
- ::-webkit-input-placeholder { /* Edge */
65
- color: var(--color-primary) !important;
66
- }
67
- :-ms-input-placeholder { /* Internet Explorer 10-11 */
68
- color: var(--color-primary) !important;
69
- }
70
- ::placeholder {
71
- color: var(--color-primary) !important;
72
- }
73
- }
74
- }
75
-
76
- .placeholder-bold {
77
- .mat-form-field-label-wrapper {
78
- font-weight: bold !important;
79
- label {
80
- font-weight: bold !important;
81
- }
82
- }
83
- ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
84
- font-weight: bold !important;
85
- }
86
- ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder {
87
- font-weight: bold !important;
88
- }
89
- input {
90
- ::-webkit-input-placeholder { /* Edge */
91
- font-weight: bold !important;
92
- }
93
- :-ms-input-placeholder { /* Internet Explorer 10-11 */
94
- font-weight: bold !important;
95
- }
96
- ::placeholder {
97
- font-weight: bold !important;
98
- }
99
- }
100
- }
101
-
102
- /* Inputs */
103
- .apipass-input-text {
104
- width: 100%;
105
- .mat-form-field-flex {
106
- padding: $spacing-input-top $spacing-input-right $spacing-input-bottom $spacing-input-left !important;
107
- }
108
- }
109
-
110
- .apipass-input-text,
111
- .apipass-search-input-text,
112
- .custom-select-component,
113
- .apipass-select,
114
- .apipass-date-filter {
115
-
116
- .mat-form-field-wrapper {
117
- padding: 0 !important;
118
- }
119
- .mat-icon-button {
120
- width: auto!important;
121
- height: auto!important;
122
- }
123
-
124
- &.label-input {
125
- .mat-form-field-label-wrapper {
126
- padding-top: 0;
127
- top: auto !important;
128
- }
129
- input {
130
- padding-top: 10px !important;
131
- padding-bottom: 5px !important;
132
- }
133
- }
134
- &.mat-form-field-should-float {
135
- .mat-form-field-label-wrapper {
136
- padding-top: 0 !important;
137
- margin-top: -10px !important;
138
- }
139
- }
140
-
141
- }
142
-
143
-
144
- .apipass-search-input-text {
145
- width: 100%;
146
-
147
- &.small-text {
148
- font-size: $base-font-size - 2px;
149
- }
150
- .mat-form-field-flex {
151
- padding: 2px 5px 2px 2px !important;
152
- border-top: none !important;
153
- border-left: none !important;
154
- border-right: none !important;
155
- border-radius: 0 !important;
156
- }
157
- .search-icon {
158
- margin-top: -5px !important;
159
- }
160
-
161
- }
162
-
163
- .custom-select-component {
164
- width: 100%;
165
- .mat-form-field-flex {
166
- padding: 1px $spacing-input-right 1px $spacing-input-left !important;
167
- }
168
- }
169
-
170
- .apipass-select {
171
- width: 100%;
172
- .mat-form-field-flex {
173
- padding: $spacing-select-top $spacing-select-right $spacing-select-bottom $spacing-select-left !important;
174
- }
175
- &.label-input {
176
- .mat-form-field-infix {
177
- padding-top: 7px !important;
178
- padding-bottom: 7px !important;
179
- }
180
- }
181
- }
182
-
183
- .apipass-date-filter {
184
- width: 100%;
185
- .mat-form-field-flex {
186
- padding: $spacing-date-filter-top $spacing-date-filter-right $spacing-date-filter-bottom $spacing-date-filter-left !important;
187
- }
188
- .mat-form-field-suffix {
189
- span {
190
- cursor: pointer;
191
- color: #777;
192
- }
193
- }
194
- .mat-form-field-wrapper {
195
- padding-bottom: 0 !important;
196
- }
197
- }
1
+ @import "colors";
2
+ @import "fonts";
3
+ @import "spacing";
4
+
5
+ /* Default Inputs */
6
+ .mat-input-underline, .mat-form-field-underline {
7
+ display: none;
8
+ }
9
+
10
+ .mat-form-field-appearance-fill .mat-form-field-flex {
11
+ display: flex!important;
12
+ align-items: center!important;
13
+ border: 1px solid var(--color-inputs-border) !important;
14
+ background: var(--color-inputs-background) !important;
15
+ border-radius: 6px !important;
16
+ }
17
+
18
+ .mat-form-field-infix {
19
+ padding: 0 !important;
20
+ display: flex!important;
21
+ align-items: center!important;
22
+ border-top: none!important;
23
+ }
24
+
25
+ .mat-select-arrow-wrapper {
26
+ display: flex!important;
27
+ }
28
+
29
+ .mat-icon-button {
30
+ width: auto!important;
31
+ }
32
+
33
+ .no-border {
34
+ .mat-form-field-flex {
35
+ border: none !important;
36
+ input {
37
+ padding: 1px;
38
+ }
39
+ }
40
+ }
41
+
42
+ .mat-form-field-label-wrapper {
43
+ top: -10px;
44
+ }
45
+
46
+ .mat-form-field-should-float .mat-form-field-label-wrapper {
47
+ font-size: $base-font-size;
48
+ }
49
+
50
+ .placeholder-primary {
51
+ .mat-form-field-label-wrapper {
52
+ color: var(--color-primary) !important;
53
+ label {
54
+ color: var(--color-primary) !important;
55
+ }
56
+ }
57
+ ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
58
+ color: var(--color-primary) !important;
59
+ }
60
+ ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder {
61
+ color: var(--color-primary) !important;
62
+ }
63
+ input {
64
+ ::-webkit-input-placeholder { /* Edge */
65
+ color: var(--color-primary) !important;
66
+ }
67
+ :-ms-input-placeholder { /* Internet Explorer 10-11 */
68
+ color: var(--color-primary) !important;
69
+ }
70
+ ::placeholder {
71
+ color: var(--color-primary) !important;
72
+ }
73
+ }
74
+ }
75
+
76
+ .placeholder-bold {
77
+ .mat-form-field-label-wrapper {
78
+ font-weight: bold !important;
79
+ label {
80
+ font-weight: bold !important;
81
+ }
82
+ }
83
+ ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
84
+ font-weight: bold !important;
85
+ }
86
+ ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder {
87
+ font-weight: bold !important;
88
+ }
89
+ input {
90
+ ::-webkit-input-placeholder { /* Edge */
91
+ font-weight: bold !important;
92
+ }
93
+ :-ms-input-placeholder { /* Internet Explorer 10-11 */
94
+ font-weight: bold !important;
95
+ }
96
+ ::placeholder {
97
+ font-weight: bold !important;
98
+ }
99
+ }
100
+ }
101
+
102
+ /* Inputs */
103
+ .apipass-input-text {
104
+ width: 100%;
105
+ .mat-form-field-flex {
106
+ padding: $spacing-input-top $spacing-input-right $spacing-input-bottom $spacing-input-left !important;
107
+ }
108
+ }
109
+
110
+ .apipass-input-text,
111
+ .apipass-search-input-text,
112
+ .custom-select-component,
113
+ .apipass-select,
114
+ .apipass-date-filter {
115
+
116
+ .mat-form-field-wrapper {
117
+ padding: 0 !important;
118
+ }
119
+ .mat-icon-button {
120
+ width: auto!important;
121
+ height: auto!important;
122
+ }
123
+
124
+ &.label-input {
125
+ .mat-form-field-label-wrapper {
126
+ padding-top: 0;
127
+ top: auto !important;
128
+ }
129
+ input {
130
+ padding-top: 10px !important;
131
+ padding-bottom: 5px !important;
132
+ }
133
+ }
134
+ &.mat-form-field-should-float {
135
+ .mat-form-field-label-wrapper {
136
+ padding-top: 0 !important;
137
+ margin-top: -10px !important;
138
+ }
139
+ }
140
+
141
+ }
142
+
143
+
144
+ .apipass-search-input-text {
145
+ width: 100%;
146
+
147
+ &.small-text {
148
+ font-size: $base-font-size - 2px;
149
+ }
150
+ .mat-form-field-flex {
151
+ padding: 2px 5px 2px 2px !important;
152
+ border-top: none !important;
153
+ border-left: none !important;
154
+ border-right: none !important;
155
+ border-radius: 0 !important;
156
+ }
157
+ .search-icon {
158
+ margin-top: -5px !important;
159
+ }
160
+
161
+ }
162
+
163
+ .custom-select-component {
164
+ width: 100%;
165
+ .mat-form-field-flex {
166
+ padding: 1px $spacing-input-right 1px $spacing-input-left !important;
167
+ }
168
+ }
169
+
170
+ .apipass-select {
171
+ width: 100%;
172
+ .mat-form-field-flex {
173
+ padding: $spacing-select-top $spacing-select-right $spacing-select-bottom $spacing-select-left !important;
174
+ }
175
+ &.label-input {
176
+ .mat-form-field-infix {
177
+ padding-top: 7px !important;
178
+ padding-bottom: 7px !important;
179
+ }
180
+ }
181
+ }
182
+
183
+ .apipass-date-filter {
184
+ width: 100%;
185
+ .mat-form-field-flex {
186
+ padding: $spacing-date-filter-top $spacing-date-filter-right $spacing-date-filter-bottom $spacing-date-filter-left !important;
187
+ }
188
+ .mat-form-field-suffix {
189
+ span {
190
+ cursor: pointer;
191
+ color: #777;
192
+ }
193
+ }
194
+ .mat-form-field-wrapper {
195
+ padding-bottom: 0 !important;
196
+ }
197
+ }