@cnamts/synapse 1.0.5 → 1.0.7

package/dist/components/Tables/common/SyTablePagination.d.ts

@@ -4,6 +4,7 @@ type __VLS_Props = {
     pageCount: number;
     itemsPerPage: number;
     itemsLength: number;
+    itemsPerPageOptions?: number[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:page": (page: number) => any;
@@ -49,6 +50,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             type: StringConstructor;
             default: string;
         };
+        plainTextKey: {
+            type: StringConstructor;
+            default: string;
+        };
         valueKey: {
             type: StringConstructor;
             default: string;
@@ -97,6 +102,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        helpText: {
+            type: StringConstructor;
+            default: string;
+        };
+        allowHtml: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -123,11 +140,15 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         errorMessages: string | readonly string[];
         displayAsterisk: boolean;
         disableErrorHandling: boolean;
+        autocomplete: string;
+        helpText: string;
         clearable: boolean;
+        plainTextKey: string;
         hideMessages: boolean;
         chips: boolean;
+        allowHtml: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        input: import('vue').CreateComponentPublicInstanceWithMixins<{
+        textInput: import('vue').CreateComponentPublicInstanceWithMixins<{
             flat: boolean;
             reverse: boolean;
             variant: "outlined" | "plain" | "filled" | "solo" | "solo-inverted" | "solo-filled" | "underlined";
@@ -311,7 +332,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "style" | "disabled" | "density" | "readonly" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -490,7 +511,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        }, "error" | "reset" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "isValid" | "validate" | "resetValidation" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+        }, "error" | "reset" | "style" | "disabled" | "density" | "readonly" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "isValid" | "validate" | "resetValidation" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
             validate: (silent?: boolean | undefined) => Promise<string[]>;
@@ -499,7 +520,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:prepend" | "v-slot:append" | "id" | "name" | "modelValue" | "onUpdate:modelValue" | "direction" | "iconColor" | "errorMessages" | "centerAffix" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:message" | "v-slot:details">, `$${any}`> & HTMLInputElement & Omit<Omit<{
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:prepend" | "v-slot:append" | "id" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:message" | "v-slot:details">, `$${any}`> & HTMLInputElement & Omit<Omit<{
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -1038,7 +1059,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
                 'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
                 hint?: string | undefined;
                 hideDetails?: boolean | "auto" | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "error" | "style" | "disabled" | "density" | "readonly" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1217,7 +1238,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-        }, "error" | "reset" | "style" | "disabled" | "density" | "readonly" | "direction" | "errorMessages" | "centerAffix" | "maxErrors" | "messages" | "isValid" | "validate" | "resetValidation" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
+        }, "error" | "reset" | "style" | "disabled" | "density" | "readonly" | "errorMessages" | "centerAffix" | "direction" | "maxErrors" | "messages" | "isValid" | "validate" | "resetValidation" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint"> & import('vue').ShallowUnwrapRef<{
             reset: () => Promise<void>;
             resetValidation: () => Promise<void>;
             validate: (silent?: boolean | undefined) => Promise<string[]>;
@@ -1226,7 +1247,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         }> & import('vue').ComponentCustomProperties & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
             modelValue?: unknown;
             'onUpdate:modelValue'?: ((value: unknown) => void) | undefined;
-        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:prepend" | "v-slot:append" | "id" | "name" | "modelValue" | "onUpdate:modelValue" | "direction" | "iconColor" | "errorMessages" | "centerAffix" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:message" | "v-slot:details">, `$${any}`> & HTMLInputElement & Omit<Omit<{
+        }, import('vuetify/lib/components/VInput/VInput.mjs').VInputSlots>, "error" | "label" | "style" | "width" | "color" | "theme" | "class" | "disabled" | "$children" | "v-slots" | "v-slot:default" | keyof import('vue').VNodeProps | "maxWidth" | "minWidth" | "density" | "baseColor" | "prependIcon" | "appendIcon" | "readonly" | "v-slot:prepend" | "v-slot:append" | "id" | "name" | "modelValue" | "onUpdate:modelValue" | "iconColor" | "errorMessages" | "centerAffix" | "direction" | "hint" | "maxErrors" | "messages" | "rules" | "focused" | "glow" | "hideSpinButtons" | "persistentHint" | "onUpdate:focused" | "validateOn" | "validationValue" | "onClick:append" | "onClick:prepend" | "hideDetails" | "v-slot:message" | "v-slot:details">, `$${any}`> & HTMLInputElement & Omit<Omit<{
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -1532,6 +1553,416 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             persistentCounter: boolean;
         }> | null;
         labelRef: HTMLSpanElement;
+        list: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+                nav: boolean;
+                style: import('vue').StyleValue;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                lines: false | "one" | "two" | "three";
+                mandatory: boolean;
+                returnObject: boolean;
+                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+                density: import('vuetify/lib/composables/density.mjs').Density;
+                rounded: string | number | boolean;
+                tile: boolean;
+                slim: boolean;
+                filterable: boolean;
+                activatable: boolean;
+                selectable: boolean;
+                openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
+                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            }> & Omit<{
+                variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+                nav: boolean;
+                style: import('vue').StyleValue;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                lines: false | "one" | "two" | "three";
+                mandatory: boolean;
+                returnObject: boolean;
+                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+                density: import('vuetify/lib/composables/density.mjs').Density;
+                tile: boolean;
+                slim: boolean;
+                filterable: boolean;
+                activatable: boolean;
+                selectable: boolean;
+                openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
+                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                activated?: any;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
+                rounded?: string | number | boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                activeColor?: string | undefined;
+                activeClass?: string | undefined;
+                activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
+                collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                "onUpdate:activated"?: ((value: unknown) => any) | undefined;
+                "onClick:activate"?: ((value: {
+                    id: unknown;
+                    value: boolean;
+                    path: unknown[];
+                }) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "nav" | "style" | "tag" | "disabled" | "variant" | "rounded" | "tile" | "density" | "slim" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "filterable" | "lines">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                title?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
+                    item: any;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                append?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
+                    item: any;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                prepend?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
+                    item: any;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                subtitle?: ((arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot & {
+                    item: any;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                default?: (() => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                item?: ((arg: {
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                divider?: ((arg: {
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                subheader?: ((arg: {
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+                header?: ((arg: {
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[]) | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $parent: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null;
+            $host: Element | null;
+            $emit: ((event: "update:activated", value: unknown) => void) & ((event: "click:activate", value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<{
+                variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+                nav: boolean;
+                style: import('vue').StyleValue;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                lines: false | "one" | "two" | "three";
+                mandatory: boolean;
+                returnObject: boolean;
+                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+                density: import('vuetify/lib/composables/density.mjs').Density;
+                tile: boolean;
+                slim: boolean;
+                filterable: boolean;
+                activatable: boolean;
+                selectable: boolean;
+                openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
+                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            } & {
+                height?: string | number | undefined;
+                width?: string | number | undefined;
+                border?: string | number | boolean | undefined;
+                color?: string | undefined;
+                maxHeight?: string | number | undefined;
+                maxWidth?: string | number | undefined;
+                minHeight?: string | number | undefined;
+                minWidth?: string | number | undefined;
+                activated?: any;
+                class?: any;
+                theme?: string | undefined;
+                elevation?: string | number | undefined;
+                valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
+                rounded?: string | number | boolean | undefined;
+                baseColor?: string | undefined;
+                bgColor?: string | undefined;
+                activeColor?: string | undefined;
+                activeClass?: string | undefined;
+                activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
+                collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+                expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            } & {
+                "onUpdate:activated"?: ((value: unknown) => any) | undefined;
+                "onClick:activate"?: ((value: {
+                    id: unknown;
+                    value: boolean;
+                    path: unknown[];
+                }) => any) | undefined;
+            }, {
+                open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+                select: (id: unknown, value: boolean, event?: Event | undefined) => void;
+                focus: (location?: number | "next" | "prev" | "first" | "last" | undefined) => void;
+                children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
+                parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
+                getPath: (id: unknown) => unknown[];
+            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Omit<{
+                'update:selected': (value: unknown) => true;
+                'update:activated': (value: unknown) => true;
+                'update:opened': (value: unknown) => true;
+                'click:open': (value: {
+                    id: unknown;
+                    value: boolean;
+                    path: unknown[];
+                }) => true;
+                'click:activate': (value: {
+                    id: unknown;
+                    value: boolean;
+                    path: unknown[];
+                }) => true;
+                'click:select': (value: {
+                    id: unknown;
+                    value: boolean;
+                    path: unknown[];
+                }) => true;
+            }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "items" | "selected" | "opened" | "itemValue" | "v-slot:title" | "click:open" | "click:select" | "v-slot:subtitle" | "v-slot:item" | "v-slot:header" | "v-slot:divider" | "v-slot:subheader" | "itemTitle" | "itemChildren" | "itemProps" | "update:selected" | "update:opened">, string, {
+                variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+                nav: boolean;
+                style: import('vue').StyleValue;
+                disabled: boolean;
+                tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+                lines: false | "one" | "two" | "three";
+                mandatory: boolean;
+                returnObject: boolean;
+                selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+                density: import('vuetify/lib/composables/density.mjs').Density;
+                rounded: string | number | boolean;
+                tile: boolean;
+                slim: boolean;
+                filterable: boolean;
+                activatable: boolean;
+                selectable: boolean;
+                openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
+                itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+            }, {}, string, import('vue').SlotsType<Partial<{
+                title: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemTitleSlot & {
+                    item: any;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                append: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
+                    item: any;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                prepend: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSlot & {
+                    item: any;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                subtitle: (arg: import('vuetify/lib/components/VList/VListItem.mjs').ListItemSubtitleSlot & {
+                    item: any;
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                default: () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                item: (arg: {
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                divider: (arg: {
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                subheader: (arg: {
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+                header: (arg: {
+                    props: {
+                        [key: string]: any;
+                        title: string;
+                        value: any;
+                    };
+                }) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>[];
+            }>>, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import('vue').ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import('vue').ComponentProvideOptions>, {}, {}, "", {}, any> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T_4 extends string | ((...args: any) => any)>(source: T_4, cb: T_4 extends (...args: any) => infer R_4 ? (args_0: R_4, args_1: R_4, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
+        } & Readonly<{
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            nav: boolean;
+            style: import('vue').StyleValue;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            lines: false | "one" | "two" | "three";
+            mandatory: boolean;
+            returnObject: boolean;
+            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+            density: import('vuetify/lib/composables/density.mjs').Density;
+            rounded: string | number | boolean;
+            tile: boolean;
+            slim: boolean;
+            filterable: boolean;
+            activatable: boolean;
+            selectable: boolean;
+            openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
+            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+        }> & Omit<{
+            variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+            nav: boolean;
+            style: import('vue').StyleValue;
+            disabled: boolean;
+            tag: string | import('vuetify/lib/types.mjs').JSXComponent<any>;
+            lines: false | "one" | "two" | "three";
+            mandatory: boolean;
+            returnObject: boolean;
+            selectStrategy: import('vuetify/lib/composables/nested/nested.mjs').SelectStrategyProp;
+            density: import('vuetify/lib/composables/density.mjs').Density;
+            tile: boolean;
+            slim: boolean;
+            filterable: boolean;
+            activatable: boolean;
+            selectable: boolean;
+            openStrategy: import('vuetify/lib/composables/nested/nested.mjs').OpenStrategyProp;
+            itemType: import('vuetify/lib/util/helpers.mjs').SelectItemKey;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+            activated?: any;
+            class?: any;
+            theme?: string | undefined;
+            elevation?: string | number | undefined;
+            valueComparator?: typeof import('vuetify/lib/util/helpers.mjs').deepEqual | undefined;
+            rounded?: string | number | boolean | undefined;
+            baseColor?: string | undefined;
+            bgColor?: string | undefined;
+            activeColor?: string | undefined;
+            activeClass?: string | undefined;
+            activeStrategy?: import('vuetify/lib/composables/nested/nested.mjs').ActiveStrategyProp | undefined;
+            collapseIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+            expandIcon?: import('vuetify/lib/composables/icons.mjs').IconValue | undefined;
+        } & {
+            "onUpdate:activated"?: ((value: unknown) => any) | undefined;
+            "onClick:activate"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => any) | undefined;
+        }, "focus" | "select" | "nav" | "style" | "tag" | "disabled" | "children" | "variant" | "rounded" | "tile" | "density" | "slim" | "itemType" | "returnObject" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "mandatory" | "filterable" | "lines" | "open" | "parents" | "getPath"> & import('vue').ShallowUnwrapRef<{
+            open: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            select: (id: unknown, value: boolean, event?: Event | undefined) => void;
+            focus: (location?: number | "next" | "prev" | "first" | "last" | undefined) => void;
+            children: import('vue').Ref<Map<unknown, unknown[]>, Map<unknown, unknown[]>>;
+            parents: import('vue').Ref<Map<unknown, unknown>, Map<unknown, unknown>>;
+            getPath: (id: unknown) => unknown[];
+        }> & {} & import('vue').ComponentCustomProperties & {} & import('vuetify/lib/util/defineComponent.mjs').GenericProps<{
+            items?: readonly any[] | undefined;
+            itemTitle?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
+            itemValue?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
+            itemChildren?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
+            itemProps?: import('vuetify/lib/util/helpers.mjs').SelectItemKey<any>;
+            selected?: unknown;
+            "onUpdate:selected"?: ((value: unknown) => void) | undefined;
+            "onClick:open"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => void) | undefined;
+            "onClick:select"?: ((value: {
+                id: unknown;
+                value: boolean;
+                path: unknown[];
+            }) => void) | undefined;
+            opened?: unknown;
+            "onUpdate:opened"?: ((value: unknown) => void) | undefined;
+        }, import('vuetify/lib/components/VList/VListChildren.mjs').VListChildrenSlots<any>>) | null;
     }, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1576,6 +2007,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             type: StringConstructor;
             default: string;
         };
+        plainTextKey: {
+            type: StringConstructor;
+            default: string;
+        };
         valueKey: {
             type: StringConstructor;
             default: string;
@@ -1624,6 +2059,18 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             type: BooleanConstructor;
             default: boolean;
         };
+        helpText: {
+            type: StringConstructor;
+            default: string;
+        };
+        allowHtml: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
@@ -1648,9 +2095,13 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         errorMessages: string | readonly string[];
         displayAsterisk: boolean;
         disableErrorHandling: boolean;
+        autocomplete: string;
+        helpText: string;
         clearable: boolean;
+        plainTextKey: string;
         hideMessages: boolean;
         chips: boolean;
+        allowHtml: boolean;
     }> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/components/Tables/common/organizeColumns/OrganizeColumns.d.ts

@@ -106,7 +106,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
             openOnSelect: (id: unknown, value: boolean, event?: Event | undefined) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: import('vue').ComputedRef<{}>;
+        id: import('vue').ComputedRef<{} | null>;
         link: import('vuetify/lib/composables/router.mjs').UseLink;
     }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         click: (e: MouseEvent | KeyboardEvent) => true;
@@ -252,7 +252,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
             openOnSelect: (id: unknown, value: boolean, event?: Event | undefined) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: import('vue').ComputedRef<{}>;
+        id: import('vue').ComputedRef<{} | null>;
         link: import('vuetify/lib/composables/router.mjs').UseLink;
     }, {}, {}, {}, {
         replace: boolean;

package/dist/components/Tables/common/types.d.ts

@@ -76,6 +76,7 @@ export type SyTableProps = {
     showSelect?: boolean;
     multiSort?: boolean;
     mustSort?: boolean;
+    itemsPerPageOptions?: number[];
 };
 export type SyServerTableProps = {
     serverItemsLength: number;
@@ -92,4 +93,5 @@ export type SyServerTableProps = {
     showSelect?: boolean;
     multiSort?: boolean;
     mustSort?: boolean;
+    itemsPerPageOptions?: number[];
 };