pukaad-ui-lib 1.431.0 → 1.433.0

package/dist/runtime/components/drawer/drawer-notification.vue

@@ -1,254 +1,151 @@
 <template>
   <Drawer v-model="modelValue" title="การแจ้งเตือน" class="w-[748px]">
-    <div class="flex justify-between items-center mb-[16px]">
-      <ShadTabs v-model="selectedTab" class="w-full">
-        <div class="flex justify-between items-center w-full">
-          <ShadTabsList>
-            <ShadTabsTrigger
-              v-for="tab in tabs"
-              :key="tab.value"
-              :value="tab.value"
-              class="px-4 py-2"
-            >
-              <Icon name="lucide:layers" />
-              <div class="flex">
-                {{ tab.label }}
-                <div
-                  v-if="
-  tab.value === 'general' ? hasUnreadGeneral : hasUnreadSystem
-"
-                  class="bg-destructive rounded-full w-[10px] h-[10px] m-[2px] shrink-0"
-                />
-              </div>
-            </ShadTabsTrigger>
-          </ShadTabsList>
-
-          <div
-            v-if="notifications.length > 0"
-            class="text-primary font-body-medium cursor-pointer"
-            @click="markAllRead"
+    <ShadTabs v-model="notificationStore.activeTab" class="w-full">
+      <div class="flex justify-between items-center w-full mb-[16px]">
+        <ShadTabsList>
+          <ShadTabsTrigger
+            v-for="tab in tabs"
+            :key="tab.value"
+            :value="tab.value"
+            class="px-4 py-2"
           >
-            อ่านทั้งหมด
-          </div>
-        </div>
-
-        <ShadTabsContent value="general" class="flex flex-col gap-[8px]">
-          <template v-if="isLoading && notifications.length === 0">
-            <div class="flex justify-center py-[40px]">
-              <Icon
-                name="lucide:loader-2"
-                size="24"
-                class="animate-spin text-gray"
+            <Icon name="lucide:layers" />
+            <div class="flex">
+              {{ tab.label }}
+              <div
+                v-if="notificationStore.unreadByTab[tab.value] > 0"
+                class="bg-destructive rounded-full w-[10px] h-[10px] m-[2px] shrink-0"
               />
             </div>
-          </template>
+          </ShadTabsTrigger>
+        </ShadTabsList>
 
-          <template v-else-if="notifications.length === 0">
-            <div
-              class="flex flex-col items-center justify-center py-[40px] gap-[8px]"
-            >
-              <Icon name="lucide:bell-off" size="40" class="text-gray" />
-              <div class="font-body-medium text-gray">ยังไม่มีการแจ้งเตือน</div>
+        <div
+          v-if="notificationStore.unreadByTab[notificationStore.activeTab] > 0"
+          class="text-primary font-body-medium cursor-pointer"
+          @click="notificationStore.markAllRead()"
+        >
+          อ่านทั้งหมด
+        </div>
+      </div>
+
+      <ShadTabsContent
+        v-for="tab in tabs"
+        :key="tab.value"
+        :value="tab.value"
+        class="flex flex-col gap-[8px]"
+      >
+        <template v-if="notificationStore.isLoadingList[tab.value] && notificationStore.lists[tab.value].length === 0">
+          <div
+            v-for="n in 3"
+            :key="n"
+            class="flex gap-[8px] items-center p-[16px] rounded-[8px] border border-mercury animate-pulse"
+          >
+            <div class="size-[30px] rounded-full bg-mercury shrink-0" />
+            <div class="flex flex-col gap-[8px] w-full">
+              <div class="h-[12px] w-2/3 rounded bg-mercury" />
+              <div class="h-[10px] w-1/4 rounded bg-mercury" />
             </div>
-          </template>
+          </div>
+        </template>
 
