@ramathibodi/nuxt-commons 0.1.74 → 4.0.0

package/dist/runtime/components/dialog/default/Notify.vue

@@ -1,54 +1,25 @@
-<script lang="ts" setup>
-/**
- * DialogDefaultNotify is a default dialog content component used by the dialog host for common runtime prompts and feedback.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { ref, watch, type Ref } from 'vue'
-
-interface DialogProps {
-  title?: string // Title text displayed in the component header or dialog.
-  modelValue: boolean // Bound value for v-model synchronization with the parent component.
-  message?: string // main message body shown in UI
-  buttonText?: string // Label text displayed on the primary action button.
-  type?: 'primary' | 'success' | 'warning' | 'info' | 'error' // visual variant controlling color and intent semantics
-  width?: string // dialog/component width in CSS-compatible units
-}
-
-/**
- * Public props accepted by DialogDefaultNotify.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<DialogProps>(), {
-  title: 'Notice',
-  message: 'Something happened.',
-  buttonText: 'OK',
-  type: 'primary',
-  width: 'auto',
-})
-
-/**
- * Custom events emitted by DialogDefaultNotify.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: boolean): void
-  (e: 'resolve', value: boolean): void
-}>()
-
-const dialogVisible: Ref<boolean> = ref(props.modelValue)
-
+<script setup>
+import { ref, watch } from "vue";
+const props = defineProps({
+  title: { type: String, required: false, default: "Notice" },
+  modelValue: { type: Boolean, required: true },
+  message: { type: String, required: false, default: "Something happened." },
+  buttonText: { type: String, required: false, default: "OK" },
+  type: { type: String, required: false, default: "primary" },
+  width: { type: String, required: false, default: "auto" }
+});
+const emit = defineEmits(["update:modelValue", "resolve"]);
+const dialogVisible = ref(props.modelValue);
 watch(() => props.modelValue, (val) => {
-  dialogVisible.value = val
-})
-
+  dialogVisible.value = val;
+});
 watch(dialogVisible, (val) => {
-  if (!val) emit('update:modelValue', false)
-})
-
+  if (!val) emit("update:modelValue", false);
+});
 const handleClose = () => {
-  dialogVisible.value = false
-  emit('resolve', true)
-}
+  dialogVisible.value = false;
+  emit("resolve", true);
+};
 </script>
 
 <template>

package/dist/runtime/components/dialog/default/Notify.vue.d.ts

@@ -0,0 +1,23 @@
+interface DialogProps {
+    title?: string;
+    modelValue: boolean;
+    message?: string;
+    buttonText?: string;
+    type?: 'primary' | 'success' | 'warning' | 'info' | 'error';
+    width?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    resolve: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onResolve?: ((value: boolean) => any) | undefined;
+}>, {
+    message: string;
+    width: string;
+    title: string;
+    type: "primary" | "success" | "warning" | "info" | "error";
+    buttonText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dialog/default/Printing.d.vue.ts

@@ -0,0 +1,21 @@
+interface DialogProps {
+    modelValue: boolean;
+    color?: string;
+}
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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/dialog/default/Printing.vue

@@ -1,33 +1,17 @@
-<script setup lang="ts">
-/**
- * DialogDefaultPrinting is a default dialog content component used by the dialog host for common runtime prompts and feedback.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import { ref, watch } from 'vue'
-
-interface DialogProps {
-  modelValue: boolean // Bound value for v-model synchronization with the parent component.
-  color?: string // Vuetify color name applied to the visual element.
-}
-/**
- * Custom events emitted by DialogDefaultPrinting.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits(['update:modelValue'])
-/**
- * Public props accepted by DialogDefaultPrinting.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = defineProps<DialogProps>()
-const dialogVisible = ref(props.modelValue)
-
+<script setup>
+import { ref, watch } from "vue";
+const emit = defineEmits(["update:modelValue"]);
+const props = defineProps({
+  modelValue: { type: Boolean, required: true },
+  color: { type: String, required: false }
+});
+const dialogVisible = ref(props.modelValue);
 watch(() => props.modelValue, (newValue) => {
-  dialogVisible.value = newValue
-})
-
+  dialogVisible.value = newValue;
+});
 watch(() => dialogVisible.value, (newValue) => {
-  emit('update:modelValue', newValue)
-})
+  emit("update:modelValue", newValue);
+});
 </script>
 
 <template>
@@ -44,4 +28,4 @@ watch(() => dialogVisible.value, (newValue) => {
       </div>
     </v-card>
   </v-dialog>
-</template>
+</template>

package/dist/runtime/components/dialog/default/Printing.vue.d.ts

@@ -0,0 +1,21 @@
+interface DialogProps {
+    modelValue: boolean;
+    color?: string;
+}
+declare var __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, 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/dialog/default/VerifyUser.d.vue.ts

@@ -0,0 +1,29 @@
+interface DialogProps {
+    title?: string;
+    modelValue: boolean;
+    message?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    type?: 'primary' | 'success' | 'warning' | 'info' | 'error';
+    fixedUsername?: boolean | string;
+    width?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    resolve: (value: string) => any;
+    reject: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onResolve?: ((value: string) => any) | undefined;
+    onReject?: ((value: any) => any) | undefined;
+}>, {
+    message: string;
+    width: string;
+    title: string;
+    type: "primary" | "success" | "warning" | "info" | "error";
+    confirmButtonText: string;
+    cancelButtonText: string;
+    fixedUsername: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/dialog/default/VerifyUser.vue

@@ -1,99 +1,61 @@
-<script lang="ts" setup>
-/**
- * DialogDefaultVerifyUser is a default dialog content component used by the dialog host for common runtime prompts and feedback.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import {computed, ref, type Ref, watch} from 'vue'
-import {useDialog} from "../../../composables/dialog"
-import {useGraphQlOperation} from "../../../composables/graphqlOperation";
-import {type AuthenticationState, useState} from '#imports'
-
-interface DialogProps {
-  title?: string // Title text displayed in the component header or dialog.
-  modelValue: boolean // Bound value for v-model synchronization with the parent component.
-  message?: string // main message body shown in UI
-  confirmButtonText?: string // Label text for the confirm/verify action button.
-  cancelButtonText?: string // Label text for the cancel action button.
-  type?: 'primary' | 'success' | 'warning' | 'info' | 'error' // visual variant controlling color and intent semantics
-  fixedUsername?: boolean | string // Locks username input to provided/default value when enabled.
-  width?: string // dialog/component width in CSS-compatible units
-}
-
-/**
- * Public props accepted by DialogDefaultVerifyUser.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<DialogProps>(), {
-  title: 'Verify User',
-  message: 'Please enter your credentials to continue.',
-  confirmButtonText: 'Verify',
-  cancelButtonText: 'Cancel',
-  type: 'primary',
-  fixedUsername: true,
-  width: '400',
-})
-
-/**
- * Custom events emitted by DialogDefaultVerifyUser.
- * Parents can listen to these events to react to user actions and internal state changes.
- */
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: boolean): void
-  (e: 'resolve', value: string): void
-  (e: 'reject', value: any): void
-}>()
-
-const authenState = useState<AuthenticationState>("authentication")
-
-const dialogVisible: Ref<boolean> = ref(props.modelValue)
-
+<script setup>
+import { computed, ref, watch } from "vue";
+import { useDialog } from "../../../composables/dialog";
+import { useGraphQlOperation } from "../../../composables/graphqlOperation";
+import { useState } from "#imports";
+const props = defineProps({
+  title: { type: String, required: false, default: "Verify User" },
+  modelValue: { type: Boolean, required: true },
+  message: { type: String, required: false, default: "Please enter your credentials to continue." },
+  confirmButtonText: { type: String, required: false, default: "Verify" },
+  cancelButtonText: { type: String, required: false, default: "Cancel" },
+  type: { type: String, required: false, default: "primary" },
+  fixedUsername: { type: [Boolean, String], required: false, default: true },
+  width: { type: String, required: false, default: "400" }
+});
+const emit = defineEmits(["update:modelValue", "resolve", "reject"]);
+const authenState = useState("authentication");
+const dialogVisible = ref(props.modelValue);
 watch(() => props.modelValue, (val) => {
-  dialogVisible.value = val
-})
-
+  dialogVisible.value = val;
+});
 watch(dialogVisible, (val) => {
-  if (!val) emit('update:modelValue', false)
-})
-
-const username = ref<string>('')
-const password = ref<string>('')
-
-watch(()=>props.fixedUsername, (fixedUsername) => {
+  if (!val) emit("update:modelValue", false);
+});
+const username = ref("");
+const password = ref("");
+watch(() => props.fixedUsername, (fixedUsername) => {
   if (fixedUsername === true) {
-    let userProfile =  authenState.value?.userProfile as {username: string}
-    username.value = userProfile?.username ?? ""
+    let userProfile = authenState.value?.userProfile;
+    username.value = userProfile?.username ?? "";
   } else {
-    username.value =  (fixedUsername) ? fixedUsername as string : ""
+    username.value = fixedUsername ? fixedUsername : "";
   }
-},{immediate: true})
-
+}, { immediate: true });
 const isDisabled = computed(() => {
-  return !username.value || !password.value
-})
-
-const verifyUser = async (username: string, password: string): Promise<boolean> => {
+  return !username.value || !password.value;
+});
+const verifyUser = async (username2, password2) => {
   try {
-    let result: any = await useGraphQlOperation('Mutation',"verifyUser",["success"], {username: username, password: password})
-    return result.success
+    let result = await useGraphQlOperation("Mutation", "verifyUser", ["success"], { username: username2, password: password2 });
+    return result.success;
   } catch (_error) {
-    return false
+    return false;
   }
-}
-
+};
 const handleConfirm = async () => {
-  const verified = await verifyUser(username.value, password.value)
+  const verified = await verifyUser(username.value, password.value);
   if (verified) {
-    dialogVisible.value = false
-    emit('resolve', username.value)
+    dialogVisible.value = false;
+    emit("resolve", username.value);
   } else {
-    useDialog().notify({message: "Invalid username or password",type: 'warning',title:"Error"})
+    useDialog().notify({ message: "Invalid username or password", type: "warning", title: "Error" });
   }
-}
-
+};
 const handleCancel = () => {
-  dialogVisible.value = false
-  emit('reject', 'User cancelled')
-}
+  dialogVisible.value = false;
+  emit("reject", "User cancelled");
+};
 </script>
 
 <template>

