@iankibetsh/shframework 4.3.9 → 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.
Files changed (4) hide show
  1. package/dist/dist/library.mjs.css +52 -52
  2. package/dist/library.js +6 -2
  3. package/dist/library.mjs +6 -2
  4. package/package.json +1 -1
package/dist/dist/library.mjs.css CHANGED
@@ -1,34 +1,34 @@
1
1
 
2
- .sh-phone{
3
- display: flex;
4
- width: 100%;
5
- align-items: center;
6
- padding: 0 0.25rem;
2
+ .colored-toast.swal2-icon-success {
3
+ background-color: #a5dc86 !important;
7
4
  }
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;
5
+
6
+ .colored-toast.swal2-icon-error {
7
+ background-color: #f27474 !important;
15
8
  }
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;
9
+
10
+ .colored-toast.swal2-icon-warning {
11
+ background-color: #f8bb86 !important;
23
12
  }
24
- .sh-phone img{
25
- padding: 0.125rem;
26
- width: 2rem;
27
- height: 2rem;
13
+
14
+ .colored-toast.swal2-icon-info {
15
+ background-color: #3fc3ee !important;
28
16
  }
29
- .phone-number::placeholder{
30
- font-weight: 300;
31
- opacity: 0.5;
17
+
18
+ .colored-toast.swal2-icon-question {
19
+ background-color: #87adbd !important;
20
+ }
21
+
22
+ .colored-toast .swal2-title {
23
+ color: white;
24
+ }
25
+
26
+ .colored-toast .swal2-close {
27
+ color: white;
28
+ }
29
+
30
+ .colored-toast .swal2-html-container {
31
+ color: white;
32
32
  }
33
33
 
34
34
  .permissions-main {
@@ -63,36 +63,36 @@
63
63
  flex-grow: 1;
64
64
  }
65
65
 
66
- .colored-toast.swal2-icon-success {
67
- background-color: #a5dc86 !important;
68
- }
69
-
70
- .colored-toast.swal2-icon-error {
71
- background-color: #f27474 !important;
72
- }
73
-
74
- .colored-toast.swal2-icon-warning {
75
- background-color: #f8bb86 !important;
76
- }
77
-
78
- .colored-toast.swal2-icon-info {
79
- background-color: #3fc3ee !important;
66
+ .sh-phone{
67
+ display: flex;
68
+ width: 100%;
69
+ align-items: center;
70
+ padding: 0 0.25rem;
80
71
  }
81
-
82
- .colored-toast.swal2-icon-question {
83
- background-color: #87adbd !important;
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;
84
79
  }
85
-
86
- .colored-toast .swal2-title {
87
- color: white;
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;
88
87
  }
89
-
90
- .colored-toast .swal2-close {
91
- color: white;
88
+ .sh-phone img{
89
+ padding: 0.125rem;
90
+ width: 2rem;
91
+ height: 2rem;
92
92
  }
93
-
94
- .colored-toast .swal2-html-container {
95
- color: white;
93
+ .phone-number::placeholder{
94
+ font-weight: 300;
95
+ opacity: 0.5;
96
96
  }
97
97
 
98
98
  .sh-selected-item{
package/dist/library.js CHANGED
@@ -3148,7 +3148,7 @@ const _hoisted_2$b = ["onUpdate:modelValue"];
3148
3148
  const _hoisted_3$a = ["innerHTML"];
3149
3149
  const _hoisted_4$a = {
3150
3150
  key: 0,
3151
- class: "text-danger sh-required ms-1"
3151
+ class: "text-danger sh-required"
3152
3152
  };
3153
3153
  const _hoisted_5$8 = ["innerHTML"];
3154
3154
  const _hoisted_6$7 = {
@@ -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
@@ -3136,7 +3136,7 @@ const _hoisted_2$b = ["onUpdate:modelValue"];
3136
3136
  const _hoisted_3$a = ["innerHTML"];
3137
3137
  const _hoisted_4$a = {
3138
3138
  key: 0,
3139
- class: "text-danger sh-required ms-1"
3139
+ class: "text-danger sh-required"
3140
3140
  };
3141
3141
  const _hoisted_5$8 = ["innerHTML"];
3142
3142
  const _hoisted_6$7 = {
@@ -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.9",
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",