classcard-ui 0.2.623 → 0.2.624

package/package.json

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

package/src/components/CMultiselect/CMultiselect.vue

@@ -1,14 +1,12 @@
 <template>
   <div>
     <div class="flex items-center">
-      <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>
     <v-select
-      class="mt-1 text-sm"
+      class="mt-1 text-sm disabled-opacity-50 disabled-pointer-events-none disabled-cursor-default"
       :placeholder="placeholder"
       :multiple="isMultiple"
       :taggable="isTaggable"
@@ -24,6 +22,7 @@
       :loading="loading"
       @open="onOpen"
       @close="onClose"
+      :disabled="isDisabled"
     >
       <template #open-indicator="{ attributes }">
         <span v-bind="attributes">
@@ -43,9 +42,7 @@
       </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 }">
@@ -94,9 +91,7 @@
         </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"
@@ -219,15 +214,16 @@ export default {
       type: Boolean,
       default: false,
     },
+    isDisabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {},
   data() {
     return {
       loaderSearching: true,
-      value:
-        this.optionsSelected && this.optionsSelected.length
-          ? this.optionsSelected
-          : [],
+      value: this.optionsSelected && this.optionsSelected.length ? this.optionsSelected : [],
       observer: null,
     };
   },
@@ -282,7 +278,7 @@ export default {
   @apply cursor-pointer;
 }
 .vs__dropdown-toggle {
-  @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;
+  @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;
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
 }
@@ -310,7 +306,7 @@ export default {
   @apply pt-0 pr-3;
 }
 .vs__dropdown-menu {
-  @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;
+  @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;
 }
 .vs__dropdown-option {
   @apply py-2;