@iankibetsh/shframework 4.3.0 → 4.3.2

package/dist/dist/library.mjs.css

@@ -1,4 +1,36 @@
 
+.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;
+}
+
+.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;
+}
+
 .sh-phone{
   display: flex;
   width: 100%;
@@ -31,36 +63,19 @@
   opacity: 0.5;
 }
 
-.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;
-}
-
-.colored-toast.swal2-icon-question {
-  background-color: #87adbd !important;
+.sh-selected-item{
+  line-height: unset!important;
 }
-
-.colored-toast .swal2-title {
-  color: white;
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
 }
-
-.colored-toast .swal2-close {
-  color: white;
+.sh-suggest{
+  margin-bottom: 1rem;
 }
-
-.colored-toast .swal2-html-container {
-  color: white;
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
 }
 
 .permissions-main {
@@ -95,21 +110,6 @@
   flex-grow: 1;
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 .callout{
   --bs-link-color-rgb: 110,168,254;
   --bs-code-color: #e685b5;

package/dist/library.js

@@ -3134,6 +3134,7 @@ var script$m = {
   'successMessage','fields','customComponents','placeHolders',
   'formClasses',
   'helperTexts','labels','data',
+  'fillSelects',
   'formClass',
   'actionLabel',
     'textAreas',
@@ -3168,6 +3169,15 @@ const getFieldComponent = (fieldObj)=>{
   if(props.customComponents && props.customComponents[field]) {
     return props.customComponents[field]
   }
+  if(props.fillSelects && props.fillSelects[field]){
+    Object.assign(fieldObj, props.fillSelects[field]);
+    if(fieldObj.suggests || fieldObj.suggest){
+      fieldObj.type = 'suggests';
+    } else {
+      fieldObj.type = 'select';
+    }
+  }
+
   if(fieldObj.type){
     if(fieldObj.type === 'suggest' || fieldObj.type === 'suggests'){
       return script$u
@@ -3577,7 +3587,7 @@ var script$j = {
   'phones',
   'numbers',
   'customComponent','modalTitle','class','successMessage'],
-  emits: ['success'],
+  emits: ['success','fieldChanged','formSubmitted','formError','modalId'],
   setup(__props, { emit: __emit }) {
 
 const props = __props;
@@ -3588,6 +3598,21 @@ const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
 const success = (res)=>{
   emit('success',res);
 };
+vue.onMounted(()=>{
+  emit('modalId',modalId);
+});
+
+const fieldChanged = (field, value)=>{
+  emit('fieldChanged',field, value);
+};
+
+const formSubmitted = (res)=>{
+  emit('formSubmitted',res);
+};
+
+const formError = (res)=>{
+  emit('formError',res);
+};
 
 return (_ctx, _cache) => {
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -3603,7 +3628,12 @@ return (_ctx, _cache) => {
       "modal-title": __props.modalTitle
     }, {
       default: vue.withCtx(() => [
-        vue.createVNode(script$t, vue.mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+        vue.createVNode(script$m, vue.mergeProps({
+          onSuccess: success,
+          onFieldChanged: fieldChanged,
+          onFormSubmitted: formSubmitted,
+          onFormError: formError
+        }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])

package/dist/library.mjs

@@ -3122,6 +3122,7 @@ var script$m = {
   'successMessage','fields','customComponents','placeHolders',
   'formClasses',
   'helperTexts','labels','data',
+  'fillSelects',
   'formClass',
   'actionLabel',
     'textAreas',
@@ -3156,6 +3157,15 @@ const getFieldComponent = (fieldObj)=>{
   if(props.customComponents && props.customComponents[field]) {
     return props.customComponents[field]
   }
+  if(props.fillSelects && props.fillSelects[field]){
+    Object.assign(fieldObj, props.fillSelects[field]);
+    if(fieldObj.suggests || fieldObj.suggest){
+      fieldObj.type = 'suggests';
+    } else {
+      fieldObj.type = 'select';
+    }
+  }
+
   if(fieldObj.type){
     if(fieldObj.type === 'suggest' || fieldObj.type === 'suggests'){
       return script$u
@@ -3565,7 +3575,7 @@ var script$j = {
   'phones',
   'numbers',
   'customComponent','modalTitle','class','successMessage'],
-  emits: ['success'],
+  emits: ['success','fieldChanged','formSubmitted','formError','modalId'],
   setup(__props, { emit: __emit }) {
 
 const props = __props;
@@ -3576,6 +3586,21 @@ const modalId = 'rand' + (Math.random() + 1).toString(36).substring(2);
 const success = (res)=>{
   emit('success',res);
 };
+onMounted(()=>{
+  emit('modalId',modalId);
+});
+
+const fieldChanged = (field, value)=>{
+  emit('fieldChanged',field, value);
+};
+
+const formSubmitted = (res)=>{
+  emit('formSubmitted',res);
+};
+
+const formError = (res)=>{
+  emit('formError',res);
+};
 
 return (_ctx, _cache) => {
   return (openBlock(), createElementBlock(Fragment, null, [
@@ -3591,7 +3616,12 @@ return (_ctx, _cache) => {
       "modal-title": __props.modalTitle
     }, {
       default: withCtx(() => [
-        createVNode(script$t, mergeProps({ onSuccess: success }, props), null, 16 /* FULL_PROPS */)
+        createVNode(script$m, mergeProps({
+          onSuccess: success,
+          onFieldChanged: fieldChanged,
+          onFormSubmitted: formSubmitted,
+          onFormError: formError
+        }, props), null, 16 /* FULL_PROPS */)
       ]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["modal-title"])

package/package.json

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