classcard-ui 0.2.209 → 0.2.213

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.209",
+  "version": "0.2.213",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CDatepicker/CDatepicker.vue

@@ -41,7 +41,6 @@
                 : 'border-gray-300 border-l-0 text-gray-700',
               'bg-white  w-full p-2 appearance-none border  rounded-r-md focus:outline-none focus:border-blue-500 text-sm',
             ]"
-            @click="togglePopover()"
             :readonly="disabled"
           />
         </div>

package/src/components/CInputAddon/CInputAddon.vue

@@ -74,7 +74,7 @@
         <div
           v-if="!isValidate"
           class="right-0 pr-2 flex items-center pointer-events-none text-red-600"
-          >
+        >
           <c-icon name="exclamation-circle" type="solid" class="h-5 w-5"></c-icon>
         </div>
         <span

package/src/components/CMultiselect/CMultiselect.vue

@@ -74,7 +74,7 @@ export default {
       required: true,
     },
     label: String,
-    placeholder: {
+    placeholder:{
       type: String,
       default: "Start typing... (min 2 characters) to search options",
     },
@@ -173,7 +173,7 @@ export default {
 .vs__dropdown-toggle.vs__dropdown-option--highlight {
   @apply bg-indigo-700 text-white;
 }
-.vs__dropdown-option--highlight {
+.vs__dropdown-option--highlight { 
   @apply bg-indigo-700 text-white;
 }
 </style>

package/src/components/CMultiselectr/CMultiselectr.vue

@@ -1,11 +1,12 @@
 <template>
   <div>
-    <!-- <label class="text-sm text-gray-900">{{label}}</label>
+     <!-- <label class="text-sm text-gray-900">{{label}}</label>
     <multiselect class="mt-1" v-model="value" :options="options" :multiple="true">
     </multiselect> -->
   </div>
 </template>
 <script>
+
 export default {
   // name: "CMultiselect",
   // components: { Multiselect },
@@ -37,7 +38,7 @@ export default {
 .multiselect__tag-icon:hover,
 .multiselect__option--highlight,
 .multiselect__option--highlight::after {
-  background: #0369a1;
+  background: #0369A1;
   color: #fff;
 }
 </style>

package/src/components/CPagination/CPagination.vue

@@ -1,85 +1,84 @@
 <template>
-<div class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
-  <div class="flex-1 flex justify-between sm:hidden">
-    <a href="#" class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
-      Previous
-    </a>
-    <a href="#" class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
-      Next
-    </a>
-  </div>
-  <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
-    <div>
-      <p class="text-sm text-gray-700">
-        Showing
-        <span class="font-medium">1</span>
-        to
-        <span class="font-medium">10</span>
-        of
-        <span class="font-medium">97</span>
-        results
-      </p>
+  <div class="bg-white px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6">
+    <div class="flex-1 flex justify-between sm:hidden">
+      <a href="#" class="relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
+        Previous
+      </a>
+      <a href="#" class="ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
+        Next
+      </a>
     </div>
-    <div>
-      <nav class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px" aria-label="Pagination">
-        <div class="hidden md:-mt-px md:flex">
-          <div href="#"
-            @click="currentPageNumber == '1' ? '' : goToPreviousPage()"
-            class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-r-0 border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
+    <div class="hidden sm:flex-1 sm:flex sm:items-center sm:justify-between">
+      <div>
+        <p class="text-sm text-gray-700">
+          Showing
+          <span class="font-medium">1</span>
+          to
+          <span class="font-medium">10</span>
+          of
+          <span class="font-medium">97</span>
+          results
+        </p>
+      </div>
+      <div>
+        <nav class="relative z-0 inline-flex rounded-md shadow-sm -space-x-px" aria-label="Pagination">
+          <div class="hidden md:-mt-px md:flex">
+            <div href="#"
+              @click="currentPageNumber == '1' ? '' : goToPreviousPage()"
+              class="relative inline-flex items-center px-2 py-2 rounded-l-md border border-r-0 border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
+              :class="
+              currentPageNumber == '1'
+                ? 'text-gray-400 pointer-events-none'
+                : 'text-gray-500 hover:text-gray-700 group cursor-pointer'
+              "
+              >
+              <span class="sr-only">Previous</span>
+              <!-- Heroicon name: solid/chevron-left -->
+              <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
+              </svg>
+            </div>
+            <div
+              v-for="page in pageRange"
+              :key="page"
+              :class="[
+                page == currentPageNumber
+                  ? 'z-10 bg-indigo-50 border-indigo-500 text-indigo-600 relative inline-flex items-center px-4 py-2 border text-sm font-medium'
+                  : '',
+                page === '...' ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium' : '',
+                page !== currentPageNumber && page !== '...'
+                  ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium'
+                  : '',
+              ]"
+              @click="changePage(page)"
+            >
+              <div v-if="page === '...'">...</div>
+              <div v-else>
+                {{ page }}
+              </div>
+            </div>
+            <div href="#"
+            class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
+            @click="currentPageNumber == lastPageNumber ? '' : goToNextPage()"
             :class="
-            currentPageNumber == '1'
-              ? 'text-gray-400 pointer-events-none'
-              : 'text-gray-500 hover:text-gray-700 group cursor-pointer'
+              currentPageNumber == lastPageNumber
+                ? 'text-gray-400 pointer-events-none'
+                : 'text-gray-500 hover:text-gray-700 group cursor-pointer'
             "
             >
-            <span class="sr-only">Previous</span>
-            <!-- Heroicon name: solid/chevron-left -->
-            <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-              <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
-            </svg>
-          </div>
-          <div
-            v-for="page in pageRange"
-            :key="page"
-            :class="[
-              page == currentPageNumber
-                ? 'z-10 bg-indigo-50 border-indigo-500 text-indigo-600 relative inline-flex items-center px-4 py-2 border text-sm font-medium'
-                : '',
-              page === '...' ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium' : '',
-              page !== currentPageNumber && page !== '...'
-                ? 'bg-white border-gray-300 text-gray-500 hover:bg-gray-50 relative inline-flex items-center px-4 py-2 border border-r-0 text-sm font-medium'
-                : '',
-            ]"
-            @click="changePage(page)"
-          >
-            <div v-if="page === '...'">...</div>
-            <div v-else>
-              {{ page }}
+              <span class="sr-only">Next</span>
+              <!-- Heroicon name: solid/chevron-right -->
+              <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
+                <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
+              </svg>
             </div>
           </div>
-          <div href="#"
-          class="relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
-          @click="currentPageNumber == lastPageNumber ? '' : goToNextPage()"
-          :class="
-            currentPageNumber == lastPageNumber
-              ? 'text-gray-400 pointer-events-none'
-              : 'text-gray-500 hover:text-gray-700 group cursor-pointer'
-          "
-          >
-            <span class="sr-only">Next</span>
-            <!-- Heroicon name: solid/chevron-right -->
-            <svg class="h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-              <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
-            </svg>
-          </div>
-        </div>
-      </nav>
+        </nav>
+      </div>
     </div>
   </div>
-</div>
 </template>
 <script>
-// import CIcon from "../CIcon/CIcon.vue";
 export default {
   name: "CPagination",
   props: {
@@ -153,4 +152,4 @@ export default {
     },
   },
 };
-</script>
+</script>

package/src/components/CRadio/CRadio.vue

@@ -17,10 +17,7 @@
             :disabled="isDisabled"
           />
         </div>
-        <label
-          class="ml-3 flex flex-col cursor-pointer"
-          @click="onChange(item.value)"
-        >
+        <label class="ml-3 flex flex-col cursor-pointer" @click="onChange(item.value)">
           <span class="block text-sm font-medium">
             {{ item.label }}
           </span>

package/src/components/CSwitch/CSwitch.vue

@@ -38,7 +38,6 @@
         <span v-if="description" class="text-sm text-gray-500">{{ description }}</span>
       </span>
     </div>
-
     <!-- large toggle -->
     <div v-else :class="label == '' ? 'items-center' : 'items-start'" class="flex justify-between cursor-pointer">
       <span class="flex-grow flex flex-col" id="toggleLabel" v-if="direction == 'left'" @click="switchValue">
@@ -60,7 +59,7 @@
           class="inline-block h-5 w-5 rounded-full bg-white transform ring-0 transition ease-in-out duration-200"
         ></span>
       </button>
-      <span class="flex flex-col" id="toggleLabel" v-if="direction == 'right'" @click="switchValue">
+      <span class="flex flex-col" id="toggleLabel" v-if="direction == 'right'" disabled:opacity-50>
         <span v-if="label" :class="classes" class="text-gray-900">{{ label }}</span>
         <span v-if="description" class="text-sm text-gray-500">{{ description }}</span>
       </span>
@@ -92,9 +91,6 @@ export default {
     direction: {
       type: String,
     },
-    disabled: {
-      type: Boolean,
-    }
   },
   data() {
     return {
@@ -103,7 +99,7 @@ export default {
   },
   methods: {
     switchValue() {
-      this.isToggle = this.isToggle == 1 ? 0 : 1;
+      this.isToggle = this.isToggle === 1 ? 0 : 1;
       this.$emit("returnToggleValue", this.isToggle);
     },
   },