pukaad-ui-lib 1.448.0 → 1.449.0

package/dist/module.json

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

package/dist/runtime/components/chart/chart-approval-activity.d.vue.ts

@@ -1,4 +1,4 @@
-export type ApprovalStatusKey = "suggested" | "verified";
+export type ApprovalStatusKey = "suggested" | "verified" | "pending" | "approved" | "rejected";
 export interface ApprovalSeriesPoint {
     date: string | Date;
     value: number;
@@ -14,6 +14,10 @@ export interface ApprovalSeries {
 type __VLS_Props = {
     suggested?: ApprovalSeries;
     verified?: ApprovalSeries;
+    pending?: ApprovalSeries;
+    approved?: ApprovalSeries;
+    rejected?: ApprovalSeries;
+    mode?: "places" | "accounts";
     /** locale ของชื่อเดือน (default en-US ตาม Figma) */
     locale?: string;
     /** ความสูง component เช่น "600px" หรือ 600 — ไม่ส่ง = เต็ม parent */
@@ -28,6 +32,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onPrev?: ((key: ApprovalStatusKey, month: Date) => any) | undefined;
     onNext?: ((key: ApprovalStatusKey, month: Date) => any) | undefined;
 }>, {
+    mode: "places" | "accounts";
     locale: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/chart/chart-approval-activity.vue

@@ -5,26 +5,41 @@ import { ChartContainer } from "#pukaad-ui/runtime/components/ui/chart";
 const props = defineProps({
   suggested: { type: Object, required: false },
   verified: { type: Object, required: false },
+  pending: { type: Object, required: false },
+  approved: { type: Object, required: false },
+  rejected: { type: Object, required: false },
+  mode: { type: String, required: false, default: "places" },
   locale: { type: String, required: false, default: "en-US" },
   height: { type: [String, Number], required: false }
 });
 const emit = defineEmits(["change", "prev", "next"]);
-const rows = [
+const rows = computed(() => props.mode === "accounts" ? [
+  { key: "pending", title: "\u0E23\u0E2D\u0E01\u0E32\u0E23\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A", color: "#FEF3C7" },
+  { key: "approved", title: "\u0E2D\u0E19\u0E38\u0E21\u0E31\u0E15\u0E34", color: "#E3F5E3" },
+  { key: "rejected", title: "\u0E1B\u0E0F\u0E34\u0E40\u0E2A\u0E18", color: "#FDE3E3" }
+] : [
   { key: "suggested", title: "\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48\u0E41\u0E19\u0E30\u0E19\u0E33", color: "#FEF3C7" },
   { key: "verified", title: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E41\u0E25\u0E49\u0E27", color: "#E3F5E3" }
-];
-const summaryMeta = [
+]);
+const summaryMeta = computed(() => props.mode === "accounts" ? [
+  { key: "pending", label: "\u0E23\u0E2D\u0E01\u0E32\u0E23\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A", color: "#F9A825" },
+  { key: "approved", label: "\u0E2D\u0E19\u0E38\u0E21\u0E31\u0E15\u0E34", color: "#43A047" },
+  { key: "rejected", label: "\u0E1B\u0E0F\u0E34\u0E40\u0E2A\u0E18", color: "#D32F2F" }
+] : [
   { key: "suggested", label: "\u0E2A\u0E16\u0E32\u0E19\u0E17\u0E35\u0E48\u0E41\u0E19\u0E30\u0E19\u0E33", color: "#F9A825" },
   { key: "verified", label: "\u0E22\u0E37\u0E19\u0E22\u0E31\u0E19\u0E41\u0E25\u0E49\u0E27", color: "#43A047" }
-];
+]);
 const chartConfig = {};
 const seriesByKey = computed(() => ({
   suggested: props.suggested ?? {},
-  verified: props.verified ?? {}
+  verified: props.verified ?? {},
+  pending: props.pending ?? {},
+  approved: props.approved ?? {},
+  rejected: props.rejected ?? {}
 }));
 const normalizedByKey = computed(() => {
-  const out = { suggested: [], verified: [] };
-  for (const r of rows) {
+  const out = {};
+  for (const r of rows.value) {
     out[r.key] = (seriesByKey.value[r.key].data ?? []).map((d) => ({
       _date: d.date instanceof Date ? d.date : new Date(d.date),
       value: d.value ?? 0
@@ -34,7 +49,7 @@ const normalizedByKey = computed(() => {
 });
 const monthByKey = computed(() => {
   const out = {};
-  for (const r of rows) {
+  for (const r of rows.value) {
     const m = seriesByKey.value[r.key].month;
     out[r.key] = m ? m instanceof Date ? m : new Date(m) : /* @__PURE__ */ new Date();
   }
@@ -42,7 +57,7 @@ const monthByKey = computed(() => {
 });
 const summaryByKey = computed(() => {
   const out = {};
-  for (const r of rows) {
+  for (const r of rows.value) {
     const s = seriesByKey.value[r.key].summary;
     out[r.key] = s ?? normalizedByKey.value[r.key].reduce((a, p) => a + p.value, 0);
   }

package/dist/runtime/components/chart/chart-approval-activity.vue.d.ts

@@ -1,4 +1,4 @@
-export type ApprovalStatusKey = "suggested" | "verified";
+export type ApprovalStatusKey = "suggested" | "verified" | "pending" | "approved" | "rejected";
 export interface ApprovalSeriesPoint {
     date: string | Date;
     value: number;
@@ -14,6 +14,10 @@ export interface ApprovalSeries {
 type __VLS_Props = {
     suggested?: ApprovalSeries;
     verified?: ApprovalSeries;
+    pending?: ApprovalSeries;
+    approved?: ApprovalSeries;
+    rejected?: ApprovalSeries;
+    mode?: "places" | "accounts";
     /** locale ของชื่อเดือน (default en-US ตาม Figma) */
     locale?: string;
     /** ความสูง component เช่น "600px" หรือ 600 — ไม่ส่ง = เต็ม parent */
@@ -28,6 +32,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onPrev?: ((key: ApprovalStatusKey, month: Date) => any) | undefined;
     onNext?: ((key: ApprovalStatusKey, month: Date) => any) | undefined;
 }>, {
+    mode: "places" | "accounts";
     locale: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -27,12 +27,12 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     avatar: string | null;
     muted: boolean;
     disabledMenu: boolean;
-    unreadCount: number;
-    pinned: boolean;
     preview: string;
     to: string;
     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

@@ -27,12 +27,12 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
     avatar: string | null;
     muted: boolean;
     disabledMenu: boolean;
-    unreadCount: number;
-    pinned: boolean;
     preview: string;
     to: string;
     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-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;
-    fullscreen: (payload: DisplayVideoAction) => any;
-    "play-click": (payload: DisplayVideoAction) => any;
     prev: (payload: DisplayVideoAction) => any;
     next: (payload: DisplayVideoAction) => any;
+    fullscreen: (payload: DisplayVideoAction) => any;
+    "play-click": (payload: DisplayVideoAction) => any;
 }, string, import("vue").PublicProps, Readonly<DisplayVideoProps> & Readonly<{
     onClose?: ((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;
+    onFullscreen?: ((payload: DisplayVideoAction) => any) | undefined;
+    "onPlay-click"?: ((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;
-    fullscreen: (payload: DisplayVideoAction) => any;
-    "play-click": (payload: DisplayVideoAction) => any;
     prev: (payload: DisplayVideoAction) => any;
     next: (payload: DisplayVideoAction) => any;
+    fullscreen: (payload: DisplayVideoAction) => any;
+    "play-click": (payload: DisplayVideoAction) => any;
 }, string, import("vue").PublicProps, Readonly<DisplayVideoProps> & Readonly<{
     onClose?: ((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;
+    onFullscreen?: ((payload: DisplayVideoAction) => any) | undefined;
+    "onPlay-click"?: ((payload: DisplayVideoAction) => any) | undefined;
 }>, {
     src: string;
     fullHeight: boolean;

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;
-    crossorigin: "" | "anonymous" | "use-credentials";
-    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;
-    crossorigin: "" | "anonymous" | "use-credentials";
-    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-address.d.vue.ts

@@ -50,8 +50,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
-    layout: "vertical" | "horizontal";
     placeholder: string;
+    layout: "vertical" | "horizontal";
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;

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

@@ -50,8 +50,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     label: string;
     name: string;
     required: boolean;
-    layout: "vertical" | "horizontal";
     placeholder: string;
+    layout: "vertical" | "horizontal";
     labelDetail: string;
     placeholderDetail: string;
     requiredDetail: boolean;

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;
-    options: AutocompleteOption[] | string[] | number[];
-    limit: number;
     labelKey: string;
     placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
+    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;
-    options: AutocompleteOption[] | string[] | number[];
-    limit: number;
     labelKey: string;
     placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
+    limit: number;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-birth-date.d.vue.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
+    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     minAge: number;

package/dist/runtime/components/input/input-birth-date.vue.d.ts

@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     id: string;
     name: string;
     required: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
+    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     minAge: number;

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;
-    limit: number;
     labelKey: string;
+    limit: number;
     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;
-    limit: number;
     labelKey: string;
+    limit: number;
     valueKey: string;
     multiple: boolean;
     placeholderSearch: string;

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

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
+    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     showTime: boolean;

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

@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     locale: string;
     placeholder: string;
+    layout: "month-and-year" | "month-only" | "year-only";
     disabledErrorMessage: boolean;
     dateFormat: string;
     showTime: boolean;

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[];
+    placeholder: string;
     options: InputSelectItem[];
     limit: number;
-    placeholder: string;
     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[];
+    placeholder: string;
     options: InputSelectItem[];
     limit: number;
-    placeholder: string;
     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-modal.d.vue.ts

@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    options: InputTagModalOption[];
     labelKey: string;
     placeholder: string;
+    options: InputTagModalOption[];
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

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

@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     required: boolean;
-    options: InputTagModalOption[];
     labelKey: string;
     placeholder: string;
+    options: InputTagModalOption[];
     disabledErrorMessage: boolean;
     valueKey: string;
     searchPlaceholder: string;

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

@@ -26,9 +26,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
+    placeholder: string;
     state: "user" | "admin";
     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

@@ -26,9 +26,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
+    placeholder: string;
     state: "user" | "admin";
     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;
-    limit: number;
     rows: number;
+    limit: 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;
-    limit: number;
     rows: number;
+    limit: number;
     readonly: boolean;
     disabledErrorMessage: boolean;
     disabledBorder: boolean;

package/package.json

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