pukaad-ui-lib 1.441.0 → 1.443.0

package/dist/module.json

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

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,
     onChat?: (() => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
-    disabledPadding: boolean;
     preview: boolean;
+    disabledPadding: 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,
     onChat?: (() => any) | undefined;
 }>, {
     type: "article" | "media" | "sale-info";
-    disabledPadding: boolean;
     preview: boolean;
+    disabledPadding: boolean;
     optionMenuButtonType: "solid" | "text";
     actionsHidden: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -25,6 +25,7 @@ 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;
@@ -32,7 +33,6 @@ 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,6 +25,7 @@ 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;
@@ -32,7 +33,6 @@ 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-review.d.vue.ts

@@ -36,17 +36,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onReply-delete"?: ((item: CardReviewProps) => any) | undefined;
 }>, {
     item: CardReviewProps;
-    disabledMenu: boolean;
-    isProfile: boolean;
-    disabledLike: boolean;
-    allowReply: boolean;
-    replyAvatar: string;
     place: {
         id: string | number;
         name?: string;
         address?: string;
         cover?: string;
     };
+    disabledMenu: boolean;
+    isProfile: boolean;
+    disabledLike: boolean;
+    allowReply: boolean;
+    replyAvatar: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -36,17 +36,17 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onReply-delete"?: ((item: CardReviewProps) => any) | undefined;
 }>, {
     item: CardReviewProps;
-    disabledMenu: boolean;
-    isProfile: boolean;
-    disabledLike: boolean;
-    allowReply: boolean;
-    replyAvatar: string;
     place: {
         id: string | number;
         name?: string;
         address?: string;
         cover?: string;
     };
+    disabledMenu: boolean;
+    isProfile: boolean;
+    disabledLike: boolean;
+    allowReply: boolean;
+    replyAvatar: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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;
+    unreadCount: number;
+    pinned: boolean;
     preview: string;
     to: string;
+    disabledMenu: boolean;
     active: boolean;
     typing: boolean;
-    unreadCount: number;
-    pinned: 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;
+    unreadCount: number;
+    pinned: boolean;
     preview: string;
     to: string;
+    disabledMenu: boolean;
     active: boolean;
     typing: boolean;
-    unreadCount: number;
-    pinned: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/display/display-image-place.d.vue.ts

@@ -15,9 +15,9 @@ 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<{}>, {
     title: string;
-    state: "personal" | "office" | "business";
     photos: MediaItem[];
     videos: MediaItem[];
+    state: "personal" | "office" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/display/display-image-place.vue.d.ts

@@ -15,9 +15,9 @@ 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<{}>, {
     title: string;
-    state: "personal" | "office" | "business";
     photos: MediaItem[];
     videos: MediaItem[];
+    state: "personal" | "office" | "business";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-profile-network.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-places"?: (() => any) | undefined;
     "onRequire-auth"?: (() => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
+    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/drawer/drawer-profile-network.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onExplore-places"?: (() => any) | undefined;
     "onRequire-auth"?: (() => any) | undefined;
 }>, {
-    isMyProfile: boolean;
     profileId: string;
     defaultTab: "followers" | "following" | "favorites";
+    isMyProfile: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -17,7 +17,7 @@ export interface InputAddressProps {
     requiredDetail?: boolean;
     rules?: object | string | Function;
     layout?: "vertical" | "horizontal";
-    gap?: string;
+    gap?: number | string;
     fixedProvinceId?: number;
 }
 type __VLS_Props = InputAddressProps;
@@ -52,10 +52,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     placeholder: string;
     layout: "vertical" | "horizontal";
+    gap: number | string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
-    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-address.vue

@@ -1,24 +1,26 @@
 <template>
   <div
     :class="[
-  'flex',
+  'flex w-full',
   props.layout === 'horizontal' ? 'flex-row' : 'flex-col',
-  props.gap
+  gapClass
 ]"
+    :style="{ gap: gapStyle }"
   >
     <!-- Address Selector (Province, District, Sub-district, Zip code) -->
-    <InputCombobox
-      ref="comboboxRef"
-      :name="props.name"
-      :label="props.label"
-      :placeholder="props.placeholder"
-      :required="props.required"
-      :rules="props.rules || defaultRules"
-      v-model="internalValue"
-      @clear="handleClear"
-    >
-      <template #popover-content="{ close }">
-        <ShadCommand class="p-2">
+    <div class="min-w-0 flex-1">
+      <InputCombobox
+        ref="comboboxRef"
+        :name="props.name"
+        :label="props.label"
+        :placeholder="props.placeholder"
+        :required="props.required"
+        :rules="props.rules || defaultRules"
+        v-model="internalValue"
+        @clear="handleClear"
+      >
+        <template #popover-content="{ close }">
+          <ShadCommand class="p-2">
           <ShadTabs v-model="currentTab" class="w-full">
             <ShadTabsList class="w-full grid grid-cols-4">
               <ShadTabsTrigger value="province" :disabled="!!props.fixedProvinceId"> จังหวัด </ShadTabsTrigger>
@@ -137,20 +139,23 @@
               </ShadCommandList>
             </ShadTabsContent>
           </ShadTabs>
-        </ShadCommand>
-      </template>
-    </InputCombobox>
+          </ShadCommand>
+        </template>
+      </InputCombobox>
+    </div>
 
     <!-- Address Detail (House number, Soi, Moo, Road) -->
-    <InputTextField
-      ref="detailFieldRef"
-      :name="`${props.name}-detail`"
-      :label="props.labelDetail"
-      :placeholder="props.placeholderDetail"
-      :disabled="!addressValue"
-      :required="props.requiredDetail"
-      v-model="addressDetailValue"
-    />
+    <div class="min-w-0 flex-1">
+      <InputTextField
+        ref="detailFieldRef"
+        :name="`${props.name}-detail`"
+        :label="props.labelDetail"
+        :placeholder="props.placeholderDetail"
+        :disabled="!addressValue"
+        :required="props.requiredDetail"
+        v-model="addressDetailValue"
+      />
+    </div>
   </div>
 </template>
 
@@ -176,9 +181,16 @@ const props = defineProps({
   requiredDetail: { type: Boolean, required: false, default: false },
   rules: { type: [Object, String, Function], required: false },
   layout: { type: String, required: false, default: "vertical" },
-  gap: { type: String, required: false, default: "gap-4" },
+  gap: { type: [Number, String], required: false, default: 16 },
   fixedProvinceId: { type: Number, required: false }
 });
+const gapClass = computed(
+  () => typeof props.gap === "string" && props.gap.startsWith("gap-") ? props.gap : void 0
+);
+const gapStyle = computed(() => {
+  if (gapClass.value) return void 0;
+  return typeof props.gap === "number" || /^\d+(\.\d+)?$/.test(props.gap) ? `${props.gap}px` : props.gap;
+});
 const emits = defineEmits(["selectProvince", "selectDistrict", "selectSubDistrict", "selectZipCode", "change"]);
 const modelValue = defineModel({ type: Object, ...{
   default: () => ({})

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

@@ -17,7 +17,7 @@ export interface InputAddressProps {
     requiredDetail?: boolean;
     rules?: object | string | Function;
     layout?: "vertical" | "horizontal";
-    gap?: string;
+    gap?: number | string;
     fixedProvinceId?: number;
 }
 type __VLS_Props = InputAddressProps;
@@ -52,10 +52,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     required: boolean;
     placeholder: string;
     layout: "vertical" | "horizontal";
+    gap: number | string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
-    gap: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -71,8 +71,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     description: string;
     labelKey: string;
     placeholder: string;
-    options: AutocompleteOption[] | string[] | number[];
     limit: number;
+    options: AutocompleteOption[] | string[] | number[];
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -71,8 +71,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     description: string;
     labelKey: string;
     placeholder: string;
-    options: AutocompleteOption[] | string[] | number[];
     limit: number;
+    options: AutocompleteOption[] | string[] | number[];
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -12,13 +12,13 @@ type __VLS_ModelProps = {
     modelValue?: IFileItem[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_28: {
+declare var __VLS_33: {
     label: string;
-}, __VLS_35: {};
+}, __VLS_40: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_28) => any;
+    default?: (props: typeof __VLS_33) => any;
 } & {
-    error?: (props: typeof __VLS_35) => any;
+    error?: (props: typeof __VLS_40) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     addFiles: (files: File[]) => Promise<void>;
@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-file.vue

@@ -48,6 +48,18 @@
                   </div>
                 </div>
               </div>
+              <div
+                v-else-if="
+  item.file?.type === 'application/pdf' || item.file?.name.toLowerCase().endsWith('.pdf')
+"
+                :style="previewSizeStyle"
+              >
+                <CardFile
+                  :file-name="item.file.name"
+                  layout="vertical"
+                  class="size-full"
+                />
+              </div>
               <div
                 v-else-if="!item.file || item.file?.type?.startsWith('image')"
               >

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

@@ -12,13 +12,13 @@ type __VLS_ModelProps = {
     modelValue?: IFileItem[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_28: {
+declare var __VLS_33: {
     label: string;
-}, __VLS_35: {};
+}, __VLS_40: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_28) => any;
+    default?: (props: typeof __VLS_33) => any;
 } & {
-    error?: (props: typeof __VLS_35) => any;
+    error?: (props: typeof __VLS_40) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     addFiles: (files: File[]) => Promise<void>;
@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     fullHeight: boolean;
     fullWidth: boolean;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-localized-name.d.vue.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     name: string;
     modelValue: LocalizedNameItem[];
     placeholder: string;
-    options: InputSelectItem[];
     limit: number;
+    options: InputSelectItem[];
     showCounter: boolean;
     addLabel: string;
     removable: boolean;

package/dist/runtime/components/input/input-localized-name.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     name: string;
     modelValue: LocalizedNameItem[];
     placeholder: string;
-    options: InputSelectItem[];
     limit: number;
+    options: InputSelectItem[];
     showCounter: boolean;
     addLabel: string;
     removable: boolean;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -21,8 +21,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     required: boolean;
-    options: import("../../../types/components/input/input-select.js").InputSelectItem[];
     limit: number;
+    options: import("../../../types/components/input/input-select.js").InputSelectItem[];
     showCounter: boolean;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];

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

@@ -21,8 +21,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     required: boolean;
-    options: import("../../../types/components/input/input-select.js").InputSelectItem[];
     limit: number;
+    options: import("../../../types/components/input/input-select.js").InputSelectItem[];
     showCounter: boolean;
     removable: boolean;
     selectClass: import("vue").HTMLAttributes["class"];

package/dist/runtime/components/modal/modal-media-view.d.vue.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     items: CarouselItem[];
-    startIndex: number;
     uploaderLabel: string;
+    startIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-media-view.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     items: CarouselItem[];
-    startIndex: number;
     uploaderLabel: string;
+    startIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -32,8 +32,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

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