@n8n/design-system 2.33.4 → 2.34.1

package/dist/components/N8nRadioButtons/RadioButtons.vue.d.ts

@@ -0,0 +1,20 @@
+import { RadioButtonsProps, RadioOption } from './RadioButtons.types';
+declare const _default: <Value extends string | boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: Value, e: MouseEvent) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & RadioButtonsProps<Value> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        option?: ((props: RadioOption<Value>) => {}) | undefined;
+    }> & {
+        option?: ((props: RadioOption<Value>) => {}) | undefined;
+    };
+    emit: (evt: "update:modelValue", value: Value, e: MouseEvent) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/N8nRadioButtons/index.d.ts

@@ -0,0 +1,2 @@
+import { default as N8nRadioButtons } from './RadioButtons.vue';
+export default N8nRadioButtons;

package/dist/components/N8nRecycleScroller/RecycleScroller.types.d.ts

@@ -0,0 +1,7 @@
+import { ItemWithKey } from '../../types';
+export interface RecycleScrollerProps<Key extends string = string, Item extends ItemWithKey<Key> = ItemWithKey<Key>> {
+    itemSize: number;
+    items: Item[];
+    itemKey: Key;
+    offset?: number;
+}

package/dist/components/N8nRecycleScroller/RecycleScroller.vue.d.ts

