pukaad-ui-lib 1.203.0 → 1.205.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.203.0",
+  "version": "1.205.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,8 +1,12 @@
 <template>
   <div class="flex flex-col gap-[16px] w-full">
-    <div class="font-title-medium-prominent">
-      ความคิดเห็น {{ $convert.convertNumber(commentCount) }}
+    <div class="flex gap-[8px] items-center">
+      <div class="font-title-medium-prominent">ความคิดเห็น</div>
+      <div class="font-title-medium text-gray">
+        {{ $convert.convertNumber(resolvedCommentCount) }}
+      </div>
     </div>
+
     <div class="flex flex-col gap-[16px]">
       <div class="flex gap-[8px] w-full">
         <Avatar :size="30" :src="currentUser.avatar" />
@@ -10,7 +14,7 @@
           ref="mainInputRef"
           contenteditable="true"
           class="w-full min-h-[36px] px-[12px] py-[5px] rounded-md border border-mercury font-body-large focus:outline-none focus:ring-2 focus:ring-primary break-words bg-white empty:before:content-[attr(data-placeholder)] empty:before:text-gray"
-          data-placeholder="แสดงความคิดเห็น"
+          data-placeholder="เพิ่มความคิดเห็น"
           @focus="isShowMainActions = true"
           @input="onMainCommentInput"
           @keydown.enter.exact.prevent="onSendComment"
@@ -32,7 +36,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"
     >
@@ -49,7 +53,7 @@
             @click="onViewProfileComment(cmt.user.id)"
           />
           <template v-if="editingId === cmt.id">
-            <div class="flex-1 flex flex-col gap-[8px]">
+            <div class="flex-1 flex flex-col gap-[4px]">
               <div
                 :ref="(el) => setEditInputRef(el, cmt.id)"
                 contenteditable="true"
@@ -95,15 +99,17 @@
                   v-if="
   isContentExpanded(`comment-${cmt.id}`) || !isContentOverflowing(`comment-${cmt.id}`)
 "
-                  >{{ normalizeContent(cmt.content) }}</template
                 >
-                <template v-else
-                  >{{ getTruncatedText(`comment-${cmt.id}`) }}...<span
+                  {{ normalizeContent(cmt.content) }}
+                </template>
+                <template v-else>
+                  {{ getTruncatedText(`comment-${cmt.id}`) }}...<span
                     class="text-primary cursor-pointer"
                     @click="toggleContentExpand(`comment-${cmt.id}`)"
-                    >ดูเพิ่มเติม</span
-                  ></template
-                >
+                  >
+                    ดูเพิ่มเติม
+                  </span>
+                </template>
               </div>
             </div>
             <div
@@ -126,7 +132,7 @@
           </template>
         </div>
         <div class="pl-[38px] flex gap-[16px] text-gray">
-          <div class="font-body-medium">
+          <div class="font-body-large">
             {{ convertDateTorelativeText(cmt.created_at) }}
           </div>
           <div
@@ -138,13 +144,17 @@
   cmt.is_liked ? 'pukaad:thumbs-up-solid' : 'pukaad:thumbs-up-regular'
 "
               :class="[cmt.is_liked && 'text-primary']"
+              size="20"
             />
-            <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>
           <div
-            class="font-body-medium cursor-pointer hover:underline"
+            class="font-body-large cursor-pointer"
             @click="onReplyComment(cmt.id, cmt.user)"
           >
             ตอบกลับ
@@ -159,7 +169,7 @@
             class="justify-start text-primary h-auto gap-[4px] w-fit"
             @click="onToggleReplyComment(cmt.id)"
           >
-            <div class="font-body-large-prominent">
+            <div class="font-body-large">
               การตอบกลับ
               {{ $convert.convertNumber(getHiddenCount(cmt)) }}
               รายการ
@@ -207,7 +217,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
@@ -229,7 +241,7 @@
                 @click="onViewProfileComment(reply.user.id)"
               />
               <template v-if="editingId === reply.id">
-                <div class="flex-1 flex flex-col gap-[8px]">
+                <div class="flex-1 flex flex-col gap-[4px]">
                   <div
                     :ref="(el) => setEditInputRef(el, reply.id)"
                     contenteditable="true"
@@ -315,13 +327,15 @@
                     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>
             </div>
             <div class="pl-[38px] flex gap-[16px] text-gray">
-              <div class="font-body-medium">
+              <div class="font-body-large">
                 {{ convertDateTorelativeText(reply.created_at) }}
               </div>
               <div
@@ -333,13 +347,17 @@
   reply.is_liked ? 'pukaad:thumbs-up-solid' : 'pukaad:thumbs-up-regular'
 "
                   :class="[reply.is_liked && 'text-primary']"
+                  size="20"
                 />
-                <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>
               <div
-                class="font-body-medium cursor-pointer hover:underline"
+                class="font-body-large cursor-pointer"
                 @click="onReplyComment(reply.id, reply.user)"
               >
                 ตอบกลับ
@@ -385,19 +403,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 +461,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 +776,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/image/image-cropper.d.vue.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    background: boolean;
-    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
+    modal: boolean;
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

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.205.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",