pukaad-ui-lib 1.99.0 → 1.100.0

package/dist/module.json

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

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

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

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

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

package/dist/runtime/components/dialog/dialog-email-OTP.d.vue.ts

@@ -7,12 +7,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/dialog-email-OTP.vue.d.ts

@@ -7,12 +7,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/dialog/dialog-phone-OTP.d.vue.ts

@@ -7,15 +7,15 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: (value: string) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
-    phone: string;
     confirmedText: string;
+    phone: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/dialog/dialog-phone-OTP.vue.d.ts

@@ -7,15 +7,15 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: (value: string) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
-    phone: string;
     confirmedText: string;
+    phone: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

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

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

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

package/dist/runtime/components/input/input-date-picker.vue

@@ -106,7 +106,7 @@
 <script setup>
 import { computed, ref } from "vue";
 import { CalendarDate, getLocalTimeZone } from "@internationalized/date";
-import dayjs from "dayjs";
+import dayjs from "@/runtime/utils/dayjs";
 import { cn } from "@/runtime/plugins/shadcn";
 import { Button } from "@/runtime/components/ui/button";
 import { Calendar } from "@/runtime/components/ui/calendar";

package/dist/runtime/components/modal/modal-account-disabled-alert.d.vue.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-account-disabled-alert.vue.d.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-account-disabled-reason.d.vue.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-account-disabled-reason.vue.d.ts

@@ -8,12 +8,12 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: () => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     confirmedText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -12,16 +12,16 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-    close: () => any;
     complete: (data: {
         secId: string;
     }) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     disabledForgotPassword: boolean;

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

@@ -12,16 +12,16 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-    close: () => any;
     complete: (data: {
         secId: string;
     }) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     disabledForgotPassword: boolean;

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

@@ -11,16 +11,16 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-    close: () => any;
     complete: (data: {
         secId: string;
     }) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     confirmText: string;

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

@@ -11,16 +11,16 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-    close: () => any;
     complete: (data: {
         secId: string;
     }) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: ((data: {
         secId: string;
     }) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
     title: string;
     confirmText: string;

package/dist/runtime/components/modal/modal-phone-OTP.d.vue.ts

@@ -7,15 +7,15 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: (value: string) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
-    phone: string;
     confirmedText: string;
+    phone: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/modal/modal-phone-OTP.vue.d.ts

@@ -7,15 +7,15 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 } & {
-    close: () => any;
     complete: (value: string) => any;
+    close: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClose?: (() => any) | undefined;
     onComplete?: ((value: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {
-    phone: string;
     confirmedText: string;
+    phone: string;
     phoneLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/modal/modal-review-detail.d.vue.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     items: string[];
     selectIndex: number;
     title: string;
-    review: import("../../../types/components/card/card-review.js").CardReviewProps;
     isProfile: boolean;
+    review: import("../../../types/components/card/card-review.js").CardReviewProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-review-detail.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     items: string[];
     selectIndex: number;
     title: string;
-    review: import("../../../types/components/card/card-review.js").CardReviewProps;
     isProfile: boolean;
+    review: import("../../../types/components/card/card-review.js").CardReviewProps;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/composables/useConvert.js

@@ -1,4 +1,4 @@
-import dayjs from "dayjs";
+import dayjs from "../utils/dayjs.js";
 export class Convert {
   /**
    * Convert number to Thai format

package/dist/runtime/plugins/dayjs.d.ts

@@ -1,5 +1,4 @@
-import dayjs from "dayjs";
-import "dayjs/locale/th";
+import dayjs from "../utils/dayjs.js";
 declare const _default: import("nuxt/app").Plugin<{
     dayjs: typeof dayjs;
 }> & import("nuxt/app").ObjectPlugin<{

package/dist/runtime/plugins/dayjs.js

@@ -1,16 +1,6 @@
 import { defineNuxtPlugin } from "nuxt/app";
-import dayjs from "dayjs";
-import buddhistEra from "dayjs/plugin/buddhistEra";
-import minMax from "dayjs/plugin/minMax";
-import updateLocale from "dayjs/plugin/updateLocale";
-import duration from "dayjs/plugin/duration";
-import "dayjs/locale/th";
+import dayjs from "../utils/dayjs.js";
 export default defineNuxtPlugin(() => {
-  dayjs.extend(updateLocale);
-  dayjs.extend(buddhistEra);
-  dayjs.extend(minMax);
-  dayjs.extend(duration);
-  dayjs.locale("th");
   return {
     provide: {
       dayjs

package/dist/runtime/utils/dayjs.d.ts

@@ -0,0 +1,3 @@
+import dayjs from "dayjs";
+import "dayjs/locale/th";
+export default dayjs;

package/dist/runtime/utils/dayjs.js

@@ -0,0 +1,12 @@
+import dayjs from "dayjs";
+import buddhistEra from "dayjs/plugin/buddhistEra";
+import minMax from "dayjs/plugin/minMax";
+import updateLocale from "dayjs/plugin/updateLocale";
+import duration from "dayjs/plugin/duration";
+import "dayjs/locale/th";
+dayjs.extend(updateLocale);
+dayjs.extend(buddhistEra);
+dayjs.extend(minMax);
+dayjs.extend(duration);
+dayjs.locale("th");
+export default dayjs;

package/package.json

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