@iankibetsh/shframework 5.0.3 → 5.0.4

package/dist/library.js

@@ -2150,7 +2150,7 @@ const _hoisted_10$8 = {
 
 var script$z = {
   __name: 'ShSuggest',
-  props: ['data','allowMultiple','url','modelValue','optionTemplate'],
+  props: ['data','allowMultiple','url','modelValue','optionTemplate','allowUserInput'],
   emits: ['update:modelValue'],
   setup(__props, { emit: __emit }) {
 
@@ -2190,7 +2190,12 @@ function addSuggestion(sgn){
 function updateModelValue(){
   let selectedItems = selectedSuggestions.value;
   if(selectedItems.length === 0) {
-    emit('update:modelValue', null);
+    if(props.allowUserInput){
+      emit('update:modelValue', searchText.value);
+      console.log(searchText.value);
+    } else {
+      emit('update:modelValue', null);
+    }
   }  else if (!props.allowMultiple) {
     emit('update:modelValue', selectedItems[0].id);
   } else {
@@ -2216,12 +2221,14 @@ function filterData(e){
   searchText.value = filterValue;
   if (props.url) {
     fetchRemoteData();
+    updateModelValue();
   } else if(props.data) {
     suggestions.value = props.data.filter(item=>{
       if(item.name.toLowerCase().includes(filterValue.toLowerCase())){
         return item
       }
     });
+    updateModelValue();
   } else {
     console.log("Error: no data or url provided");
   }
@@ -2313,7 +2320,7 @@ return (_ctx, _cache) => {
           }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$a)
         ], 8 /* PROPS */, _hoisted_2$h),
         vue.createElementVNode("ul", {
-          class: "dropdown-menu w-100",
+          class: vue.normalizeClass([(!vue.unref(suggestions) || vue.unref(suggestions).length === 0) ? 'no-sh-suggestions':'sh-found-suggestions', "dropdown-menu w-100"]),
           id: 'dropwdown_section' + vue.unref(id),
           "aria-labelledby": vue.unref(id)
         }, [
@@ -2345,7 +2352,7 @@ return (_ctx, _cache) => {
             : (vue.unref(searchText))
               ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$8, " No results found "))
               : (vue.openBlock(), vue.createElementBlock("li", _hoisted_10$8, " Type to search... "))
-        ], 8 /* PROPS */, _hoisted_7$9)
+        ], 10 /* CLASS, PROPS */, _hoisted_7$9)
       ]))
     : vue.createCommentVNode("v-if", true)
 }

package/dist/library.mjs

@@ -3,7 +3,7 @@ import moment from 'moment';
 import Swal from 'sweetalert2';
 import { Modal, Offcanvas } from 'bootstrap';
 import NProgress from 'nprogress';
-import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, watch, unref, createBlock, resolveDynamicComponent, normalizeClass, resolveComponent, inject, mergeProps, renderSlot, normalizeStyle, computed, createVNode, withCtx, vModelCheckbox, shallowRef, normalizeProps, pushScopeId, popScopeId, markRaw, isRef } from 'vue';
+import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, watch, unref, normalizeClass, createBlock, resolveDynamicComponent, resolveComponent, inject, mergeProps, renderSlot, normalizeStyle, computed, createVNode, withCtx, vModelCheckbox, shallowRef, normalizeProps, pushScopeId, popScopeId, markRaw, isRef } from 'vue';
 import _ from 'lodash';
 import { defineStore, storeToRefs } from 'pinia';
 import { useRoute, useRouter } from 'vue-router';
@@ -2138,7 +2138,7 @@ const _hoisted_10$8 = {
 
 var script$z = {
   __name: 'ShSuggest',
-  props: ['data','allowMultiple','url','modelValue','optionTemplate'],
+  props: ['data','allowMultiple','url','modelValue','optionTemplate','allowUserInput'],
   emits: ['update:modelValue'],
   setup(__props, { emit: __emit }) {
 
@@ -2178,7 +2178,12 @@ function addSuggestion(sgn){
 function updateModelValue(){
   let selectedItems = selectedSuggestions.value;
   if(selectedItems.length === 0) {
-    emit('update:modelValue', null);
+    if(props.allowUserInput){
+      emit('update:modelValue', searchText.value);
+      console.log(searchText.value);
+    } else {
+      emit('update:modelValue', null);
+    }
   }  else if (!props.allowMultiple) {
     emit('update:modelValue', selectedItems[0].id);
   } else {
@@ -2204,12 +2209,14 @@ function filterData(e){
   searchText.value = filterValue;
   if (props.url) {
     fetchRemoteData();
+    updateModelValue();
   } else if(props.data) {
     suggestions.value = props.data.filter(item=>{
       if(item.name.toLowerCase().includes(filterValue.toLowerCase())){
         return item
       }
     });
+    updateModelValue();
   } else {
     console.log("Error: no data or url provided");
   }
@@ -2301,7 +2308,7 @@ return (_ctx, _cache) => {
           }, null, 40 /* PROPS, NEED_HYDRATION */, _hoisted_6$a)
         ], 8 /* PROPS */, _hoisted_2$h),
         createElementVNode("ul", {
-          class: "dropdown-menu w-100",
+          class: normalizeClass([(!unref(suggestions) || unref(suggestions).length === 0) ? 'no-sh-suggestions':'sh-found-suggestions', "dropdown-menu w-100"]),
           id: 'dropwdown_section' + unref(id),
           "aria-labelledby": unref(id)
         }, [
@@ -2333,7 +2340,7 @@ return (_ctx, _cache) => {
             : (unref(searchText))
               ? (openBlock(), createElementBlock("li", _hoisted_9$8, " No results found "))
               : (openBlock(), createElementBlock("li", _hoisted_10$8, " Type to search... "))
-        ], 8 /* PROPS */, _hoisted_7$9)
+        ], 10 /* CLASS, PROPS */, _hoisted_7$9)
       ]))
     : createCommentVNode("v-if", true)
 }

package/package.json

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