@ramathibodi/nuxt-commons 0.1.74 → 4.0.1

package/dist/runtime/components/model/iterator.vue.d.ts

@@ -0,0 +1,321 @@
+import { VDataIterator } from 'vuetify/components/VDataIterator';
+import type { GraphqlModelProps } from '../../composables/graphqlModel.js';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VDataIterator['$props']> {
+    title: string;
+    noDataText?: string;
+    dialogFullscreen?: boolean;
+    initialData?: Record<string, any>;
+    toolbarColor?: string;
+    importable?: boolean;
+    exportable?: boolean;
+    insertable?: boolean;
+    searchable?: boolean;
+    search?: string;
+    viewSwitch?: boolean;
+    viewSwitchMultiple?: boolean;
+    cols?: string | number | boolean;
+    xxl?: string | number | boolean;
+    xl?: string | number | boolean;
+    lg?: string | number | boolean;
+    md?: string | number | boolean;
+    sm?: string | number | boolean;
+    itemsPerPage?: string | number;
+    preferTable?: string | number | boolean;
+    preferTableXxl?: string | number | boolean;
+    preferTableXl?: string | number | boolean;
+    preferTableLg?: string | number | boolean;
+    preferTableMd?: string | number | boolean;
+    preferTableSm?: string | number | boolean;
+}
+/**
+ * Public props accepted by ModelIterator.
+ * Document each prop field with intent, defaults, and side effects for clear generated docs.
+ */
+type __VLS_Props = Props & GraphqlModelProps;
+declare function openDialog(item?: object): void;
+declare var __VLS_15: {
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    };
+    page: number;
+    itemsPerPage: number;
+    sortBy: readonly import("vuetify/lib/types.mjs").DataTableSortItem[];
+    pageCount: number;
+    toggleSort: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/sort.mjs").provideSort>["toggleSort"];
+    prevPage: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/paginate.mjs").providePagination>["prevPage"];
+    nextPage: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/paginate.mjs").providePagination>["nextPage"];
+    setPage: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/paginate.mjs").providePagination>["setPage"];
+    setItemsPerPage: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/paginate.mjs").providePagination>["setItemsPerPage"];
+    isSelected: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/select.mjs").provideSelection>["isSelected"];
+    select: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/select.mjs").provideSelection>["select"];
+    selectAll: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/select.mjs").provideSelection>["selectAll"];
+    toggleSelect: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/select.mjs").provideSelection>["toggleSelect"];
+    isExpanded: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/expand.mjs").provideExpanded>["isExpanded"];
+    toggleExpand: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/expand.mjs").provideExpanded>["toggleExpand"];
+    isGroupOpen: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/group.mjs").provideGroupBy>["isGroupOpen"];
+    toggleGroup: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/group.mjs").provideGroupBy>["toggleGroup"];
+    items: readonly import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>[];
+    itemsCount: number;
+    groupedItems: readonly (import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>> | import("vuetify/lib/components/VDataTable/composables/group.mjs").Group<import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>> | import("vuetify/lib/components/VDataTable/composables/group.mjs").GroupSummary<import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>>)[];
+}, __VLS_35: {
+    item: import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>;
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    };
+}, __VLS_38: {
+    color: string | undefined;
+    isActive: boolean;
+}, __VLS_58: {}, __VLS_66: {
+    items: Record<string, any>[];
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    };
+    page: number;
+    itemsPerPage: number;
+    sortBy: readonly import("vuetify/lib/types.mjs").DataTableSortItem[];
+    pageCount: number;
+    toggleSort: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/sort.mjs").provideSort>["toggleSort"];
+    prevPage: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/paginate.mjs").providePagination>["prevPage"];
+    nextPage: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/paginate.mjs").providePagination>["nextPage"];
+    setPage: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/paginate.mjs").providePagination>["setPage"];
+    setItemsPerPage: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/paginate.mjs").providePagination>["setItemsPerPage"];
+    isSelected: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/select.mjs").provideSelection>["isSelected"];
+    select: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/select.mjs").provideSelection>["select"];
+    selectAll: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/select.mjs").provideSelection>["selectAll"];
+    toggleSelect: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/select.mjs").provideSelection>["toggleSelect"];
+    isExpanded: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/expand.mjs").provideExpanded>["isExpanded"];
+    toggleExpand: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/expand.mjs").provideExpanded>["toggleExpand"];
+    isGroupOpen: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/group.mjs").provideGroupBy>["isGroupOpen"];
+    toggleGroup: ReturnType<typeof import("vuetify/lib/components/VDataTable/composables/group.mjs").provideGroupBy>["toggleGroup"];
+    itemsCount: number;
+    groupedItems: readonly (import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>> | import("vuetify/lib/components/VDataTable/composables/group.mjs").Group<import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>> | import("vuetify/lib/components/VDataTable/composables/group.mjs").GroupSummary<import("vuetify/lib/components/VDataIterator/composables/items.mjs").DataIteratorItem<Record<string, any>>>)[];
+}, __VLS_92: {
+    reload: () => void;
+}, __VLS_108: {
+    items: Record<string, any>[];
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    };
+}, __VLS_121: {
+    items: Record<string, any>[];
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    };
+}, __VLS_175: never, __VLS_176: {
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    };
+}, __VLS_201: never, __VLS_202: {
+    operation: {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    };
+}, __VLS_270: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_175>]?: (props: typeof __VLS_176) => any;
+} & {
+    [K in NonNullable<typeof __VLS_201>]?: (props: typeof __VLS_202) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    item?: (props: typeof __VLS_35) => any;
+} & {
+    loader?: (props: typeof __VLS_38) => any;
+} & {
+    loaderItem?: (props: typeof __VLS_58) => any;
+} & {
+    header?: (props: typeof __VLS_66) => any;
+} & {
+    title?: (props: typeof __VLS_92) => any;
+} & {
+    search?: (props: typeof __VLS_108) => any;
+} & {
+    toolbarItems?: (props: typeof __VLS_121) => any;
+} & {
+    form?: (props: typeof __VLS_270) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    noDataText: string;
+    dialogFullscreen: boolean;
+    toolbarColor: string;
+    importable: boolean;
+    exportable: boolean;
+    insertable: boolean;
+    searchable: boolean;
+    modelKey: string;
+    modelBy: undefined;
+    fields: () => never[];
+    viewSwitch: boolean;
+    viewSwitchMultiple: boolean;
+    cols: number;
+    xxl: boolean;
+    xl: boolean;
+    lg: number;
+    md: number;
+    sm: number;
+    itemsPerPage: number;
+}>>, {
+    reload: () => void;
+    operation: import("vue").Ref<{
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    }, {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: import("vue").ComputedRef<boolean>;
+        canServerSearch: import("vue").ComputedRef<boolean>;
+        canCreate: import("vue").ComputedRef<boolean>;
+        canUpdate: import("vue").ComputedRef<boolean>;
+        canDelete: import("vue").ComputedRef<boolean>;
+    } | {
+        openDialog: typeof openDialog;
+        createItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback, importing?: boolean) => Promise<void>;
+        importItems: (importItems: Record<string, any>[], callback?: import("../../types/formDialog.js").FormDialogCallback) => void;
+        updateItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<void>;
+        deleteItem: (item: Record<string, any>, callback?: import("../../types/formDialog.js").FormDialogCallback) => Promise<any>;
+        reload: () => void;
+        setSearch: (keyword: string) => void;
+        canServerPageable: boolean;
+        canServerSearch: boolean;
+        canCreate: boolean;
+        canUpdate: boolean;
+        canDelete: boolean;
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    noDataText: string;
+    dialogFullscreen: boolean;
+    toolbarColor: string;
+    importable: boolean;
+    exportable: boolean;
+    insertable: boolean;
+    searchable: boolean;
+    modelKey: string;
+    modelBy: undefined;
+    fields: () => never[];
+    viewSwitch: boolean;
+    viewSwitchMultiple: boolean;
+    cols: number;
+    xxl: boolean;
+    xl: boolean;
+    lg: number;
+    md: number;
+    sm: number;
+    itemsPerPage: number;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/model/label.d.vue.ts

@@ -0,0 +1,26 @@
+interface Props {
+    modelName: string;
+    modelBy?: object;
+    itemTitle: string | ((result: Record<string, any>) => void);
+    fields?: Array<string | object>;
+    cache?: boolean | number;
+    notFoundText?: string;
+    placeholder?: string;
+}
+declare var __VLS_1: {
+    data: Record<string, any>;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    cache: boolean | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/model/label.vue

@@ -1,54 +1,36 @@
-<script lang="ts" setup>
-/**
- * ModelLabel connects model metadata to reusable selection, labeling, iterator, or table UI patterns.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { computedAsync } from '@vueuse/core'
-import { useGraphQlOperation } from '../../composables/graphqlOperation'
+<script setup>
+import { computedAsync } from "@vueuse/core";
+import { useGraphQlOperation } from "../../composables/graphqlOperation";
 import { concat } from "lodash-es";
-import { ref } from 'vue'
-
-interface Props {
-  modelName: string // GraphQL model name used to resolve lookup/query metadata.
-  modelBy?: object // Key/value filter used to fetch a specific model item.
-  itemTitle: string | ((result:Record<string,any>)=>void) // Field name or mapper function used to build display labels.
-  fields?: Array<string | object> // Field list/query selection used when fetching model or lookup data.
-  cache?: boolean | number // Enables cached requests; number values represent cache TTL in milliseconds.
-
-  notFoundText?: string // Text shown when the resolved value or label is unavailable.
-  placeholder?: string // placeholder text shown when value is empty
-}
-
-/**
- * Public props accepted by ModelLabel.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props>(), {
-  cache: false,
-})
-
-const modelItem = ref<Record<string, any>>({})
-
-const modelItemValue = computedAsync<string>(async () => {
+import { ref } from "vue";
+const props = defineProps({
+  modelName: { type: String, required: true },
+  modelBy: { type: Object, required: false },
+  itemTitle: { type: [String, Function], required: true },
+  fields: { type: Array, required: false },
+  cache: { type: [Boolean, Number], required: false, default: false },
+  notFoundText: { type: String, required: false },
+  placeholder: { type: String, required: false }
+});
+const modelItem = ref({});
+const modelItemValue = computedAsync(async () => {
   if (props.modelName && props.itemTitle) {
-    let fields: any[] = (typeof props.itemTitle === "string") ? [props.itemTitle] : []
-    if (props.fields) fields = concat(fields, props.fields)
-
-    const variables: Record<string, any> = Object.assign({},props.modelBy)
-    const result : Record<string, any> = await useGraphQlOperation('Query',props.modelName,fields,variables,props.cache)
-
+    let fields = typeof props.itemTitle === "string" ? [props.itemTitle] : [];
+    if (props.fields) fields = concat(fields, props.fields);
+    const variables = Object.assign({}, props.modelBy);
+    const result = await useGraphQlOperation("Query", props.modelName, fields, variables, props.cache);
     try {
       if (result) {
-        modelItem.value = result
-        if (typeof props.itemTitle === "string") return result[props.itemTitle]
-        else return props.itemTitle(result)
+        modelItem.value = result;
+        if (typeof props.itemTitle === "string") return result[props.itemTitle];
+        else return props.itemTitle(result);
       }
     } catch (e) {
-      console.error(e)
+      console.error(e);
     }
   }
-  return props.notFoundText
-}, props.placeholder ?? '' )
+  return props.notFoundText;
+}, props.placeholder ?? "");
 </script>
 
 <template>

package/dist/runtime/components/model/label.vue.d.ts

@@ -0,0 +1,26 @@
+interface Props {
+    modelName: string;
+    modelBy?: object;
+    itemTitle: string | ((result: Record<string, any>) => void);
+    fields?: Array<string | object>;
+    cache?: boolean | number;
+    notFoundText?: string;
+    placeholder?: string;
+}
+declare var __VLS_1: {
+    data: Record<string, any>;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    cache: boolean | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/pdf/Print.d.vue.ts

@@ -0,0 +1,17 @@
+interface Props {
+    base64String?: string;
+    fileName?: string;
+    print?: boolean;
+    title?: string;
+    disabled?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:print": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:print"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    print: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/pdf/Print.vue

@@ -1,62 +1,39 @@
-<script setup lang="ts">
-/**
- * PdfPrint renders a print-oriented PDF view and handles browser print lifecycle events.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import printJS from 'print-js'
-import { ref, watch } from 'vue'
-import { useAlert } from '../../composables/alert'
-
-interface Props {
-  base64String?: string // Base64 document payload used as the PDF source.
-  fileName?: string // File name used when downloading or printing generated files.
-  print?: boolean // When true, starts printing automatically after the PDF is ready.
-  title?: string // Title text displayed in the component header or dialog.
-  disabled?: boolean // disables user interaction for this field
-}
-
-/**
- * Public props accepted by PdfPrint.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props>(), {
-  print: false,
-  disabled: false,
-})
-/**
- * Custom events emitted by PdfPrint.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits(['update:print'])
-
-const isMobile = ref(false)
-const alert = useAlert()
-
+<script setup>
+import printJS from "print-js";
+import { ref, watch } from "vue";
+import { useAlert } from "../../composables/alert";
+const props = defineProps({
+  base64String: { type: String, required: false },
+  fileName: { type: String, required: false },
+  print: { type: Boolean, required: false, default: false },
+  title: { type: String, required: false },
+  disabled: { type: Boolean, required: false, default: false }
+});
+const emit = defineEmits(["update:print"]);
+const isMobile = ref(false);
+const alert = useAlert();
 const openPdf = () => {
   if (/Android|Mobi|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Macintosh/i.test(navigator.userAgent)) {
-    isMobile.value = true
-  }
-  else {
+    isMobile.value = true;
+  } else {
     printJS({
       printable: props.base64String,
-      type: 'pdf',
+      type: "pdf",
       base64: true,
       onPrintDialogClose: endLoadPdf,
-      onError: (error: any) => {
-        alert?.addAlert({ message: error, alertType: 'error' })
-      },
-    })
+      onError: (error) => {
+        alert?.addAlert({ message: error, alertType: "error" });
+      }
+    });
   }
-}
-
+};
 const endLoadPdf = () => {
-  emit('update:print', false)
-  isMobile.value = false
-}
-
+  emit("update:print", false);
+  isMobile.value = false;
+};
 watch(() => props.print, () => {
-  if (props.print) openPdf()
-})
+  if (props.print) openPdf();
+});
 </script>
 
 <template>

package/dist/runtime/components/pdf/Print.vue.d.ts

@@ -0,0 +1,17 @@
+interface Props {
+    base64String?: string;
+    fileName?: string;
+    print?: boolean;
+    title?: string;
+    disabled?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:print": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:print"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    print: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/pdf/View.d.vue.ts

@@ -0,0 +1,52 @@
+/**
+ * PdfView displays PDF documents in-app with loading and viewport state management for preview workflows.
+ * This doc block is consumed by vue-docgen for generated API documentation.
+ */
+import PDF from 'pdf-vue3';
+interface Props extends /* @vue-ignore */ InstanceType<typeof PDF['$props']> {
+    base64String?: string;
+    title?: string;
+    fileName?: string;
+    disabled?: boolean;
+    isPrint?: boolean;
+    showBackToTopBtn?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    base64String: string;
+    title: string;
+    fileName: string;
+    disabled: boolean;
+    isPrint: boolean;
+    showBackToTopBtn: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    closeDialog: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    base64String: string;
+    title: string;
+    fileName: string;
+    disabled: boolean;
+    isPrint: boolean;
+    showBackToTopBtn: boolean;
+}>>> & Readonly<{
+    onCloseDialog?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};