classcard-ui 0.2.736 → 0.2.738

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.736",
+  "version": "0.2.738",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CMultiselect/CMultiselect.vue

@@ -3,7 +3,9 @@
     <div class="flex w-full items-center justify-between" v-if="label">
       <div class="flex items-center">
         <!-- label of multiselect field -->
-        <label v-if="label" class="text-sm font-medium text-gray-900">{{ label }}</label>
+        <label v-if="label" class="text-sm font-medium text-gray-900">{{
+          label
+        }}</label>
         <!-- asterisk sign to render if field is required -->
         <p v-if="isRequired" class="ml-1 text-red-600">*</p>
       </div>
@@ -46,7 +48,9 @@
       </template>
       <!-- eslint-disable-next-line vue/no-unused-vars  -->
       <template #no-options="{ search, searching, loading }">
-        <span v-if="search.length < 1">Start typing to search for options...</span>
+        <span v-if="search.length < 1"
+          >Start typing to search for options...</span
+        >
         <span v-else>No options found, try searching something else.</span>
       </template>
       <template #spinner="{ loading }">
@@ -76,7 +80,11 @@
         <slot name="custom-option" v-bind:option="option"></slot>
       </template>
       <template v-if="showOptionImage" v-slot:option="option">
-        <div :class="`flex w-full ${option.description ? 'items-start' : 'items-center'}`">
+        <div
+          :class="`flex w-full ${
+            option.description ? 'items-start' : 'items-center'
+          }`"
+        >
           <c-avatar
             v-if="option.image"
             size="extraextrasmall"
@@ -102,7 +110,9 @@
         </div>
       </template>
       <template #list-footer>
-        <li ref="load" class="loader" v-show="hasNextPage">Loading more options...</li>
+        <li ref="load" class="loader" v-show="hasNextPage">
+          Loading more options...
+        </li>
         <li
           v-if="showFooterButton"
           class="group sticky bottom-0 mt-1 cursor-pointer select-none bg-gray-50 py-2 pl-3 pr-9 text-gray-700 hover:bg-gray-100 hover:text-gray-900"
@@ -242,7 +252,10 @@ export default {
   data() {
     return {
       loaderSearching: true,
-      value: this.optionsSelected && this.optionsSelected.length ? this.optionsSelected : [],
+      value:
+        this.optionsSelected && this.optionsSelected.length
+          ? this.optionsSelected
+          : [],
       observer: null,
     };
   },
@@ -297,7 +310,7 @@ export default {
   @apply cursor-pointer;
 }
 .vs__dropdown-toggle {
-  @apply focus:outline-none w-full rounded-md border border-gray-300 bg-white pl-3 text-left shadow-sm focus:border-indigo-500 focus:ring-1 focus:ring-indigo-500 sm:text-sm;
+  @apply w-full rounded-md border border-gray-300 bg-white pl-3 text-left shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm;
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
 }
@@ -325,7 +338,7 @@ export default {
   @apply pt-0 pr-3;
 }
 .vs__dropdown-menu {
-  @apply focus:outline-none mt-2 max-h-60 overflow-auto rounded-md bg-white py-0 text-base shadow-lg ring-1 ring-opacity-5 sm:text-sm;
+  @apply mt-2 max-h-60 overflow-auto rounded-md bg-white py-0 text-base shadow-lg ring-1 ring-opacity-5 focus:outline-none sm:text-sm;
 }
 .vs__dropdown-option {
   @apply py-2;