@iankibetsh/shframework 4.3.1 → 4.3.2
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/dist/dist/library.mjs.css +32 -32
- package/dist/library.js +10 -0
- package/dist/library.mjs +10 -0
- package/package.json +1 -1
|
@@ -1,36 +1,4 @@
|
|
|
1
1
|
|
|
2
|
-
.sh-phone{
|
|
3
|
-
display: flex;
|
|
4
|
-
width: 100%;
|
|
5
|
-
align-items: center;
|
|
6
|
-
padding: 0 0.25rem;
|
|
7
|
-
}
|
|
8
|
-
.phone-country{
|
|
9
|
-
width: 2rem;
|
|
10
|
-
border: none;
|
|
11
|
-
align-self: center;
|
|
12
|
-
outline: none !important;
|
|
13
|
-
padding: 0.4rem;
|
|
14
|
-
border-right: 1px solid #0003;
|
|
15
|
-
}
|
|
16
|
-
.phone-number{
|
|
17
|
-
width: calc(100% - 2.2rem);
|
|
18
|
-
border: none;
|
|
19
|
-
align-self: center;
|
|
20
|
-
outline: none;
|
|
21
|
-
margin-bottom: 0;
|
|
22
|
-
padding: 0.4rem;
|
|
23
|
-
}
|
|
24
|
-
.sh-phone img{
|
|
25
|
-
padding: 0.125rem;
|
|
26
|
-
width: 2rem;
|
|
27
|
-
height: 2rem;
|
|
28
|
-
}
|
|
29
|
-
.phone-number::placeholder{
|
|
30
|
-
font-weight: 300;
|
|
31
|
-
opacity: 0.5;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
2
|
.colored-toast.swal2-icon-success {
|
|
35
3
|
background-color: #a5dc86 !important;
|
|
36
4
|
}
|
|
@@ -63,6 +31,38 @@
|
|
|
63
31
|
color: white;
|
|
64
32
|
}
|
|
65
33
|
|
|
34
|
+
.sh-phone{
|
|
35
|
+
display: flex;
|
|
36
|
+
width: 100%;
|
|
37
|
+
align-items: center;
|
|
38
|
+
padding: 0 0.25rem;
|
|
39
|
+
}
|
|
40
|
+
.phone-country{
|
|
41
|
+
width: 2rem;
|
|
42
|
+
border: none;
|
|
43
|
+
align-self: center;
|
|
44
|
+
outline: none !important;
|
|
45
|
+
padding: 0.4rem;
|
|
46
|
+
border-right: 1px solid #0003;
|
|
47
|
+
}
|
|
48
|
+
.phone-number{
|
|
49
|
+
width: calc(100% - 2.2rem);
|
|
50
|
+
border: none;
|
|
51
|
+
align-self: center;
|
|
52
|
+
outline: none;
|
|
53
|
+
margin-bottom: 0;
|
|
54
|
+
padding: 0.4rem;
|
|
55
|
+
}
|
|
56
|
+
.sh-phone img{
|
|
57
|
+
padding: 0.125rem;
|
|
58
|
+
width: 2rem;
|
|
59
|
+
height: 2rem;
|
|
60
|
+
}
|
|
61
|
+
.phone-number::placeholder{
|
|
62
|
+
font-weight: 300;
|
|
63
|
+
opacity: 0.5;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
66
|
.sh-selected-item{
|
|
67
67
|
line-height: unset!important;
|
|
68
68
|
}
|
package/dist/library.js
CHANGED
|
@@ -3134,6 +3134,7 @@ var script$m = {
|
|
|
3134
3134
|
'successMessage','fields','customComponents','placeHolders',
|
|
3135
3135
|
'formClasses',
|
|
3136
3136
|
'helperTexts','labels','data',
|
|
3137
|
+
'fillSelects',
|
|
3137
3138
|
'formClass',
|
|
3138
3139
|
'actionLabel',
|
|
3139
3140
|
'textAreas',
|
|
@@ -3168,6 +3169,15 @@ const getFieldComponent = (fieldObj)=>{
|
|
|
3168
3169
|
if(props.customComponents && props.customComponents[field]) {
|
|
3169
3170
|
return props.customComponents[field]
|
|
3170
3171
|
}
|
|
3172
|
+
if(props.fillSelects && props.fillSelects[field]){
|
|
3173
|
+
Object.assign(fieldObj, props.fillSelects[field]);
|
|
3174
|
+
if(fieldObj.suggests || fieldObj.suggest){
|
|
3175
|
+
fieldObj.type = 'suggests';
|
|
3176
|
+
} else {
|
|
3177
|
+
fieldObj.type = 'select';
|
|
3178
|
+
}
|
|
3179
|
+
}
|
|
3180
|
+
|
|
3171
3181
|
if(fieldObj.type){
|
|
3172
3182
|
if(fieldObj.type === 'suggest' || fieldObj.type === 'suggests'){
|
|
3173
3183
|
return script$u
|
package/dist/library.mjs
CHANGED
|
@@ -3122,6 +3122,7 @@ var script$m = {
|
|
|
3122
3122
|
'successMessage','fields','customComponents','placeHolders',
|
|
3123
3123
|
'formClasses',
|
|
3124
3124
|
'helperTexts','labels','data',
|
|
3125
|
+
'fillSelects',
|
|
3125
3126
|
'formClass',
|
|
3126
3127
|
'actionLabel',
|
|
3127
3128
|
'textAreas',
|
|
@@ -3156,6 +3157,15 @@ const getFieldComponent = (fieldObj)=>{
|
|
|
3156
3157
|
if(props.customComponents && props.customComponents[field]) {
|
|
3157
3158
|
return props.customComponents[field]
|
|
3158
3159
|
}
|
|
3160
|
+
if(props.fillSelects && props.fillSelects[field]){
|
|
3161
|
+
Object.assign(fieldObj, props.fillSelects[field]);
|
|
3162
|
+
if(fieldObj.suggests || fieldObj.suggest){
|
|
3163
|
+
fieldObj.type = 'suggests';
|
|
3164
|
+
} else {
|
|
3165
|
+
fieldObj.type = 'select';
|
|
3166
|
+
}
|
|
3167
|
+
}
|
|
3168
|
+
|
|
3159
3169
|
if(fieldObj.type){
|
|
3160
3170
|
if(fieldObj.type === 'suggest' || fieldObj.type === 'suggests'){
|
|
3161
3171
|
return script$u
|