-          <template v-else>
-            <Card
-              v-for="item in notifications"
-              :key="item.id"
-              variant="outline"
-              class="cursor-pointer transition-colors"
-              :class="{ 'bg-bright': !item.is_read }"
-              @click="onClickNotification(item)"
-            >
-              <div class="flex gap-[8px] items-center">
-                <div class="flex gap-[8px] items-center w-full">
-                  <Avatar :size="30" :src="item.actor?.avatar ?? void 0" />
-                  <div class="flex flex-col gap-[4px]">
-                    <div class="font-body-medium">
-                      <span
-                        v-if="item.actor && !isGrouped(item)"
-                        class="font-body-medium-prominent"
-                      >
-                        {{ item.actor.name }}
-                      </span>
-                      {{ item.message }}
-                    </div>
-                    <div class="text-gray font-body-small">
-                      {{ formatRelativeTime(item.created_at) }}
-                    </div>
+        <div
+          v-else-if="notificationStore.lists[tab.value].length === 0"
+          class="flex flex-col items-center justify-center py-[40px] gap-[8px]"
+        >
+          <Icon name="lucide:bell-off" size="40" class="text-gray" />
+          <div class="font-body-medium text-gray">{{ tab.empty }}</div>
+        </div>
+
+        <template v-else>
+          <Card
+            v-for="item in notificationStore.lists[tab.value]"
+            :key="item.id"
+            variant="outline"
+            class="cursor-pointer transition-colors"
+            :class="{ 'bg-bright': !item.is_read }"
+            @click="onClickNotification(item)"
+          >
+            <div class="flex gap-[8px] items-center">
+              <div class="flex gap-[8px] items-center w-full">
+                <Icon
+                  v-if="item.tab === 'system'"
+                  name="pukaad:memsg-square"
+                  class="w-[40px] h-[40px] shrink-0"
+                />
+                <Avatar v-else :size="30" :src="item.actor?.avatar ?? void 0" />
+                <div class="flex flex-col gap-[4px]">
+                  <div class="font-body-medium">
+                    <span v-if="item.actor" class="font-body-medium-prominent">
+                      {{ item.actor.name }}
+                    </span>
+                    {{ item.message }}
+                  </div>
+                  <div class="text-gray font-body-small">
+                    {{ convertChatRelativeText(item.created_at) }}
                   </div>
                 </div>
-                <div
-                  v-if="!item.is_read"
-                  class="bg-primary rounded-full w-[10px] h-[10px] shrink-0"
-                />
               </div>
-            </Card>
-          </template>
-        </ShadTabsContent>
-
-        <ShadTabsContent value="system" class="flex flex-col gap-[8px]">
-          <template v-if="isLoading && notifications.length === 0">
-            <div class="flex justify-center py-[40px]">
-              <Icon
-                name="lucide:loader-2"
-                size="24"
-                class="animate-spin text-gray"
+              <div
+                v-if="!item.is_read"
+                class="bg-primary rounded-full w-[10px] h-[10px] shrink-0"
               />
             </div>
-          </template>
+          </Card>
+        </template>
+      </ShadTabsContent>
+    </ShadTabs>
 
-          <template v-else-if="notifications.length === 0">
-            <div
-              class="flex flex-col items-center justify-center py-[40px] gap-[8px]"
-            >
-              <Icon name="lucide:bell-off" size="40" class="text-gray" />
-              <div class="font-body-medium text-gray">ยังไม่มีการแจ้งเตือนระบบ</div>
-            </div>
-          </template>
-
-          <template v-else>
-            <Card
-              v-for="item in notifications"
-              :key="item.id"
-              variant="outline"
-              class="cursor-pointer transition-colors"
-              :class="{ 'bg-bright': !item.is_read }"
-              @click="onClickNotification(item)"
-            >
-              <div class="flex gap-[8px] items-center">
-                <div class="flex gap-[8px] items-center w-full">
-                  <Icon
-                    name="pukaad:memsg-square"
-                    class="w-[40px] h-[40px] shrink-0"
-                  />
-                  <div class="flex flex-col gap-[4px]">
-                    <div class="font-body-medium">{{ item.message }}</div>
-                    <div class="text-gray font-body-small">
-                      {{ formatRelativeTime(item.created_at) }}
-                    </div>
-                  </div>
-                </div>
-                <div
-                  v-if="!item.is_read"
-                  class="bg-primary rounded-full w-[10px] h-[10px] shrink-0"
-                />
-              </div>
-            </Card>
-          </template>
-        </ShadTabsContent>
-      </ShadTabs>
+    <div ref="sentinel" class="h-[1px]" />
+    <div
+      v-if="notificationStore.isLoadingMore[notificationStore.activeTab]"
+      class="flex justify-center py-[16px]"
+    >
+      <Icon name="lucide:loader-2" size="20" class="animate-spin text-gray" />
     </div>
   </Drawer>
 </template>
 
 <script setup>
-import { ref, computed, watch } from "vue";
-import { useApi } from "../../composables/useApi";
+import { useTemplateRef, watch } from "vue";
+import { useElementVisibility } from "@vueuse/core";
+import { useConvert } from "../../composables/useConvert";
 import { useNotificationStore } from "../../composables/store-notification";
-const api = useApi();
 const modelValue = defineModel({ type: Boolean });
 const notificationStore = useNotificationStore();
+const { convertChatRelativeText } = useConvert();
 const emit = defineEmits(["select"]);
