nuxt-glorious 2.0.0-develop-11 → 2.0.0-develop-13

package/dist/module.d.mts

@@ -33,7 +33,17 @@ interface ModuleOptions {
     components: {
         alert: {
             props: {
-                color: string;
+                color?: string;
+            };
+        };
+        select: {
+            props: {
+                color?: string;
+                size?: 'md';
+                disabled?: false;
+                required?: false;
+                displayTextKey?: 'text';
+                keyOfValue?: 'value';
             };
         };
     };

package/dist/module.d.ts

@@ -33,7 +33,17 @@ interface ModuleOptions {
     components: {
         alert: {
             props: {
-                color: string;
+                color?: string;
+            };
+        };
+        select: {
+            props: {
+                color?: string;
+                size?: 'md';
+                disabled?: false;
+                required?: false;
+                displayTextKey?: 'text';
+                keyOfValue?: 'value';
             };
         };
     };

package/dist/module.json

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

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

@@ -61,7 +61,11 @@ const firstVal = selectValue.value
           "
           :value="firstVal"
         >
-          {{ props.placeholder }}
+          {{
+            props.firstOptionText === ''
+              ? props.placeholder
+              : props.firstOptionText
+          }}
         </option>
         <option
           v-for="(item, index) in props.options"

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

@@ -1,4 +1,9 @@
 declare const _default: {
+    firstOptionText: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
     options: {
         required: boolean;
         default: never[];

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

@@ -20,5 +20,10 @@ export default {
   ...keyOfValue(),
   ...error,
   ...disabled,
-  ...options
+  ...options,
+  firstOptionText: {
+    required: false,
+    default: "",
+    type: String
+  }
 };

package/dist/runtime/style/style.css

@@ -1328,13 +1328,30 @@ label.checked {
 .glorious-tooltip {
   @apply relative w-max;
 }
-.glorious-tooltip > .tooltip-slot:hover ~ .tooltip-content {
-  @apply opacity-100;
+.glorious-tooltip .tooltip-slot:hover + .tooltip-content {
+  opacity: 1;
+  display: inline;
+  animation: anim-glorious-tooltip 500ms backwards;
 }
 .glorious-tooltip > .tooltip-content {
-  @apply bg-white w-max rounded-lg shadow-md pt-2 px-3 flex absolute bottom-10 opacity-0 transition-all duration-100 ease-in;
+  @apply bg-white w-max rounded-lg shadow-md pt-2 px-3 flex absolute bottom-10 right-0 left-0 mx-auto;
+  display: none;
+  opacity: 0;
 }
 
+@keyframes anim-glorious-tooltip {
+  0% {
+    opacity: 0;
+    display: none;
+  }
+  1% {
+    display: inline-block !important;
+  }
+  100% {
+    opacity: 1 !important;
+    display: inline-block !important;
+  }
+}
 .glorious-backdrop {
   @apply backdrop-blur-md fixed top-0 w-full h-full bg-gray-500/50 z-40;
 }

package/package.json

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