pukaad-ui-lib 1.440.0 → 1.442.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.440.0",
+  "version": "1.442.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;
 }>, {
-    isMyProfile: boolean;
     disabledMenu: boolean;
+    isMyProfile: 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;
 }>, {
-    isMyProfile: boolean;
     disabledMenu: boolean;
+    isMyProfile: 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,
     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/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/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/display/display-video.d.vue.ts

@@ -81,16 +81,16 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     toggle: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (payload: DisplayVideoAction) => any;
-    prev: (payload: DisplayVideoAction) => any;
-    next: (payload: DisplayVideoAction) => any;
     fullscreen: (payload: DisplayVideoAction) => any;
     "play-click": (payload: DisplayVideoAction) => any;
+    prev: (payload: DisplayVideoAction) => any;
+    next: (payload: DisplayVideoAction) => any;
 }, string, import("vue").PublicProps, Readonly<DisplayVideoProps> & Readonly<{
     onClose?: ((payload: DisplayVideoAction) => any) | undefined;
-    onPrev?: ((payload: DisplayVideoAction) => any) | undefined;
-    onNext?: ((payload: DisplayVideoAction) => any) | undefined;
     onFullscreen?: ((payload: DisplayVideoAction) => any) | undefined;
     "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
+    onPrev?: ((payload: DisplayVideoAction) => any) | undefined;
+    onNext?: ((payload: DisplayVideoAction) => any) | undefined;
 }>, {
     src: string;
     fullHeight: boolean;

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

@@ -81,16 +81,16 @@ declare const __VLS_base: import("vue").DefineComponent<DisplayVideoProps, {
     toggle: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (payload: DisplayVideoAction) => any;
-    prev: (payload: DisplayVideoAction) => any;
-    next: (payload: DisplayVideoAction) => any;
     fullscreen: (payload: DisplayVideoAction) => any;
     "play-click": (payload: DisplayVideoAction) => any;
+    prev: (payload: DisplayVideoAction) => any;
+    next: (payload: DisplayVideoAction) => any;
 }, string, import("vue").PublicProps, Readonly<DisplayVideoProps> & Readonly<{
     onClose?: ((payload: DisplayVideoAction) => any) | undefined;
-    onPrev?: ((payload: DisplayVideoAction) => any) | undefined;
-    onNext?: ((payload: DisplayVideoAction) => any) | undefined;
     onFullscreen?: ((payload: DisplayVideoAction) => any) | undefined;
     "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
+    onPrev?: ((payload: DisplayVideoAction) => any) | undefined;
+    onNext?: ((payload: DisplayVideoAction) => any) | undefined;
 }>, {
     src: string;
     fullHeight: boolean;

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

@@ -16,7 +16,8 @@ export interface InputAddressProps {
     required?: boolean;
     requiredDetail?: boolean;
     rules?: object | string | Function;
-    gap?: string;
+    layout?: "vertical" | "horizontal";
+    gap?: number | string;
     fixedProvinceId?: number;
 }
 type __VLS_Props = InputAddressProps;
@@ -49,11 +50,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
+    layout: "vertical" | "horizontal";
     placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
-    gap: string;
+    gap: number | 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,18 +1,26 @@
 <template>
-  <div :class="['flex flex-col', props.gap]">
+  <div
+    :class="[
+  'flex w-full',
+  props.layout === 'horizontal' ? 'flex-row' : 'flex-col',
+  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>
@@ -131,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>
 
@@ -169,9 +180,17 @@ const props = defineProps({
   required: { type: Boolean, required: false, default: false },
   requiredDetail: { type: Boolean, required: false, default: false },
   rules: { type: [Object, String, Function], required: false },
-  gap: { type: String, required: false, default: "gap-4" },
+  layout: { type: String, required: false, default: "vertical" },
+  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

@@ -16,7 +16,8 @@ export interface InputAddressProps {
     required?: boolean;
     requiredDetail?: boolean;
     rules?: object | string | Function;
-    gap?: string;
+    layout?: "vertical" | "horizontal";
+    gap?: number | string;
     fixedProvinceId?: number;
 }
 type __VLS_Props = InputAddressProps;
@@ -49,11 +50,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
+    layout: "vertical" | "horizontal";
     placeholder: string;
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;
-    gap: string;
+    gap: number | 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

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

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

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

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

@@ -59,8 +59,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     pageSize: number;
     name: string;
-    labelKey: string;
     limit: number;
+    labelKey: string;
     valueKey: string;
     multiple: boolean;
     placeholderSearch: string;

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

@@ -59,8 +59,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     pageSize: number;
     name: string;
-    labelKey: string;
     limit: number;
+    labelKey: string;
     valueKey: string;
     multiple: boolean;
     placeholderSearch: string;

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

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

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

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

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

@@ -20,9 +20,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
+    limit: number;
     labelKey: string;
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -20,9 +20,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     description: string;
+    limit: number;
     labelKey: string;
     placeholder: string;
-    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

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

@@ -27,8 +27,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    placeholder: string;
     limit: number;
+    placeholder: string;
     profileScope: "personal" | "business";
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -27,8 +27,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     name: string;
     state: "user" | "admin";
-    placeholder: string;
     limit: number;
+    placeholder: string;
     profileScope: "personal" | "business";
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -46,8 +46,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    rows: number;
     limit: number;
+    rows: number;
     readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

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

@@ -46,8 +46,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     resize: "none" | "both" | "horizontal" | "vertical";
     fullHeight: boolean;
     fullWidth: boolean;
-    rows: number;
     limit: number;
+    rows: number;
     readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

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/package.json

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