@iankibetsh/shframework 4.3.8 → 4.4.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.
@@ -31,38 +31,6 @@
31
31
  color: white;
32
32
  }
33
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
34
  .permissions-main {
67
35
  background: #edeff2;
68
36
  }
@@ -95,6 +63,38 @@
95
63
  flex-grow: 1;
96
64
  }
97
65
 
66
+ .sh-phone{
67
+ display: flex;
68
+ width: 100%;
69
+ align-items: center;
70
+ padding: 0 0.25rem;
71
+ }
72
+ .phone-country{
73
+ width: 2rem;
74
+ border: none;
75
+ align-self: center;
76
+ outline: none !important;
77
+ padding: 0.4rem;
78
+ border-right: 1px solid #0003;
79
+ }
80
+ .phone-number{
81
+ width: calc(100% - 2.2rem);
82
+ border: none;
83
+ align-self: center;
84
+ outline: none;
85
+ margin-bottom: 0;
86
+ padding: 0.4rem;
87
+ }
88
+ .sh-phone img{
89
+ padding: 0.125rem;
90
+ width: 2rem;
91
+ height: 2rem;
92
+ }
93
+ .phone-number::placeholder{
94
+ font-weight: 300;
95
+ opacity: 0.5;
96
+ }
97
+
98
98
  .sh-selected-item{
99
99
  line-height: unset!important;
100
100
  }
package/dist/library.js CHANGED
@@ -3187,7 +3187,8 @@ var script$m = {
3187
3187
  'textAreas',
3188
3188
  'currentData',
3189
3189
  'emails',
3190
- 'phones', 'numbers', 'selects', 'dates', 'gqlMutation'
3190
+ 'phones', 'numbers', 'selects', 'dates', 'gqlMutation',
3191
+ 'required'
3191
3192
  ],
3192
3193
  emits: ['success', 'fieldChanged', 'formSubmitted', 'formError'],
3193
3194
  setup(__props, { emit: __emit }) {
@@ -3383,6 +3384,9 @@ vue.onMounted((ev) => {
3383
3384
  Object.assign(fieldObj, props.fillSelects[fieldObj.field]);
3384
3385
  }
3385
3386
  }
3387
+ if(props.required && props.required.includes(fieldObj.field)){
3388
+ fieldObj.required = true;
3389
+ }
3386
3390
  formFields.value.push(fieldObj);
3387
3391
  formFields.value.push({
3388
3392
  field: 'id',
package/dist/library.mjs CHANGED
@@ -3175,7 +3175,8 @@ var script$m = {
3175
3175
  'textAreas',
3176
3176
  'currentData',
3177
3177
  'emails',
3178
- 'phones', 'numbers', 'selects', 'dates', 'gqlMutation'
3178
+ 'phones', 'numbers', 'selects', 'dates', 'gqlMutation',
3179
+ 'required'
3179
3180
  ],
3180
3181
  emits: ['success', 'fieldChanged', 'formSubmitted', 'formError'],
3181
3182
  setup(__props, { emit: __emit }) {
@@ -3371,6 +3372,9 @@ onMounted((ev) => {
3371
3372
  Object.assign(fieldObj, props.fillSelects[fieldObj.field]);
3372
3373
  }
3373
3374
  }
3375
+ if(props.required && props.required.includes(fieldObj.field)){
3376
+ fieldObj.required = true;
3377
+ }
3374
3378
  formFields.value.push(fieldObj);
3375
3379
  formFields.value.push({
3376
3380
  field: 'id',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iankibetsh/shframework",
3
- "version": "4.3.8",
3
+ "version": "4.4.0",
4
4
  "description": "Vue library for handling laravel backend",
5
5
  "main": "dist/library.js",
6
6
  "module": "dist/library.mjs",