@opencloud-eu/web-pkg 4.0.0 → 4.1.0

package/dist/src/components/FilesList/ResourceTile.vue.d.ts

@@ -0,0 +1,177 @@
+import { Resource, SpaceResource } from '@opencloud-eu/web-client';
+import { RouteLocationRaw } from 'vue-router';
+import { SizeType } from '@opencloud-eu/design-system/helpers';
+type __VLS_Props = {
+    resource?: Resource;
+    resourceRoute?: RouteLocationRaw;
+    space?: SpaceResource;
+    isResourceSelected?: boolean;
+    isResourceClickable?: boolean;
+    isResourceDisabled?: boolean;
+    isExtensionDisplayed?: boolean;
+    isPathDisplayed?: boolean;
+    resourceIconSize?: SizeType;
+    lazy?: boolean;
+    isLoading?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        actions?: (props: {
+            item: Resource;
+        }) => unknown;
+        contextMenu?: (props: {
+            item: Resource;
+        }) => unknown;
+        imageField?: (props: {
+            item: Resource;
+        }) => unknown;
+        indicators?: (props: {
+            item: Resource;
+        }) => unknown;
+        selection?: (props: {
+            item: Resource;
+        }) => unknown;
+        additionalResourceContent?: (props: {
+            item: Resource;
+        }) => unknown;
+    }> & {
+        actions?: (props: {
+            item: Resource;
+        }) => unknown;
+        contextMenu?: (props: {
+            item: Resource;
+        }) => unknown;
+        imageField?: (props: {
+            item: Resource;
+        }) => unknown;
+        indicators?: (props: {
+            item: Resource;
+        }) => unknown;
+        selection?: (props: {
+            item: Resource;
+        }) => unknown;
+        additionalResourceContent?: (props: {
+            item: Resource;
+        }) => unknown;
+    };
+    refs: {
+        observerTarget: {
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{}> & Omit<{
+                readonly tag?: string;
+                readonly title?: string;
+                readonly titleTag?: string;
+                readonly logoUrl?: string;
+                readonly headerClass?: string | string[] | Record<string, boolean> | Record<string, boolean>[];
+                readonly bodyClass?: string | string[] | Record<string, boolean> | Record<string, boolean>[];
+                readonly footerClass?: string | string[] | Record<string, boolean> | Record<string, boolean>[];
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any>;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcCard/OcCard.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcCard/OcCard.vue').Props> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcCard/OcCard.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcCard/OcCard.vue').Slots;
+        };
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent | KeyboardEvent) => any;
+    contextmenu: (event: MouseEvent | KeyboardEvent) => any;
+    itemVisible: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (event: MouseEvent | KeyboardEvent) => any;
+    onContextmenu?: (event: MouseEvent | KeyboardEvent) => any;
+    onItemVisible?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    observerTarget: {
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly tag?: string;
+            readonly title?: string;
+            readonly titleTag?: string;
+            readonly logoUrl?: string;
+            readonly headerClass?: string | string[] | Record<string, boolean> | Record<string, boolean>[];
+            readonly bodyClass?: string | string[] | Record<string, boolean> | Record<string, boolean>[];
+            readonly footerClass?: string | string[] | Record<string, boolean> | Record<string, boolean>[];
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any>;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcCard/OcCard.vue').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcCard/OcCard.vue').Props> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcCard/OcCard.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcCard/OcCard.vue').Slots;
+    };
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/FilesList/ResourceTiles.vue.d.ts