@@ -0,0 +1,26 @@
+import { RecycleScrollerProps } from './RecycleScroller.types';
+import { ItemWithKey } from '../../types';
+declare const _default: <Key extends string, Item extends ItemWithKey<Key>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & RecycleScrollerProps<Key, Item> & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        scrollToKey: (key: Item[Key]) => void;
+        scrollTo: (position: number) => void;
+        scrollTop: import('vue').Ref<number, number>;
+    }>): void;
+    attrs: any;
+    slots: {
+        default?(_: {
+            item: Item;
+            updateItemSize: (item: {
+                [key: string]: string;
+            }) => void;
+        }): any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/N8nRecycleScroller/index.d.ts

@@ -0,0 +1,2 @@
+import { default as N8nRecycleScroller } from './RecycleScroller.vue';
+export default N8nRecycleScroller;

package/dist/components/N8nResizeWrapper/ResizeWrapper.vue.d.ts

@@ -0,0 +1,53 @@
+import { Direction, ResizeData } from '../../types';
+interface ResizeProps {
+    isResizingEnabled?: boolean;
+    height?: number;
+    width?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    scale?: number;
+    gridSize?: number;
+    supportedDirections?: Direction[];
+    outset?: boolean;
+    window?: Window;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ResizeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    resize: (value: ResizeData) => any;
+    resizestart: () => any;
+    resizeend: () => any;
+}, string, import('vue').PublicProps, Readonly<ResizeProps> & Readonly<{
+    onResize?: ((value: ResizeData) => any) | undefined;
+    onResizestart?: (() => any) | undefined;
+    onResizeend?: (() => any) | undefined;
+}>, {
+    scale: number;
+    width: number;
+    height: number;
+    minHeight: number;
+    maxHeight: number;
+    maxWidth: number;
+    minWidth: number;
+    window: Window;
+    isResizingEnabled: boolean;
+    gridSize: number;
+    supportedDirections: Direction[];
+    outset: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/N8nResizeWrapper/index.d.ts

@@ -0,0 +1,2 @@
+import { default as ResizeWrapper } from './ResizeWrapper.vue';
+export default ResizeWrapper;

package/dist/components/N8nResizeableSticky/ResizeableSticky.vue.d.ts

@@ -0,0 +1,29 @@
+import { ResizeData } from '../../types';
+import { StickyProps } from '../N8nSticky/types';
+type ResizeableStickyProps = StickyProps & {
+    scale?: number;
+    gridSize?: number;
+};
+declare const _default: import('vue').DefineComponent<ResizeableStickyProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    resize: (values: ResizeData) => any;
+    "markdown-click": (link: HTMLAnchorElement, e: MouseEvent) => any;
+    resizestart: () => any;
+    resizeend: () => any;
+}, string, import('vue').PublicProps, Readonly<ResizeableStickyProps> & Readonly<{
+    onResize?: ((values: ResizeData) => any) | undefined;
+    "onMarkdown-click"?: ((link: HTMLAnchorElement, e: MouseEvent) => any) | undefined;
+    onResizestart?: (() => any) | undefined;
+    onResizeend?: (() => any) | undefined;
+}>, {
+    scale: number;
+    id: string;
+    width: number;
+    height: number;
+    minHeight: number;
+    readOnly: boolean;
+    minWidth: number;
+    backgroundColor: number | string;
+    gridSize: number;
+    editMode: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/N8nResizeableSticky/index.d.ts

@@ -0,0 +1,2 @@
+import { default as ResizeableSticky } from './ResizeableSticky.vue';
+export default ResizeableSticky;

package/dist/components/N8nRoute/Route.vue.d.ts

@@ -0,0 +1,25 @@
+import { RouteLocationRaw } from 'vue-router';
+interface RouteProps {
+    to?: RouteLocationRaw | string;
+    newWindow?: boolean;
+    title?: string;
+    dataTestId?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<RouteProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RouteProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/N8nRoute/index.d.ts

@@ -0,0 +1,2 @@
+import { default as N8nRoute } from './Route.vue';
+export default N8nRoute;

package/dist/components/N8nScrollArea/N8nScrollArea.vue.d.ts

@@ -0,0 +1,181 @@
+import { nextTick, Ref } from 'vue';
+export interface Props {
+    type?: 'auto' | 'always' | 'scroll' | 'hover';
+    dir?: 'ltr' | 'rtl';
+    scrollHideDelay?: number;
+    maxHeight?: string;
+    maxWidth?: string;
+    enableHorizontalScroll?: boolean;
+    enableVerticalScroll?: boolean;
+    asChild?: boolean;
+}
+declare function scrollToBottom(options?: {
+    smooth?: boolean;
+}): Promise<void>;
+declare function scrollToTop(options?: {
+    smooth?: boolean;
+}): Promise<void>;
+declare function getScrollPosition(): {
+    top: number;
+    left: number;
+    height: number;
+    width: number;
+} | null;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        rootRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly type?: ("hover" | "auto" | "scroll" | "always") | undefined;
+                readonly dir?: ("ltr" | "rtl") | undefined;
+                readonly scrollHideDelay?: number | undefined;
+                readonly asChild?: boolean | undefined;
+                readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, {
+                viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                scrollTop: () => void;
+                scrollTopLeft: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                type: "hover" | "auto" | "scroll" | "always";
+                scrollHideDelay: number;
+            }, {}, 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<{
+            type: "hover" | "auto" | "scroll" | "always";
+            scrollHideDelay: number;
+        }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
+            viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrollTop: () => void;
+            scrollTopLeft: () => void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?: (props: {}) => any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    scrollToBottom: typeof scrollToBottom;
+    scrollToTop: typeof scrollToTop;
+    getScrollPosition: typeof getScrollPosition;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    type: "auto" | "always" | "scroll" | "hover";
+    dir: "ltr" | "rtl";
+    asChild: boolean;
+    scrollHideDelay: number;
+    maxHeight: string;
+    maxWidth: string;
+    enableHorizontalScroll: boolean;
+    enableVerticalScroll: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly type?: ("hover" | "auto" | "scroll" | "always") | undefined;
+            readonly dir?: ("ltr" | "rtl") | undefined;
+            readonly scrollHideDelay?: number | undefined;
+            readonly asChild?: boolean | undefined;
+            readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, {
+            viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+            scrollTop: () => void;
+            scrollTopLeft: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            type: "hover" | "auto" | "scroll" | "always";
+            scrollHideDelay: number;
+        }, {}, 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<{
+        type: "hover" | "auto" | "scroll" | "always";
+        scrollHideDelay: number;
+    }> & Omit<Readonly<import('reka-ui').ScrollAreaRootProps> & Readonly<{}>, "type" | "scrollHideDelay" | "viewport" | "scrollTop" | "scrollTopLeft"> & import('vue').ShallowUnwrapRef<{
+        viewport: Ref<HTMLElement | undefined, HTMLElement | undefined>;
+        scrollTop: () => void;
+        scrollTopLeft: () => void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    }) | 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;
+    };
+};

package/dist/components/N8nScrollArea/index.d.ts

@@ -0,0 +1,2 @@
+import { default as N8nScrollArea } from './N8nScrollArea.vue';
+export default N8nScrollArea;

package/dist/components/N8nSectionHeader/SectionHeader.vue.d.ts

@@ -0,0 +1,23 @@
+export interface Props {
+    title: string;
+    bordered?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/N8nSectionHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SectionHeader.vue';
+export type { Props as SectionHeaderProps } from './SectionHeader.vue';

package/dist/components/N8nSelect/Select.types.d.ts

@@ -0,0 +1,8 @@
+import { ElSelect } from 'element-plus';
+export type InnerSelectRef = InstanceType<typeof ElSelect>;
+export interface N8nSelectExposed {
+    focus: () => void;
+    blur: () => void;
+    focusOnInput: () => void;
+    innerSelect: InnerSelectRef | null;
+}