edvoyui-component-library-test-flight 0.0.164 → 0.0.166

package/dist/radio/EUIRadio.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/radio/EUIRadio.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/radio/EUIRadio.vue?vue&type=style&index=0&scoped=85a67463&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/radio/EUIRadio.vue?vue&type=style&index=0&scoped=2c4d7e6e&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUIRadio.vue.d.ts.map

package/dist/table/EUIDashboardTable.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=style&index=0&scoped=3d989b7f&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUIDashboardTable.vue?vue&type=style&index=0&scoped=96e61185&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUIDashboardTable.vue.d.ts.map

package/dist/table/EUITable.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=style&index=0&scoped=7695a283&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/EUITable.vue?vue&type=style&index=0&scoped=8982a42f&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUITable.vue.d.ts.map

package/dist/table/GrowthTable.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/table/GrowthTable.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/GrowthTable.vue?vue&type=style&index=0&scoped=f7c99f58&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/table/GrowthTable.vue?vue&type=style&index=0&scoped=53514ae1&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=GrowthTable.vue.d.ts.map

package/dist/toggle/EUIToggle.vue.d.ts

@@ -1,5 +1,5 @@
 export * from "/Volumes/work/repos/edvoy-ui-v2/src/components/toggle/EUIToggle.vue?vue&type=script&setup=true&lang.ts";
-import "/Volumes/work/repos/edvoy-ui-v2/src/components/toggle/EUIToggle.vue?vue&type=style&index=0&scoped=f3426066&lang.scss";
+import "/Volumes/work/repos/edvoy-ui-v2/src/components/toggle/EUIToggle.vue?vue&type=style&index=0&scoped=8bc6f54e&lang.scss";
 declare const _default: any;
 export default _default;
 //# sourceMappingURL=EUIToggle.vue.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "edvoyui-component-library-test-flight",
   "private": false,
-  "version": "0.0.164",
+  "version": "0.0.166",
   "type": "module",
   "files": [
     "dist/",

package/src/components/HelloWorld.vue

@@ -1653,7 +1653,7 @@ const selectedRows = ref([]);
 const checkedRows = ref([]);
 const defaultSortOrder = ref("asc");
 const limit = ref(5);
-const offset = ref(1);
+const offset = ref(0);
 const selectedIndex = ref(null);
 const selected: { index: string } = { index: "" };
 

package/src/components/checkbox/EUICheckbox.vue

@@ -19,7 +19,7 @@
         <span v-if="label" class="text-sm font-medium tracking-wide text-gray-700 ms-2 first-letter:capitalize">{{ label }}</span>
       </slot>
   </label>
-  <template v-if="errors && errors.length">
+  <template v-if="errors && Object.keys(errors).length">
     <EUIErrorMessage :errors="errors" :name="name" />
   </template>
 </div>

package/src/components/datepicker/EUIDatepicker.vue

@@ -78,7 +78,7 @@
         @update:model-value="handleDate"
       />
     </div>
-    <template v-if="errors && errors.length">
+    <template v-if="errors && Object.keys(errors).length">
       <EUIErrorMessage :errors="errors" :name="name" class="mt-2" />
     </template>
   </div>

package/src/components/input/EUIInput.vue

@@ -93,7 +93,7 @@
         @blur="hasFocus = false"
       />
     </div>
-    <template v-if="errors && errors.length">
+    <template v-if="errors && Object.keys(errors).length">
       <EUIErrorMessage :errors="errors" :name="name" />
     </template>
   </div>

package/src/components/input/EUINumberInput.vue

@@ -82,7 +82,7 @@
         @blur="hasFocus = false"
       />
     </div>
-    <template v-if="errors && errors.length">
+    <template v-if="errors && Object.keys(errors).length">
       <EUIErrorMessage :errors="errors" :name="name" />
     </template>
   </div>

package/src/components/pillSelect/EUIPillSelect.vue

@@ -27,9 +27,9 @@
         }}
       </EUIButton>
     </div>
-    <div class="ml-2 mt-1">
-      <EUIErrorMessage :name="name" :errors="errors" />
-    </div>
+     <template v-if="errors && Object.keys(errors).length">
+      <EUIErrorMessage :errors="errors" :name="name" />
+    </template>
   </div>
 </template>
 

package/src/components/radio/EUIRadio.vue

@@ -17,7 +17,9 @@
             {{ label }}
         </span>
     </label>
-    <EUIErrorMessage :errors="errors" :name="name" />
+     <template v-if="errors && Object.keys(errors).length">
+      <EUIErrorMessage :errors="errors" :name="name" />
+    </template>
   </div>
 </template>
 

package/src/components/select/EUISelect.vue

@@ -247,8 +247,8 @@
       </template>
     </vSelect>
 
-    <template v-if="errors && errors.length">
-      <EUIErrorMessage :errors="errors" :name="name" class="mt-2" />
+     <template v-if="errors && Object.keys(errors).length">
+      <EUIErrorMessage :errors="errors" :name="name" />
     </template>
   </div>
 </template>

package/src/components/table/ColumnResizeTable.vue

