nuxt-glorious 2.0.0-develop-26 → 2.0.0-develop-28

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "2.0.0-develop-26"
+  "version": "2.0.0-develop-28"
 }

package/dist/runtime/components/G/Input.vue

@@ -72,12 +72,10 @@ const isSelected = (value: any): boolean => {
   if (typeof tags.value !== 'object' && typeof modelValue.value !== 'object')
     return false
 
-  console.log()
-
   return (
-    tags.value.some((item: any) => item.value === value) ||
+    tags.value.some((item: any) => item[props.keyOfValue] === value) ||
     (typeof modelValue.value === 'object' &&
-      modelValue.value.some((item: any) => item.value === value))
+      modelValue.value.some((item: any) => item[props.keyOfValue] === value))
   )
 }
 const addTagViaOption = (option: any, event: any) => {
@@ -197,7 +195,6 @@ const inputClicked = (event: any) => {
         ></GIcon>
 
         <div
-          v-if="props.options.length > 0"
           class="glorious-input-options hidden"
           :class="[`size-${props.size}`]"
         >
@@ -208,12 +205,22 @@ const inputClicked = (event: any) => {
             <GLoading color="green" />
           </div>
           <div v-else>
+            <div
+              v-if="props.options.length === 0"
+              class="text-center"
+            >
+              {{ props.noItemsFound }}
+            </div>
             <div
               v-for="(option, index) in props.options"
               :key="index"
               @click="addTagViaOption(option, $event)"
-              :class="[isSelected(option.value) ? 'disabled' : '']"
+              :class="[isSelected(option[props.keyOfValue]) ? 'disabled' : '']"
             >
+              <slot
+                name="option"
+                :item="option"
+              ></slot>
               {{
                 option[
                   getAttribute(props.displayTextKey, 'input', 'displayTextKey')
@@ -231,6 +238,10 @@ const inputClicked = (event: any) => {
           v-for="(item, index) in tags"
           :key="index"
         >
+          <slot
+            name="option"
+            :item="item"
+          ></slot>
           {{
             typeof item === 'object'
               ? item[

package/dist/runtime/components/props/Input.d.ts

@@ -29,6 +29,11 @@ declare const _default: {
         default: boolean;
         type: BooleanConstructor;
     };
+    noItemsFound: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
     loading: {
         required: boolean;
         default: boolean;

package/dist/runtime/components/props/Input.mjs

@@ -10,7 +10,8 @@ import {
   required,
   displayTextKey,
   keyOfValue,
-  loading
+  loading,
+  noItemsFound
 } from "./common/index.mjs";
 export default {
   ...color(),
@@ -25,6 +26,7 @@ export default {
   ...disabled,
   ...options,
   ...loading,
+  ...noItemsFound(),
   type: {
     required: false,
     default: "text",

package/dist/runtime/components/props/common/index.d.ts

@@ -212,3 +212,10 @@ export declare const outline: () => {
         type: BooleanConstructor;
     };
 };
+export declare const noItemsFound: () => {
+    noItemsFound: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+};

package/dist/runtime/components/props/common/index.mjs

@@ -198,3 +198,10 @@ export const outline = () => ({
     type: Boolean
   }
 });
+export const noItemsFound = () => ({
+  noItemsFound: {
+    required: false,
+    default: "No items found",
+    type: String
+  }
+});

package/dist/runtime/style/style.css

@@ -734,7 +734,7 @@ button:focus-visible {
   }
 }
 .glorious-scaffold-modal {
-  @apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0 overflow-y-auto;
+  @apply fixed bg-white md:top-[15%] z-50 right-0 left-0 mx-auto p-3 md:rounded-md rounded-t-md md:bottom-0 bottom-0;
 }
 .glorious-scaffold-modal .close-modal-btn {
   @apply flex justify-center items-center w-6 h-6;
@@ -742,6 +742,9 @@ button:focus-visible {
 .glorious-scaffold-modal-header {
   @apply flex justify-between items-center;
 }
+.glorious-scaffold-modal-content {
+  @apply overflow-y-auto max-h-150;
+}
 .glorious-scaffold-modal-footer {
   @apply flex justify-center gap-3 mt-3;
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-develop-26",
+  "version": "2.0.0-develop-28",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",