-const selectedTab = ref("general");
 const tabs = [
-  { value: "general", label: "\u0E17\u0E31\u0E48\u0E27\u0E44\u0E1B" },
-  { value: "system", label: "\u0E23\u0E30\u0E1A\u0E1A" }
+  { value: "general", label: "\u0E17\u0E31\u0E48\u0E27\u0E44\u0E1B", empty: "\u0E22\u0E31\u0E07\u0E44\u0E21\u0E48\u0E21\u0E35\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19" },
+  { value: "system", label: "\u0E23\u0E30\u0E1A\u0E1A", empty: "\u0E22\u0E31\u0E07\u0E44\u0E21\u0E48\u0E21\u0E35\u0E01\u0E32\u0E23\u0E41\u0E08\u0E49\u0E07\u0E40\u0E15\u0E37\u0E2D\u0E19\u0E23\u0E30\u0E1A\u0E1A" }
 ];
-const generalNotifications = ref([]);
-const systemNotifications = ref([]);
-const isLoading = ref(false);
-const notifications = computed(
-  () => selectedTab.value === "system" ? systemNotifications.value : generalNotifications.value
-);
-const hasUnreadGeneral = computed(
-  () => generalNotifications.value.some((n) => !n.is_read)
-);
-const hasUnreadSystem = computed(
-  () => systemNotifications.value.some((n) => !n.is_read)
-);
-const fetchNotifications = async () => {
-  try {
-    isLoading.value = true;
-    if (selectedTab.value === "system") {
-      const response = await api(`/notifications`, {
-        params: { page: 1, page_size: 50, category: "system" }
-      });
-      systemNotifications.value = response.data;
-    } else {
-      const response = await api(`/notifications`, {
-        params: { page: 1, page_size: 50 }
-      });
-      generalNotifications.value = response.data.filter(
-        (n) => n.category !== "system"
-      );
-    }
-  } catch (err) {
-    console.error("Fetch notifications error:", err);
-  } finally {
-    isLoading.value = false;
-  }
-};
-const markAsRead = async (item) => {
-  if (item.is_read) return;
-  try {
-    await api(`/notifications/${item.id}/read`, { method: "PATCH" });
-    item.is_read = true;
-    notificationStore.fetchUnreadCount();
-  } catch {
-  }
-};
-const markAllRead = async () => {
-  try {
-    await api(`/notifications/read-all`, { method: "PATCH" });
-    generalNotifications.value.forEach((n) => n.is_read = true);
-    systemNotifications.value.forEach((n) => n.is_read = true);
-    notificationStore.setUnreadCount(0);
-  } catch {
-  }
-};
+const sentinel = useTemplateRef("sentinel");
+const isSentinelVisible = useElementVisibility(sentinel);
 const onClickNotification = (item) => {
-  markAsRead(item);
+  notificationStore.markRead(item);
   emit("select", item);
 };
