npm - @knime/kds-components - Versions diffs - 0.28.10 → 0.29.1 - Mend

@knime/kds-components 0.28.10 → 0.29.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (44) hide show

package/dist/src/containers/FileExplorer/FileExplorerItem.vue.d.ts ADDED Viewed

@@ -0,0 +1,1023 @@
+import { nextTick } from 'vue';
+import { KdsFileExplorerItem } from './types';
+type Props = {
+    blacklistedNames: Array<string>;
+    item: KdsFileExplorerItem;
+    isSelected: boolean;
+    isDragging: boolean;
+    isRenameActive: boolean;
+    disabled: boolean;
+    isDraggingEnabled?: boolean;
+    hasOptionsMenu?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {
+        isRenameActive: boolean;
+        isSelected: boolean;
+    }) => any>> & {
+        optionsMenu?(_: {}): any;
+    };
+    refs: {
+        baseItem: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            isSelected: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            isDragging: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            disabled: boolean;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            isSelected: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            isDragging: {
+                type: BooleanConstructor;
+                required: true;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            disabled: boolean;
+        }> | null;
+        renameInputContainer: HTMLDivElement;
+        renameInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+            modelValue?: string;
+        } & {
+            description?: string;
+        } & {
+            label: string;
+            ariaLabel?: never;
+        } & {
+            id?: string;
+        } & {
+            error?: boolean | undefined;
+            subText?: string | undefined;
+            validating?: boolean | undefined;
+            preserveSubTextSpace?: boolean | undefined;
+        } & {
+            placeholder?: string;
+            disabled?: boolean;
+            autocomplete?: string;
+        } & {
+            suggestions?: string[];
+            suggestionsHeadline?: string;
+        }) | ({
+            modelValue?: string;
+        } & {
+            description?: string;
+        } & {
+            label?: never;
+            ariaLabel: string;
+        } & {
+            id?: string;
+        } & {
+            error?: boolean | undefined;
+            subText?: string | undefined;
+            validating?: boolean | undefined;
+            preserveSubTextSpace?: boolean | undefined;
+        } & {
+            placeholder?: string;
+            disabled?: boolean;
+            autocomplete?: string;
+        } & {
+            suggestions?: string[];
+            suggestionsHeadline?: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            focus: (options?: FocusOptions) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: string) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            baseInput: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly modelValue?: string | undefined;
+                    readonly id?: string | undefined;
+                    readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                    readonly min?: number | string | undefined;
+                    readonly max?: number | string | undefined;
+                    readonly ariaExpanded?: boolean | undefined;
+                    readonly step?: number | undefined;
+                    readonly placeholder?: string | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly leadingIcon?: import('../..').KdsIconName | undefined;
+                    readonly trailingIcon?: import('../..').KdsIconName | undefined;
+                    readonly error?: boolean | undefined;
+                    readonly autocomplete?: string | undefined;
+                    readonly ariaLabel?: string | undefined;
+                    readonly ariaLabelledby?: string | undefined;
+                    readonly ariaDescribedby?: string | undefined;
+                    readonly ariaInvalid?: boolean | undefined;
+                    readonly role?: string | undefined;
+                    readonly ariaValuenow?: number | undefined;
+                    readonly ariaValuemin?: number | undefined;
+                    readonly ariaValuemax?: number | undefined;
+                    readonly ariaValuetext?: string | undefined;
+                    readonly ariaActivedescendant?: string | undefined;
+                    readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                    readonly ariaControls?: string | undefined;
+                    readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                    readonly unit?: string | undefined;
+                    readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                    readonly clearable?: boolean | undefined;
+                    readonly pattern?: string | undefined;
+                    readonly segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
+                    readonly onInput?: ((event: Event) => any) | undefined;
+                    readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                    readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                    readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                    readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    input: HTMLInputElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<{
+                    modelValue?: string;
+                } & {
+                    id?: string;
+                    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                    min?: number | string;
+                    max?: number | string;
+                    ariaExpanded?: boolean;
+                    step?: number;
+                    placeholder?: string;
+                    disabled?: boolean;
+                    leadingIcon?: import('../..').KdsIconName;
+                    trailingIcon?: import('../..').KdsIconName;
+                    error?: boolean;
+                    autocomplete?: string;
+                    ariaLabel?: string;
+                    ariaLabelledby?: string;
+                    ariaDescribedby?: string;
+                    ariaInvalid?: boolean;
+                    role?: string;
+                    ariaValuenow?: number;
+                    ariaValuemin?: number;
+                    ariaValuemax?: number;
+                    ariaValuetext?: string;
+                    ariaActivedescendant?: string;
+                    ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                    ariaControls?: string;
+                    ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                    unit?: string;
+                    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                    clearable?: boolean;
+                    pattern?: string;
+                    segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
+                }> & Readonly<{
+                    onInput?: ((event: Event) => any) | undefined;
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                    onBlur?: ((event: FocusEvent) => any) | undefined;
+                    onFocus?: ((event: FocusEvent) => any) | undefined;
+                    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }>, {
+                    focus: (options?: FocusOptions) => void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    input: (event: Event) => any;
+                    click: (event: MouseEvent) => any;
+                    blur: (event: FocusEvent) => any;
+                    focus: (event: FocusEvent) => any;
+                    keydown: (event: KeyboardEvent) => any;
+                    paste: (event: ClipboardEvent) => any;
+                    "update:modelValue": (value: string) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<{
+                modelValue?: string;
+            } & {
+                id?: string;
+                type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                min?: number | string;
+                max?: number | string;
+                ariaExpanded?: boolean;
+                step?: number;
+                placeholder?: string;
+                disabled?: boolean;
+                leadingIcon?: import('../..').KdsIconName;
+                trailingIcon?: import('../..').KdsIconName;
+                error?: boolean;
+                autocomplete?: string;
+                ariaLabel?: string;
+                ariaLabelledby?: string;
+                ariaDescribedby?: string;
+                ariaInvalid?: boolean;
+                role?: string;
+                ariaValuenow?: number;
+                ariaValuemin?: number;
+                ariaValuemax?: number;
+                ariaValuetext?: string;
+                ariaActivedescendant?: string;
+                ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                ariaControls?: string;
+                ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                unit?: string;
+                inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                clearable?: boolean;
+                pattern?: string;
+                segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
+            }> & Readonly<{
+                onInput?: ((event: Event) => any) | undefined;
+                onClick?: ((event: MouseEvent) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }>, "focus"> & {
+                focus: (options?: FocusOptions) => void;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    leading?(_: {}): any;
+                    trailing?(_: {}): any;
+                };
+            }) | null;
+            popoverRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: ({
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('../..').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement?: Exclude<import('../..').KdsPopoverPlacement, "custom"> | undefined;
+                    readonly customPlacementPosition?: never | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } | {
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('../..').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement: "custom";
+                    readonly customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    popoverEl: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "update:modelValue", value: boolean) => void;
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('../..').KdsPopoverRole;
+                    popoverType?: import('../..').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+                    customPlacementPosition?: never;
+                }) | ({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('../..').KdsPopoverRole;
+                    popoverType?: import('../..').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement: "custom";
+                    customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    anchorStyle: Record<string, string>;
+                    popoverId: string;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: boolean) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<{} & (Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('../..').KdsPopoverRole;
+                popoverType?: import('../..').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('../..').KdsPopoverRole;
+                popoverType?: import('../..').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), "anchorStyle" | "popoverId"> & {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            listContainerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').KdsListContainerProps> & Readonly<{
+                onItemClick?: ((id?: string | undefined) => any) | undefined;
+            }>, {
+                handleKeydown: (event: KeyboardEvent) => void;
+                handleFocus: () => void;
+                handleBlur: () => void;
+                activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+                focus: () => void;
+                scrollSelectedIntoView: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                itemClick: (id?: string | undefined) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                containerEl: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('..').KdsListContainerProps> & Readonly<{
+                onItemClick?: ((id?: string | undefined) => any) | undefined;
+            }>, {
+                handleKeydown: (event: KeyboardEvent) => void;
+                handleFocus: () => void;
+                handleBlur: () => void;
+                activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+                focus: () => void;
+                scrollSelectedIntoView: () => void;
+            }, {}, {}, {}, {}> | null;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, {} & (Readonly<({
+            modelValue?: string;
+        } & {
+            description?: string;
+        } & {
+            label: string;
+            ariaLabel?: never;
+        } & {
+            id?: string;
+        } & {
+            error?: boolean | undefined;
+            subText?: string | undefined;
+            validating?: boolean | undefined;
+            preserveSubTextSpace?: boolean | undefined;
+        } & {
+            placeholder?: string;
+            disabled?: boolean;
+            autocomplete?: string;
+        } & {
+            suggestions?: string[];
+            suggestionsHeadline?: string;
+        }) | ({
+            modelValue?: string;
+        } & {
+            description?: string;
+        } & {
+            label?: never;
+            ariaLabel: string;
+        } & {
+            id?: string;
+        } & {
+            error?: boolean | undefined;
+            subText?: string | undefined;
+            validating?: boolean | undefined;
+            preserveSubTextSpace?: boolean | undefined;
+        } & {
+            placeholder?: string;
+            disabled?: boolean;
+            autocomplete?: string;
+        } & {
+            suggestions?: string[];
+            suggestionsHeadline?: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>), {
+            focus: (options?: FocusOptions) => void;
+        }, {}, {}, {}, {}> | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (nativeEvent: MouseEvent) => any;
+    contextmenu: (nativeEvent: MouseEvent) => any;
+    dblclick: (nativeEvent: MouseEvent) => any;
+    drag: (nativeEvent: DragEvent) => any;
+    dragend: (nativeEvent: DragEvent) => any;
+    dragenter: (nativeEvent: DragEvent) => any;
+    dragleave: (nativeEvent: DragEvent) => any;
+    dragover: (nativeEvent: DragEvent) => any;
+    dragstart: (nativeEvent: DragEvent) => any;
+    drop: (nativeEvent: DragEvent) => any;
+    "rename:submit": (payload: {
+        itemId: string;
+        newName: string;
+    }) => any;
+    "rename:clear": () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((nativeEvent: MouseEvent) => any) | undefined;
+    onContextmenu?: ((nativeEvent: MouseEvent) => any) | undefined;
+    onDblclick?: ((nativeEvent: MouseEvent) => any) | undefined;
+    onDrag?: ((nativeEvent: DragEvent) => any) | undefined;
+    onDragend?: ((nativeEvent: DragEvent) => any) | undefined;
+    onDragenter?: ((nativeEvent: DragEvent) => any) | undefined;
+    onDragleave?: ((nativeEvent: DragEvent) => any) | undefined;
+    onDragover?: ((nativeEvent: DragEvent) => any) | undefined;
+    onDragstart?: ((nativeEvent: DragEvent) => any) | undefined;
+    onDrop?: ((nativeEvent: DragEvent) => any) | undefined;
+    "onRename:submit"?: ((payload: {
+        itemId: string;
+        newName: string;
+    }) => any) | undefined;
+    "onRename:clear"?: (() => any) | undefined;
+}>, {
+    isDraggingEnabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    baseItem: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        isSelected: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        isDragging: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        disabled: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        isSelected: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        isDragging: {
+            type: BooleanConstructor;
+            required: true;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        disabled: boolean;
+    }> | null;
+    renameInputContainer: HTMLDivElement;
+    renameInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+        modelValue?: string;
+    } & {
+        description?: string;
+    } & {
+        label: string;
+        ariaLabel?: never;
+    } & {
+        id?: string;
+    } & {
+        error?: boolean | undefined;
+        subText?: string | undefined;
+        validating?: boolean | undefined;
+        preserveSubTextSpace?: boolean | undefined;
+    } & {
+        placeholder?: string;
+        disabled?: boolean;
+        autocomplete?: string;
+    } & {
+        suggestions?: string[];
+        suggestionsHeadline?: string;
+    }) | ({
+        modelValue?: string;
+    } & {
+        description?: string;
+    } & {
+        label?: never;
+        ariaLabel: string;
+    } & {
+        id?: string;
+    } & {
+        error?: boolean | undefined;
+        subText?: string | undefined;
+        validating?: boolean | undefined;
+        preserveSubTextSpace?: boolean | undefined;
+    } & {
+        placeholder?: string;
+        disabled?: boolean;
+        autocomplete?: string;
+    } & {
+        suggestions?: string[];
+        suggestionsHeadline?: string;
+    })> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, {
+        focus: (options?: FocusOptions) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        baseInput: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | undefined;
+                readonly id?: string | undefined;
+                readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                readonly min?: number | string | undefined;
+                readonly max?: number | string | undefined;
+                readonly ariaExpanded?: boolean | undefined;
+                readonly step?: number | undefined;
+                readonly placeholder?: string | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly leadingIcon?: import('../..').KdsIconName | undefined;
+                readonly trailingIcon?: import('../..').KdsIconName | undefined;
+                readonly error?: boolean | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly ariaLabelledby?: string | undefined;
+                readonly ariaDescribedby?: string | undefined;
+                readonly ariaInvalid?: boolean | undefined;
+                readonly role?: string | undefined;
+                readonly ariaValuenow?: number | undefined;
+                readonly ariaValuemin?: number | undefined;
+                readonly ariaValuemax?: number | undefined;
+                readonly ariaValuetext?: string | undefined;
+                readonly ariaActivedescendant?: string | undefined;
+                readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                readonly ariaControls?: string | undefined;
+                readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                readonly unit?: string | undefined;
+                readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                readonly clearable?: boolean | undefined;
+                readonly pattern?: string | undefined;
+                readonly segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
+                readonly onInput?: ((event: Event) => any) | undefined;
+                readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                input: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string;
+            } & {
+                id?: string;
+                type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                min?: number | string;
+                max?: number | string;
+                ariaExpanded?: boolean;
+                step?: number;
+                placeholder?: string;
+                disabled?: boolean;
+                leadingIcon?: import('../..').KdsIconName;
+                trailingIcon?: import('../..').KdsIconName;
+                error?: boolean;
+                autocomplete?: string;
+                ariaLabel?: string;
+                ariaLabelledby?: string;
+                ariaDescribedby?: string;
+                ariaInvalid?: boolean;
+                role?: string;
+                ariaValuenow?: number;
+                ariaValuemin?: number;
+                ariaValuemax?: number;
+                ariaValuetext?: string;
+                ariaActivedescendant?: string;
+                ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                ariaControls?: string;
+                ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                unit?: string;
+                inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                clearable?: boolean;
+                pattern?: string;
+                segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
+            }> & Readonly<{
+                onInput?: ((event: Event) => any) | undefined;
+                onClick?: ((event: MouseEvent) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }>, {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                input: (event: Event) => any;
+                click: (event: MouseEvent) => any;
+                blur: (event: FocusEvent) => any;
+                focus: (event: FocusEvent) => any;
+                keydown: (event: KeyboardEvent) => any;
+                paste: (event: ClipboardEvent) => any;
+                "update:modelValue": (value: string) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            modelValue?: string;
+        } & {
+            id?: string;
+            type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+            min?: number | string;
+            max?: number | string;
+            ariaExpanded?: boolean;
+            step?: number;
+            placeholder?: string;
+            disabled?: boolean;
+            leadingIcon?: import('../..').KdsIconName;
+            trailingIcon?: import('../..').KdsIconName;
+            error?: boolean;
+            autocomplete?: string;
+            ariaLabel?: string;
+            ariaLabelledby?: string;
+            ariaDescribedby?: string;
+            ariaInvalid?: boolean;
+            role?: string;
+            ariaValuenow?: number;
+            ariaValuemin?: number;
+            ariaValuemax?: number;
+            ariaValuetext?: string;
+            ariaActivedescendant?: string;
+            ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+            ariaControls?: string;
+            ariaAutocomplete?: "none" | "inline" | "list" | "both";
+            unit?: string;
+            inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+            clearable?: boolean;
+            pattern?: string;
+            segments?: import('../../forms/inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
+        }> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onClick?: ((event: MouseEvent) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, "focus"> & {
+            focus: (options?: FocusOptions) => void;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                leading?(_: {}): any;
+                trailing?(_: {}): any;
+            };
+        }) | null;
+        popoverRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: ({
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('../..').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement?: Exclude<import('../..').KdsPopoverPlacement, "custom"> | undefined;
+                readonly customPlacementPosition?: never | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } | {
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('../..').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../..').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement: "custom";
+                readonly customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                popoverEl: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:modelValue", value: boolean) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('../..').KdsPopoverRole;
+                popoverType?: import('../..').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('../..').KdsPopoverRole;
+                popoverType?: import('../..').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<{} & (Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('../..').KdsPopoverRole;
+            popoverType?: import('../..').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../..').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../..').KdsPopoverRole;
+            popoverType?: import('../..').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), "anchorStyle" | "popoverId"> & {
+            anchorStyle: Record<string, string>;
+            popoverId: string;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        listContainerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').KdsListContainerProps> & Readonly<{
+            onItemClick?: ((id?: string | undefined) => any) | undefined;
+        }>, {
+            handleKeydown: (event: KeyboardEvent) => void;
+            handleFocus: () => void;
+            handleBlur: () => void;
+            activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+            focus: () => void;
+            scrollSelectedIntoView: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            itemClick: (id?: string | undefined) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            containerEl: HTMLDivElement;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('..').KdsListContainerProps> & Readonly<{
+            onItemClick?: ((id?: string | undefined) => any) | undefined;
+        }>, {
+            handleKeydown: (event: KeyboardEvent) => void;
+            handleFocus: () => void;
+            handleBlur: () => void;
+            activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
+            focus: () => void;
+            scrollSelectedIntoView: () => void;
+        }, {}, {}, {}, {}> | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {} & (Readonly<({
+        modelValue?: string;
+    } & {
+        description?: string;
+    } & {
+        label: string;
+        ariaLabel?: never;
+    } & {
+        id?: string;
+    } & {
+        error?: boolean | undefined;
+        subText?: string | undefined;
+        validating?: boolean | undefined;
+        preserveSubTextSpace?: boolean | undefined;
+    } & {
+        placeholder?: string;
+        disabled?: boolean;
+        autocomplete?: string;
+    } & {
+        suggestions?: string[];
+        suggestionsHeadline?: string;
+    }) | ({
+        modelValue?: string;
+    } & {
+        description?: string;
+    } & {
+        label?: never;
+        ariaLabel: string;
+    } & {
+        id?: string;
+    } & {
+        error?: boolean | undefined;
+        subText?: string | undefined;
+        validating?: boolean | undefined;
+        preserveSubTextSpace?: boolean | undefined;
+    } & {
+        placeholder?: string;
+        disabled?: boolean;
+        autocomplete?: string;
+    } & {
+        suggestions?: string[];
+        suggestionsHeadline?: string;
+    })> & Readonly<{
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>), {
+        focus: (options?: FocusOptions) => void;
+    }, {}, {}, {}, {}> | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FileExplorerItem.vue.d.ts.map