classcard-ui 0.2.210 → 0.2.214

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.210",
+  "version": "0.2.214",
   "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);
     },
   },

package/src/components/CTable/CTable.vue

@@ -1,6 +1,5 @@
 <template>
   <div>
-
     <div slot="table-actions" v-if="tableActions" class="bg-gray-50 rounded-lg p-3 mb-4">
       <div class="flex justify-between">
         <div v-if="searching">
@@ -70,12 +69,6 @@
       mode="remote"
       ref="my-table"
       :styleClass="showLoader ? 'vgt-table opacity-50 pointer-events-none' : 'vgt-table'"
-      row-style-class="focus:outline-none"
-      min-height="400px"
-      :globalSearch="true"
-      :isLoading="showLoader"
-      :totalRows="totalRecords"
-      :columns="cols"
       :rows="rows"
       :search-options="{
         enabled: searching,
@@ -149,6 +142,7 @@
           {{ props.formattedRow[props.column.field] }}
         </span>
       </template>
+
       <!-- Custom pagination component -->
       <template v-if="pagination" slot="pagination-bottom">
         <c-pagination
@@ -206,7 +200,7 @@ export default {
     VueGoodTable,
     CPagination,
     CButtonIcon,
-    CInput,
+    CInput
   },
   props: {
     // To show or hide pagination section

package/src/components/CTextarea/CTextarea.vue

@@ -14,7 +14,8 @@
         :placeholder="placeholder"
         :rows="rows"
         :class="errorClasses"
-        class="focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md"
+        :disabled="disabled"
+        class="focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md disabled:opacity-50"
       ></textarea>
       <div
         v-if="!isValidate"
@@ -55,6 +56,10 @@ export default {
     errorMessage: {
       type: String,
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
   },
   computed: {
     errorClasses() {

package/src/icons.js

@@ -52,7 +52,8 @@ export default {
     "M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3",
   "clipboard-check":
     "M9 2a1 1 0 000 2h2a1 1 0 100-2H9z M4 5a2 2 0 012-2 3 3 0 003 3h2a3 3 0 003-3 2 2 0 012 2v11a2 2 0 01-2 2H6a2 2 0 01-2-2V5zm9.707 5.707a1 1 0 00-1.414-1.414L9 12.586l-1.293-1.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-  cloud: "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z",
+  cloud:
+    "M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z",
   search: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",
   "menu-alt-2": "M4 6h16M4 12h16M4 18h7",
   close: "M6 18L18 6M6 6l12 12",
@@ -99,7 +100,8 @@ export default {
     "M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z",
   "check-circle-solid":
     "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
-  "folder-solid": "M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z",
+  "folder-solid":
+    "M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z",
   "shopping-cart-outline":
     "M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z",
   "external-link-outline":
@@ -184,11 +186,10 @@ export default {
     "M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z",
   "x-circle-solid":
     "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
-  "x-circle-outline": "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z",
+  "x-circle-outline":
+    "M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z",
   "check-circle-outline": "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
   "play-solid":
     "M10 18a8 8 0 100-16 8 8 0 000 16zM9.555 7.168A1 1 0 008 8v4a1 1 0 001.555.832l3-2a1 1 0 000-1.664l-3-2z",
-  "phone-outgoing-solid":
-    "M17.924 2.617a.997.997 0 00-.215-.322l-.004-.004A.997.997 0 0017 2h-4a1 1 0 100 2h1.586l-3.293 3.293a1 1 0 001.414 1.414L16 5.414V7a1 1 0 102 0V3a.997.997 0 00-.076-.383z M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z",
   save: "M7.707 10.293a1 1 0 10-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 11.586V6h5a2 2 0 012 2v7a2 2 0 01-2 2H4a2 2 0 01-2-2V8a2 2 0 012-2h5v5.586l-1.293-1.293zM9 4a1 1 0 012 0v2H9V4z",
 };

package/src/main.js

@@ -1,5 +1,4 @@
 import * as components from './components'
-import './assets/tailwind.css'
 
 const ClasscardUI = {
   install(Vue) {