-const isGrouped = (item) => !!item.grouped_count && item.grouped_count > 1;
-const formatRelativeTime = (dateStr) => {
-  const now = /* @__PURE__ */ new Date();
-  const date = new Date(dateStr);
-  const diffMs = now.getTime() - date.getTime();
-  const diffSec = Math.floor(diffMs / 1e3);
-  const diffMin = Math.floor(diffSec / 60);
-  const diffHour = Math.floor(diffMin / 60);
-  const diffDay = Math.floor(diffHour / 24);
-  if (diffSec < 60) return "\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E0B\u0E31\u0E01\u0E04\u0E23\u0E39\u0E48";
-  if (diffMin < 60) return `${diffMin} \u0E19\u0E32\u0E17\u0E35\u0E17\u0E35\u0E48\u0E41\u0E25\u0E49\u0E27`;
-  if (diffHour < 24) return `${diffHour} \u0E0A\u0E31\u0E48\u0E27\u0E42\u0E21\u0E07\u0E17\u0E35\u0E48\u0E41\u0E25\u0E49\u0E27`;
-  if (diffDay < 7) return `${diffDay} \u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E41\u0E25\u0E49\u0E27`;
-  return date.toLocaleDateString("th-TH", {
-    day: "numeric",
-    month: "short",
-    year: "numeric"
-  });
-};
 watch(
   () => notificationStore.isOpenDrawer,
-  (val) => {
-    if (val) {
-      fetchNotifications();
-    }
+  (open) => {
+    if (open) notificationStore.fetchList(notificationStore.activeTab);
   }
 );
-watch(selectedTab, () => {
-  if (notificationStore.isOpenDrawer) {
-    fetchNotifications();
+watch(
+  () => notificationStore.activeTab,
+  (tab) => {
+    if (notificationStore.isOpenDrawer) notificationStore.fetchList(tab);
   }
-});
+);
 watch(
-  () => notificationStore.unreadCount,
-  () => {
-    if (notificationStore.isOpenDrawer) {
-      fetchNotifications();
+  [
+    isSentinelVisible,
+    () => notificationStore.hasMore[notificationStore.activeTab],
+    () => notificationStore.isLoadingMore[notificationStore.activeTab]
+  ],
+  ([visible, more, loading]) => {
+    if (visible && more && !loading && notificationStore.isOpenDrawer) {
+      notificationStore.loadMore(notificationStore.activeTab);
     }
   }
 );

package/dist/runtime/components/drawer/drawer-notification.vue.d.ts

@@ -1,23 +1,4 @@
-export interface NotificationActor {
-    id: string;
-    name: string;
-    avatar: string | null;
-}
-export interface NotificationRef {
-    type: string;
-    id: string;
-}
-export interface NotificationItem {
-    id: string;
-    category: string;
-    action: string;
-    message: string;
-    ref?: NotificationRef;
-    is_read: boolean;
-    actor?: NotificationActor;
-    grouped_count?: number;
-    created_at: string;
-}
+import type { NotificationItem } from "../../types/notification.js";
 declare const modelValue: import("vue").ModelRef<boolean | undefined, string, boolean | undefined, boolean | undefined>;
 type __VLS_ModelProps = {
     modelValue?: typeof modelValue['value'];

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

@@ -64,11 +64,11 @@ 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";
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
+    crossorigin: "" | "anonymous" | "use-credentials";
     modal: boolean;
     guides: boolean;
     highlight: boolean;

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

@@ -64,11 +64,11 @@ 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";
     responsive: boolean;
     restore: boolean;
     checkCrossOrigin: boolean;
     checkOrientation: boolean;
+    crossorigin: "" | "anonymous" | "use-credentials";
     modal: boolean;
     guides: boolean;
     highlight: boolean;

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

@@ -1,4 +1,4 @@
-import { type Province, type Amphur, type Tambon } from "#pukaad-ui/runtime/composables/useThaiAddress";
+import type { Province, Amphur, Tambon } from "#pukaad-ui/runtime/types/thai-address";
 export interface InputAddressValue {
     province_id?: number;
     amphur_id?: number;

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

@@ -150,9 +150,7 @@
 
 <script setup>
 import { ref, computed, watch, onMounted } from "vue";
-import {
-  useThaiAddress
-} from "#pukaad-ui/runtime/composables/useThaiAddress";
+import { useThaiAddress } from "#pukaad-ui/runtime/composables/useThaiAddress";
 const {
   loadProvinces,
   loadProvinceById,

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

@@ -1,4 +1,4 @@
-import { type Province, type Amphur, type Tambon } from "#pukaad-ui/runtime/composables/useThaiAddress";
+import type { Province, Amphur, Tambon } from "#pukaad-ui/runtime/types/thai-address";
 export interface InputAddressValue {
     province_id?: number;
     amphur_id?: number;

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

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

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

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

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

@@ -30,10 +30,10 @@ 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;
     disabledErrorMessage: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;
     minAge: number;
     maxYearsBack: number;

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

@@ -30,10 +30,10 @@ 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;
     disabledErrorMessage: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;
     minAge: number;
     maxYearsBack: number;

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

@@ -44,10 +44,10 @@ 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;
     disabledErrorMessage: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;
     showTime: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -44,10 +44,10 @@ 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;
     disabledErrorMessage: boolean;
-    layout: "month-and-year" | "month-only" | "year-only";
     dateFormat: string;
     showTime: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

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

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

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

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     item: string | number;
     name: string;
     columnGap: number | string;
-    disabledErrorMessage: boolean;
     layout: "vertical" | "horizontal";
+    disabledErrorMessage: boolean;
     labelPosition: "left" | "right";
     layoutGap: number | string;
     standalone: boolean;

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

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     item: string | number;
     name: string;
     columnGap: number | string;
-    disabledErrorMessage: boolean;
     layout: "vertical" | "horizontal";
+    disabledErrorMessage: boolean;
     labelPosition: "left" | "right";
     layoutGap: number | string;
     standalone: boolean;

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

@@ -37,10 +37,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
+    readonly: boolean;
     disabledErrorMessage: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
     disabledIcon: boolean;
-    readonly: boolean;
     roundedFull: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -37,10 +37,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     name: string;
     required: boolean;
     placeholder: string;
+    readonly: boolean;
     disabledErrorMessage: boolean;
     iconPosition: import("#pukaad-ui/types/components/input/input-search").InputSearchIconPosition;
     disabledIcon: boolean;
-    readonly: boolean;
     roundedFull: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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;
+    max: number;
     step: number;
     min: number;
-    max: 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;
+    max: number;
     step: number;
     min: number;
-    max: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

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;