pukaad-ui-lib 1.210.0 → 1.211.0

package/dist/module.json

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

package/dist/runtime/assets/svg/map-location-dot.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17" fill="none">
+  <g clip-path="url(#clip0_6644_10663)">
+    <path d="M14.1667 3.98438C14.1667 5.79727 11.6285 9.02793 10.5139 10.3594C10.2465 10.6781 9.75 10.6781 9.48611 10.3594C8.37153 9.02793 5.83333 5.79727 5.83333 3.98438C5.83333 1.78301 7.69792 0 10 0C12.3021 0 14.1667 1.78301 14.1667 3.98438ZM14.4444 6.65391C14.566 6.42481 14.6771 6.1957 14.7778 5.96992C14.7951 5.93008 14.8125 5.88691 14.8299 5.84707L18.8576 4.30645C19.4062 4.09727 20 4.48242 20 5.04688V14.0383C20 14.3637 19.7917 14.6559 19.4757 14.7787L14.4444 16.7012V6.65391ZM4.77778 4.59199C4.86111 5.06016 5.02778 5.53164 5.22222 5.96992C5.32292 6.1957 5.43403 6.42481 5.55556 6.65391V15.0012L1.14236 16.6912C0.59375 16.9004 0 16.5152 0 15.9508V6.95938C0 6.63399 0.208333 6.3418 0.524306 6.21895L4.78125 4.59199H4.77778ZM11.3819 11.0234C11.8646 10.4457 12.6215 9.50606 13.3333 8.4668V16.7443L6.66667 14.9215V8.4668C7.37847 9.50606 8.13542 10.4457 8.61806 11.0234C9.32986 11.8734 10.6701 11.8734 11.3819 11.0234ZM10 5.04688C10.3684 5.04688 10.7216 4.90695 10.9821 4.65788C11.2426 4.4088 11.3889 4.07099 11.3889 3.71875C11.3889 3.36651 11.2426 3.0287 10.9821 2.77962C10.7216 2.53055 10.3684 2.39063 10 2.39063C9.63164 2.39063 9.27837 2.53055 9.01791 2.77962C8.75744 3.0287 8.61111 3.36651 8.61111 3.71875C8.61111 4.07099 8.75744 4.4088 9.01791 4.65788C9.27837 4.90695 9.63164 5.04688 10 5.04688Z" fill="#1976B8"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_6644_10663">
+      <rect width="20" height="17" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/runtime/components/data-table.d.vue.ts

