nuxt-glorious 2.0.0-develop-3 → 2.0.0-develop-4

package/dist/module.json

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

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

@@ -4,7 +4,7 @@ import { hasValidationError, getAttribute } from '../helper'
 import _props from '../props/Input'
 
 const props: any = defineProps(_props)
-const modelValue = defineModel()
+const modelValue: any = defineModel()
 const { numbersWithSeparateSamePrice } = useGloriousCore()
 modelValue.value = ''
 const inputValue: any = ref(null)
@@ -68,6 +68,18 @@ const addTag = (event: any) => {
   inputValue.value = ''
 }
 
+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) ||
+    (typeof modelValue.value === 'object' &&
+      modelValue.value.some((item: any) => item.value === value))
+  )
+}
 const addTagViaOption = (option: any, event: any) => {
   //   event.stopPropagation() if want not close with window
   if (
@@ -77,9 +89,7 @@ const addTagViaOption = (option: any, event: any) => {
   )
     tags.value = []
 
-  const find = tags.value.find((item: any) => item.value === option.value)
-
-  if (typeof find === 'undefined') {
+  if (!isSelected(option.value)) {
     const value: any = option
     tags.value.push(value)
     modelValue.value = tags.value
@@ -202,6 +212,11 @@ const inputClicked = (event: any) => {
               v-for="(option, index) in props.options"
               :key="index"
               @click="addTagViaOption(option, $event)"
+              :class="[
+                isSelected(option.value)
+                  ? '!cursor-not-allowed bg-gray-50'
+                  : '',
+              ]"
             >
               {{
                 option[

package/dist/runtime/scss/glorious/glorious.css

@@ -741,6 +741,9 @@ button:focus-visible {
 .glorious-scaffold-modal-footer > button {
   @apply min-w-24;
 }
+.glorious-scaffold-modal div.glorious-input-options {
+  @apply fixed;
+}
 .glorious-scaffold-modal-bg-blur {
   @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 opacity-50 h-full w-full z-[40];
 }

package/dist/runtime/scss/glorious/modal.css

@@ -13,6 +13,9 @@
 .glorious-scaffold-modal-footer > button {
   @apply min-w-24;
 }
+.glorious-scaffold-modal div.glorious-input-options {
+  @apply fixed;
+}
 .glorious-scaffold-modal-bg-blur {
   @apply fixed top-0 right-0 backdrop-blur-sm bg-gray-500 opacity-50 h-full w-full z-[40];
 }

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-develop-3",
+  "version": "2.0.0-develop-4",
   "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",