kviewer 0.0.1

package/dist/runtime/components/ViewerTabs.vue.d.ts

@@ -0,0 +1,381 @@
+import { type ComponentPublicInstance } from 'vue';
+import type { ViewMode } from '../composables/useViewerState.js';
+import type { StampDefinition, SignatureHandlers } from '../annotation/engine/types.js';
+export interface ViewerTabItem {
+    /** Unique identifier for the tab. */
+    id: string;
+    /** Display label shown in the tab bar. */
+    label: string;
+    /** PDF source -- same as KViewer's `source` prop. */
+    source: string | Uint8Array | object;
+    /** Icon to show in the tab (Lucide icon name). Defaults to 'i-lucide-file-text'. */
+    icon?: string;
+    /** Whether the tab can be closed. Defaults to true. */
+    closable?: boolean;
+    /** View mode override for this document. */
+    viewMode?: ViewMode;
+    /** Zoom override for this document. */
+    zoom?: number;
+}
+export interface AddTabOptions {
+    /** Insert at specific index. Defaults to end. */
+    index?: number;
+    /** Switch to the new tab immediately. Defaults to true. */
+    activate?: boolean;
+}
+type __VLS_Props = {
+    /** Initial set of document tabs. */
+    items: ViewerTabItem[];
+    /** ID of the initially active tab. Defaults to first item. */
+    defaultActiveTab?: string;
+    /** Stamps forwarded to all Viewer instances. */
+    stamps?: StampDefinition[];
+    /** User name forwarded to all Viewer instances. */
+    userName?: string;
+    /** Signature handlers forwarded to all Viewer instances. */
+    signatureHandlers?: SignatureHandlers;
+    /** Enable text layer on all Viewer instances. */
+    textLayer?: boolean;
+    /** Default view mode for tabs without a per-tab override. */
+    viewMode?: ViewMode;
+    /** Default zoom for tabs without a per-tab override. */
+    zoom?: number;
+    /** Minimum number of tabs -- prevents closing below this count. */
+    minTabs?: number;
+};
+declare function addTab(item: Omit<ViewerTabItem, 'id'> & {
+    id?: string;
+}, options?: AddTabOptions): string;
+declare function removeTab(id: string): boolean;
+declare function activateTab(id: string): void;
+declare function getViewer(id: string): ComponentPublicInstance | null;
+declare var __VLS_7: {}, __VLS_21: {}, __VLS_30: {
+    tab: {
+        id: string;
+        label: string;
+        source: string | object | {
+            [x: number]: number;
+            readonly BYTES_PER_ELEMENT: number;
+            readonly buffer: {
+                readonly byteLength: number;
+                slice: (begin?: number, end?: number) => ArrayBuffer;
+                readonly maxByteLength: number;
+                readonly resizable: boolean;
+                resize: (newByteLength?: number) => void;
+                readonly detached: boolean;
+                transfer: (newByteLength?: number) => ArrayBuffer;
+                transferToFixedLength: (newByteLength?: number) => ArrayBuffer;
+                readonly [Symbol.toStringTag]: "ArrayBuffer";
+            } | {
+                readonly byteLength: number;
+                slice: (begin?: number, end?: number) => SharedArrayBuffer;
+                readonly growable: boolean;
+                readonly maxByteLength: number;
+                grow: (newByteLength?: number) => void;
+                readonly [Symbol.toStringTag]: "SharedArrayBuffer";
+            };
+            readonly byteLength: number;
+            readonly byteOffset: number;
+            copyWithin: (target: number, start: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            every: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => boolean;
+            fill: (value: number, start?: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            filter: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => any, thisArg?: any) => Uint8Array<ArrayBuffer>;
+            find: (predicate: (value: number, index: number, obj: Uint8Array<ArrayBufferLike>) => boolean, thisArg?: any) => number | undefined;
+            findIndex: (predicate: (value: number, index: number, obj: Uint8Array<ArrayBufferLike>) => boolean, thisArg?: any) => number;
+            forEach: (callbackfn: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => void, thisArg?: any) => void;
+            indexOf: (searchElement: number, fromIndex?: number) => number;
+            join: (separator?: string) => string;
+            lastIndexOf: (searchElement: number, fromIndex?: number) => number;
+            readonly length: number;
+            map: (callbackfn: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => number, thisArg?: any) => Uint8Array<ArrayBuffer>;
+            reduce: {
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number): number;
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number, initialValue: number): number;
+                <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => U, initialValue: U): U;
+            };
+            reduceRight: {
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number): number;
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number, initialValue: number): number;
+                <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => U, initialValue: U): U;
+            };
+            reverse: () => Uint8Array<ArrayBufferLike>;
+            set: (array: ArrayLike<number>, offset?: number) => void;
+            slice: (start?: number, end?: number) => Uint8Array<ArrayBuffer>;
+            some: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => boolean;
+            sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8Array<ArrayBufferLike>;
+            subarray: (begin?: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            toLocaleString: {
+                (): string;
+                (locales: string | string[], options?: Intl.NumberFormatOptions): string;
+            };
+            toString: () => string;
+            valueOf: () => Uint8Array<ArrayBufferLike>;
+            entries: () => ArrayIterator<[number, number]>;
+            keys: () => ArrayIterator<number>;
+            values: () => ArrayIterator<number>;
+            includes: (searchElement: number, fromIndex?: number) => boolean;
+            at: (index: number) => number | undefined;
+            findLast: {
+                <S extends number>(predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => value is S, thisArg?: any): S | undefined;
+                (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any): number | undefined;
+            };
+            findLastIndex: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => number;
+            toReversed: () => Uint8Array<ArrayBuffer>;
+            toSorted: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8Array<ArrayBuffer>;
+            with: (index: number, value: number) => Uint8Array<ArrayBuffer>;
+            toBase64: (options?: {
+                alphabet?: "base64" | "base64url" | undefined;
+                omitPadding?: boolean | undefined;
+            } | undefined) => string;
+            setFromBase64: (string: string, options?: {
+                alphabet?: "base64" | "base64url" | undefined;
+                lastChunkHandling?: "loose" | "strict" | "stop-before-partial" | undefined;
+            } | undefined) => {
+                read: number;
+                written: number;
+            };
+            toHex: () => string;
+            setFromHex: (string: string) => {
+                read: number;
+                written: number;
+            };
+            [Symbol.iterator]: () => ArrayIterator<number>;
+            readonly [Symbol.toStringTag]: "Uint8Array";
+        };
+        icon?: string | undefined;
+        closable?: boolean | undefined;
+        viewMode?: ViewMode | undefined;
+        zoom?: number | undefined;
+    };
+}, __VLS_33: {
+    tab: {
+        id: string;
+        label: string;
+        source: string | object | {
+            [x: number]: number;
+            readonly BYTES_PER_ELEMENT: number;
+            readonly buffer: {
+                readonly byteLength: number;
+                slice: (begin?: number, end?: number) => ArrayBuffer;
+                readonly maxByteLength: number;
+                readonly resizable: boolean;
+                resize: (newByteLength?: number) => void;
+                readonly detached: boolean;
+                transfer: (newByteLength?: number) => ArrayBuffer;
+                transferToFixedLength: (newByteLength?: number) => ArrayBuffer;
+                readonly [Symbol.toStringTag]: "ArrayBuffer";
+            } | {
+                readonly byteLength: number;
+                slice: (begin?: number, end?: number) => SharedArrayBuffer;
+                readonly growable: boolean;
+                readonly maxByteLength: number;
+                grow: (newByteLength?: number) => void;
+                readonly [Symbol.toStringTag]: "SharedArrayBuffer";
+            };
+            readonly byteLength: number;
+            readonly byteOffset: number;
+            copyWithin: (target: number, start: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            every: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => boolean;
+            fill: (value: number, start?: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            filter: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => any, thisArg?: any) => Uint8Array<ArrayBuffer>;
+            find: (predicate: (value: number, index: number, obj: Uint8Array<ArrayBufferLike>) => boolean, thisArg?: any) => number | undefined;
+            findIndex: (predicate: (value: number, index: number, obj: Uint8Array<ArrayBufferLike>) => boolean, thisArg?: any) => number;
+            forEach: (callbackfn: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => void, thisArg?: any) => void;
+            indexOf: (searchElement: number, fromIndex?: number) => number;
+            join: (separator?: string) => string;
+            lastIndexOf: (searchElement: number, fromIndex?: number) => number;
+            readonly length: number;
+            map: (callbackfn: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => number, thisArg?: any) => Uint8Array<ArrayBuffer>;
+            reduce: {
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number): number;
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number, initialValue: number): number;
+                <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => U, initialValue: U): U;
+            };
+            reduceRight: {
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number): number;
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number, initialValue: number): number;
+                <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => U, initialValue: U): U;
+            };
+            reverse: () => Uint8Array<ArrayBufferLike>;
+            set: (array: ArrayLike<number>, offset?: number) => void;
+            slice: (start?: number, end?: number) => Uint8Array<ArrayBuffer>;
+            some: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => boolean;
+            sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8Array<ArrayBufferLike>;
+            subarray: (begin?: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            toLocaleString: {
+                (): string;
+                (locales: string | string[], options?: Intl.NumberFormatOptions): string;
+            };
+            toString: () => string;
+            valueOf: () => Uint8Array<ArrayBufferLike>;
+            entries: () => ArrayIterator<[number, number]>;
+            keys: () => ArrayIterator<number>;
+            values: () => ArrayIterator<number>;
+            includes: (searchElement: number, fromIndex?: number) => boolean;
+            at: (index: number) => number | undefined;
+            findLast: {
+                <S extends number>(predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => value is S, thisArg?: any): S | undefined;
+                (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any): number | undefined;
+            };
+            findLastIndex: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => number;
+            toReversed: () => Uint8Array<ArrayBuffer>;
+            toSorted: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8Array<ArrayBuffer>;
+            with: (index: number, value: number) => Uint8Array<ArrayBuffer>;
+            toBase64: (options?: {
+                alphabet?: "base64" | "base64url" | undefined;
+                omitPadding?: boolean | undefined;
+            } | undefined) => string;
+            setFromBase64: (string: string, options?: {
+                alphabet?: "base64" | "base64url" | undefined;
+                lastChunkHandling?: "loose" | "strict" | "stop-before-partial" | undefined;
+            } | undefined) => {
+                read: number;
+                written: number;
+            };
+            toHex: () => string;
+            setFromHex: (string: string) => {
+                read: number;
+                written: number;
+            };
+            [Symbol.iterator]: () => ArrayIterator<number>;
+            readonly [Symbol.toStringTag]: "Uint8Array";
+        };
+        icon?: string | undefined;
+        closable?: boolean | undefined;
+        viewMode?: ViewMode | undefined;
+        zoom?: number | undefined;
+    };
+}, __VLS_35: {};
+type __VLS_Slots = {} & {
+    'tabs-leading'?: (props: typeof __VLS_7) => any;
+} & {
+    'tabs-trailing'?: (props: typeof __VLS_21) => any;
+} & {
+    header?: (props: typeof __VLS_30) => any;
+} & {
+    footer?: (props: typeof __VLS_33) => any;
+} & {
+    empty?: (props: typeof __VLS_35) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    addTab: typeof addTab;
+    removeTab: typeof removeTab;
+    activateTab: typeof activateTab;
+    getViewer: typeof getViewer;
+    readonly activeTabId: string;
+    readonly tabs: {
+        id: string;
+        label: string;
+        source: string | object | {
+            [x: number]: number;
+            readonly BYTES_PER_ELEMENT: number;
+            readonly buffer: {
+                readonly byteLength: number;
+                slice: (begin?: number, end?: number) => ArrayBuffer;
+                readonly maxByteLength: number;
+                readonly resizable: boolean;
+                resize: (newByteLength?: number) => void;
+                readonly detached: boolean;
+                transfer: (newByteLength?: number) => ArrayBuffer;
+                transferToFixedLength: (newByteLength?: number) => ArrayBuffer;
+                readonly [Symbol.toStringTag]: "ArrayBuffer";
+            } | {
+                readonly byteLength: number;
+                slice: (begin?: number, end?: number) => SharedArrayBuffer;
+                readonly growable: boolean;
+                readonly maxByteLength: number;
+                grow: (newByteLength?: number) => void;
+                readonly [Symbol.toStringTag]: "SharedArrayBuffer";
+            };
+            readonly byteLength: number;
+            readonly byteOffset: number;
+            copyWithin: (target: number, start: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            every: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => boolean;
+            fill: (value: number, start?: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            filter: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => any, thisArg?: any) => Uint8Array<ArrayBuffer>;
+            find: (predicate: (value: number, index: number, obj: Uint8Array<ArrayBufferLike>) => boolean, thisArg?: any) => number | undefined;
+            findIndex: (predicate: (value: number, index: number, obj: Uint8Array<ArrayBufferLike>) => boolean, thisArg?: any) => number;
+            forEach: (callbackfn: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => void, thisArg?: any) => void;
+            indexOf: (searchElement: number, fromIndex?: number) => number;
+            join: (separator?: string) => string;
+            lastIndexOf: (searchElement: number, fromIndex?: number) => number;
+            readonly length: number;
+            map: (callbackfn: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => number, thisArg?: any) => Uint8Array<ArrayBuffer>;
+            reduce: {
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number): number;
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number, initialValue: number): number;
+                <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => U, initialValue: U): U;
+            };
+            reduceRight: {
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number): number;
+                (callbackfn: (previousValue: number, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => number, initialValue: number): number;
+                <U>(callbackfn: (previousValue: U, currentValue: number, currentIndex: number, array: Uint8Array<ArrayBufferLike>) => U, initialValue: U): U;
+            };
+            reverse: () => Uint8Array<ArrayBufferLike>;
+            set: (array: ArrayLike<number>, offset?: number) => void;
+            slice: (start?: number, end?: number) => Uint8Array<ArrayBuffer>;
+            some: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => boolean;
+            sort: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8Array<ArrayBufferLike>;
+            subarray: (begin?: number, end?: number) => Uint8Array<ArrayBufferLike>;
+            toLocaleString: {
+                (): string;
+                (locales: string | string[], options?: Intl.NumberFormatOptions): string;
+            };
+            toString: () => string;
+            valueOf: () => Uint8Array<ArrayBufferLike>;
+            entries: () => ArrayIterator<[number, number]>;
+            keys: () => ArrayIterator<number>;
+            values: () => ArrayIterator<number>;
+            includes: (searchElement: number, fromIndex?: number) => boolean;
+            at: (index: number) => number | undefined;
+            findLast: {
+                <S extends number>(predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => value is S, thisArg?: any): S | undefined;
+                (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any): number | undefined;
+            };
+            findLastIndex: (predicate: (value: number, index: number, array: Uint8Array<ArrayBufferLike>) => unknown, thisArg?: any) => number;
+            toReversed: () => Uint8Array<ArrayBuffer>;
+            toSorted: (compareFn?: ((a: number, b: number) => number) | undefined) => Uint8Array<ArrayBuffer>;
+            with: (index: number, value: number) => Uint8Array<ArrayBuffer>;
+            toBase64: (options?: {
+                alphabet?: "base64" | "base64url" | undefined;
+                omitPadding?: boolean | undefined;
+            } | undefined) => string;
+            setFromBase64: (string: string, options?: {
+                alphabet?: "base64" | "base64url" | undefined;
+                lastChunkHandling?: "loose" | "strict" | "stop-before-partial" | undefined;
+            } | undefined) => {
+                read: number;
+                written: number;
+            };
+            toHex: () => string;
+            setFromHex: (string: string) => {
+                read: number;
+                written: number;
+            };
+            [Symbol.iterator]: () => ArrayIterator<number>;
+            readonly [Symbol.toStringTag]: "Uint8Array";
+        };
+        icon?: string | undefined;
+        closable?: boolean | undefined;
+        viewMode?: ViewMode | undefined;
+        zoom?: number | undefined;
+    }[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:activeTab": (id: string) => any;
+    "tab-added": (tab: ViewerTabItem) => any;
+    "tab-close": (id: string) => any;
+    "tab-removed": (id: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:activeTab"?: ((id: string) => any) | undefined;
+    "onTab-added"?: ((tab: ViewerTabItem) => any) | undefined;
+    "onTab-close"?: ((id: string) => any) | undefined;
+    "onTab-removed"?: ((id: string) => 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/form-fields/FormButton.d.vue.ts

@@ -0,0 +1,7 @@
+import type { FormFieldDefinition } from '../../annotation/engine/types.js';
+type __VLS_Props = {
+    field: FormFieldDefinition;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form-fields/FormButton.vue

@@ -0,0 +1,39 @@
+<template>
+  <button
+    type="button"
+    :disabled="props.field.readOnly"
+    :style="buttonStyle"
+    class="kviewer-form-button"
+    @click="onClick"
+  >
+    {{ props.field.buttonLabel || "Button" }}
+  </button>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { useFormFields } from "../../composables/useFormFields";
+const props = defineProps({
+  field: { type: Object, required: true }
+});
+const formFields = useFormFields();
+const buttonStyle = computed(() => {
+  const style = {};
+  if (props.field.fontSize && props.field.fontSize > 0) {
+    style.fontSize = `${props.field.fontSize}px`;
+  }
+  if (props.field.color && props.field.color.length >= 3) {
+    style.color = `rgb(${props.field.color[0]}, ${props.field.color[1]}, ${props.field.color[2]})`;
+  }
+  if (props.field.backgroundColor && props.field.backgroundColor.length >= 3) {
+    style.backgroundColor = `rgb(${props.field.backgroundColor[0]}, ${props.field.backgroundColor[1]}, ${props.field.backgroundColor[2]})`;
+  }
+  return style;
+});
+function onClick() {
+  const name = (props.field.fieldName + " " + (props.field.buttonLabel ?? "")).toLowerCase();
+  if (name.includes("reset") || name.includes("clear")) {
+    formFields.resetValues();
+  }
+}
+</script>

package/dist/runtime/components/form-fields/FormButton.vue.d.ts

@@ -0,0 +1,7 @@
+import type { FormFieldDefinition } from '../../annotation/engine/types.js';
+type __VLS_Props = {
+    field: FormFieldDefinition;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form-fields/FormCheckbox.d.vue.ts

@@ -0,0 +1,7 @@
+import type { FormFieldDefinition } from '../../annotation/engine/types.js';
+type __VLS_Props = {
+    field: FormFieldDefinition;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form-fields/FormCheckbox.vue

@@ -0,0 +1,28 @@
+<template>
+  <div class="kviewer-form-checkbox">
+    <input
+      type="checkbox"
+      :checked="isChecked"
+      :disabled="props.field.readOnly"
+      :required="props.field.required"
+      @change="onChange"
+    >
+  </div>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { useFormFields } from "../../composables/useFormFields";
+const props = defineProps({
+  field: { type: Object, required: true }
+});
+const formFields = useFormFields();
+const isChecked = computed(() => {
+  const fv = formFields.getFieldValue(props.field.id);
+  return fv?.value === true;
+});
+function onChange(event) {
+  const target = event.target;
+  formFields.setFieldValue(props.field.id, target.checked);
+}
+</script>

package/dist/runtime/components/form-fields/FormCheckbox.vue.d.ts

@@ -0,0 +1,7 @@
+import type { FormFieldDefinition } from '../../annotation/engine/types.js';
+type __VLS_Props = {
+    field: FormFieldDefinition;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form-fields/FormDropdown.d.vue.ts

@@ -0,0 +1,7 @@
+import type { FormFieldDefinition } from '../../annotation/engine/types.js';
+type __VLS_Props = {
+    field: FormFieldDefinition;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form-fields/FormDropdown.vue

@@ -0,0 +1,112 @@
+<template>
+  <!-- Editable combo box: renders as text input with datalist suggestions -->
+  <div v-if="props.field.editable && props.field.combo" class="kviewer-form-editable-combo">
+    <input
+      :value="currentValue"
+      :list="datalistId"
+      :disabled="props.field.readOnly"
+      :required="props.field.required"
+      :style="fieldStyle"
+      class="kviewer-form-input"
+      @input="onInputChange"
+    >
+    <datalist :id="datalistId">
+      <option
+        v-for="opt in props.field.options ?? []"
+        :key="opt.exportValue"
+        :value="opt.exportValue"
+      >
+        {{ opt.displayValue }}
+      </option>
+    </datalist>
+  </div>
+
+  <!-- List box (non-combo): shows all options visible -->
+  <select
+    v-else-if="!props.field.combo"
+    :value="currentValue"
+    :disabled="props.field.readOnly"
+    :required="props.field.required"
+    :multiple="props.field.multiSelect"
+    :size="listBoxSize"
+    :style="fieldStyle"
+    class="kviewer-form-input kviewer-form-listbox"
+    @change="onChange"
+  >
+    <option
+      v-for="opt in props.field.options ?? []"
+      :key="opt.exportValue"
+      :value="opt.exportValue"
+    >
+      {{ opt.displayValue }}
+    </option>
+  </select>
+
+  <!-- Standard dropdown combo box -->
+  <select
+    v-else
+    :value="currentValue"
+    :disabled="props.field.readOnly"
+    :required="props.field.required"
+    :style="fieldStyle"
+    class="kviewer-form-input kviewer-form-select"
+    @change="onChange"
+  >
+    <option v-if="!props.field.required" value="">
+      —
+    </option>
+    <option
+      v-for="opt in props.field.options ?? []"
+      :key="opt.exportValue"
+      :value="opt.exportValue"
+    >
+      {{ opt.displayValue }}
+    </option>
+  </select>
+</template>
+
+<script setup>
+import { computed } from "vue";
+import { useFormFields } from "../../composables/useFormFields";
+const props = defineProps({
+  field: { type: Object, required: true }
+});
+const formFields = useFormFields();
+const datalistId = computed(() => `kviewer-datalist-${props.field.id}`);
+const listBoxSize = computed(() => {
+  const optCount = props.field.options?.length ?? 0;
+  return Math.max(2, optCount);
+});
+const currentValue = computed(() => {
+  const fv = formFields.getFieldValue(props.field.id);
+  if (!fv) return "";
+  if (Array.isArray(fv.value)) return fv.value[0] ?? "";
+  return typeof fv.value === "string" ? fv.value : "";
+});
+const fieldStyle = computed(() => {
+  const style = {};
+  if (props.field.fontSize && props.field.fontSize > 0) {
+    style.fontSize = `${props.field.fontSize}px`;
+  }
+  if (props.field.color && props.field.color.length >= 3) {
+    style.color = `rgb(${props.field.color[0]}, ${props.field.color[1]}, ${props.field.color[2]})`;
+  }
+  if (props.field.backgroundColor && props.field.backgroundColor.length >= 3) {
+    style.backgroundColor = `rgb(${props.field.backgroundColor[0]}, ${props.field.backgroundColor[1]}, ${props.field.backgroundColor[2]})`;
+  }
+  return style;
+});
+function onChange(event) {
+  const target = event.target;
+  if (props.field.multiSelect) {
+    const selectedValues = Array.from(target.selectedOptions).map((o) => o.value);
+    formFields.setFieldValue(props.field.id, selectedValues);
+  } else {
+    formFields.setFieldValue(props.field.id, target.value);
+  }
+}
+function onInputChange(event) {
+  const target = event.target;
+  formFields.setFieldValue(props.field.id, target.value);
+}
+</script>

package/dist/runtime/components/form-fields/FormDropdown.vue.d.ts

@@ -0,0 +1,7 @@
+import type { FormFieldDefinition } from '../../annotation/engine/types.js';
+type __VLS_Props = {
+    field: FormFieldDefinition;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/form-fields/FormFieldWrapper.d.vue.ts

@@ -0,0 +1,8 @@
+import type { FormFieldDefinition } from '../../annotation/engine/types.js';
+type __VLS_Props = {
+    field: FormFieldDefinition;
+    pageHeight: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;