@@ -18,41 +18,37 @@ type __VLS_ModelProps = {
     "selected"?: Record<string, any>[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {
-    selected: Record<string, any>[];
-}, __VLS_15: {
+declare var __VLS_13: {
     item: TableHeader[];
-}, __VLS_43: `header-${string}`, __VLS_44: {
+}, __VLS_41: `header-${string}`, __VLS_42: {
     header: TableHeader;
     onSort: () => void;
     isSorted: boolean;
     sortDesc: boolean;
-}, __VLS_51: {
+}, __VLS_49: {
     items: Record<string, any>[];
     header: TableHeader[];
-}, __VLS_99: {
+}, __VLS_97: {
     item: Record<string, any>;
     header: TableHeader[];
     index: number;
-}, __VLS_108: `item-${string}`, __VLS_109: {
+}, __VLS_106: `item-${string}`, __VLS_107: {
     item: Record<string, any>;
-}, __VLS_111: {}, __VLS_119: {};
+}, __VLS_109: {}, __VLS_117: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+    [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
 } & {
-    [K in NonNullable<typeof __VLS_108>]?: (props: typeof __VLS_109) => any;
+    [K in NonNullable<typeof __VLS_106>]?: (props: typeof __VLS_107) => any;
 } & {
-    'selection-actions'?: (props: typeof __VLS_1) => any;
+    header?: (props: typeof __VLS_13) => any;
 } & {
-    header?: (props: typeof __VLS_15) => any;
+    body?: (props: typeof __VLS_49) => any;
 } & {
-    body?: (props: typeof __VLS_51) => any;
+    item?: (props: typeof __VLS_97) => any;
 } & {
-    item?: (props: typeof __VLS_99) => any;
+    empty?: (props: typeof __VLS_109) => any;
 } & {
-    empty?: (props: typeof __VLS_111) => any;
-} & {
-    'empty-content'?: (props: typeof __VLS_119) => any;
+    'empty-content'?: (props: typeof __VLS_117) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => any;

package/dist/runtime/components/data-table.vue

@@ -115,15 +115,6 @@ const getJustifyClass = (alignment = "start") => {
 <template>
   <div class="bg-white rounded-lg h-full flex flex-col">
     <!-- Selection Action Bar -->
-    <div
-      v-if="props.selectable && selected.length > 0"
-      class="flex items-center gap-3 px-4 py-2 bg-primary rounded-t-lg"
-    >
-      <span class="font-body-medium text-white">
-        เลือก {{ selected.length }} รายการ
-      </span>
-      <slot name="selection-actions" :selected="selected" />
-    </div>
 
     <!-- Table Container -->
     <div class="flex-1 overflow-auto">
@@ -136,7 +127,9 @@ const getJustifyClass = (alignment = "start") => {
               <ShadTableHead v-if="props.selectable" class="w-12">
                 <div class="flex items-center justify-center">
                   <InputCheckbox
-                    :model-value="isIndeterminate ? 'indeterminate' : isAllSelected"
+                    :model-value="
+  isIndeterminate ? 'indeterminate' : isAllSelected
+"
                     @update:model-value="() => toggleAll()"
                   />
                 </div>
@@ -208,7 +201,9 @@ const getJustifyClass = (alignment = "start") => {
                 v-for="(item, i_body) in sortedItems"
                 :key="i_body"
                 class="cursor-pointer"
-                :data-state="props.selectable && isSelected(item) ? 'selected' : void 0"
+                :data-state="
+  props.selectable && isSelected(item) ? 'selected' : void 0
+"
                 @click="emit('click-row', item, i_body)"
               >
                 <!-- Checkbox per row -->
@@ -233,6 +228,11 @@ const getJustifyClass = (alignment = "start") => {
                     :class="
   getAlignmentClass(header.alignment || props.cellAlignment)
 "
+                    :style="{
+  width: header.width ? typeof header.width === 'number' ? `${header.width}px` : header.width : void 0,
+  minWidth: header.minWidth ? typeof header.minWidth === 'number' ? `${header.minWidth}px` : header.minWidth : void 0,
+  maxWidth: header.maxWidth ? typeof header.maxWidth === 'number' ? `${header.maxWidth}px` : header.maxWidth : header.width ? typeof header.width === 'number' ? `${header.width}px` : header.width : header.minWidth ? typeof header.minWidth === 'number' ? `${header.minWidth}px` : header.minWidth : void 0
+}"
                   >
                     <slot :name="`item-${header.key}`" :item="item">
                       {{ item[header.key] }}

package/dist/runtime/components/data-table.vue.d.ts

@@ -18,41 +18,37 @@ type __VLS_ModelProps = {
     "selected"?: Record<string, any>[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {
-    selected: Record<string, any>[];
-}, __VLS_15: {
+declare var __VLS_13: {
     item: TableHeader[];
-}, __VLS_43: `header-${string}`, __VLS_44: {
+}, __VLS_41: `header-${string}`, __VLS_42: {
     header: TableHeader;
     onSort: () => void;
     isSorted: boolean;
     sortDesc: boolean;
-}, __VLS_51: {
+}, __VLS_49: {
     items: Record<string, any>[];
     header: TableHeader[];
-}, __VLS_99: {
+}, __VLS_97: {
     item: Record<string, any>;
     header: TableHeader[];
     index: number;
-}, __VLS_108: `item-${string}`, __VLS_109: {
+}, __VLS_106: `item-${string}`, __VLS_107: {
     item: Record<string, any>;
-}, __VLS_111: {}, __VLS_119: {};
+}, __VLS_109: {}, __VLS_117: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+    [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
 } & {
-    [K in NonNullable<typeof __VLS_108>]?: (props: typeof __VLS_109) => any;
+    [K in NonNullable<typeof __VLS_106>]?: (props: typeof __VLS_107) => any;
 } & {
-    'selection-actions'?: (props: typeof __VLS_1) => any;
+    header?: (props: typeof __VLS_13) => any;
 } & {
-    header?: (props: typeof __VLS_15) => any;
+    body?: (props: typeof __VLS_49) => any;
 } & {
-    body?: (props: typeof __VLS_51) => any;
+    item?: (props: typeof __VLS_97) => any;
 } & {
-    item?: (props: typeof __VLS_99) => any;
+    empty?: (props: typeof __VLS_109) => any;
 } & {
-    empty?: (props: typeof __VLS_111) => any;
-} & {
-    'empty-content'?: (props: typeof __VLS_119) => any;
+    'empty-content'?: (props: typeof __VLS_117) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => any;

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

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

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

@@ -64,12 +64,12 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
+    modal: boolean;
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
     crossorigin: "" | "anonymous" | "use-credentials";
-    modal: boolean;
     guides: boolean;
     highlight: boolean;
     background: 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-slider.d.vue.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     label: string;
     color: InputSliderColor;
     fullWidth: boolean;
+    step: number;
     max: number;
     min: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     label: string;
     color: InputSliderColor;
     fullWidth: boolean;
+    step: number;
     max: number;
     min: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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

@@ -28,8 +28,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

@@ -28,8 +28,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.210.0",
+  "version": "1.211.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",