pukaad-ui-lib 1.203.0 → 1.204.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.203.0",
+  "version": "1.204.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/comment.d.vue.ts

@@ -22,12 +22,26 @@ export interface CommentItem {
     reply_count: number;
     reply: Reply[];
 }
+export interface CommentFetchResult {
+    data: CommentItem[];
+    totalComments: number;
+    meta: {
+        total_pages: number;
+    };
+}
 type __VLS_Props = {
-    comments: CommentItem[];
-    commentCount: number;
+    comments?: CommentItem[];
+    commentCount?: number;
     currentUser: User;
+    fetchFn?: (page: number, pageSize: number) => Promise<CommentFetchResult>;
+    pageSize?: number;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    addComment: (comment: CommentItem) => void;
+    addReply: (commentId: string, reply: Reply) => void;
+    removeComment: (commentId: string) => void;
+    removeReply: (replyId: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: (content: string) => any;
     reply: (commentId: string, replyToUserId: string | undefined, content: string) => any;
     "like-comment": (comment: CommentItem) => any;
@@ -49,6 +63,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onDelete-reply"?: ((reply: Reply) => any) | undefined;
     "onReport-comment"?: ((comment: CommentItem) => any) | undefined;
     "onReport-reply"?: ((reply: Reply) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    comments: CommentItem[];
+    commentCount: number;
+    pageSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/comment.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col gap-[16px] w-full">
     <div class="font-title-medium-prominent">
-      ความคิดเห็น {{ $convert.convertNumber(commentCount) }}
+      ความคิดเห็น {{ $convert.convertNumber(resolvedCommentCount) }}
     </div>
     <div class="flex flex-col gap-[16px]">
       <div class="flex gap-[8px] w-full">
@@ -32,7 +32,7 @@
       </div>
     </div>
     <div
-      v-for="cmt in comments"
+      v-for="cmt in resolvedComments"
       :key="cmt.id"
       class="flex flex-col gap-[16px] w-full"
     >
@@ -139,7 +139,10 @@
 "
               :class="[cmt.is_liked && 'text-primary']"
             />
-            <div v-if="cmt.like_count > 0" :class="[cmt.is_liked && 'text-primary']">
+            <div
+              v-if="cmt.like_count > 0"
+              :class="[cmt.is_liked && 'text-primary']"
+            >
               {{ $convert.convertNumber(cmt.like_count) }}
             </div>
           </div>
@@ -207,7 +210,9 @@
       </div>
       <div
         v-if="cmt.reply.length > 0"
-        v-show="openedComments.includes(cmt.id) || cmt.reply.some((r) => pinnedReplyIds.has(r.id))"
+        v-show="
+  openedComments.includes(cmt.id) || cmt.reply.some((r) => pinnedReplyIds.has(r.id))
+"
         class="pl-[38px] flex flex-col gap-[16px]"
       >
         <div
@@ -315,7 +320,9 @@
                     icon-size="20"
                     :items="getReplyMenuItems(reply)"
                     :open="openMenuId === reply.id"
-                    @update:open="(v) => openMenuId = v ? reply.id : null"
+                    @update:open="
+  (v) => openMenuId = v ? reply.id : null
+"
                   />
                 </div>
               </template>
@@ -334,7 +341,10 @@
 "
                   :class="[reply.is_liked && 'text-primary']"
                 />
-                <div v-if="reply.like_count > 0" :class="[reply.is_liked && 'text-primary']">
+                <div
+                  v-if="reply.like_count > 0"
+                  :class="[reply.is_liked && 'text-primary']"
+                >
                   {{ $convert.convertNumber(reply.like_count) }}
                 </div>
               </div>
@@ -385,19 +395,49 @@
         </div>
       </div>
     </div>
+    <!-- Loading indicator for pagination -->
+    <div
+      v-if="fetchFn && paginationState.loading"
+      class="flex justify-center py-4"
+    >
+      <Icon name="lucide:loader-2" class="animate-spin h-5 w-5 text-primary" />
+    </div>
   </div>
 </template>
 
 <script setup>
-import { ref, nextTick, watch } from "vue";
+import {
+  ref,
+  nextTick,
+  watch,
+  reactive,
+  computed,
+  onMounted,
+  onUnmounted
+} from "vue";
 import { useRouter } from "vue-router";
 import { useConvert } from "@/runtime/composables/useConvert";
 const props = defineProps({
-  comments: { type: Array, required: true },
-  commentCount: { type: Number, required: true },
-  currentUser: { type: Object, required: true }
+  comments: { type: Array, required: false, default: () => [] },
+  commentCount: { type: Number, required: false, default: 0 },
+  currentUser: { type: Object, required: true },
+  fetchFn: { type: Function, required: false },
+  pageSize: { type: Number, required: false, default: 20 }
 });
 const emit = defineEmits(["submit", "reply", "like-comment", "like-reply", "edit-comment", "edit-reply", "delete-comment", "delete-reply", "report-comment", "report-reply"]);
+const internalComments = ref([]);
+const internalCommentCount = ref(0);
+const paginationState = reactive({
+  page: 1,
+  totalPages: 1,
+  loading: false
+});
+const resolvedComments = computed(
+  () => props.fetchFn ? internalComments.value : props.comments
+);
+const resolvedCommentCount = computed(
+  () => props.fetchFn ? internalCommentCount.value : props.commentCount ?? 0
+);
 const router = useRouter();
 const { convertDateTorelativeText } = useConvert();
 const openedComments = ref([]);
@@ -413,7 +453,7 @@ const replyTextMap = ref({});
 const pinnedReplyIds = ref(/* @__PURE__ */ new Set());
 let knownReplyIds = null;
 watch(
-  () => props.comments.flatMap((c) => c.reply.map((r) => r.id)),
+  () => resolvedComments.value.flatMap((c) => c.reply.map((r) => r.id)),
   (allIds) => {
     if (knownReplyIds === null) {
       if (allIds.length === 0) return;
@@ -728,4 +768,78 @@ const getReplyMenuItems = (reply) => isSelfUser(reply.user) ? [
     action: () => emit("report-reply", reply)
   }
 ];
+const fetchData = async (isLoadMore = false) => {
+  if (!props.fetchFn) return;
+  if (paginationState.loading) return;
+  if (isLoadMore && paginationState.page > paginationState.totalPages) return;
+  paginationState.loading = true;
+  try {
+    const res = await props.fetchFn(paginationState.page, props.pageSize);
+    if (res?.data) {
+      if (isLoadMore) {
+        internalComments.value.push(...res.data);
+      } else {
+        internalComments.value = res.data;
+      }
+      internalCommentCount.value = res.totalComments;
+      paginationState.totalPages = res.meta.total_pages;
+    }
+  } catch (e) {
+    console.error("Comment: Failed to fetch:", e);
+  } finally {
+    paginationState.loading = false;
+  }
+};
+const onScroll = () => {
+  if (!props.fetchFn) return;
+  const isBottom = document.documentElement.scrollHeight - window.scrollY <= window.innerHeight + 150;
+  if (isBottom && !paginationState.loading && paginationState.page < paginationState.totalPages) {
+    paginationState.page++;
+    fetchData(true);
+  }
+};
+onMounted(() => {
+  if (props.fetchFn) {
+    fetchData();
+    window.addEventListener("scroll", onScroll);
+  }
+});
+onUnmounted(() => {
+  if (props.fetchFn) {
+    window.removeEventListener("scroll", onScroll);
+  }
+});
+const addComment = (comment) => {
+  internalComments.value.unshift(comment);
+  internalCommentCount.value++;
+};
+const addReply = (commentId, reply) => {
+  const parent = internalComments.value.find((c) => c.id === commentId);
+  if (parent) {
+    if (!parent.reply) parent.reply = [];
+    parent.reply.push(reply);
+    parent.reply_count = (parent.reply_count || 0) + 1;
+    internalCommentCount.value++;
+  }
+};
+const removeComment = (commentId) => {
+  const idx = internalComments.value.findIndex((c) => c.id === commentId);
+  if (idx === -1) return;
+  const [removed] = internalComments.value.splice(idx, 1);
+  if (removed) {
+    internalCommentCount.value -= 1 + (removed.reply_count || 0);
+  }
+};
+const removeReply = (replyId) => {
+  const parent = internalComments.value.find(
+    (c) => c.reply.some((r) => r.id === replyId)
+  );
+  if (!parent) return;
+  const idx = parent.reply.findIndex((r) => r.id === replyId);
+  if (idx === -1) return;
+  parent.reply.splice(idx, 1);
+  parent.reply_count--;
+  internalCommentCount.value--;
+};
+defineExpose({ addComment, addReply, removeComment, removeReply });
 </script>

package/dist/runtime/components/comment.vue.d.ts

@@ -22,12 +22,26 @@ export interface CommentItem {
     reply_count: number;
     reply: Reply[];
 }
+export interface CommentFetchResult {
+    data: CommentItem[];
+    totalComments: number;
+    meta: {
+        total_pages: number;
+    };
+}
 type __VLS_Props = {
-    comments: CommentItem[];
-    commentCount: number;
+    comments?: CommentItem[];
+    commentCount?: number;
     currentUser: User;
+    fetchFn?: (page: number, pageSize: number) => Promise<CommentFetchResult>;
+    pageSize?: number;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    addComment: (comment: CommentItem) => void;
+    addReply: (commentId: string, reply: Reply) => void;
+    removeComment: (commentId: string) => void;
+    removeReply: (replyId: string) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     submit: (content: string) => any;
     reply: (commentId: string, replyToUserId: string | undefined, content: string) => any;
     "like-comment": (comment: CommentItem) => any;
@@ -49,6 +63,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onDelete-reply"?: ((reply: Reply) => any) | undefined;
     "onReport-comment"?: ((comment: CommentItem) => any) | undefined;
     "onReport-reply"?: ((reply: Reply) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    comments: CommentItem[];
+    commentCount: number;
+    pageSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/dialog/dialog-email-OTP.d.vue.ts

@@ -7,12 +7,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/dialog-email-OTP.vue.d.ts

@@ -7,12 +7,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/dialog-phone-OTP.d.vue.ts

@@ -7,12 +7,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: (value: string) => any;
     close: () => any;
+    complete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
     phone: string;

package/dist/runtime/components/dialog/dialog-phone-OTP.vue.d.ts

@@ -7,12 +7,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: (value: string) => any;
     close: () => any;
+    complete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
     phone: string;

package/dist/runtime/components/drawer/drawer.d.vue.ts

@@ -30,8 +30,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSubmit?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/drawer/drawer.vue.d.ts

@@ -30,8 +30,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSubmit?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -44,6 +44,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     required: boolean;
+    pageSize: number;
     id: string;
     name: string;
     description: string;
@@ -56,7 +57,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     returnObject: boolean;
     valueKey: string;
     labelKey: string;
-    pageSize: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -44,6 +44,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     required: boolean;
+    pageSize: number;
     id: string;
     name: string;
     description: string;
@@ -56,7 +57,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     returnObject: boolean;
     valueKey: string;
     labelKey: string;
-    pageSize: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-combobox.d.vue.ts

@@ -53,11 +53,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
 }>, {
+    pageSize: number;
     name: string;
     limit: number;
     valueKey: string;
     labelKey: string;
-    pageSize: number;
     multiple: boolean;
     placeholderSearch: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-combobox.vue.d.ts

@@ -53,11 +53,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
 }>, {
+    pageSize: number;
     name: string;
     limit: number;
     valueKey: string;
     labelKey: string;
-    pageSize: number;
     multiple: boolean;
     placeholderSearch: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-text-field.d.vue.ts

@@ -47,8 +47,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     clickIconAppend: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClickPrepend?: ((event: Event) => any) | undefined;
     onClickIconPrepend?: ((event: Event) => any) | undefined;
     onClickAppend?: ((event: Event) => any) | undefined;

package/dist/runtime/components/input/input-text-field.vue.d.ts

@@ -47,8 +47,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     clickIconAppend: (event: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClick?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClickPrepend?: ((event: Event) => any) | undefined;
     onClickIconPrepend?: ((event: Event) => any) | undefined;
     onClickAppend?: ((event: Event) => any) | undefined;

package/dist/runtime/components/input/input-textarea.d.vue.ts

@@ -44,11 +44,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     id: string;
     name: string;
+    resize: "none" | "both" | "horizontal" | "vertical";
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    resize: "none" | "both" | "horizontal" | "vertical";
     readonly: boolean;
     rows: number;
     heightScroll: boolean;

package/dist/runtime/components/input/input-textarea.vue.d.ts

@@ -44,11 +44,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     id: string;
     name: string;
+    resize: "none" | "both" | "horizontal" | "vertical";
     limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;
-    resize: "none" | "both" | "horizontal" | "vertical";
     readonly: boolean;
     rows: number;
     heightScroll: boolean;

package/dist/runtime/components/modal/modal-account-disabled-alert.d.vue.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-account-disabled-alert.vue.d.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-account-disabled-confirmed.d.vue.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-account-disabled-confirmed.vue.d.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-account-disabled-reason.d.vue.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-account-disabled-reason.vue.d.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: () => any;
     close: () => any;
+    complete: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -11,17 +11,17 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
     "update:modelValue": (value: boolean) => any;
     complete: (data: {
         secId: string;
     }) => any;
-    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     disabledForgotPassword: boolean;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -11,17 +11,17 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
     "update:modelValue": (value: boolean) => any;
     complete: (data: {
         secId: string;
     }) => any;
-    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     disabledForgotPassword: boolean;

package/dist/runtime/components/modal/modal-password-new.d.vue.ts

@@ -10,17 +10,17 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
     "update:modelValue": (value: boolean) => any;
     complete: (data: {
         secId: string;
     }) => any;
-    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     confirmText: string;

package/dist/runtime/components/modal/modal-password-new.vue.d.ts

@@ -10,17 +10,17 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
     "update:modelValue": (value: boolean) => any;
     complete: (data: {
         secId: string;
     }) => any;
-    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     confirmText: string;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -14,17 +14,17 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
     "update:modelValue": (value: boolean) => any;
     complete: (data: {
         secId: string;
     }) => any;
-    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     mode: "login" | "secure";

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -14,17 +14,17 @@ type __VLS_ModelProps = {
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
     "update:modelValue": (value: boolean) => any;
     complete: (data: {
         secId: string;
     }) => any;
-    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     mode: "login" | "secure";

package/dist/runtime/components/modal/modal-phone-OTP.d.vue.ts

@@ -7,12 +7,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: (value: string) => any;
     close: () => any;
+    complete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
     phone: string;

package/dist/runtime/components/modal/modal-phone-OTP.vue.d.ts

@@ -7,12 +7,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    complete: (value: string) => any;
     close: () => any;
+    complete: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
-    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
     phone: string;

package/dist/runtime/components/modal/modal.d.vue.ts

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSubmit?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     loading: boolean;
     disabledCloseBtn: boolean;

package/dist/runtime/components/modal/modal.vue.d.ts

@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSubmit?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     loading: boolean;
     disabledCloseBtn: boolean;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.d.vue.ts

@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -253,7 +253,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue.d.ts

@@ -59,7 +59,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -253,7 +253,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.d.vue.ts

@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -257,7 +257,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue.d.ts

@@ -61,7 +61,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -257,7 +257,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | "date" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | "date" | "page" | (boolean | "true" | "false") | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.203.0",
+  "version": "1.204.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",