@iankibetsh/shframework 4.3.9 → 4.4.1

package/dist/dist/library.mjs.css

@@ -1,34 +1,34 @@
 
-.sh-phone{
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: 0 0.25rem;
+.colored-toast.swal2-icon-success {
+  background-color: #a5dc86 !important;
 }
-.phone-country{
-  width: 2rem;
-  border: none;
-  align-self: center;
-  outline: none !important;
-  padding: 0.4rem;
-  border-right: 1px solid #0003;
+
+.colored-toast.swal2-icon-error {
+  background-color: #f27474 !important;
 }
-.phone-number{
-  width: calc(100% - 2.2rem);
-  border: none;
-  align-self: center;
-  outline: none;
-  margin-bottom: 0;
-  padding: 0.4rem;
+
+.colored-toast.swal2-icon-warning {
+  background-color: #f8bb86 !important;
 }
-.sh-phone img{
-  padding: 0.125rem;
-  width: 2rem;
-  height: 2rem;
+
+.colored-toast.swal2-icon-info {
+  background-color: #3fc3ee !important;
 }
-.phone-number::placeholder{
-  font-weight: 300;
-  opacity: 0.5;
+
+.colored-toast.swal2-icon-question {
+  background-color: #87adbd !important;
+}
+
+.colored-toast .swal2-title {
+  color: white;
+}
+
+.colored-toast .swal2-close {
+  color: white;
+}
+
+.colored-toast .swal2-html-container {
+  color: white;
 }
 
 .permissions-main {
@@ -63,36 +63,36 @@
   flex-grow: 1;
 }
 
-.colored-toast.swal2-icon-success {
-  background-color: #a5dc86 !important;
-}
-
-.colored-toast.swal2-icon-error {
-  background-color: #f27474 !important;
-}
-
-.colored-toast.swal2-icon-warning {
-  background-color: #f8bb86 !important;
-}
-
-.colored-toast.swal2-icon-info {
-  background-color: #3fc3ee !important;
+.sh-phone{
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 0 0.25rem;
 }
-
-.colored-toast.swal2-icon-question {
-  background-color: #87adbd !important;
+.phone-country{
+  width: 2rem;
+  border: none;
+  align-self: center;
+  outline: none !important;
+  padding: 0.4rem;
+  border-right: 1px solid #0003;
 }
-
-.colored-toast .swal2-title {
-  color: white;
+.phone-number{
+  width: calc(100% - 2.2rem);
+  border: none;
+  align-self: center;
+  outline: none;
+  margin-bottom: 0;
+  padding: 0.4rem;
 }
-
-.colored-toast .swal2-close {
-  color: white;
+.sh-phone img{
+  padding: 0.125rem;
+  width: 2rem;
+  height: 2rem;
 }
-
-.colored-toast .swal2-html-container {
-  color: white;
+.phone-number::placeholder{
+  font-weight: 300;
+  opacity: 0.5;
 }
 
 .sh-selected-item{

package/dist/library.js

@@ -3148,7 +3148,7 @@ const _hoisted_2$b = ["onUpdate:modelValue"];
 const _hoisted_3$a = ["innerHTML"];
 const _hoisted_4$a = {
   key: 0,
-  class: "text-danger sh-required ms-1"
+  class: "text-danger sh-required"
 };
 const _hoisted_5$8 = ["innerHTML"];
 const _hoisted_6$7 = {
@@ -3187,7 +3187,8 @@ var script$m = {
   'textAreas',
   'currentData',
   'emails',
-  'phones', 'numbers', 'selects', 'dates', 'gqlMutation'
+  'phones', 'numbers', 'selects', 'dates', 'gqlMutation',
+    'required'
 ],
   emits: ['success', 'fieldChanged', 'formSubmitted', 'formError'],
   setup(__props, { emit: __emit }) {
@@ -3383,6 +3384,9 @@ vue.onMounted((ev) => {
         Object.assign(fieldObj, props.fillSelects[fieldObj.field]);
       }
     }
+    if(props.required && props.required.includes(fieldObj.field)){
+      fieldObj.required = true;
+    }
     formFields.value.push(fieldObj);
     formFields.value.push({
       field: 'id',
@@ -3641,6 +3645,7 @@ var script$j = {
   'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
   'failedCallback', 'labels', 'editors',
   'datePickers',
+  'required',
   'textAreas',
   'files',
   'phones',

package/dist/library.mjs

@@ -3136,7 +3136,7 @@ const _hoisted_2$b = ["onUpdate:modelValue"];
 const _hoisted_3$a = ["innerHTML"];
 const _hoisted_4$a = {
   key: 0,
-  class: "text-danger sh-required ms-1"
+  class: "text-danger sh-required"
 };
 const _hoisted_5$8 = ["innerHTML"];
 const _hoisted_6$7 = {
@@ -3175,7 +3175,8 @@ var script$m = {
   'textAreas',
   'currentData',
   'emails',
-  'phones', 'numbers', 'selects', 'dates', 'gqlMutation'
+  'phones', 'numbers', 'selects', 'dates', 'gqlMutation',
+    'required'
 ],
   emits: ['success', 'fieldChanged', 'formSubmitted', 'formError'],
   setup(__props, { emit: __emit }) {
@@ -3371,6 +3372,9 @@ onMounted((ev) => {
         Object.assign(fieldObj, props.fillSelects[fieldObj.field]);
       }
     }
+    if(props.required && props.required.includes(fieldObj.field)){
+      fieldObj.required = true;
+    }
     formFields.value.push(fieldObj);
     formFields.value.push({
       field: 'id',
@@ -3629,6 +3633,7 @@ var script$j = {
   'currentData', 'actionLabel', 'fillSelects', 'phones', 'successCallback',
   'failedCallback', 'labels', 'editors',
   'datePickers',
+  'required',
   'textAreas',
   'files',
   'phones',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "4.3.9",
+  "version": "4.4.1",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",