@@ -0,0 +1,204 @@
+import { ComponentPublicInstance } from 'vue';
+import { Resource, SpaceResource } from '@opencloud-eu/web-client';
+import { CreateTargetRouteOptions } from '../../helpers';
+import { ImageDimension } from '../../constants';
+import { default as ResourceTile } from './ResourceTile.vue';
+import { SortDir, SortField } from '../../composables';
+import { SizeType } from '@opencloud-eu/design-system/helpers';
+type ResourceTileRef = ComponentPublicInstance<typeof ResourceTile>;
+type __VLS_Props = {
+    resources?: Resource[];
+    selectedIds?: string[];
+    isSelectable?: boolean;
+    targetRouteCallback?: (arg: CreateTargetRouteOptions) => unknown;
+    space?: SpaceResource;
+    sortFields?: SortField[];
+    sortBy?: string;
+    sortDir?: SortDir;
+    viewSize?: number;
+    dragDrop?: boolean;
+    lazy?: boolean;
+    areResourcesClickable?: boolean;
+    arePathsDisplayed?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        image?: (props: {
+            resource: Resource;
+        }) => unknown;
+        actions?: (props: {
+            resource: Resource;
+        }) => unknown;
+        contextMenu?: (props: {
+            resource: Resource;
+            isOpen: boolean;
+            dropRef: HTMLElement | null;
+        }) => unknown;
+        footer?: () => unknown;
+        additionalResourceContent?: (props: {
+            resource: Resource;
+        }) => unknown;
+    }> & {
+        image?: (props: {
+            resource: Resource;
+        }) => unknown;
+        actions?: (props: {
+            resource: Resource;
+        }) => unknown;
+        contextMenu?: (props: {
+            resource: Resource;
+            isOpen: boolean;
+            dropRef: HTMLElement | null;
+        }) => unknown;
+        footer?: () => unknown;
+        additionalResourceContent?: (props: {
+            resource: Resource;
+        }) => unknown;
+    };
+    refs: {
+        ghostElementRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            previewItems: {
+                type: import('vue').PropType<Resource[]>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {
+            layerCount(): number;
+            showSecondLayer(): boolean;
+            showThirdLayer(): boolean;
+            itemCount(): number;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, {
+            ResourceIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                resource: {
+                    type: import('vue').PropType<Resource | SpaceResource>;
+                    required: true;
+                };
+                size: {
+                    type: import('vue').PropType<SizeType>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+            }>, {
+                icon: import('vue').ComputedRef<import('../..').IconType>;
+                isSpace: import('vue').ComputedRef<boolean>;
+                isFolder: import('vue').ComputedRef<boolean>;
+                isDisabledSpace: import('vue').ComputedRef<boolean>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                resource: {
+                    type: import('vue').PropType<Resource | SpaceResource>;
+                    required: true;
+                };
+                size: {
+                    type: import('vue').PropType<SizeType>;
+                    default: string;
+                    validator: (value: string) => boolean;
+                };
+            }>> & Readonly<{}>, {
+                size: SizeType;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            previewItems: {
+                type: import('vue').PropType<Resource[]>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {
+            layerCount(): number;
+            showSecondLayer(): boolean;
+            showThirdLayer(): boolean;
+            itemCount(): number;
+        }, {}, {}>;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    sort: (value: {
+        sortBy: string;
+        sortDir: SortDir;
+    }) => any;
+    rowMounted: (resource: Resource, compnent: ResourceTileRef, dimension: ImageDimension) => any;
+    fileDropped: (id: string) => any;
+    itemVisible: (resource: Resource) => any;
+    "update:selectedIds": (ids: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSort?: (value: {
+        sortBy: string;
+        sortDir: SortDir;
+    }) => any;
+    onRowMounted?: (resource: Resource, compnent: ResourceTileRef, dimension: ImageDimension) => any;
+    onFileDropped?: (id: string) => any;
+    onItemVisible?: (resource: Resource) => any;
+    "onUpdate:selectedIds"?: (ids: string[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    ghostElementRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        previewItems: {
+            type: import('vue').PropType<Resource[]>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {
+        layerCount(): number;
+        showSecondLayer(): boolean;
+        showThirdLayer(): boolean;
+        itemCount(): number;
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, {
+        ResourceIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            resource: {
+                type: import('vue').PropType<Resource | SpaceResource>;
+                required: true;
+            };
+            size: {
+                type: import('vue').PropType<SizeType>;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+        }>, {
+            icon: import('vue').ComputedRef<import('../..').IconType>;
+            isSpace: import('vue').ComputedRef<boolean>;
+            isFolder: import('vue').ComputedRef<boolean>;
+            isDisabledSpace: import('vue').ComputedRef<boolean>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            resource: {
+                type: import('vue').PropType<Resource | SpaceResource>;
+                required: true;
+            };
+            size: {
+                type: import('vue').PropType<SizeType>;
+                default: string;
+                validator: (value: string) => boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: SizeType;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        previewItems: {
+            type: import('vue').PropType<Resource[]>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {}, {}, {
+        layerCount(): number;
+        showSecondLayer(): boolean;
+        showThirdLayer(): boolean;
+        itemCount(): number;
+    }, {}, {}>;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/FilesList/index.d.ts

@@ -0,0 +1,10 @@
+export { default as ContextActions } from './ContextActions.vue';
+export { default as ResourceGhostElement } from './ResourceGhostElement.vue';
+export { default as ResourceTable } from './ResourceTable.vue';
+export { default as ResourceListItem } from './ResourceListItem.vue';
+export { default as ResourceIcon } from './ResourceIcon.vue';
+export { default as ResourceTile } from './ResourceTile.vue';
+export { default as ResourceTiles } from './ResourceTiles.vue';
+export { default as ResourceLink } from './ResourceLink.vue';
+export { default as ResourceName } from './ResourceName.vue';
+export { default as ResourceSize } from './ResourceSize.vue';

package/dist/src/components/Filters/ItemFilterInline.vue.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { InlineFilterOption } from './types';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    filterName: {
+        type: StringConstructor;
+        required: true;
+    };
+    filterOptions: {
+        type: PropType<InlineFilterOption[]>;
+        required: true;
+    };
+}>, {
+    queryParam: string;
+    activeOption: import('vue').Ref<string, string>;
+    toggleFilter: (option: InlineFilterOption) => Promise<void>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "toggleFilter"[], "toggleFilter", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    filterName: {
+        type: StringConstructor;
+        required: true;
+    };
+    filterOptions: {
+        type: PropType<InlineFilterOption[]>;
+        required: true;
+    };
+}>> & Readonly<{
+    onToggleFilter?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/components/Filters/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DateFilter } from './DateFilter.vue';
+export { default as ItemFilterInline } from './ItemFilterInline.vue';
+export * from './types';

package/dist/src/components/Filters/types.d.ts

@@ -0,0 +1,4 @@
+export type InlineFilterOption = {
+    name: string;
+    label: string;
+};

package/dist/src/components/ItemFilter.vue.d.ts

@@ -0,0 +1,223 @@
+import { ComponentPublicInstance, nextTick } from 'vue';
+import { FuseOptionKey } from 'fuse.js';
+type Item = Record<string, any>;
+type __VLS_Props = {
+    filterLabel: string;
+    filterName: string;
+    items: Item[];
+    optionFilterLabel?: string;
+    showOptionFilter?: boolean;
+    allowMultiple?: boolean;
+    idAttribute?: string;
+    displayNameAttribute?: string;
+    filterableAttributes?: FuseOptionKey<Item>[];
+    closeOnClick?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        image?(_: {
+            item: Item;
+        }): any;
+        item?(_: {
+            item: Item;
+        }): any;
+    };
+    refs: {
+        filterInputRef: {
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly id?: string;
+                readonly type?: "text" | "number" | "email" | "password" | "date";
+                readonly modelValue?: string;
+                readonly selectionRange?: [number, number];
+                readonly clearButtonEnabled?: boolean;
+                readonly clearButtonAccessibleLabel?: string;
+                readonly defaultValue?: string;
+                readonly disabled?: boolean;
+                readonly label: string;
+                readonly errorMessage?: string;
+                readonly errorMessageDebouncedTime?: number;
+                readonly fixMessageLine?: boolean;
+                readonly descriptionMessage?: string;
+                readonly readOnly?: boolean;
+                readonly requiredMark?: boolean;
+                readonly passwordPolicy?: import('@opencloud-eu/design-system/helpers').PasswordPolicy;
+                readonly generatePasswordMethod?: (...args: unknown[]) => string;
+                readonly onChange?: (value: string) => any;
+                readonly onFocus?: (value: string) => any;
+                readonly "onUpdate:modelValue"?: (value: string) => any;
+                readonly onPasswordChallengeCompleted?: () => any;
+                readonly onPasswordChallengeFailed?: () => any;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                inputRef: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any>;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "change", value: string) => void) & ((event: "focus", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "passwordChallengeCompleted") => void) & ((event: "passwordChallengeFailed") => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTextInput/OcTextInput.vue').Props> & Readonly<{
+                onChange?: (value: string) => any;
+                onFocus?: (value: string) => any;
+                "onUpdate:modelValue"?: (value: string) => any;
+                onPasswordChallengeCompleted?: () => any;
+                onPasswordChallengeFailed?: () => any;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                change: (value: string) => any;
+                focus: (value: string) => any;
+                "update:modelValue": (value: string) => any;
+                passwordChallengeCompleted: () => any;
+                passwordChallengeFailed: () => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTextInput/OcTextInput.vue').Props> & Readonly<{
+            onChange?: (value: string) => any;
+            onFocus?: (value: string) => any;
+            "onUpdate:modelValue"?: (value: string) => any;
+            onPasswordChallengeCompleted?: () => any;
+            onPasswordChallengeFailed?: () => any;
+        }>, "focus"> & import('vue').ShallowUnwrapRef<{
+            focus: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTextInput/OcTextInput.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcTextInput/OcTextInput.vue').Slots;
+        };
+        itemFilterListRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    setSelectedItemsBasedOnQuery: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    selectionChange: (selectedItems: Item[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelectionChange?: (selectedItems: Item[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    filterInputRef: {
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly id?: string;
+            readonly type?: "text" | "number" | "email" | "password" | "date";
+            readonly modelValue?: string;
+            readonly selectionRange?: [number, number];
+            readonly clearButtonEnabled?: boolean;
+            readonly clearButtonAccessibleLabel?: string;
+            readonly defaultValue?: string;
+            readonly disabled?: boolean;
+            readonly label: string;
+            readonly errorMessage?: string;
+            readonly errorMessageDebouncedTime?: number;
+            readonly fixMessageLine?: boolean;
+            readonly descriptionMessage?: string;
+            readonly readOnly?: boolean;
+            readonly requiredMark?: boolean;
+            readonly passwordPolicy?: import('@opencloud-eu/design-system/helpers').PasswordPolicy;
+            readonly generatePasswordMethod?: (...args: unknown[]) => string;
+            readonly onChange?: (value: string) => any;
+            readonly onFocus?: (value: string) => any;
+            readonly "onUpdate:modelValue"?: (value: string) => any;
+            readonly onPasswordChallengeCompleted?: () => any;
+            readonly onPasswordChallengeFailed?: () => any;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            inputRef: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any>;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "change", value: string) => void) & ((event: "focus", value: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "passwordChallengeCompleted") => void) & ((event: "passwordChallengeFailed") => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTextInput/OcTextInput.vue').Props> & Readonly<{
+            onChange?: (value: string) => any;
+            onFocus?: (value: string) => any;
+            "onUpdate:modelValue"?: (value: string) => any;
+            onPasswordChallengeCompleted?: () => any;
+            onPasswordChallengeFailed?: () => any;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            change: (value: string) => any;
+            focus: (value: string) => any;
+            "update:modelValue": (value: string) => any;
+            passwordChallengeCompleted: () => any;
+            passwordChallengeFailed: () => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTextInput/OcTextInput.vue').Props> & Readonly<{
+        onChange?: (value: string) => any;
+        onFocus?: (value: string) => any;
+        "onUpdate:modelValue"?: (value: string) => any;
+        onPasswordChallengeCompleted?: () => any;
+        onPasswordChallengeFailed?: () => any;
+    }>, "focus"> & import('vue').ShallowUnwrapRef<{
+        focus: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTextInput/OcTextInput.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcTextInput/OcTextInput.vue').Slots;
+    };
+    itemFilterListRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};