@opencloud-eu/web-pkg 2.0.0 → 2.1.0

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

@@ -1,491 +1,51 @@
-import { ComponentPublicInstance, PropType } from 'vue';
+import { ComponentPublicInstance } from 'vue';
 import { Resource, SpaceResource } from '@opencloud-eu/web-client';
-import { ContextMenuQuickAction } from '../ContextActions';
-import { ContextMenuBtnClickEventData, CreateTargetRouteOptions } from '../../helpers';
+import { CreateTargetRouteOptions } from '../../helpers';
 import { ImageDimension } from '../../constants';
 import { default as ResourceTile } from './ResourceTile.vue';
-import { SortField } from '../../composables';
+import { SortDir, SortField } from '../../composables';
 type ResourceTileRef = ComponentPublicInstance<typeof ResourceTile>;
-type ContextMenuQuickActionRef = ComponentPublicInstance<typeof ContextMenuQuickAction>;
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Array of resources (spaces, folders, files) to be displayed as tiles
-     */
-    resources: {
-        type: PropType<Resource[]>;
-        default: () => Resource[];
-    };
-    selectedIds: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    targetRouteCallback: {
-        type: PropType<(arg: CreateTargetRouteOptions) => unknown>;
-        required: false;
-        default: any;
-    };
-    space: {
-        type: PropType<SpaceResource>;
-        required: false;
-        default: any;
-    };
-    sortFields: {
-        type: PropType<SortField[]>;
-        default: () => SortField[];
-    };
-    sortBy: {
-        type: StringConstructor;
-        required: false;
-        default: any;
-    };
-    sortDir: {
-        type: StringConstructor;
-        required: false;
-        default: any;
-        validator: (value: string) => boolean;
-    };
-    viewSize: {
-        type: NumberConstructor;
-        required: false;
-        default: () => 2;
-    };
-    dragDrop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    areFileExtensionsShown: import('vue').ComputedRef<boolean>;
-    emitTileClick: (resource: Resource) => void;
-    getRoute: (resource: Resource) => unknown;
-    showContextMenuOnBtnClick: (data: ContextMenuBtnClickEventData, item: Resource, index: string) => void;
-    showContextMenu: (event: MouseEvent, item: Resource, reference: ComponentPublicInstance<unknown>) => void;
-    tileRefs: import('vue').Ref<{
-        tiles: Record<string, ResourceTileRef>;
-        dropBtns: Record<string, ContextMenuQuickActionRef>;
-    }, {
-        tiles: Record<string, ResourceTileRef>;
-        dropBtns: Record<string, ContextMenuQuickActionRef>;
-    } | {
-        tiles: Record<string, ResourceTileRef>;
-        dropBtns: Record<string, ContextMenuQuickActionRef>;
-    }>;
-    isResourceSelected: (resource: Resource) => boolean;
-    toggleTile: (data: [Resource, MouseEvent]) => void;
-    toggleSelection: (resource: Resource) => void;
-    getResourceCheckboxLabel: (resource: Resource) => string;
-    selectSorting: (field: SortField) => void;
-    isSortFieldSelected: (field: SortField) => boolean;
-    isResourceClickable: (resource: Resource) => boolean;
-    currentSortField: import('vue').ComputedRef<SortField>;
-    resourceIconSize: import('vue').ComputedRef<string>;
-    ghostElementRef: import('vue').Ref<any, any>;
-    dragItem: import('vue').Ref<any, any>;
-    dragStart: (resource: Resource, event: DragEvent) => Promise<void>;
-    dragSelection: import('vue').ComputedRef<string[]>;
-    fileDropped: (resource: Resource, event: DragEvent) => void;
-    setDropStyling: (resource: Resource, leaving: boolean, event: DragEvent) => void;
-    ghostTilesCount: import('vue').ComputedRef<number>;
-    getIndicators: (resource: Resource) => import('@opencloud-eu/web-client').ResourceIndicator[];
-    isFilePicker: import('vue').ComputedRef<boolean>;
-    isLocationPicker: import('vue').ComputedRef<boolean>;
-    isResourceDisabled: (resource: Resource) => boolean;
-    isSpaceResource: (resource: Resource) => resource is SpaceResource;
-    areAllResourcesSelected: import('vue').ComputedRef<boolean>;
-    disabledResourceIds: import('vue').ComputedRef<string[]>;
-    toggleSelectionAll: () => void;
-    selectAllCheckboxLabel: import('vue').ComputedRef<string>;
-}, {
-    ImageDimension: typeof ImageDimension;
-}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("sort" | "rowMounted" | "fileDropped" | "fileClick" | "itemVisible" | "update:selectedIds")[], "sort" | "rowMounted" | "fileDropped" | "fileClick" | "itemVisible" | "update:selectedIds", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Array of resources (spaces, folders, files) to be displayed as tiles
-     */
-    resources: {
-        type: PropType<Resource[]>;
-        default: () => Resource[];
-    };
-    selectedIds: {
-        type: PropType<string[]>;
-        default: () => string[];
-    };
-    targetRouteCallback: {
-        type: PropType<(arg: CreateTargetRouteOptions) => unknown>;
-        required: false;
-        default: any;
-    };
-    space: {
-        type: PropType<SpaceResource>;
-        required: false;
-        default: any;
-    };
-    sortFields: {
-        type: PropType<SortField[]>;
-        default: () => SortField[];
-    };
-    sortBy: {
-        type: StringConstructor;
-        required: false;
-        default: any;
-    };
-    sortDir: {
-        type: StringConstructor;
-        required: false;
-        default: any;
-        validator: (value: string) => boolean;
-    };
-    viewSize: {
-        type: NumberConstructor;
-        required: false;
-        default: () => 2;
-    };
-    dragDrop: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onItemVisible?: (...args: any[]) => any;
-    onSort?: (...args: any[]) => any;
-    onRowMounted?: (...args: any[]) => any;
-    onFileDropped?: (...args: any[]) => any;
-    onFileClick?: (...args: any[]) => any;
-    "onUpdate:selectedIds"?: (...args: any[]) => any;
-}>, {
-    resources: Resource[];
-    space: SpaceResource;
-    selectedIds: string[];
-    sortBy: string;
-    targetRouteCallback: (arg: CreateTargetRouteOptions) => unknown;
-    sortDir: string;
-    lazy: boolean;
-    dragDrop: boolean;
-    sortFields: SortField[];
-    viewSize: number;
-}, {}, {
-    ContextMenuQuickAction: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        item: {
-            type: ObjectConstructor;
-            required: true;
-        };
-        resourceDomSelector: {
-            type: FunctionConstructor;
-            required: false;
-            default: (resource: Resource) => string;
-        };
-    }>, {
-        contextMenuLabel: import('vue').ComputedRef<string>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "quickActionClicked"[], "quickActionClicked", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        item: {
-            type: ObjectConstructor;
-            required: true;
-        };
-        resourceDomSelector: {
-            type: FunctionConstructor;
-            required: false;
-            default: (resource: Resource) => string;
-        };
-    }>> & Readonly<{
-        onQuickActionClicked?: (...args: any[]) => any;
-    }>, {
-        resourceDomSelector: Function;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ResourceGhostElement: 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>;
+type __VLS_Props = {
+    resources?: Resource[];
+    selectedIds?: string[];
+    targetRouteCallback?: (arg: CreateTargetRouteOptions) => unknown;
+    space?: SpaceResource;
+    sortFields?: SortField[];
+    sortBy?: string;
+    sortDir?: SortDir;
+    viewSize?: number;
+    dragDrop?: boolean;
+    lazy?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        image?(_: {
+            resource: Resource;
+        }): any;
+        actions?(_: {
+            resource: Resource;
+        }): any;
+        contextMenu?(_: {
+            resource: Resource;
+        }): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        ghostElementRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            previewItems: {
+                type: import('vue').PropType<Resource[]>;
                 required: true;
             };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>, {
-            icon: import('vue').ComputedRef<import('../..').IconType>;
-            iconTypeClass: import('vue').ComputedRef<"oc-resource-icon-space" | "oc-resource-icon-folder" | "oc-resource-icon-file">;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource>;
-                required: true;
-            };
-            size: {
-                type: StringConstructor;
-                default: string;
-                validator: (value: string) => boolean;
-            };
-        }>> & Readonly<{}>, {
-            size: string;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ResourceTile: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        resource: {
-            type: PropType<Resource>;
-            default: () => {};
-        };
-        resourceRoute: {
-            type: PropType<import('vue-router').RouteLocationRaw>;
-            required: false;
-            default: any;
-        };
-        isResourceSelected: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isResourceClickable: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isResourceDisabled: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isExtensionDisplayed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        resourceIconSize: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        lazy: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        statusIconAttrs: import('vue').ComputedRef<{
-            name: string;
-            fillType: string;
-        } | {
-            name?: undefined;
-            fillType?: undefined;
-        }>;
-        showStatusIcon: import('vue').ComputedRef<boolean>;
-        tooltipLabelIcon: import('vue').ComputedRef<string>;
-        resourceDescription: import('vue').ComputedRef<string>;
-        shouldDisplayThumbnails: (resource: Resource) => string;
-        isProjectSpaceResource: (resource: Resource) => resource is import('@opencloud-eu/web-client').ProjectSpaceResource;
-        isHidden: import('vue').ComputedRef<boolean>;
-        observerTarget: import('vue').Ref<HTMLElement, HTMLElement>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "contextmenu" | "itemVisible")[], "click" | "contextmenu" | "itemVisible", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        resource: {
-            type: PropType<Resource>;
-            default: () => {};
-        };
-        resourceRoute: {
-            type: PropType<import('vue-router').RouteLocationRaw>;
-            required: false;
-            default: any;
-        };
-        isResourceSelected: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isResourceClickable: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isResourceDisabled: {
-            type: BooleanConstructor;
-            required: false;
-            default: boolean;
-        };
-        isExtensionDisplayed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        resourceIconSize: {
-            type: StringConstructor;
-            default: string;
-            validator: (value: string) => boolean;
-        };
-        lazy: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        onClick?: (...args: any[]) => any;
-        onContextmenu?: (...args: any[]) => any;
-        onItemVisible?: (...args: any[]) => any;
-    }>, {
-        resource: Resource;
-        isResourceClickable: boolean;
-        isExtensionDisplayed: boolean;
-        lazy: boolean;
-        isResourceDisabled: boolean;
-        isResourceSelected: boolean;
-        resourceRoute: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-        resourceIconSize: string;
-    }, {}, {
-        ResourceListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource>;
-                required: true;
-            };
-            pathPrefix: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            link: {
-                type: PropType<import('vue-router').RouteLocationRaw>;
-                required: false;
-                default: any;
-            };
-            isPathDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            parentFolderLink: {
-                type: ObjectConstructor;
-                required: false;
-                default: any;
-            };
-            parentFolderName: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            parentFolderLinkIconAdditionalAttributes: {
-                type: ObjectConstructor;
-                required: false;
-                default: () => {};
-            };
-            isExtensionDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            isThumbnailDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            isIconDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            isResourceClickable: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>, {}, {}, {
-            parentFolderComponentType(): "router-link" | "span";
-            parentFolderStyle(): {
-                cursor: string;
-            };
-            parentFolderLinkIconAttrs(): {
-                'fill-type': string;
-                name: string;
-                size: string;
-            };
-            hasThumbnail(): any;
-            thumbnail(): string;
-            tooltipLabelIcon(): string;
-        }, {
-            emitClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            resource: {
-                type: PropType<Resource>;
-                required: true;
-            };
-            pathPrefix: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            link: {
-                type: PropType<import('vue-router').RouteLocationRaw>;
-                required: false;
-                default: any;
-            };
-            isPathDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            parentFolderLink: {
-                type: ObjectConstructor;
-                required: false;
-                default: any;
-            };
-            parentFolderName: {
-                type: StringConstructor;
-                required: false;
-                default: string;
-            };
-            parentFolderLinkIconAdditionalAttributes: {
-                type: ObjectConstructor;
-                required: false;
-                default: () => {};
-            };
-            isExtensionDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            isThumbnailDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            isIconDisplayed: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-            isResourceClickable: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClick?: (...args: any[]) => any;
-        }>, {
-            link: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-            isResourceClickable: boolean;
-            pathPrefix: string;
-            isPathDisplayed: boolean;
-            isExtensionDisplayed: boolean;
-            parentFolderLink: Record<string, any>;
-            parentFolderName: string;
-            parentFolderLinkIconAdditionalAttributes: Record<string, any>;
-            isThumbnailDisplayed: boolean;
-            isIconDisplayed: boolean;
-        }, {}, {
+        }>> & 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: PropType<Resource>;
+                    type: import('vue').PropType<Resource>;
                     required: true;
                 };
                 size: {
@@ -498,7 +58,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 iconTypeClass: import('vue').ComputedRef<"oc-resource-icon-space" | "oc-resource-icon-folder" | "oc-resource-icon-file">;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
                 resource: {
-                    type: PropType<Resource>;
+                    type: import('vue').PropType<Resource>;
                     required: true;
                 };
                 size: {
@@ -509,155 +69,61 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }>> & Readonly<{}>, {
                 size: string;
             }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            ResourceLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                link: {
-                    type: PropType<import('vue-router').RouteLocationRaw>;
-                    required: false;
-                    default: any;
-                };
-                resource: {
-                    type: ObjectConstructor;
-                    required: true;
-                };
-                isResourceClickable: {
-                    type: BooleanConstructor;
-                    required: false;
-                    default: boolean;
-                };
-            }>, {
-                linkTarget: import('vue').ComputedRef<"_blank" | "_self">;
-            }, {}, {
-                isNavigatable(): boolean;
-                componentType(): "router-link" | "oc-button";
-                componentProps(): {
-                    appearance: string;
-                    gapSize: string;
-                    justifyContent: string;
-                    to?: undefined;
-                } | {
-                    to: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-                    appearance?: undefined;
-                    gapSize?: undefined;
-                    justifyContent?: undefined;
-                };
-            }, {
-                emitClick(): void;
-            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                link: {
-                    type: PropType<import('vue-router').RouteLocationRaw>;
-                    required: false;
-                    default: any;
-                };
-                resource: {
-                    type: ObjectConstructor;
-                    required: true;
-                };
-                isResourceClickable: {
-                    type: BooleanConstructor;
-                    required: false;
-                    default: boolean;
-                };
-            }>> & Readonly<{
-                onClick?: (...args: any[]) => any;
-            }>, {
-                link: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-                isResourceClickable: boolean;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-            ResourceName: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-                name: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                pathPrefix: {
-                    type: StringConstructor;
-                    required: false;
-                    default: string;
-                };
-                extension: {
-                    type: StringConstructor;
-                    required: false;
-                    default: string;
-                };
-                type: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                fullPath: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                isPathDisplayed: {
-                    type: BooleanConstructor;
-                    required: false;
-                    default: boolean;
-                };
-                isExtensionDisplayed: {
-                    type: BooleanConstructor;
-                    required: false;
-                    default: boolean;
-                };
-                truncateName: {
-                    type: BooleanConstructor;
-                    required: false;
-                    default: boolean;
-                };
-            }>, {}, {}, {
-                tooltip(): string;
-                fullName(): string;
-                displayName(): string;
-                displayExtension(): string;
-                displayPath(): string;
-                pathTooltip(): string;
-                htmlTitle(): string;
-            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-                name: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                pathPrefix: {
-                    type: StringConstructor;
-                    required: false;
-                    default: string;
-                };
-                extension: {
-                    type: StringConstructor;
-                    required: false;
-                    default: string;
-                };
-                type: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                fullPath: {
-                    type: StringConstructor;
-                    required: true;
-                };
-                isPathDisplayed: {
-                    type: BooleanConstructor;
-                    required: false;
-                    default: boolean;
-                };
-                isExtensionDisplayed: {
-                    type: BooleanConstructor;
-                    required: false;
-                    default: boolean;
-                };
-                truncateName: {
-                    type: BooleanConstructor;
-                    required: false;
-                    default: boolean;
-                };
-            }>> & Readonly<{}>, {
-                extension: string;
-                pathPrefix: string;
-                isPathDisplayed: boolean;
-                isExtensionDisplayed: boolean;
-                truncateName: boolean;
-            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        }, {}, 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: any;
+        sortDir: any;
+    }) => 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: any;
+        sortDir: any;
+    }) => 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: PropType<Resource>;
+                type: import('vue').PropType<Resource>;
                 required: true;
             };
             size: {
@@ -670,7 +136,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             iconTypeClass: import('vue').ComputedRef<"oc-resource-icon-space" | "oc-resource-icon-folder" | "oc-resource-icon-file">;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             resource: {
-                type: PropType<Resource>;
+                type: import('vue').PropType<Resource>;
                 required: true;
             };
             size: {
@@ -681,60 +147,29 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{}>, {
             size: string;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-        ResourceLink: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            link: {
-                type: PropType<import('vue-router').RouteLocationRaw>;
-                required: false;
-                default: any;
-            };
-            resource: {
-                type: ObjectConstructor;
-                required: true;
-            };
-            isResourceClickable: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>, {
-            linkTarget: import('vue').ComputedRef<"_blank" | "_self">;
-        }, {}, {
-            isNavigatable(): boolean;
-            componentType(): "router-link" | "oc-button";
-            componentProps(): {
-                appearance: string;
-                gapSize: string;
-                justifyContent: string;
-                to?: undefined;
-            } | {
-                to: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-                appearance?: undefined;
-                gapSize?: undefined;
-                justifyContent?: undefined;
-            };
-        }, {
-            emitClick(): void;
-        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            link: {
-                type: PropType<import('vue-router').RouteLocationRaw>;
-                required: false;
-                default: any;
-            };
-            resource: {
-                type: ObjectConstructor;
-                required: true;
-            };
-            isResourceClickable: {
-                type: BooleanConstructor;
-                required: false;
-                default: boolean;
-            };
-        }>> & Readonly<{
-            onClick?: (...args: any[]) => any;
-        }>, {
-            link: string | import('vue-router').RouteLocationAsRelativeGeneric | import('vue-router').RouteLocationAsPathGeneric;
-            isResourceClickable: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, 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;
+    };
+};