@@ -1,21 +1,24 @@
 <template>
   <div>
     <Transition name="fade" mode="out-in">
-      <div
-        v-if="loading"
-        :class="[
-          'overflow-hidden relative z-0 isolate bg-white backdrop-blur transition-colors duration-150 ease-in-out rounded-xl border border-gray-50',
-          tableHeight
-            ? tableHeight
-            : 'h-[calc(100svh-9rem)] max-h-[calc(100svh-9rem)]',
-        ]"
-      >
-        <div
-          class="absolute flex items-center z-[calc(infinity)] w-full h-auto pointer-events-none inset-0"
-        >
-          <EUICircleLoader />
-        </div>
-      </div>
+      <template v-if="loading">
+        <slot name="loader" :loading="loading" :height="tableHeight">
+          <div
+            :class="[
+              'overflow-hidden relative z-0 isolate bg-white backdrop-blur transition-colors duration-150 ease-in-out rounded-xl border border-gray-50',
+              tableHeight
+                ? tableHeight
+                : 'h-[calc(100svh-9rem)] max-h-[calc(100svh-9rem)]',
+            ]"
+          >
+            <div
+              class="absolute flex items-center z-[calc(infinity)] w-full h-auto pointer-events-none inset-0"
+            >
+              <EUICircleLoader />
+            </div>
+          </div>
+        </slot>
+      </template>
 
       <div v-else class="relative max-w-full mx-auto">
         <article
@@ -201,28 +204,30 @@
                       checkable === true ? headers.length + 1 : headers.length
                     "
                   >
-                  <slot name="no-records">
-                    <div
-                      class="flex items-center justify-center w-[calc(100vw-14rem)]"
-                      :class="[
-                        tableHeight
-                          ? tableHeight
-                          : 'h-[calc(100svh-12rem)] max-h-[calc(100svh-12rem)]',
-                      ]"
-                    >
-                      <div class="text-center">
-                        <div class="mx-auto overflow-hidden rounded-md size-56">
-                          <img
-                            src="@/assets/images/search-nodata.png"
-                            alt=""
-                            class="block object-contain object-center h-auto max-w-full opacity-90"
-                          />
-                        </div>
-                        <div class="my-2 text-xl font-medium text-gray-500">
-                          No matching records found
+                    <slot name="no-records">
+                      <div
+                        class="flex items-center justify-center w-[calc(100vw-14rem)]"
+                        :class="[
+                          tableHeight
+                            ? tableHeight
+                            : 'h-[calc(100svh-12rem)] max-h-[calc(100svh-12rem)]',
+                        ]"
+                      >
+                        <div class="text-center">
+                          <div
+                            class="mx-auto overflow-hidden rounded-md size-56"
+                          >
+                            <img
+                              src="@/assets/images/search-nodata.png"
+                              alt=""
+                              class="block object-contain object-center h-auto max-w-full opacity-90"
+                            />
+                          </div>
+                          <div class="my-2 text-xl font-medium text-gray-500">
+                            No matching records found
+                          </div>
                         </div>
                       </div>
-                    </div>
                     </slot>
                   </td>
                 </tr>
@@ -424,7 +429,7 @@ const searchData = (_data: any) => {
 
 const changeLimit = (limitData: number) => {
   limit.value = limitData;
-  newCurrentPage.value = 1;
+  newCurrentPage.value = 0;
   emit("update:currentPage", newCurrentPage.value);
   emit("changeLimit", limitData);
 };
@@ -573,7 +578,7 @@ const tableColumnResize = () => {
 
     let startX: number, startWidth: number;
 
-    const mouseDownHandler = function (e:any) {
+    const mouseDownHandler = function (e: any) {
       startX = e.pageX;
       startWidth = parseInt(
         document.defaultView?.getComputedStyle(th)?.width || "0px",
@@ -587,7 +592,7 @@ const tableColumnResize = () => {
       e.preventDefault();
     };
 
-    const onMouseMove = function (e:any) {
+    const onMouseMove = function (e: any) {
       if (isResizing) {
         const newWidth = startWidth + (e.pageX - startX);
         if (newWidth > 100) {
@@ -682,9 +687,9 @@ watch(() => tableContainer.value?.clientWidth, checkOverflow);
       }
 
       & > tr {
-         transition-property: filter, background, opacity;
-         transition-duration: 0.2s;
-         transition-timing-function: ease-out;
+        transition-property: filter, background, opacity;
+        transition-duration: 0.2s;
+        transition-timing-function: ease-out;
       }
     }
 
@@ -710,10 +715,10 @@ watch(() => tableContainer.value?.clientWidth, checkOverflow);
     */
 
     // TODO: Hover Row highlight
-    & tbody:hover tr:not(:hover) td:not(:nth-child(-n+2)) {
-        filter: blur(4px) saturate(0.2);
-        pointer-events: none;
-        opacity: 0.6;
+    & tbody:hover tr:not(:hover) td:not(:nth-child(-n + 2)) {
+      filter: blur(4px) saturate(0.2);
+      pointer-events: none;
+      opacity: 0.6;
     }
   }
 }