package/dist/runtime/components/dialog/default/VerifyUser.vue.d.ts

@@ -0,0 +1,29 @@
+interface DialogProps {
+    title?: string;
+    modelValue: boolean;
+    message?: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    type?: 'primary' | 'success' | 'warning' | 'info' | 'error';
+    fixedUsername?: boolean | string;
+    width?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<DialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+    resolve: (value: string) => any;
+    reject: (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onResolve?: ((value: string) => any) | undefined;
+    onReject?: ((value: any) => any) | undefined;
+}>, {
+    message: string;
+    width: string;
+    title: string;
+    type: "primary" | "success" | "warning" | "info" | "error";
+    confirmButtonText: string;
+    cancelButtonText: string;
+    fixedUsername: boolean | string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/document/Form.d.vue.ts

@@ -0,0 +1,9 @@
+interface Props {
+    templateCode: string;
+    parentTemplates?: string | string[];
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    parentTemplates: string | string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/document/Form.vue

@@ -1,51 +1,36 @@
-<script lang="ts" setup>
-/**
- * DocumentForm supports document-template rendering and synchronizes template-defined field behavior with runtime data.
- * This doc block is consumed by vue-docgen for generated API documentation.
- */
-import {ref, withDefaults,watch,computed} from 'vue'
-import {graphqlOperation} from '#imports'
-
-interface Props {
-  templateCode: string // Template identifier used to load document schema/config.
-  parentTemplates?: string|string[] // Parent template code(s) used for template inheritance/extension.
-}
-
-/**
- * Public props accepted by DocumentForm.
- * Document each prop field with intent, defaults, and side effects for clear generated docs.
- */
-const props = withDefaults(defineProps<Props>(), {
-  parentTemplates: (): string[] => [],
-})
-
-const template = ref<any>()
-const templateScript = ref<string>()
-
-const parentTemplates = computed(()=>{
-  if (typeof props.parentTemplates === 'string') {
-    if (props.parentTemplates && props.parentTemplates!="") return props.parentTemplates.split("|")
-    else return []
+<script setup>
+import { ref, watch, computed } from "vue";
+import { useGraphqlBridge } from "../../bridges/graphql";
+const props = defineProps({
+  templateCode: { type: String, required: true },
+  parentTemplates: { type: [String, Array], required: false, default: () => [] }
+});
+const template = ref();
+const templateScript = ref();
+const parentTemplates = computed(() => {
+  if (typeof props.parentTemplates === "string") {
+    if (props.parentTemplates && props.parentTemplates != "") return props.parentTemplates.split("|");
+    else return [];
   } else {
-    return props.parentTemplates
+    return props.parentTemplates;
   }
-})
-
-const parentTemplatesNext = computed(()=>{
-  return [...parentTemplates.value,props.templateCode]
-})
-
-watch(()=>props.templateCode,()=>{
+});
+const parentTemplatesNext = computed(() => {
+  return [...parentTemplates.value, props.templateCode];
+});
+watch(() => props.templateCode, () => {
   if (!parentTemplates.value.includes(props.templateCode) && props.templateCode) {
+    const { graphqlOperation } = useGraphqlBridge();
     if (graphqlOperation["documentTemplateByTemplateCode"]) {
-      graphqlOperation["documentTemplateByTemplateCode"].call(["*"],{templateCode: props.templateCode}).then((result: any)=>{
-        template.value = result.editTemplate
-        templateScript.value = result.templateScript
-      })
+      graphqlOperation["documentTemplateByTemplateCode"].call(["*"], { templateCode: props.templateCode }).then((result) => {
+        template.value = result.editTemplate;
+        templateScript.value = result.templateScript;
+      });
     }
   }
-},{immediate: true})
+}, { immediate: true });
 </script>
+
 <template>
   <form-pad :template="template" :template-script="templateScript" :parent-templates="parentTemplatesNext"></form-pad>
-</template>
+</template>

package/dist/runtime/components/document/Form.vue.d.ts

@@ -0,0 +1,9 @@
+interface Props {
+    templateCode: string;
+    parentTemplates?: string | string[];
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    parentTemplates: string | string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/document/TemplateBuilder.d.vue.ts

@@ -0,0 +1,24 @@
+import 'vue-json-pretty/lib/styles.css';
+interface Props {
+    title?: string;
+    disableAdvanceMode?: boolean;
+}
+/**
+ * Public props accepted by DocumentTemplateBuilder.
+ * Document each prop field with intent, defaults, and side effects for clear generated docs.
+ */
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: string | Record<string, any>[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    disableAdvanceMode: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;