pukaad-ui-lib 1.454.0 → 1.458.0

package/dist/module.json

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

package/dist/runtime/components/card/card-blog.d.vue.ts

@@ -38,8 +38,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onBlog-updated"?: ((id: string, data: any) => any) | undefined;
     "onBlog-deleted"?: ((id: string) => any) | undefined;
 }>, {
-    disabledMenu: boolean;
     isMyProfile: boolean;
+    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-blog.vue.d.ts

@@ -38,8 +38,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onBlog-updated"?: ((id: string, data: any) => any) | undefined;
     "onBlog-deleted"?: ((id: string) => any) | undefined;
 }>, {
-    disabledMenu: boolean;
     isMyProfile: boolean;
+    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/card/card-profile/card-profile-header.d.vue.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<CardProfileAboutProps,
     onFollow?: ((isFollowing: boolean) => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
-    preview: boolean;
     disabledPadding: boolean;
+    preview: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-profile/card-profile-header.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_export: import("vue").DefineComponent<CardProfileAboutProps,
     onFollow?: ((isFollowing: boolean) => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
-    preview: boolean;
     disabledPadding: boolean;
+    preview: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/card/card-reaction.d.vue.ts

@@ -25,7 +25,6 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     id: string;
-    state: string;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;
@@ -33,6 +32,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     disabledDividerTop: boolean;
     disabledDividerBottom: boolean;
     iconSize: number | string;
+    state: string;
     loginPath: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/card/card-reaction.vue.d.ts

@@ -25,7 +25,6 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     id: string;
-    state: string;
     itemCount: Count;
     itemActive: Reacted;
     padding: string | number;
@@ -33,6 +32,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     disabledDividerTop: boolean;
     disabledDividerBottom: boolean;
     iconSize: number | string;
+    state: string;
     loginPath: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/chat/chat-conversation-item.d.vue.ts

@@ -26,13 +26,13 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     name: string;
     avatar: string | null;
     muted: boolean;
+    disabledMenu: boolean;
     preview: string;
     to: string;
     active: boolean;
     typing: boolean;
     unreadCount: number;
     pinned: boolean;
-    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/chat/chat-conversation-item.vue.d.ts

@@ -26,13 +26,13 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     name: string;
     avatar: string | null;
     muted: boolean;
+    disabledMenu: boolean;
     preview: string;
     to: string;
     active: boolean;
     typing: boolean;
     unreadCount: number;
     pinned: boolean;
-    disabledMenu: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -35,6 +35,8 @@ type __VLS_Props = {
     currentUser: User;
     fetchFn?: (page: number, pageSize: number) => Promise<CommentFetchResult>;
     pageSize?: number;
+    /** ดูอย่างเดียว (เช่นหน้าพรีวิว) — ไม่มีช่องพิมพ์/เมนู กดถูกใจ/ตอบกลับ/ดูโปรไฟล์ไม่ได้ แต่ยังกดดูการตอบกลับ/ดูเพิ่มเติมได้ */
+    readonly?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     addComment: (comment: CommentItem) => void;
@@ -67,6 +69,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     comments: CommentItem[];
     commentCount: number;
     pageSize: number;
+    readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/comment.vue

@@ -8,7 +8,7 @@
     </div>
 
     <!-- กล่องคอมเมนต์หลัก — ปุ่มโผล่ตอนคลิกเข้าช่องพิมพ์ (actions-on-focus) -->
-    <InputComment ref="mainInputRef" v-model="mainCommentInput" :avatar="currentUser.avatar"
+    <InputComment v-if="!props.readonly" ref="mainInputRef" v-model="mainCommentInput" :avatar="currentUser.avatar"
       placeholder="เพิ่มความคิดเห็น" actions-on-focus @submit="onSendComment" />
     <div v-for="cmt in resolvedComments" :key="cmt.id" class="flex flex-col gap-[16px] w-full">
       <div class="flex flex-col gap-[4px] w-full">
@@ -40,7 +40,7 @@
                 </template>
               </div>
             </div>
-            <div class="self-center transition-opacity" :class="
+            <div v-if="!props.readonly" class="self-center transition-opacity" :class="
   isMenuVisible(cmt.id) ? 'opacity-100' : 'opacity-0 pointer-events-none'
 ">
               <PickerOptionMenu horizontal variant="ghost" circle size="icon-sm" icon-size="20"
@@ -49,7 +49,7 @@
             </div>
           </template>
         </div>
-        <div class="pl-[38px] flex gap-[16px] text-gray">
+        <div class="pl-[38px] flex gap-[16px] text-gray" :inert="props.readonly || void 0">
           <div class="font-body-large">
             {{ convertDateToRelativeText(cmt.created_at) }}
           </div>
@@ -119,7 +119,7 @@
                         @click="toggleContentExpand(`reply-${reply.id}`)">ดูเพิ่มเติม</span></template>
                   </div>
                 </div>
-                <div class="self-center transition-opacity" :class="
+                <div v-if="!props.readonly" class="self-center transition-opacity" :class="
   isMenuVisible(reply.id) ? 'opacity-100' : 'opacity-0 pointer-events-none'
 ">
                   <PickerOptionMenu horizontal variant="ghost" circle size="icon-xs" icon-size="20"
@@ -129,7 +129,7 @@
                 </div>
               </template>
             </div>
-            <div class="pl-[38px] flex gap-[16px] text-gray">
+            <div class="pl-[38px] flex gap-[16px] text-gray" :inert="props.readonly || void 0">
               <div class="font-body-large">
                 {{ convertDateToRelativeText(reply.created_at) }}
               </div>
@@ -177,7 +177,8 @@ const props = defineProps({
   commentCount: { type: Number, required: false, default: 0 },
   currentUser: { type: Object, required: true },
   fetchFn: { type: Function, required: false },
-  pageSize: { type: Number, required: false, default: 20 }
+  pageSize: { type: Number, required: false, default: 20 },
+  readonly: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["submit", "reply", "like-comment", "like-reply", "edit-comment", "edit-reply", "delete-comment", "delete-reply", "report-comment", "report-reply"]);
 const internalComments = ref([]);
@@ -343,6 +344,7 @@ const onToggleLikeReplyComment = (reply) => {
   emit("like-reply", reply);
 };
 const onViewProfileComment = (id) => {
+  if (props.readonly) return;
   if (id) router.push(`/@${id}`);
 };
 const onEditClick = (id, content, replyTo) => {

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

@@ -35,6 +35,8 @@ type __VLS_Props = {
     currentUser: User;
     fetchFn?: (page: number, pageSize: number) => Promise<CommentFetchResult>;
     pageSize?: number;
+    /** ดูอย่างเดียว (เช่นหน้าพรีวิว) — ไม่มีช่องพิมพ์/เมนู กดถูกใจ/ตอบกลับ/ดูโปรไฟล์ไม่ได้ แต่ยังกดดูการตอบกลับ/ดูเพิ่มเติมได้ */
+    readonly?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     addComment: (comment: CommentItem) => void;
@@ -67,6 +69,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     comments: CommentItem[];
     commentCount: number;
     pageSize: number;
+    readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/display/display-image.vue

@@ -19,7 +19,7 @@
         <Image
           :src="getSrc((props.items ?? [])[0])"
           class="rounded-[8px]"
-          width="720"
+          :width="widthMainImg"
           height="auto"
         />
       </div>
@@ -66,6 +66,11 @@ const heightBox = computed(() => {
   if (length > 1 && length <= 4) return 422;
   return 480;
 });
+const widthMainImg = computed(() => {
+  const length = props.items?.length ?? 0;
+  if (length === 3 || length === 4) return 633;
+  return 720;
+});
 const widthSubImg = computed(() => {
   const length = props.items?.length ?? 0;
   if (length === 0) return 0;

package/dist/runtime/components/display/display-video.d.vue.ts

@@ -102,9 +102,9 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     loop: boolean;
     controls: boolean;
     preload: "none" | "metadata" | "auto";
-    playsinline: boolean;
     sources: DisplayVideoSource[];
     tracks: DisplayVideoTrack[];
+    playsinline: boolean;
     disablePictureInPicture: boolean;
     disableRemotePlayback: boolean;
     volume: number;

package/dist/runtime/components/display/display-video.vue.d.ts

@@ -102,9 +102,9 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     loop: boolean;
     controls: boolean;
     preload: "none" | "metadata" | "auto";
-    playsinline: boolean;
     sources: DisplayVideoSource[];
     tracks: DisplayVideoTrack[];
+    playsinline: boolean;
     disablePictureInPicture: boolean;
     disableRemotePlayback: boolean;
     volume: number;

package/dist/runtime/components/drawer/drawer-post-content.vue

@@ -74,6 +74,9 @@
               </template>
             </InputFile>
           </div>
+          <div v-if="needsManualPoster" class="font-body-small text-destructive">
+            ไม่สามารถสร้างหน้าปกจากวิดีโอได้ กรุณาอัปโหลดภาพหน้าปก
+          </div>
           <div
             v-show="hasCoverText && !hasCoverFile"
             class="flex gap-[8px] py-[4px] px-[12px]"
@@ -190,6 +193,7 @@ const coverText = ref("");
 const coverFiles = ref([]);
 const posterFiles = ref([]);
 const generatedPoster = ref(null);
+const posterGenerationFailed = ref(false);
 const description = ref("");
 const fileColumns = ref(false);
 const selectedPlaces = ref([]);
@@ -245,6 +249,7 @@ watch(
   ([videoFile, manualPoster]) => {
     const generation = ++thumbnailGeneration;
     clearGeneratedPoster();
+    posterGenerationFailed.value = false;
     if (manualPoster || typeof File === "undefined" || !(videoFile instanceof File) || !videoFile.type.startsWith("video/")) {
       thumbnailPromise = Promise.resolve();
       return;
@@ -258,6 +263,9 @@ watch(
         mediaType: "image"
       };
     }).catch(() => {
+      if (generation === thumbnailGeneration) {
+        posterGenerationFailed.value = true;
+      }
     });
   },
   { immediate: true }
@@ -269,6 +277,9 @@ onBeforeUnmount(() => {
 const effectivePoster = computed(
   () => posterFiles.value[0] ?? generatedPoster.value
 );
+const needsManualPoster = computed(
+  () => coverFileType.value === "video" && !posterFiles.value[0] && (posterGenerationFailed.value || typeof File === "undefined" || !(coverFiles.value[0]?.file instanceof File))
+);
 const previewItem = computed(() => {
   if (hasCoverFile.value) {
     const file = coverFiles.value[0];
@@ -449,6 +460,13 @@ const submitContent = async (status) => {
     if (contentType === "video" && !posterFiles.value[0]) {
       await thumbnailPromise;
     }
+    if (contentType === "video" && status === "PUBLISHED" && !effectivePoster.value) {
+      posterGenerationFailed.value = true;
+      $toast?.error?.(
+        "\u0E01\u0E23\u0E38\u0E13\u0E32\u0E2D\u0E31\u0E1B\u0E42\u0E2B\u0E25\u0E14\u0E20\u0E32\u0E1E\u0E2B\u0E19\u0E49\u0E32\u0E1B\u0E01\u0E02\u0E2D\u0E07\u0E27\u0E34\u0E14\u0E35\u0E42\u0E2D"
+      );
+      return;
+    }
     const [uploadedMedia, uploadedPoster] = await Promise.all([
       uploadFiles(coverFiles.value, "content-media"),
       contentType === "video" && effectivePoster.value ? uploadFiles([effectivePoster.value], "content-media") : Promise.resolve([])

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

@@ -46,8 +46,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     loading: boolean;
     disabled: boolean;
-    cancelText: string;
     placeholder: string;
+    cancelText: string;
     autofocus: boolean;
     disabledAvatar: boolean;
     submitText: string;

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

@@ -46,8 +46,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     loading: boolean;
     disabled: boolean;
-    cancelText: string;
     placeholder: string;
+    cancelText: string;
     autofocus: boolean;
     disabledAvatar: boolean;
     submitText: string;

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

@@ -10,10 +10,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     size: number;
+    readonly: boolean;
     borderColor: string;
     modelValue: number;
     backgroundColor: string;
-    readonly: boolean;
     ratingStep: number;
     borderSize: number;
     activeColor: string;

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

@@ -10,10 +10,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
     size: number;
+    readonly: boolean;
     borderColor: string;
     modelValue: number;
     backgroundColor: string;
-    readonly: boolean;
     ratingStep: number;
     borderSize: number;
     activeColor: string;

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

@@ -33,11 +33,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     type: import("./input-text-field.vue.js").InputTextFieldType;
     icon: string;
     disabled: boolean;
+    readonly: boolean;
     id: string;
     name: string;
     required: boolean;
     placeholder: string;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
     disabledIcon: boolean;

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

@@ -33,11 +33,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     type: import("./input-text-field.vue.js").InputTextFieldType;
     icon: string;
     disabled: boolean;
+    readonly: boolean;
     id: string;
     name: string;
     required: boolean;
     placeholder: string;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
     disabledIcon: boolean;

package/dist/runtime/components/input/input-select-place.vue

@@ -1,10 +1,16 @@
 <template>
-  <div class="flex flex-col gap-[4px] w-full">
+  <div class="relative flex flex-col gap-[4px] w-full">
     <div class="font-body-large-prominent text-gray">
       {{ props.label }}
       <span v-if="props.required" class="text-destructive">*</span>
     </div>
-    <div v-show="selectedItems.length === 0">
+    <!-- input เป็น anchor ของ popover — ห้ามซ่อนด้วย display:none (v-show) ตอนมีการเลือก ไม่งั้น anchor ไม่มี
+         ตำแหน่ง popover ลอยไปมุมซ้ายบนจอ ใช้ invisible + วางทับขอบล่างการ์ดแทน ให้เปิดจากการ์ดแล้วโผล่ใต้การ์ดพอดี -->
+    <div
+      :class="
+  selectedItems.length > 0 ? 'invisible absolute inset-x-0 bottom-0' : ''
+"
+    >
       <InputCombobox
         ref="comboboxRef"
         name="input_select_place"
@@ -96,7 +102,7 @@
       </InputCombobox>
     </div>
 
-    <!-- แสดงแทน input ตอนมีการเลือกอยู่ (input จริงยังอยู่ใน DOM แค่ v-show ซ่อนไว้ ไม่ได้ unmount — กันเสีย
+    <!-- แสดงแทน input ตอนมีการเลือกอยู่ (input จริงยังอยู่ใน DOM แค่ซ่อนแบบ invisible ไว้ ไม่ได้ unmount — กันเสีย
        state/ref ของ InputCombobox) คลิกที่การ์ดเปิด popover กลับมาเพื่อเลือกเพิ่ม/แก้ไขได้ ผ่าน openPopover()
        ที่ expose ไว้ (ไม่ต้องแตะ template ของ input-combobox.vue เลย ปลอดภัยกับ component กลาง) -->
     <div
@@ -262,6 +268,7 @@ const toggleSelect = (id) => {
     }
     if (item) selectedCache.value.set(id, item);
     selectedIds.value = [...selectedIds.value, id];
+    comboboxRef.value?.closePopover();
   }
 };
 const selectedItems = computed(

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

@@ -56,11 +56,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     type: InputTextFieldType;
     disabled: boolean;
+    readonly: boolean;
     id: string;
     name: string;
     required: boolean;
     limit: number;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -56,11 +56,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     type: InputTextFieldType;
     disabled: boolean;
+    readonly: boolean;
     id: string;
     name: string;
     required: boolean;
     limit: number;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -40,6 +40,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     id: string;
     name: string;
     required: boolean;
@@ -48,7 +49,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     rows: number;
     limit: number;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -40,6 +40,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
+    readonly: boolean;
     id: string;
     name: string;
     required: boolean;
@@ -48,7 +49,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     rows: number;
     limit: number;
-    readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/preview/preview-content.d.vue.ts

@@ -1,5 +1,11 @@
 import type { CardReferItem } from "#pukaad-ui/runtime/components/card/card-refer.vue";
-export type PreviewContentState = "personal" | "business";
+export type PreviewContentState = "personal" | "office" | "business";
+export interface PreviewContentMedia {
+    id?: string | number;
+    media_type: string;
+    url: string;
+    description?: string;
+}
 export interface PreviewContentData {
     id?: string;
     content_type?: "post_it" | "image" | "video";
@@ -11,11 +17,7 @@ export interface PreviewContentData {
     cover_color?: string;
     video_poster_url?: string;
     description?: string;
-    media?: {
-        media_type: string;
-        url: string;
-        description?: string;
-    }[];
+    media?: PreviewContentMedia[];
     tags?: {
         id: string;
         name: string;

package/dist/runtime/components/preview/preview-content.vue

@@ -1,9 +1,8 @@
 <template>
   <!-- Figma: Preview - Video (2743:66169) — post_it / image ใช้โครงเดียวกัน -->
-  <div class="min-h-screen w-full bg-white">
+  <div class="h-screen w-full overflow-hidden bg-white flex flex-col">
     <!-- Figma: Navbar Preview (new tab) — Property 1=Admin -->
-    <!-- ใช้ scroll ของหน้า (ไม่ใช่ scroll ใน div) เพราะ Comment โหลดหน้าถัดไปจาก window scroll -->
-    <div class="sticky top-0 z-overlay w-full bg-cloud">
+    <div class="shrink-0 w-full bg-cloud">
       <div class="max-w-[1280px] mx-auto flex justify-end p-[16px]">
         <Button variant="outline" class="rounded-[6px]" @click="emit('exit')">
           ออกจากพรีวิว
@@ -11,124 +10,142 @@
       </div>
     </div>
 
-    <!-- Figma: เนื้อหาเริ่มห่างจากแถบ 22px (ช่องว่าง 6 + padding 16) -->
-    <div class="flex justify-center px-[16px] pt-[22px] pb-[16px]">
-      <!-- กว้าง 844 เท่าวิดีโอ — DisplayVideo ยืดตามความกว้างกล่องนี้ ปุ่มเล่นจะได้อยู่กลางวิดีโอ -->
-      <div class="w-[844px] flex flex-col gap-[16px]">
-        <Label v-if="labelItems.length" :items="labelItems" />
+    <!-- เลื่อนในกล่องนี้ ไม่พึ่ง scroll ของหน้า (บางแอปล็อก html/body ไว้) -->
+    <div class="flex-1 overflow-y-auto">
+      <!-- Figma: เนื้อหาเริ่มห่างจากแถบ 22px (ช่องว่าง 6 + padding 16) -->
+      <div class="flex justify-center px-[16px] pt-[22px] pb-[16px]">
+        <!-- กว้าง 844 เท่าวิดีโอ — DisplayVideo ยืดตามความกว้างกล่องนี้ ปุ่มเล่นจะได้อยู่กลางวิดีโอ -->
+        <div class="w-[844px] flex flex-col gap-[16px]">
+          <Label v-if="labelItems.length" :items="labelItems" />
 
-        <!-- Post-it -->
-        <div
-          v-if="content.content_type === 'post_it'"
-          class="flex gap-[16px] py-[16px] items-center"
-        >
+          <!-- Post-it -->
           <div
-            class="w-[6px] h-full shrink-0"
-            :style="{ backgroundColor: content.cover_color }"
-          />
-          <div class="font-headline-large-prominent min-w-0 break-words">
-            {{ content.cover_text }}
+            v-if="contentData.content_type === 'post_it'"
+            class="flex gap-[16px] py-[16px] items-center"
+          >
+            <div
+              class="w-[6px] h-full shrink-0"
+              :style="{ backgroundColor: contentData.cover_color }"
+            />
+            <div class="font-headline-large-prominent min-w-0 break-words">
+              {{ contentData.cover_text }}
+            </div>
           </div>
-        </div>
-        <!-- Image -->
-        <DisplayImage
-          v-else-if="content.content_type === 'image'"
-          :items="content.media"
-          item-src="url"
-        />
-        <!-- Video -->
-        <DisplayVideo
-          v-else-if="content.content_type === 'video'"
-          :src="content.media?.[0]?.url"
-          :poster="content.video_poster_url"
-          play-button
-          width="844"
-          height="475"
-          preload="metadata"
-          class="bg-black"
-        />
+          <!-- Image -->
+          <DisplayImage
+            v-else-if="contentData.content_type === 'image'"
+            :items="contentData.media"
+            item-src="url"
+            @select="openImage"
+          />
+          <!-- Video -->
+          <DisplayVideo
+            v-else-if="contentData.content_type === 'video'"
+            :src="contentData.media?.[0]?.url"
+            :poster="contentData.video_poster_url"
+            play-button
+            width="844"
+            height="475"
+            preload="metadata"
+            class="bg-black"
+          />
 
-        <CardRefer v-if="content.mentions?.[0]" :item="content.mentions[0]" />
+          <CardRefer
+            v-if="contentData.mentions?.[0]"
+            :item="contentData.mentions[0]"
+          />
 
-        <!-- Figma: Announce Description -->
-        <div
-          v-if="content.author"
-          class="flex items-center justify-between gap-[16px]"
-        >
-          <div class="flex items-center gap-[8px] min-w-0">
-            <Avatar :src="content.author.avatar ?? ''" :size="40" />
-            <div class="flex flex-col gap-[4px] min-w-0">
-              <div class="font-body-large-prominent truncate">
-                {{ content.author.name }}
-              </div>
-              <div class="flex gap-[8px] font-body-large">
-                <div class="flex gap-[4px]">
-                  <span class="text-gray">ผู้ติดตาม</span>
-                  {{ convertNumber(content.author.follower_count ?? 0) }}
-                </div>
-                <div class="flex gap-[4px]">
-                  <span class="text-gray">กำลังเผยแพร่</span>
-                  {{ convertNumber(content.author.published_count ?? 0) }}
+          <!-- Figma: Announce Description -->
+          <div
+            v-if="contentData.author"
+            class="flex items-center justify-between gap-[16px]"
+          >
+            <div class="flex items-center gap-[8px] min-w-0">
+              <Avatar :src="contentData.author.avatar ?? ''" :size="40" />
+              <div class="flex flex-col gap-[4px] min-w-0">
+                <div class="font-body-large-prominent truncate">
+                  {{ contentData.author.name }}
                 </div>
-                <div class="flex gap-[4px]">
-                  <span class="text-gray">อัตราตอบแชท</span>
-                  {{ content.author.response_rate ?? 0 }}%
+                <div
+                  v-if="authorStats.length"
+                  class="flex gap-[8px] font-body-large"
+                >
+                  <div
+                    v-for="stat in authorStats"
+                    :key="stat.label"
+                    class="flex gap-[4px]"
+                  >
+                    <span class="text-gray">{{ stat.label }}</span>
+                    {{ stat.value }}
+                  </div>
                 </div>
               </div>
             </div>
+            <!-- พรีวิว = ดูหน้าตาได้แต่กดไม่ได้ -->
+            <Button circle size="icon-sm" class="shrink-0" inert>
+              <Icon name="lucide:ellipsis-vertical" />
+            </Button>
           </div>
-          <!-- พรีวิว = ดูหน้าตาได้แต่กดไม่ได้ -->
-          <Button circle size="icon-sm" class="shrink-0" inert>
-            <Icon name="lucide:ellipsis-vertical" />
-          </Button>
-        </div>
 
-        <div
-          v-if="content.description"
-          class="font-body-large whitespace-pre-wrap"
-        >
-          {{ content.description }}
-        </div>
+          <div
+            v-if="contentData.description"
+            class="font-body-large whitespace-pre-wrap"
+          >
+            {{ contentData.description }}
+          </div>
 
-        <div v-if="place" class="flex gap-[8px] font-body-large">
-          <span class="text-gray">อยู่ที่</span>
-          <span class="text-primary">{{ place.name }}</span>
-        </div>
+          <div v-if="place" class="flex gap-[8px] font-body-large">
+            <span class="text-gray">อยู่ที่</span>
+            <span class="text-primary">{{ place.name }}</span>
+          </div>
 
-        <div v-if="content.tags?.length" class="flex flex-wrap gap-[8px]">
-          <Chip v-for="tag in content.tags" :key="tag.id" color="bright">
-            {{ tag.name }}
-          </Chip>
-        </div>
+          <div v-if="contentData.tags?.length" class="flex flex-wrap gap-[8px]">
+            <Chip v-for="tag in contentData.tags" :key="tag.id" color="bright">
+              {{ tag.name }}
+            </Chip>
+          </div>
 
-        <CardReaction
-          :item-count="{
-  liked: content.like_count ?? 0,
-  bookmarked: content.bookmark_count ?? 0,
-  shared: content.share_count ?? 0
+          <CardReaction
+            :item-count="{
+  liked: contentData.like_count ?? 0,
+  bookmarked: contentData.bookmark_count ?? 0,
+  shared: contentData.share_count ?? 0
 }"
-          disabled
-        />
+            disabled
+          />
 
-        <!-- Figma: Spotlight -->
-        <div v-if="recommendedContents.length" inert>
-          <CardContentRecommend :items="recommendedContents" />
-        </div>
+          <!-- Figma: Spotlight -->
+          <div v-if="recommendedContents.length" inert>
+            <CardContentRecommend :items="recommendedContents" />
+          </div>
 
-        <div inert>
+          <!-- ส่งรายการเข้าไปเอง (ไม่ใช้ fetchFn) เพราะ fetchFn โหลดหน้าถัดไปจาก window scroll -->
           <Comment
-            :key="String(props.contentId)"
-            :fetch-fn="commentFetchFn"
+            :comments="comments"
+            :comment-count="commentTotal"
             :current-user="previewUser"
+            readonly
           />
+
+          <div ref="sentinel" class="h-[1px]" />
+          <div v-if="isLoadingComments" class="flex justify-center py-[16px]">
+            <Icon
+              name="lucide:loader-circle"
+              :size="40"
+              class="animate-spin text-cloud"
+            />
+          </div>
         </div>
       </div>
     </div>
+
+    <ModalDisplayImage v-model="isImageOpen" :src="selectedImage" />
   </div>
 </template>
 
 <script setup>
-import { computed, onMounted, ref, watch } from "vue";
+import { computed, onMounted, ref, useTemplateRef, watch } from "vue";
+import { useElementVisibility } from "@vueuse/core";
 import { useApi } from "#pukaad-ui/runtime/composables/useApi";
 import { useConvert } from "#pukaad-ui/runtime/composables/useConvert";
 import { mapContentToCard } from "#pukaad-ui/runtime/composables/useContentCard";
@@ -141,24 +158,75 @@ const api = useApi();
 const { convertNumber } = useConvert();
 const endpointMap = {
   personal: "/contents",
+  // endpoint เดียวกับที่หน้าจัดการป้ายกำกับเนื้อหาของ office ใช้
+  office: "/office/content-labels/contents",
   business: "/business/contents"
 };
-const content = ref({});
+const endpoint = computed(() => endpointMap[props.state]);
+const contentData = ref({});
 const recommendedContents = ref([]);
+const comments = ref([]);
+const commentTotal = ref(0);
+const commentPage = ref(1);
+const commentTotalPages = ref(1);
+const commentPageSize = 20;
+const isLoadingComments = ref(false);
+const hasMoreComments = computed(
+  () => commentPage.value < commentTotalPages.value
+);
+const isImageOpen = ref(false);
+const selectedImage = ref("");
 const previewUser = { id: "", name: "", avatar: "" };
 const labelItems = computed(
-  () => (content.value.labels ?? []).map((label) => ({
+  () => (contentData.value.labels ?? []).map((label) => ({
     id: label.id,
     label: label.name
   }))
 );
-const place = computed(() => content.value.places?.[0]);
-const fetchContent = async () => {
+const place = computed(() => contentData.value.places?.[0]);
+const authorStats = computed(() => {
+  const author = contentData.value.author;
+  const stats = [];
+  if (author?.follower_count !== void 0) {
+    stats.push({
+      label: "\u0E1C\u0E39\u0E49\u0E15\u0E34\u0E14\u0E15\u0E32\u0E21",
+      value: convertNumber(author.follower_count)
+    });
+  }
+  if (author?.published_count !== void 0) {
+    stats.push({
+      label: "\u0E01\u0E33\u0E25\u0E31\u0E07\u0E40\u0E1C\u0E22\u0E41\u0E1E\u0E23\u0E48",
+      value: convertNumber(author.published_count)
+    });
+  }
+  if (author?.response_rate !== void 0) {
+    stats.push({ label: "\u0E2D\u0E31\u0E15\u0E23\u0E32\u0E15\u0E2D\u0E1A\u0E41\u0E0A\u0E17", value: `${author.response_rate}%` });
+  }
+  return stats;
+});
+const fromOfficeContent = (data) => {
+  if (!data?.content) return {};
+  const { profile_name, profile_avatar, ...rest } = data.content;
+  return {
+    ...rest,
+    media: data.media,
+    author: {
+      id: "",
+      name: profile_name ?? "",
+      avatar: profile_avatar ?? null
+    }
+  };
+};
+const fetchContentData = async () => {
+  const url = `${endpoint.value}/${props.contentId}`;
   try {
-    const res = await api(
-      `${endpointMap[props.state]}/${props.contentId}`
-    );
-    content.value = res.data ?? {};
+    if (props.state === "office") {
+      const res = await api(url);
+      contentData.value = fromOfficeContent(res.data);
+    } else {
+      const res = await api(url);
+      contentData.value = res.data ?? {};
+    }
   } catch (err) {
     console.error(err);
   }
@@ -200,20 +268,49 @@ const toCommentItem = (raw) => ({
     is_liked: r.is_liked ?? false
   }))
 });
-const commentFetchFn = async (page, pageSize) => {
-  const res = await api(`/contents/${props.contentId}/comments`, {
-    query: { limit: pageSize, offset: (page - 1) * pageSize }
-  });
-  return {
-    data: (res.data ?? []).map(toCommentItem),
-    totalComments: res.meta?.total_comments ?? 0,
-    meta: { total_pages: res.meta?.total_pages ?? 1 }
-  };
+let commentRequestId = 0;
+const fetchComments = async (page = 1) => {
+  if (page > 1 && isLoadingComments.value) return;
+  const requestId = ++commentRequestId;
+  isLoadingComments.value = true;
+  try {
+    const res = await api(`/contents/${props.contentId}/comments`, {
+      query: {
+        limit: commentPageSize,
+        offset: (page - 1) * commentPageSize
+      }
+    });
+    if (requestId !== commentRequestId) return;
+    const items = (res.data ?? []).map(toCommentItem);
+    comments.value = page === 1 ? items : [...comments.value, ...items];
+    commentTotal.value = res.meta?.total_comments ?? 0;
+    commentTotalPages.value = res.meta?.total_pages ?? 1;
+    commentPage.value = page;
+  } catch (err) {
+    console.error(err);
+    if (requestId === commentRequestId && page === 1) comments.value = [];
+  } finally {
+    if (requestId === commentRequestId) isLoadingComments.value = false;
+  }
+};
+const openImage = (item) => {
+  if (!item?.url) return;
+  selectedImage.value = item.url;
+  isImageOpen.value = true;
 };
 const loadAll = () => {
-  fetchContent();
+  fetchContentData();
   fetchRecommendations();
+  fetchComments(1);
 };
+const sentinel = useTemplateRef("sentinel");
+const isSentinelVisible = useElementVisibility(sentinel);
+watch(
+  [isSentinelVisible, hasMoreComments, isLoadingComments],
+  ([visible, more, loading]) => {
+    if (visible && more && !loading) fetchComments(commentPage.value + 1);
+  }
+);
 watch(() => [props.contentId, props.state], loadAll);
 onMounted(loadAll);
 </script>

package/dist/runtime/components/preview/preview-content.vue.d.ts

@@ -1,5 +1,11 @@
 import type { CardReferItem } from "#pukaad-ui/runtime/components/card/card-refer.vue";
-export type PreviewContentState = "personal" | "business";
+export type PreviewContentState = "personal" | "office" | "business";
+export interface PreviewContentMedia {
+    id?: string | number;
+    media_type: string;
+    url: string;
+    description?: string;
+}
 export interface PreviewContentData {
     id?: string;
     content_type?: "post_it" | "image" | "video";
@@ -11,11 +17,7 @@ export interface PreviewContentData {
     cover_color?: string;
     video_poster_url?: string;
     description?: string;
-    media?: {
-        media_type: string;
-        url: string;
-        description?: string;
-    }[];
+    media?: PreviewContentMedia[];
     tags?: {
         id: string;
         name: string;

package/dist/runtime/components/preview/preview-place.d.vue.ts

@@ -31,19 +31,10 @@ export interface PreviewPlaceData {
     opening_hours?: OpeningHour[];
     special_days?: SpecialDay[];
 }
-export interface PreviewPlaceRecommendItem {
-    id: string | number;
-    title: string;
-    image: string;
-    rating: number;
-    review_count: number;
-}
 type __VLS_Props = {
     placeId: string | number;
     /** เลือก endpoint ตามแอปที่เปิดพรีวิว */
     state?: PreviewPlaceState;
-    /** "ที่ไหนน่าสนใจ" — ยังไม่มี API ให้แอปส่งมาเอง ไม่ส่ง = ซ่อนการ์ด */
-    recommendedPlaces?: PreviewPlaceRecommendItem[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     exit: () => any;
@@ -51,7 +42,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onExit?: (() => any) | undefined;
 }>, {
     state: PreviewPlaceState;
-    recommendedPlaces: PreviewPlaceRecommendItem[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/preview/preview-place.vue

@@ -4,10 +4,13 @@
     <!-- Figma: Navbar Preview (new tab) — Property 1=Admin -->
     <div class="shrink-0 w-full bg-cloud">
       <div class="max-w-[1280px] mx-auto flex justify-end p-[16px]">
-        <Button variant="outline" @click="emit('exit')">ออกจากพรีวิว</Button>
+        <Button variant="outline" class="rounded-[6px]" @click="emit('exit')">
+          ออกจากพรีวิว
+        </Button>
       </div>
     </div>
 
+    <!-- เลื่อนในกล่องนี้ ไม่พึ่ง scroll ของหน้า (บางแอปล็อก html/body ไว้) -->
     <div class="flex-1 overflow-y-auto">
       <div class="max-w-[1280px] mx-auto p-[16px] flex flex-col gap-[16px]">
         <!-- Place Cover -->
@@ -181,12 +184,10 @@
             </div>
           </div>
 
-          <!-- ขวา: Place About + Reccommended Places -->
+          <!-- ขวา: Place About -->
+          <!-- TODO: "ที่ไหนน่าสนใจ" (Figma: Reccommended Places) — ยังไม่มี API -->
           <div class="w-[380px] shrink-0 flex flex-col gap-[16px]">
             <CardPlaceDetail :item="placeDetailItem" />
-            <div v-if="props.recommendedPlaces.length > 0" inert>
-              <CardRecommendPlace :items="props.recommendedPlaces" />
-            </div>
           </div>
         </div>
       </div>
@@ -201,8 +202,7 @@ import { useApi } from "#pukaad-ui/runtime/composables/useApi";
 import { useConvert } from "#pukaad-ui/runtime/composables/useConvert";
 const props = defineProps({
   placeId: { type: [String, Number], required: true },
-  state: { type: String, required: false, default: "personal" },
-  recommendedPlaces: { type: Array, required: false, default: () => [] }
+  state: { type: String, required: false, default: "personal" }
 });
 const emit = defineEmits(["exit"]);
 const api = useApi();

package/dist/runtime/components/preview/preview-place.vue.d.ts

@@ -31,19 +31,10 @@ export interface PreviewPlaceData {
     opening_hours?: OpeningHour[];
     special_days?: SpecialDay[];
 }
-export interface PreviewPlaceRecommendItem {
-    id: string | number;
-    title: string;
-    image: string;
-    rating: number;
-    review_count: number;
-}
 type __VLS_Props = {
     placeId: string | number;
     /** เลือก endpoint ตามแอปที่เปิดพรีวิว */
     state?: PreviewPlaceState;
-    /** "ที่ไหนน่าสนใจ" — ยังไม่มี API ให้แอปส่งมาเอง ไม่ส่ง = ซ่อนการ์ด */
-    recommendedPlaces?: PreviewPlaceRecommendItem[];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     exit: () => any;
@@ -51,7 +42,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onExit?: (() => any) | undefined;
 }>, {
     state: PreviewPlaceState;
-    recommendedPlaces: PreviewPlaceRecommendItem[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/chart/ChartTooltipContent.d.vue.ts

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    payload: Record<string, any>;
     config: ChartConfig;
+    payload: Record<string, any>;
     indicator: "line" | "dot" | "dashed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/chart/ChartTooltipContent.vue.d.ts

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    payload: Record<string, any>;
     config: ChartConfig;
+    payload: Record<string, any>;
     indicator: "line" | "dot" | "dashed";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

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

@@ -14,7 +14,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -208,7 +208,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

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

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

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

@@ -16,7 +16,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -212,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "send" | "next" | "enter" | "go" | "previous" | undefined;
+    enterKeyHint?: "search" | "done" | "next" | "send" | "enter" | "go" | "previous" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;

package/package.json

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