@knime/kds-table 0.1.0

package/dist/src/components/layout/Header.vue.d.ts

@@ -0,0 +1,641 @@
+import { PropType } from 'vue';
+import { KdsMenuItem } from '@knime/kds-components';
+import { TableConfig } from '../../types/TableConfig';
+/**
+ * A table header element for displaying the column names in a table. This component
+ * has a checkbox for selecting all rows in the table.
+ *
+ * @emits headerSelect event when the checkbox is selected for table-wide toggling of selection.
+ * @emits subMenuItemSelection event when the selection of a submenu item is changed
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tableConfig: {
+        type: PropType<TableConfig>;
+        default: () => {};
+    };
+    columnHeaders: {
+        type: PropType<Array<string>>;
+        default: () => never[];
+    };
+    columnSubHeaders: {
+        type: PropType<Array<string | undefined>>;
+        default: () => never[];
+    };
+    columnSizes: {
+        type: PropType<Array<number>>;
+        default: () => never[];
+    };
+    columnSubMenuItems: {
+        type: PropType<Array<KdsMenuItem[] | undefined>>;
+        default: () => never[];
+    };
+    columnHeaderColors: {
+        type: PropType<Array<string | null>>;
+        default: () => never[];
+    };
+    columnDeletables: {
+        type: PropType<Array<boolean | undefined>>;
+        default: () => never[];
+    };
+    columnEditables: {
+        type: PropType<Array<boolean | undefined>>;
+        default: () => never[];
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getDragHandleHeight: {
+        type: FunctionConstructor;
+        default: () => number;
+    };
+    showNewColumnButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedHeaderIndex: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>, {
+    indexedColumnHeaders: import('vue').Ref<[string, number][], [string, number][]>;
+    headerStyles: import('vue').MaybeRef<import('vue').CSSProperties>;
+    onHeaderCellKeydown: (event: KeyboardEvent, columnIndex: number) => void;
+}, {
+    hoverIndex: null | number;
+    dragIndex: null | number;
+    columnSizeOnDragStart: number;
+    pageXOnDragStart: number;
+    minimumColumnWidth: number;
+    maximumSubMenuWidth: number;
+    currentDragHandlerHeight: number;
+    borderTop: number;
+    focusedHeaderIndex: null | number;
+}, {
+    enableColumnResizing(): boolean;
+    hasSubHeaders(): boolean;
+    currentResizeDragHandleWidth(): 0 | 5;
+    headerSelectionOverlayStyle(): Record<string, string> | null;
+}, {
+    onHeaderCellFocus(columnIndex: number): void;
+    onHeaderCellBlur(columnIndex: number): void;
+    emitNewColumnButtonWidth(): void;
+    onSelect(): void;
+    onHeaderClick(ind: number): void;
+    onPointerOver(event: PointerEvent, columnIndex: number): void;
+    onPointerLeave(event: Event): void;
+    onPointerDown(event: PointerEvent & {
+        target: HTMLElement;
+    }, columnIndex: number): void;
+    onPointerUp(event: PointerEvent): void;
+    onPointerMove: import('raf-throttle').Throttled<(event: PointerEvent) => void>;
+    onNewColumnButtonClick(event: MouseEvent): void;
+    onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
+    unthrottledOnPointerMove(event: PointerEvent): void;
+    onLostPointerCapture: import('raf-throttle').Throttled<(event: any) => void>;
+    dragHandleHeight(isDragging: boolean): number;
+    onDeleteColumn(ind: number): void;
+    getHeaderCellWidths(): number[];
+    /**
+     * We deliberately only react on Tab and not on blur since we do
+     * want to keep the header in a selected yet unfocused state when
+     * the user clicks outside the table.
+     */
+    onKeydownTab(): void;
+    onKeydownLeft(columnIndex: number): void;
+    onKeydownRight(columnIndex: number): void;
+    onKeydownDown(columnIndex: number): void;
+    focusHeaderCell(cellInd: number): void;
+    focusNewColumnButton(): void;
+    focusSelectionCheckbox(): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    headerSelect: (selected: boolean) => true;
+    showColumnBorder: () => true;
+    columnResize: (index: number, newSize: number) => true;
+    hideColumnBorder: () => true;
+    columnResizeEnd: () => true;
+    columnResizeStart: () => true;
+    allColumnsResize: (newSize: number) => true;
+    moveDownFromHeaderCell: (index: number) => true;
+    headerCellSelect: (index: number) => true;
+    "update:newColumnButtonWidth": (width: number) => true;
+    newColumnButtonClick: (event: MouseEvent) => true;
+    newColumnButtonKeydownLeft: (event: KeyboardEvent) => true;
+    selectionKeydownDown: () => true;
+    headerCellDeselect: () => true;
+    headerCellStartEditing: (index: number, initialValue?: string) => true;
+    deleteColumn: (index: number) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tableConfig: {
+        type: PropType<TableConfig>;
+        default: () => {};
+    };
+    columnHeaders: {
+        type: PropType<Array<string>>;
+        default: () => never[];
+    };
+    columnSubHeaders: {
+        type: PropType<Array<string | undefined>>;
+        default: () => never[];
+    };
+    columnSizes: {
+        type: PropType<Array<number>>;
+        default: () => never[];
+    };
+    columnSubMenuItems: {
+        type: PropType<Array<KdsMenuItem[] | undefined>>;
+        default: () => never[];
+    };
+    columnHeaderColors: {
+        type: PropType<Array<string | null>>;
+        default: () => never[];
+    };
+    columnDeletables: {
+        type: PropType<Array<boolean | undefined>>;
+        default: () => never[];
+    };
+    columnEditables: {
+        type: PropType<Array<boolean | undefined>>;
+        default: () => never[];
+    };
+    isSelected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    getDragHandleHeight: {
+        type: FunctionConstructor;
+        default: () => number;
+    };
+    showNewColumnButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedHeaderIndex: {
+        type: PropType<number | null>;
+        default: null;
+    };
+}>> & Readonly<{
+    onColumnResize?: ((index: number, newSize: number) => any) | undefined;
+    onHeaderSelect?: ((selected: boolean) => any) | undefined;
+    onShowColumnBorder?: (() => any) | undefined;
+    onHideColumnBorder?: (() => any) | undefined;
+    onColumnResizeEnd?: (() => any) | undefined;
+    onColumnResizeStart?: (() => any) | undefined;
+    onAllColumnsResize?: ((newSize: number) => any) | undefined;
+    onMoveDownFromHeaderCell?: ((index: number) => any) | undefined;
+    onHeaderCellSelect?: ((index: number) => any) | undefined;
+    "onUpdate:newColumnButtonWidth"?: ((width: number) => any) | undefined;
+    onNewColumnButtonClick?: ((event: MouseEvent) => any) | undefined;
+    onNewColumnButtonKeydownLeft?: ((event: KeyboardEvent) => any) | undefined;
+    onSelectionKeydownDown?: (() => any) | undefined;
+    onHeaderCellDeselect?: (() => any) | undefined;
+    onHeaderCellStartEditing?: ((index: number, initialValue?: string | undefined) => any) | undefined;
+    onDeleteColumn?: ((index: number) => any) | undefined;
+}>, {
+    columnSizes: number[];
+    tableConfig: TableConfig;
+    getDragHandleHeight: Function;
+    columnHeaders: string[];
+    columnSubHeaders: (string | undefined)[];
+    columnSubMenuItems: (KdsMenuItem[] | undefined)[];
+    columnHeaderColors: (string | null)[];
+    columnDeletables: (boolean | undefined)[];
+    columnEditables: (boolean | undefined)[];
+    isSelected: boolean;
+    showNewColumnButton: boolean;
+    selectedHeaderIndex: number | null;
+}, {}, {
+    KdsCheckbox: import('vue').DefineComponent<({
+        modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+    } & {
+        disabled?: boolean;
+        error?: boolean;
+        subText?: string;
+        preserveSubTextSpace?: boolean;
+    } & {
+        label: string;
+        title?: never;
+    }) | ({
+        modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+    } & {
+        disabled?: boolean;
+        error?: boolean;
+        subText?: string;
+        preserveSubTextSpace?: boolean;
+    } & {
+        label?: never;
+        title: string;
+    }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
+    }, string, import('vue').PublicProps, Readonly<({
+        modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+    } & {
+        disabled?: boolean;
+        error?: boolean;
+        subText?: string;
+        preserveSubTextSpace?: boolean;
+    } & {
+        label: string;
+        title?: never;
+    }) | ({
+        modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+    } & {
+        disabled?: boolean;
+        error?: boolean;
+        subText?: string;
+        preserveSubTextSpace?: boolean;
+    } & {
+        label?: never;
+        title: string;
+    })> & Readonly<{
+        "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+    KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
+        size?: import('@knime/kds-components').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
+    } & {
+        label: string;
+        leadingIcon?: import('@knime/kds-components').KdsIconName;
+        trailingIcon?: import('@knime/kds-components').KdsIconName;
+        ariaLabel?: never;
+    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+        size?: import('@knime/kds-components').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
+    } & {
+        label?: never;
+        leadingIcon: import('@knime/kds-components').KdsIconName;
+        trailingIcon?: never;
+        ariaLabel: string;
+    } & import('packages/components/dist/src/buttons/types').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (event: MouseEvent) => any;
+    }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+        size?: import('@knime/kds-components').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
+    } & {
+        label: string;
+        leadingIcon?: import('@knime/kds-components').KdsIconName;
+        trailingIcon?: import('@knime/kds-components').KdsIconName;
+        ariaLabel?: never;
+    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+        size?: import('@knime/kds-components').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
+    } & {
+        label?: never;
+        leadingIcon: import('@knime/kds-components').KdsIconName;
+        trailingIcon?: never;
+        ariaLabel: string;
+    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+    KdsMenuButton: import('vue').DefineComponent<({
+        modelValue?: boolean;
+    } & import('packages/components/dist/src/types/testId').WithTestId & {
+        size?: import('@knime/kds-components').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+    } & {
+        label: string;
+        leadingIcon?: import('@knime/kds-components').KdsIconName;
+        trailingIcon?: import('@knime/kds-components').KdsIconName;
+        ariaLabel?: never;
+    } & {
+        items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
+        menuMaxHeight?: string;
+    }) | ({
+        modelValue?: boolean;
+    } & import('packages/components/dist/src/types/testId').WithTestId & {
+        size?: import('@knime/kds-components').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+    } & {
+        label?: never;
+        leadingIcon: import('@knime/kds-components').KdsIconName;
+        trailingIcon?: never;
+        ariaLabel: string;
+    } & {
+        items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
+        menuMaxHeight?: string;
+    }), {
+        menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: import('@knime/kds-components').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, {} & (Readonly<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: import('@knime/kds-components').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), {}, {}, {}, {}, {}> | null>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => any;
+        itemClick: (id: string) => any;
+    }, string, import('vue').PublicProps, Readonly<({
+        modelValue?: boolean;
+    } & import('packages/components/dist/src/types/testId').WithTestId & {
+        size?: import('@knime/kds-components').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+    } & {
+        label: string;
+        leadingIcon?: import('@knime/kds-components').KdsIconName;
+        trailingIcon?: import('@knime/kds-components').KdsIconName;
+        ariaLabel?: never;
+    } & {
+        items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
+        menuMaxHeight?: string;
+    }) | ({
+        modelValue?: boolean;
+    } & import('packages/components/dist/src/types/testId').WithTestId & {
+        size?: import('@knime/kds-components').KdsButtonSize;
+        disabled?: boolean;
+        title?: string;
+        variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+    } & {
+        label?: never;
+        leadingIcon: import('@knime/kds-components').KdsIconName;
+        trailingIcon?: never;
+        ariaLabel: string;
+    } & {
+        items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
+        menuMaxHeight?: string;
+    })> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        onItemClick?: ((id: string) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: import('@knime/kds-components').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, {} & (Readonly<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: import('@knime/kds-components').KdsIconName;
+            ariaLabel?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), {}, {}, {}, {}, {}> | null;
+        popover: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: ({
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
+                readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom"> | undefined;
+                readonly customPlacementPosition?: never | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } | {
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
+                readonly popoverType?: import('@knime/kds-components').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('@knime/kds-components').KdsPopoverRole;
+                popoverType?: import('@knime/kds-components').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('@knime/kds-components').KdsPopoverRole;
+                popoverType?: import('@knime/kds-components').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 import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<{} & (Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('@knime/kds-components').KdsPopoverRole;
+            popoverType?: import('@knime/kds-components').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('@knime/kds-components').KdsPopoverRole;
+            popoverType?: import('@knime/kds-components').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;
+        menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            itemClick: (id: string) => 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('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, {}> | null;
+    }, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=Header.vue.d.ts.map

package/dist/src/components/layout/Header.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Header.vue"],"names":[],"mappings":"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"}

package/dist/src/components/layout/NewRowButton.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    focus: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+    "keydown-up": (event: KeyboardEvent) => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    "onKeydown-up"?: ((event: KeyboardEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=NewRowButton.vue.d.ts.map

package/dist/src/components/layout/NewRowButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewRowButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/NewRowButton.vue"],"names":[],"mappings":";;;;;;;;;AAkJA,wBAQG"}