@opencloud-eu/web-pkg 4.2.1 → 5.0.0-alpha.1

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

@@ -1,1555 +1,196 @@
-import { ComponentPublicInstance, ComputedRef, PropType } from 'vue';
-import { Resource, ShareTypes, SpaceResource } from '@opencloud-eu/web-client';
-import { FolderViewModeConstants, SortDir } from '../../composables';
-import { ImageDimension } from '../../constants';
-import { ContextMenuBtnClickEventData, CreateTargetRouteOptions } from '../../helpers';
-import { ClipboardActions } from '../../helpers/clipboardActions';
-import { OcTableTr } from '@opencloud-eu/design-system/components';
-import { FieldType } from '@opencloud-eu/design-system/helpers';
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Resources to be displayed in the table.
-     * Required fields:
-     * - name: The name of the resource containing the file extension in case of a file
-     * - path: The full path of the resource
-     * - type: The type of the resource. Can be `file` or `folder`
-     * Optional fields:
-     * - thumbnail
-     * - size: The size of the resource
-     * - modificationDate: The date of the last modification of the resource
-     * - shareDate: The date when the share was created
-     * - deletionDate: The date when the resource has been deleted
-     * - syncEnabled: The sync status of the share
-     */
-    resources: {
-        type: PropType<Resource[]>;
-        required: true;
-    };
-    /**
-     * Closure function to mutate the resource id into a valid DOM selector.
-     */
-    resourceDomSelector: {
-        type: PropType<(resource: Resource) => string>;
-        required: false;
-        default: (resource: Resource) => string;
-    };
-    /**
-     * Asserts whether resources path should be shown in the resource name
-     */
-    arePathsDisplayed: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Asserts whether icons should be replaced with thumbnails for resources which provide them
-     */
-    areThumbnailsDisplayed: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * V-model for the selection
-     */
-    selectedIds: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    /**
-     * Asserts whether actions are available
-     */
-    hasActions: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Asserts whether rename quick action is available
-     */
-    showRenameQuickAction: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Accepts a `path` and a `resource` param and returns a corresponding route object.
-     */
-    targetRouteCallback: {
-        type: PropType<(arg: CreateTargetRouteOptions) => unknown>;
-        required: false;
-        default: any;
-    };
-    /**
-     * Asserts whether clicking on the resource name triggers any action
-     */
-    areResourcesClickable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Top position of header used when the header is sticky in pixels
-     */
-    headerPosition: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    /**
-     * Asserts whether resources in the table can be selected
-     */
-    isSelectable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets specific css classes for when the side bar is (not) open
-     */
-    isSideBarOpen: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets the padding size for x axis
-     * @values xsmall, small, medium, large, xlarge
-     */
-    paddingX: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (size: string) => boolean;
-    };
-    /**
-     * Enable Drag & Drop events
-     */
-    dragDrop: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * The active view mode.
-     */
-    viewMode: {
-        type: PropType<typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table>;
-        default: () => "resource-tiles";
-        validator: (value: typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table) => boolean;
-    };
-    /**
-     * Enable hover effect
-     */
-    hover: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Show that the table is sorted by this column (no actual sorting takes place)
-     */
-    sortBy: {
-        type: StringConstructor;
-        required: false;
-        default: any;
-    };
-    /**
-     * Define what fields should be displayed in the table
-     * If null, all fields are displayed
-     */
-    fieldsDisplayed: {
-        type: ArrayConstructor;
-        required: false;
-        default: any;
-    };
-    /**
-     * Show that the table is sorted ascendingly/descendingly (no actual sorting takes place)
-     */
-    sortDir: {
-        type: PropType<SortDir>;
-        required: false;
-        default: any;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Space resource the provided resources originate from. Not required on meta pages like favorites, search, ...
-     */
-    space: {
-        type: PropType<SpaceResource>;
-        required: false;
-        default: any;
-    };
-    resourceType: {
-        type: PropType<"file" | "space">;
-        default: string;
-    };
-    /**
-     * Determines if the table content should be loaded lazily.
-     */
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * This is only relevant for CERN and can be ignored in any other cases.
-     */
-    groupingSettings: {
-        type: ObjectConstructor;
-        required: false;
-        default: any;
-    };
-}>, {
-    postMessage: <Payload>(name: string, data?: Payload) => void;
-    isFilePicker: ComputedRef<boolean>;
-    isLocationPicker: ComputedRef<boolean>;
-    isEmbedModeEnabled: ComputedRef<boolean>;
-    emitSelect: (selectedIds: string[]) => void;
-    toggleSelection: (resourceId: string) => void;
-    eventBus: import('../..').EventBus;
-    interceptModifierClick: (event: MouseEvent | undefined, resource: Resource) => boolean;
-    areFileExtensionsShown: import('vue').Ref<boolean, boolean>;
-    latestSelectedId: import('vue').Ref<string, string>;
-    isResourceClickable: (resource: Resource) => boolean;
-    getResourceLink: (resource: Resource) => unknown;
-    isSticky: import('vue').Ref<boolean, boolean>;
-    isResourceInDeleteQueue: (id: string) => boolean;
-    ShareTypes: typeof ShareTypes;
-    showContextDrop: (item: Resource | SpaceResource) => boolean;
-    isMobile: ComputedRef<boolean>;
-    getPathPrefix: (resource: Resource) => any;
-    getFolderLink: (resource: Resource) => unknown;
-    getParentFolderLink: (resource: Resource) => unknown;
-    getParentFolderName: (resource: Resource) => string;
-    getParentFolderLinkIconAdditionalAttributes: (resource: Resource) => {
-        name: string;
-        'fill-type': string;
-    } | {
-        name?: undefined;
-        'fill-type'?: undefined;
-    };
-    createFileAction: (resource: Resource) => void;
-    createFolderLink: (createTargetRouteOptions: CreateTargetRouteOptions) => unknown;
-    router: import('vue-router').Router;
-    configOptions: import('vue').Ref<{
-        cernFeatures?: boolean;
-        concurrentRequests?: {
-            resourceBatchActions?: number;
-            sse?: number;
-            shares?: {
-                create?: number;
-                list?: number;
-            };
-            avatars?: number;
-        };
-        contextHelpers?: boolean;
-        contextHelpersReadMore?: boolean;
-        defaultAppId?: string;
-        disabledExtensions?: string[];
-        disableFeedbackLink?: boolean;
-        accountEditLink?: {
-            href?: string;
-        };
-        editor?: {
-            autosaveEnabled?: boolean;
-            autosaveInterval?: number;
-            openAsPreview?: boolean | string[];
-        };
-        embed?: {
-            enabled?: boolean;
-            target?: string;
-            messagesOrigin?: string;
-            delegateAuthentication?: boolean;
-            delegateAuthenticationOrigin?: string;
-            fileTypes?: string[];
-            chooseFileName?: boolean;
-            chooseFileNameSuggestion?: string;
-        };
-        feedbackLink?: {
-            ariaLabel?: string;
-            description?: string;
-            href?: string;
-        };
-        isRunningOnEos?: boolean;
-        loginUrl?: string;
-        logoutUrl?: string;
-        ocm?: {
-            openRemotely?: boolean;
-        };
-        routing?: {
-            fullShareOwnerPaths?: boolean;
-            idBased?: boolean;
-        };
-        runningOnEos?: boolean;
-        tokenStorageLocal?: boolean;
-        upload?: {
-            companionUrl?: string;
-        };
-        userListRequiresFilter?: boolean;
-        hideLogo?: boolean;
-    }, {
-        cernFeatures?: boolean;
-        concurrentRequests?: {
-            resourceBatchActions?: number;
-            sse?: number;
-            shares?: {
-                create?: number;
-                list?: number;
-            };
-            avatars?: number;
-        };
-        contextHelpers?: boolean;
-        contextHelpersReadMore?: boolean;
-        defaultAppId?: string;
-        disabledExtensions?: string[];
-        disableFeedbackLink?: boolean;
-        accountEditLink?: {
-            href?: string;
-        };
-        editor?: {
-            autosaveEnabled?: boolean;
-            autosaveInterval?: number;
-            openAsPreview?: boolean | string[];
-        };
-        embed?: {
-            enabled?: boolean;
-            target?: string;
-            messagesOrigin?: string;
-            delegateAuthentication?: boolean;
-            delegateAuthenticationOrigin?: string;
-            fileTypes?: string[];
-            chooseFileName?: boolean;
-            chooseFileNameSuggestion?: string;
-        };
-        feedbackLink?: {
-            ariaLabel?: string;
-            description?: string;
-            href?: string;
-        };
-        isRunningOnEos?: boolean;
-        loginUrl?: string;
-        logoutUrl?: string;
-        ocm?: {
-            openRemotely?: boolean;
-        };
-        routing?: {
-            fullShareOwnerPaths?: boolean;
-            idBased?: boolean;
-        };
-        runningOnEos?: boolean;
-        tokenStorageLocal?: boolean;
-        upload?: {
-            companionUrl?: string;
-        };
-        userListRequiresFilter?: boolean;
-        hideLogo?: boolean;
-    } | {
-        cernFeatures?: boolean;
-        concurrentRequests?: {
-            resourceBatchActions?: number;
-            sse?: number;
-            shares?: {
-                create?: number;
-                list?: number;
-            };
-            avatars?: number;
-        };
-        contextHelpers?: boolean;
-        contextHelpersReadMore?: boolean;
-        defaultAppId?: string;
-        disabledExtensions?: string[];
-        disableFeedbackLink?: boolean;
-        accountEditLink?: {
-            href?: string;
-        };
-        editor?: {
-            autosaveEnabled?: boolean;
-            autosaveInterval?: number;
-            openAsPreview?: boolean | string[];
-        };
-        embed?: {
-            enabled?: boolean;
-            target?: string;
-            messagesOrigin?: string;
-            delegateAuthentication?: boolean;
-            delegateAuthenticationOrigin?: string;
-            fileTypes?: string[];
-            chooseFileName?: boolean;
-            chooseFileNameSuggestion?: string;
-        };
-        feedbackLink?: {
-            ariaLabel?: string;
-            description?: string;
-            href?: string;
-        };
-        isRunningOnEos?: boolean;
-        loginUrl?: string;
-        logoutUrl?: string;
-        ocm?: {
-            openRemotely?: boolean;
-        };
-        routing?: {
-            fullShareOwnerPaths?: boolean;
-            idBased?: boolean;
-        };
-        runningOnEos?: boolean;
-        tokenStorageLocal?: boolean;
-        upload?: {
-            companionUrl?: string;
-        };
-        userListRequiresFilter?: boolean;
-        hideLogo?: boolean;
-    }>;
-    dragItem: import('vue').Ref<Resource, Resource>;
-    ghostElement: Readonly<import('vue').ShallowRef<ComponentPublicInstance<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        previewItems: {
-            type: PropType<Resource[]>;
-            required: true;
-        };
-    }>, {}, {}, {
-        layerCount(): number;
-        showSecondLayer(): boolean;
-        showThirdLayer(): boolean;
-        itemCount(): number;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        previewItems: {
-            type: PropType<Resource[]>;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {
-        ResourceIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource | SpaceResource>;
-                required: true;
-            };
-            size: {
-                type: PropType<import('@opencloud-eu/design-system/helpers').SizeType>;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>, {
-            icon: ComputedRef<import('../..').IconType>;
-            isSpace: ComputedRef<boolean>;
-            isFolder: ComputedRef<boolean>;
-            isDisabledSpace: ComputedRef<boolean>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource | SpaceResource>;
+import { Resource, SpaceResource } from '@opencloud-eu/web-client';
+import { FolderViewModeConstants } from '../../composables';
+import { FileActionOptions } from '../../composables/actions';
+import { SortDir } from '@opencloud-eu/design-system/helpers';
+type __VLS_Props = {
+    resources: Resource[];
+    resourceDomSelector?: (resource: Resource) => string;
+    arePathsDisplayed?: boolean;
+    selectedIds?: string[];
+    hasActions?: boolean;
+    showRenameQuickAction?: boolean;
+    areResourcesClickable?: boolean;
+    headerPosition?: number;
+    isSelectable?: boolean;
+    isSideBarOpen?: boolean;
+    dragDrop?: boolean;
+    viewMode?: typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table;
+    hover?: boolean;
+    sortBy?: string;
+    fieldsDisplayed?: string[];
+    sortDir?: SortDir;
+    space?: SpaceResource;
+    resourceType?: 'file' | 'space';
+    lazy?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        image?: (props: {
+            resource: Resource;
+        }) => unknown;
+        additionalResourceContent?: (props: {
+            resource: Resource;
+        }) => unknown;
+        syncEnabled?: (props: {
+            resource: Resource;
+        }) => unknown;
+        manager?: (props: {
+            resource: Resource;
+        }) => unknown;
+        members?: (props: {
+            resource: Resource;
+        }) => unknown;
+        totalQuota?: (props: {
+            resource: Resource;
+        }) => unknown;
+        usedQuota?: (props: {
+            resource: Resource;
+        }) => unknown;
+        remainingQuota?: (props: {
+            resource: Resource;
+        }) => unknown;
+        quickActions?: (props: {
+            resource: Resource;
+        }) => unknown;
+        contextMenu?: (props: {
+            resource: Resource;
+        }) => unknown;
+        footer?: () => unknown;
+    }> & {
+        image?: (props: {
+            resource: Resource;
+        }) => unknown;
+        additionalResourceContent?: (props: {
+            resource: Resource;
+        }) => unknown;
+        syncEnabled?: (props: {
+            resource: Resource;
+        }) => unknown;
+        manager?: (props: {
+            resource: Resource;
+        }) => unknown;
+        members?: (props: {
+            resource: Resource;
+        }) => unknown;
+        totalQuota?: (props: {
+            resource: Resource;
+        }) => unknown;
+        usedQuota?: (props: {
+            resource: Resource;
+        }) => unknown;
+        remainingQuota?: (props: {
+            resource: Resource;
+        }) => unknown;
+        quickActions?: (props: {
+            resource: Resource;
+        }) => unknown;
+        contextMenu?: (props: {
+            resource: Resource;
+        }) => unknown;
+        footer?: () => unknown;
+    };
+    refs: {
+        ghostElement: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            previewItems: {
+                type: import('vue').PropType<Resource[]>;
                 required: true;
             };
-            size: {
-                type: PropType<import('@opencloud-eu/design-system/helpers').SizeType>;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{}>, {
-            size: import('@opencloud-eu/design-system/helpers').SizeType;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>>>;
-    contextMenuButton: Readonly<import('vue').ShallowRef<ComponentPublicInstance<{
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-            onClick?: (event: MouseEvent) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            click: (event: MouseEvent) => any;
-        }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }>> & Readonly<{}>, {}, {}, {
+            layerCount(): number;
+            showSecondLayer(): boolean;
+            showThirdLayer(): boolean;
+            itemCount(): number;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, {
+            ResourceIcon: import('vue').DefineComponent<{
+                resource: Resource | SpaceResource;
+                size?: import('@opencloud-eu/design-system/helpers').SizeType;
+            }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+                resource: Resource | SpaceResource;
+                size?: import('@opencloud-eu/design-system/helpers').SizeType;
+            }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-            onClick?: (event: MouseEvent) => any;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Props> & Readonly<{
-        onClick?: (event: MouseEvent) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (event: MouseEvent) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcButton/OcButton.vue').Slots;
-    })>>>;
-    getTagToolTip: (tag: string) => string;
-    renameActions: ComputedRef<import('../..').FileAction[]>;
-    renameActionsSpace: ComputedRef<import('../..').SpaceAction[]>;
-    renameHandler: ComputedRef<(options?: import('../..').FileActionOptions<Resource>) => Promise<void> | void>;
-    renameHandlerSpace: ComputedRef<(options?: import('../..').SpaceActionOptions) => Promise<void> | void>;
-    FolderViewModeConstants: {
-        readonly name: {
-            readonly table: "resource-table";
-            readonly condensedTable: "resource-table-condensed";
-            readonly tiles: "resource-tiles";
-        };
-        readonly defaultModeName: "resource-tiles";
-        readonly queryName: "view-mode";
-        readonly tilesSizeDefault: 2;
-        readonly tilesSizeMax: 6;
-        readonly tilesSizeQueryName: "tiles-size";
-    };
-    hasTags: ComputedRef<boolean>;
-    disabledResources: ComputedRef<string[]>;
-    isResourceDisabled: (resource: Resource) => boolean;
-    userContextReady: import('vue').Ref<boolean, boolean>;
-    getMatchingSpace: (resource: Resource) => SpaceResource;
-    clipboardResources: import('vue').Ref<{
-        id: string;
-        fileId?: string;
-        parentFolderId?: string;
-        storageId?: string;
-        readonly nodeId?: string;
-        name?: string;
-        tags?: string[];
-        audio?: {
-            album?: string;
-            albumArtist?: string;
-            artist?: string;
-            bitrate?: number;
-            composers?: string;
-            copyright?: string;
-            disc?: number;
-            discCount?: number;
-            duration?: number;
-            genre?: string;
-            hasDrm?: boolean;
-            isVariableBitrate?: boolean;
-            title?: string;
-            track?: number;
-            trackCount?: number;
-            year?: number;
-        };
-        location?: {
-            altitude?: number;
-            latitude?: number;
-            longitude?: number;
-        };
-        image?: {
-            height?: number;
-            width?: number;
-        };
-        photo?: {
-            cameraMake?: string;
-            cameraModel?: string;
-            exposureDenominator?: number;
-            exposureNumerator?: number;
-            fNumber?: number;
-            focalLength?: number;
-            iso?: number;
-            orientation?: number;
-            takenDateTime?: string;
-        };
-        path: string;
-        webDavPath?: string;
-        downloadURL?: string;
-        type?: string;
-        thumbnail?: string;
-        processing?: boolean;
-        locked?: boolean;
-        lockOwner?: string;
-        lockTime?: string;
-        mimeType?: string;
-        isFolder?: boolean;
-        mdate?: string;
-        size?: number | string;
-        permissions?: string;
-        starred?: boolean;
-        etag?: string;
-        shareTypes?: number[];
-        privateLink?: string;
-        owner?: {
-            displayName: string;
-            id?: string;
-            '@libre.graph.userType'?: string;
-        };
-        extension?: string;
-        extraProps?: Record<string, unknown>;
-        remoteItemId?: string;
-        remoteItemPath?: string;
-        hasPreview?: () => boolean;
-        canCreate?: () => boolean;
-        canUpload?: ({ user }: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-        }) => boolean;
-        canDownload?: () => boolean;
-        canShare?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canRename?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canBeDeleted?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canEditTags?: () => boolean;
-        getDomSelector?: () => string;
-        isReceivedShare?: () => boolean;
-        isShareRoot?: () => boolean;
-        isMounted?: () => boolean;
-    }[], Resource[] | {
-        id: string;
-        fileId?: string;
-        parentFolderId?: string;
-        storageId?: string;
-        readonly nodeId?: string;
-        name?: string;
-        tags?: string[];
-        audio?: {
-            album?: string;
-            albumArtist?: string;
-            artist?: string;
-            bitrate?: number;
-            composers?: string;
-            copyright?: string;
-            disc?: number;
-            discCount?: number;
-            duration?: number;
-            genre?: string;
-            hasDrm?: boolean;
-            isVariableBitrate?: boolean;
-            title?: string;
-            track?: number;
-            trackCount?: number;
-            year?: number;
-        };
-        location?: {
-            altitude?: number;
-            latitude?: number;
-            longitude?: number;
-        };
-        image?: {
-            height?: number;
-            width?: number;
-        };
-        photo?: {
-            cameraMake?: string;
-            cameraModel?: string;
-            exposureDenominator?: number;
-            exposureNumerator?: number;
-            fNumber?: number;
-            focalLength?: number;
-            iso?: number;
-            orientation?: number;
-            takenDateTime?: string;
-        };
-        path: string;
-        webDavPath?: string;
-        downloadURL?: string;
-        type?: string;
-        thumbnail?: string;
-        processing?: boolean;
-        locked?: boolean;
-        lockOwner?: string;
-        lockTime?: string;
-        mimeType?: string;
-        isFolder?: boolean;
-        mdate?: string;
-        size?: number | string;
-        permissions?: string;
-        starred?: boolean;
-        etag?: string;
-        shareTypes?: number[];
-        privateLink?: string;
-        owner?: {
-            displayName: string;
-            id?: string;
-            '@libre.graph.userType'?: string;
-        };
-        extension?: string;
-        extraProps?: Record<string, unknown>;
-        remoteItemId?: string;
-        remoteItemPath?: string;
-        hasPreview?: () => boolean;
-        canCreate?: () => boolean;
-        canUpload?: ({ user }: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-        }) => boolean;
-        canDownload?: () => boolean;
-        canShare?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canRename?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canBeDeleted?: (args?: {
-            user?: import('@opencloud-eu/web-client/graph/generated').User;
-            ability?: import('@opencloud-eu/web-client').Ability;
-        }) => boolean;
-        canEditTags?: () => boolean;
-        getDomSelector?: () => string;
-        isReceivedShare?: () => boolean;
-        isShareRoot?: () => boolean;
-        isMounted?: () => boolean;
-    }[]>;
-    clipboardAction: import('vue').Ref<ClipboardActions, ClipboardActions>;
-}, {
-    constants: {
-        ImageDimension: typeof ImageDimension;
-        EVENT_TROW_MOUNTED: string;
-    };
-}, {
-    fields(): FieldType[];
-    areAllResourcesSelected(): boolean;
-    selectAllCheckboxLabel(): string;
-    selectedResources(): Resource[];
-    contextMenuLabel(): string;
-    dragSelection(): Resource[];
-}, {
-    isResourceSelected(item: Resource): boolean;
-    isResourceCut(resource: Resource): boolean;
-    getTagLink(tag: string): import('vue-router').RouteLocationNamedRaw;
-    getTagComponentAttrs(tag: string): {
-        to?: undefined;
-    } | {
-        to: import('vue-router').RouteLocationNamedRaw;
-    };
-    isLatestSelectedItem(item: Resource): boolean;
-    hasRenameAction(item: Resource): number | false;
-    openRenameDialog(item: Resource): void | Promise<void>;
-    openTagsSidebar(): void;
-    handleFileClick(e: MouseEvent, resource: Resource): void;
-    fileDragged(file: Resource, event: DragEvent): Promise<void>;
-    fileDropped(selector: string, event: DragEvent): void;
-    setDragItem(item: Resource, event: DragEvent): Promise<void>;
-    dropRowStyling(selector: string, leaving: boolean, event: DragEvent): void;
-    sort(opts: {
+        }, Readonly<import('vue').ExtractPropTypes<{
+            previewItems: {
+                type: import('vue').PropType<Resource[]>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {}, {}, {
+            layerCount(): number;
+            showSecondLayer(): boolean;
+            showThirdLayer(): boolean;
+            itemCount(): number;
+        }, {}, {}>;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    sort: (options: {
         sortBy: string;
         sortDir: SortDir;
-    }): void;
-    addSelectedResource(file: Resource): void;
-    showContextMenuOnBtnClick(data: ContextMenuBtnClickEventData, item: Resource): false;
-    showContextMenu(row: ComponentPublicInstance<unknown>, event: MouseEvent, item: Resource): false;
-    rowMounted(resource: Resource, component: typeof OcTableTr): void;
-    fileClicked(data: [Resource, MouseEvent]): void;
-    formatDate(date: string): string;
-    formatDateRelative(date: string): string;
-    toggleSelectionAll(): void;
-    emitFileClick(resource: Resource, event?: MouseEvent): void;
-    getResourceCheckboxLabel(resource: Resource): string;
-    getSharedWithAvatarDescription(resource: Resource): string;
-    getSharedByAvatarDescription(resource: Resource): string;
-    getSharedByAvatarItems(resource: Resource): {
-        displayName: string;
-        name: string;
-        avatarType: string;
-        username: string;
-        userId: string;
-    }[];
-    getSharedWithAvatarItems(resource: Resource): {
-        displayName: string;
-        name: string;
-        avatarType: string;
-        username: string;
-        userId: string;
-    }[];
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("sort" | "rowMounted" | "fileDropped" | "update:modelValue" | "fileClick" | "update:selectedIds")[], "sort" | "rowMounted" | "fileDropped" | "update:modelValue" | "fileClick" | "update:selectedIds", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Resources to be displayed in the table.
-     * Required fields:
-     * - name: The name of the resource containing the file extension in case of a file
-     * - path: The full path of the resource
-     * - type: The type of the resource. Can be `file` or `folder`
-     * Optional fields:
-     * - thumbnail
-     * - size: The size of the resource
-     * - modificationDate: The date of the last modification of the resource
-     * - shareDate: The date when the share was created
-     * - deletionDate: The date when the resource has been deleted
-     * - syncEnabled: The sync status of the share
-     */
-    resources: {
-        type: PropType<Resource[]>;
-        required: true;
-    };
-    /**
-     * Closure function to mutate the resource id into a valid DOM selector.
-     */
-    resourceDomSelector: {
-        type: PropType<(resource: Resource) => string>;
-        required: false;
-        default: (resource: Resource) => string;
-    };
-    /**
-     * Asserts whether resources path should be shown in the resource name
-     */
-    arePathsDisplayed: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Asserts whether icons should be replaced with thumbnails for resources which provide them
-     */
-    areThumbnailsDisplayed: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * V-model for the selection
-     */
-    selectedIds: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    /**
-     * Asserts whether actions are available
-     */
-    hasActions: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Asserts whether rename quick action is available
-     */
-    showRenameQuickAction: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Accepts a `path` and a `resource` param and returns a corresponding route object.
-     */
-    targetRouteCallback: {
-        type: PropType<(arg: CreateTargetRouteOptions) => unknown>;
-        required: false;
-        default: any;
-    };
-    /**
-     * Asserts whether clicking on the resource name triggers any action
-     */
-    areResourcesClickable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Top position of header used when the header is sticky in pixels
-     */
-    headerPosition: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
-    /**
-     * Asserts whether resources in the table can be selected
-     */
-    isSelectable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets specific css classes for when the side bar is (not) open
-     */
-    isSideBarOpen: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Sets the padding size for x axis
-     * @values xsmall, small, medium, large, xlarge
-     */
-    paddingX: {
-        type: StringConstructor;
-        required: false;
-        default: string;
-        validator: (size: string) => boolean;
-    };
-    /**
-     * Enable Drag & Drop events
-     */
-    dragDrop: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * The active view mode.
-     */
-    viewMode: {
-        type: PropType<typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table>;
-        default: () => "resource-tiles";
-        validator: (value: typeof FolderViewModeConstants.name.condensedTable | typeof FolderViewModeConstants.name.table) => boolean;
-    };
-    /**
-     * Enable hover effect
-     */
-    hover: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    /**
-     * Show that the table is sorted by this column (no actual sorting takes place)
-     */
-    sortBy: {
-        type: StringConstructor;
-        required: false;
-        default: any;
-    };
-    /**
-     * Define what fields should be displayed in the table
-     * If null, all fields are displayed
-     */
-    fieldsDisplayed: {
-        type: ArrayConstructor;
-        required: false;
-        default: any;
-    };
-    /**
-     * Show that the table is sorted ascendingly/descendingly (no actual sorting takes place)
-     */
-    sortDir: {
-        type: PropType<SortDir>;
-        required: false;
-        default: any;
-        validator: (value: string) => boolean;
-    };
-    /**
-     * Space resource the provided resources originate from. Not required on meta pages like favorites, search, ...
-     */
-    space: {
-        type: PropType<SpaceResource>;
-        required: false;
-        default: any;
-    };
-    resourceType: {
-        type: PropType<"file" | "space">;
-        default: string;
-    };
-    /**
-     * Determines if the table content should be loaded lazily.
-     */
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * This is only relevant for CERN and can be ignored in any other cases.
-     */
-    groupingSettings: {
-        type: ObjectConstructor;
-        required: false;
-        default: any;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onSort?: (...args: any[]) => any;
-    onRowMounted?: (...args: any[]) => any;
-    onFileDropped?: (...args: any[]) => any;
-    onFileClick?: (...args: any[]) => any;
-    "onUpdate:selectedIds"?: (...args: any[]) => any;
-}>, {
-    space: SpaceResource;
-    lazy: boolean;
-    selectedIds: string[];
-    sortBy: string;
-    hover: boolean;
-    dragDrop: boolean;
-    headerPosition: number;
-    paddingX: string;
-    sortDir: SortDir;
-    resourceDomSelector: (resource: Resource) => string;
-    isSideBarOpen: boolean;
-    viewMode: "resource-table" | "resource-table-condensed";
-    targetRouteCallback: (arg: CreateTargetRouteOptions) => unknown;
-    arePathsDisplayed: boolean;
-    areThumbnailsDisplayed: boolean;
-    hasActions: boolean;
-    showRenameQuickAction: boolean;
-    areResourcesClickable: boolean;
-    isSelectable: boolean;
-    fieldsDisplayed: unknown[];
-    resourceType: "file" | "space";
-    groupingSettings: Record<string, any>;
-}, {}, {
-    UserAvatar: import('vue').DefineComponent<{
-        userId: string;
-        userName: string;
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        userId: string;
-        userName: string;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
-    ContextMenuQuickAction: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-            item: Resource;
-            resourceDomSelector?: (resource: Resource) => string;
-            title?: string;
-        }> & Readonly<{
-            onQuickActionClicked?: (payload: {
-                event: MouseEvent;
-                dropdown: unknown;
-            }) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            quickActionClicked: (payload: {
-                event: MouseEvent;
-                dropdown: unknown;
-            }) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<{
-            item: Resource;
-            resourceDomSelector?: (resource: Resource) => string;
-            title?: string;
-        }> & Readonly<{
-            onQuickActionClicked?: (payload: {
-                event: MouseEvent;
-                dropdown: unknown;
-            }) => any;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<{
-        item: Resource;
-        resourceDomSelector?: (resource: Resource) => string;
-        title?: string;
-    }> & Readonly<{
-        onQuickActionClicked?: (payload: {
-            event: MouseEvent;
-            dropdown: unknown;
-        }) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        quickActionClicked: (payload: {
-            event: MouseEvent;
-            dropdown: unknown;
-        }) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: {
-            contextMenu?(_: {
-                item: Resource;
-            }): any;
-        };
-    });
-    ResourceGhostElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    }) => any;
+    fileDropped: (id: string) => any;
+    "update:modelValue": (value: Resource[]) => any;
+    fileClick: (options: FileActionOptions) => any;
+    "update:selectedIds": (selectedIds: string[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSort?: (options: {
+        sortBy: string;
+        sortDir: SortDir;
+    }) => any;
+    onFileDropped?: (id: string) => any;
+    "onUpdate:modelValue"?: (value: Resource[]) => any;
+    onFileClick?: (options: FileActionOptions) => any;
+    "onUpdate:selectedIds"?: (selectedIds: string[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    ghostElement: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         previewItems: {
-            type: PropType<Resource[]>;
+            type: import('vue').PropType<Resource[]>;
             required: true;
         };
-    }>, {}, {}, {
+    }>> & Readonly<{}>, {}, {}, {
         layerCount(): number;
         showSecondLayer(): boolean;
         showThirdLayer(): boolean;
         itemCount(): number;
-    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, {
+        ResourceIcon: import('vue').DefineComponent<{
+            resource: Resource | SpaceResource;
+            size?: import('@opencloud-eu/design-system/helpers').SizeType;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+            resource: Resource | SpaceResource;
+            size?: import('@opencloud-eu/design-system/helpers').SizeType;
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
         previewItems: {
-            type: PropType<Resource[]>;
+            type: import('vue').PropType<Resource[]>;
             required: true;
         };
     }>> & Readonly<{}>, {}, {}, {
-        ResourceIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource | SpaceResource>;
-                required: true;
-            };
-            size: {
-                type: PropType<import('@opencloud-eu/design-system/helpers').SizeType>;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>, {
-            icon: ComputedRef<import('../..').IconType>;
-            isSpace: ComputedRef<boolean>;
-            isFolder: ComputedRef<boolean>;
-            isDisabledSpace: ComputedRef<boolean>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource | SpaceResource>;
-                required: true;
-            };
-            size: {
-                type: PropType<import('@opencloud-eu/design-system/helpers').SizeType>;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{}>, {
-            size: import('@opencloud-eu/design-system/helpers').SizeType;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ResourceListItem: import('vue').DefineComponent<{
-        resource: Resource;
-        pathPrefix?: string;
-        link?: import('vue-router').RouteLocationRaw;
-        isPathDisplayed?: boolean;
-        parentFolderLink?: import('vue-router').RouteLocationRaw;
-        parentFolderName?: string;
-        parentFolderLinkIconAdditionalAttributes?: Record<string, unknown>;
-        isExtensionDisplayed?: boolean;
-        isThumbnailDisplayed?: boolean;
-        isIconDisplayed?: boolean;
-        isResourceClickable?: boolean;
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        click: (event: MouseEvent) => any;
-    }, string, import('vue').PublicProps, Readonly<{
-        resource: Resource;
-        pathPrefix?: string;
-        link?: import('vue-router').RouteLocationRaw;
-        isPathDisplayed?: boolean;
-        parentFolderLink?: import('vue-router').RouteLocationRaw;
-        parentFolderName?: string;
-        parentFolderLinkIconAdditionalAttributes?: Record<string, unknown>;
-        isExtensionDisplayed?: boolean;
-        isThumbnailDisplayed?: boolean;
-        isIconDisplayed?: boolean;
-        isResourceClickable?: boolean;
-    }> & Readonly<{
-        onClick?: (event: MouseEvent) => any;
-    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-    ResourceSize: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            required: true;
-        };
-    }>, {
-        formattedSize: ComputedRef<string>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        size: {
-            type: (StringConstructor | NumberConstructor)[];
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ResourceStatusIndicators: import('vue').DefineComponent<{
-        resource: Resource;
-        space?: SpaceResource;
-        filter?: (indicator: import('../..').ResourceIndicator) => boolean;
-    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        resource: Resource;
-        space?: SpaceResource;
-        filter?: (indicator: import('../..').ResourceIndicator) => boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-    OcSpinner: import('vue').DefineComponent<import('node_modules/@opencloud-eu/design-system/src/components/OcSpinner/OcSpinner.vue').Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcSpinner/OcSpinner.vue').Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
-    OcTable: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Props> & Readonly<{
-            onSort?: (sort: {
-                sortBy: string;
-                sortDir: "asc" | "desc";
-            }) => any;
-            onHighlight?: (args: [any, MouseEvent]) => any;
-            onRowMounted?: (item: any, element: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                    onClick?: (...args: any[]) => any;
-                    onContextmenu?: (...args: any[]) => any;
-                    onDragenter?: (...args: any[]) => any;
-                    onDragleave?: (...args: any[]) => any;
-                    onDragover?: (...args: any[]) => any;
-                    onDragstart?: (...args: any[]) => any;
-                    onDrop?: (...args: any[]) => any;
-                    onMouseleave?: (...args: any[]) => any;
-                    onItemVisible?: (...args: any[]) => any;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: (...args: any[]) => void;
-                    contextmenu: (...args: any[]) => void;
-                    dragenter: (...args: any[]) => void;
-                    dragleave: (...args: any[]) => void;
-                    dragover: (...args: any[]) => void;
-                    dragstart: (...args: any[]) => void;
-                    drop: (...args: any[]) => void;
-                    mouseleave: (...args: any[]) => void;
-                    itemVisible: (...args: any[]) => void;
-                }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    observerTarget: HTMLTableRowElement;
-                }, HTMLTableRowElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                    onClick?: (...args: any[]) => any;
-                    onContextmenu?: (...args: any[]) => any;
-                    onDragenter?: (...args: any[]) => any;
-                    onDragleave?: (...args: any[]) => any;
-                    onDragover?: (...args: any[]) => any;
-                    onDragstart?: (...args: any[]) => any;
-                    onDrop?: (...args: any[]) => any;
-                    onMouseleave?: (...args: any[]) => any;
-                    onItemVisible?: (...args: any[]) => any;
-                }>, {}, {}, {}, {}, {}>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                onClick?: (...args: any[]) => any;
-                onContextmenu?: (...args: any[]) => any;
-                onDragenter?: (...args: any[]) => any;
-                onDragleave?: (...args: any[]) => any;
-                onDragover?: (...args: any[]) => any;
-                onDragstart?: (...args: any[]) => any;
-                onDrop?: (...args: any[]) => any;
-                onMouseleave?: (...args: any[]) => any;
-                onItemVisible?: (...args: any[]) => any;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
-                contextmenu: (...args: any[]) => void;
-                dragenter: (...args: any[]) => void;
-                dragleave: (...args: any[]) => void;
-                dragover: (...args: any[]) => void;
-                dragstart: (...args: any[]) => void;
-                drop: (...args: any[]) => void;
-                mouseleave: (...args: any[]) => void;
-                itemVisible: (...args: any[]) => void;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            })) => any;
-            onContextmenuClicked?: (element: ComponentPublicInstance<unknown>, event: MouseEvent, item: any) => any;
-            onItemDropped?: (selector: string, event: DragEvent) => any;
-            onItemDragged?: (item: any, event: DragEvent) => any;
-            onItemVisible?: (item: any) => any;
-            onTheadClicked?: (event: MouseEvent) => any;
-            onDropRowStyling?: (selector: string, leaving: boolean, event: DragEvent) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            sort: (sort: {
-                sortBy: string;
-                sortDir: "asc" | "desc";
-            }) => any;
-            highlight: (args: [any, MouseEvent]) => any;
-            rowMounted: (item: any, element: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                    onClick?: (...args: any[]) => any;
-                    onContextmenu?: (...args: any[]) => any;
-                    onDragenter?: (...args: any[]) => any;
-                    onDragleave?: (...args: any[]) => any;
-                    onDragover?: (...args: any[]) => any;
-                    onDragstart?: (...args: any[]) => any;
-                    onDrop?: (...args: any[]) => any;
-                    onMouseleave?: (...args: any[]) => any;
-                    onItemVisible?: (...args: any[]) => any;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: (...args: any[]) => void;
-                    contextmenu: (...args: any[]) => void;
-                    dragenter: (...args: any[]) => void;
-                    dragleave: (...args: any[]) => void;
-                    dragover: (...args: any[]) => void;
-                    dragstart: (...args: any[]) => void;
-                    drop: (...args: any[]) => void;
-                    mouseleave: (...args: any[]) => void;
-                    itemVisible: (...args: any[]) => void;
-                }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    observerTarget: HTMLTableRowElement;
-                }, HTMLTableRowElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                    onClick?: (...args: any[]) => any;
-                    onContextmenu?: (...args: any[]) => any;
-                    onDragenter?: (...args: any[]) => any;
-                    onDragleave?: (...args: any[]) => any;
-                    onDragover?: (...args: any[]) => any;
-                    onDragstart?: (...args: any[]) => any;
-                    onDrop?: (...args: any[]) => any;
-                    onMouseleave?: (...args: any[]) => any;
-                    onItemVisible?: (...args: any[]) => any;
-                }>, {}, {}, {}, {}, {}>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                onClick?: (...args: any[]) => any;
-                onContextmenu?: (...args: any[]) => any;
-                onDragenter?: (...args: any[]) => any;
-                onDragleave?: (...args: any[]) => any;
-                onDragover?: (...args: any[]) => any;
-                onDragstart?: (...args: any[]) => any;
-                onDrop?: (...args: any[]) => any;
-                onMouseleave?: (...args: any[]) => any;
-                onItemVisible?: (...args: any[]) => any;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
-                contextmenu: (...args: any[]) => void;
-                dragenter: (...args: any[]) => void;
-                dragleave: (...args: any[]) => void;
-                dragover: (...args: any[]) => void;
-                dragstart: (...args: any[]) => void;
-                drop: (...args: any[]) => void;
-                mouseleave: (...args: any[]) => void;
-                itemVisible: (...args: any[]) => void;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            })) => any;
-            contextmenuClicked: (element: ComponentPublicInstance<unknown>, event: MouseEvent, item: any) => any;
-            itemDropped: (selector: string, event: DragEvent) => any;
-            itemDragged: (item: any, event: DragEvent) => any;
-            itemVisible: (item: any) => any;
-            theadClicked: (event: MouseEvent) => any;
-            dropRowStyling: (selector: string, leaving: boolean, event: DragEvent) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLTableElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Props> & Readonly<{
-            onSort?: (sort: {
-                sortBy: string;
-                sortDir: "asc" | "desc";
-            }) => any;
-            onHighlight?: (args: [any, MouseEvent]) => any;
-            onRowMounted?: (item: any, element: {
-                new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                    onClick?: (...args: any[]) => any;
-                    onContextmenu?: (...args: any[]) => any;
-                    onDragenter?: (...args: any[]) => any;
-                    onDragleave?: (...args: any[]) => any;
-                    onDragover?: (...args: any[]) => any;
-                    onDragstart?: (...args: any[]) => any;
-                    onDrop?: (...args: any[]) => any;
-                    onMouseleave?: (...args: any[]) => any;
-                    onItemVisible?: (...args: any[]) => any;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: (...args: any[]) => void;
-                    contextmenu: (...args: any[]) => void;
-                    dragenter: (...args: any[]) => void;
-                    dragleave: (...args: any[]) => void;
-                    dragover: (...args: any[]) => void;
-                    dragstart: (...args: any[]) => void;
-                    drop: (...args: any[]) => void;
-                    mouseleave: (...args: any[]) => void;
-                    itemVisible: (...args: any[]) => void;
-                }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    observerTarget: HTMLTableRowElement;
-                }, HTMLTableRowElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                    onClick?: (...args: any[]) => any;
-                    onContextmenu?: (...args: any[]) => any;
-                    onDragenter?: (...args: any[]) => any;
-                    onDragleave?: (...args: any[]) => any;
-                    onDragover?: (...args: any[]) => any;
-                    onDragstart?: (...args: any[]) => any;
-                    onDrop?: (...args: any[]) => any;
-                    onMouseleave?: (...args: any[]) => any;
-                    onItemVisible?: (...args: any[]) => any;
-                }>, {}, {}, {}, {}, {}>;
-                __isFragment?: never;
-                __isTeleport?: never;
-                __isSuspense?: never;
-            } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                onClick?: (...args: any[]) => any;
-                onContextmenu?: (...args: any[]) => any;
-                onDragenter?: (...args: any[]) => any;
-                onDragleave?: (...args: any[]) => any;
-                onDragover?: (...args: any[]) => any;
-                onDragstart?: (...args: any[]) => any;
-                onDrop?: (...args: any[]) => any;
-                onMouseleave?: (...args: any[]) => any;
-                onItemVisible?: (...args: any[]) => any;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
-                contextmenu: (...args: any[]) => void;
-                dragenter: (...args: any[]) => void;
-                dragleave: (...args: any[]) => void;
-                dragover: (...args: any[]) => void;
-                dragstart: (...args: any[]) => void;
-                drop: (...args: any[]) => void;
-                mouseleave: (...args: any[]) => void;
-                itemVisible: (...args: any[]) => void;
-            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-                $slots: {
-                    default?(_: {}): any;
-                };
-            })) => any;
-            onContextmenuClicked?: (element: ComponentPublicInstance<unknown>, event: MouseEvent, item: any) => any;
-            onItemDropped?: (selector: string, event: DragEvent) => any;
-            onItemDragged?: (item: any, event: DragEvent) => any;
-            onItemVisible?: (item: any) => any;
-            onTheadClicked?: (event: MouseEvent) => any;
-            onDropRowStyling?: (selector: string, leaving: boolean, event: DragEvent) => any;
-        }>, {}, {}, {}, {}, {}>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Props> & Readonly<{
-        onSort?: (sort: {
-            sortBy: string;
-            sortDir: "asc" | "desc";
-        }) => any;
-        onHighlight?: (args: [any, MouseEvent]) => any;
-        onRowMounted?: (item: any, element: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                onClick?: (...args: any[]) => any;
-                onContextmenu?: (...args: any[]) => any;
-                onDragenter?: (...args: any[]) => any;
-                onDragleave?: (...args: any[]) => any;
-                onDragover?: (...args: any[]) => any;
-                onDragstart?: (...args: any[]) => any;
-                onDrop?: (...args: any[]) => any;
-                onMouseleave?: (...args: any[]) => any;
-                onItemVisible?: (...args: any[]) => any;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
-                contextmenu: (...args: any[]) => void;
-                dragenter: (...args: any[]) => void;
-                dragleave: (...args: any[]) => void;
-                dragover: (...args: any[]) => void;
-                dragstart: (...args: any[]) => void;
-                drop: (...args: any[]) => void;
-                mouseleave: (...args: any[]) => void;
-                itemVisible: (...args: any[]) => void;
-            }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                observerTarget: HTMLTableRowElement;
-            }, HTMLTableRowElement, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                onClick?: (...args: any[]) => any;
-                onContextmenu?: (...args: any[]) => any;
-                onDragenter?: (...args: any[]) => any;
-                onDragleave?: (...args: any[]) => any;
-                onDragover?: (...args: any[]) => any;
-                onDragstart?: (...args: any[]) => any;
-                onDrop?: (...args: any[]) => any;
-                onMouseleave?: (...args: any[]) => any;
-                onItemVisible?: (...args: any[]) => any;
-            }>, {}, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-            onClick?: (...args: any[]) => any;
-            onContextmenu?: (...args: any[]) => any;
-            onDragenter?: (...args: any[]) => any;
-            onDragleave?: (...args: any[]) => any;
-            onDragover?: (...args: any[]) => any;
-            onDragstart?: (...args: any[]) => any;
-            onDrop?: (...args: any[]) => any;
-            onMouseleave?: (...args: any[]) => any;
-            onItemVisible?: (...args: any[]) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (...args: any[]) => void;
-            contextmenu: (...args: any[]) => void;
-            dragenter: (...args: any[]) => void;
-            dragleave: (...args: any[]) => void;
-            dragover: (...args: any[]) => void;
-            dragstart: (...args: any[]) => void;
-            drop: (...args: any[]) => void;
-            mouseleave: (...args: any[]) => void;
-            itemVisible: (...args: any[]) => void;
-        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                default?(_: {}): any;
-            };
-        })) => any;
-        onContextmenuClicked?: (element: ComponentPublicInstance<unknown>, event: MouseEvent, item: any) => any;
-        onItemDropped?: (selector: string, event: DragEvent) => any;
-        onItemDragged?: (item: any, event: DragEvent) => any;
-        onItemVisible?: (item: any) => any;
-        onTheadClicked?: (event: MouseEvent) => any;
-        onDropRowStyling?: (selector: string, leaving: boolean, event: DragEvent) => any;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        sort: (sort: {
-            sortBy: string;
-            sortDir: "asc" | "desc";
-        }) => any;
-        highlight: (args: [any, MouseEvent]) => any;
-        rowMounted: (item: any, element: {
-            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                onClick?: (...args: any[]) => any;
-                onContextmenu?: (...args: any[]) => any;
-                onDragenter?: (...args: any[]) => any;
-                onDragleave?: (...args: any[]) => any;
-                onDragover?: (...args: any[]) => any;
-                onDragstart?: (...args: any[]) => any;
-                onDrop?: (...args: any[]) => any;
-                onMouseleave?: (...args: any[]) => any;
-                onItemVisible?: (...args: any[]) => any;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                click: (...args: any[]) => void;
-                contextmenu: (...args: any[]) => void;
-                dragenter: (...args: any[]) => void;
-                dragleave: (...args: any[]) => void;
-                dragover: (...args: any[]) => void;
-                dragstart: (...args: any[]) => void;
-                drop: (...args: any[]) => void;
-                mouseleave: (...args: any[]) => void;
-                itemVisible: (...args: any[]) => void;
-            }, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                observerTarget: HTMLTableRowElement;
-            }, HTMLTableRowElement, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-                onClick?: (...args: any[]) => any;
-                onContextmenu?: (...args: any[]) => any;
-                onDragenter?: (...args: any[]) => any;
-                onDragleave?: (...args: any[]) => any;
-                onDragover?: (...args: any[]) => any;
-                onDragstart?: (...args: any[]) => any;
-                onDrop?: (...args: any[]) => any;
-                onMouseleave?: (...args: any[]) => any;
-                onItemVisible?: (...args: any[]) => any;
-            }>, {}, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import('vue').ComponentOptionsBase<Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTableTr/OcTableTr.vue').Props> & Readonly<{
-            onClick?: (...args: any[]) => any;
-            onContextmenu?: (...args: any[]) => any;
-            onDragenter?: (...args: any[]) => any;
-            onDragleave?: (...args: any[]) => any;
-            onDragover?: (...args: any[]) => any;
-            onDragstart?: (...args: any[]) => any;
-            onDrop?: (...args: any[]) => any;
-            onMouseleave?: (...args: any[]) => any;
-            onItemVisible?: (...args: any[]) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            click: (...args: any[]) => void;
-            contextmenu: (...args: any[]) => void;
-            dragenter: (...args: any[]) => void;
-            dragleave: (...args: any[]) => void;
-            dragover: (...args: any[]) => void;
-            dragstart: (...args: any[]) => void;
-            drop: (...args: any[]) => void;
-            mouseleave: (...args: any[]) => void;
-            itemVisible: (...args: any[]) => void;
-        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: {
-                default?(_: {}): any;
-            };
-        })) => any;
-        contextmenuClicked: (element: ComponentPublicInstance<unknown>, event: MouseEvent, item: any) => any;
-        itemDropped: (selector: string, event: DragEvent) => any;
-        itemDragged: (item: any, event: DragEvent) => any;
-        itemVisible: (item: any) => any;
-        theadClicked: (event: MouseEvent) => any;
-        dropRowStyling: (selector: string, leaving: boolean, event: DragEvent) => any;
-    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Slots> & import('node_modules/@opencloud-eu/design-system/src/components/OcTable/OcTable.vue').Slots;
-    });
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        layerCount(): number;
+        showSecondLayer(): boolean;
+        showThirdLayer(): boolean;
+        itemCount(): number;
+    }, {}, {}>;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};