vue3-grid-layout-next - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

dist/components/Grid/GridItem.vue.d.ts

@@ -1,2 +0,240 @@
-declare const _sfc_main: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
-export default _sfc_main;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    x: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    y: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    w: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    h: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    i: {
+        type: import("vue").PropType<string | number>;
+        required: true;
+    };
+    isDraggable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    isResizable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    isBounded: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    static: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    minH: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    minW: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxH: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxW: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    dragIgnoreFrom: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    dragAllowFrom: {
+        type: import("vue").PropType<string | null>;
+        default: null;
+    };
+    resizeIgnoreFrom: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    preserveAspectRatio: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dragOption: {
+        type: import("vue").PropType<{
+            [key: string]: any;
+        }>;
+        default: () => {};
+    };
+    resizeOption: {
+        type: import("vue").PropType<{
+            [key: string]: any;
+        }>;
+        default: () => {};
+    };
+}, {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    i: string | number;
+    isDraggable: boolean | null;
+    isResizable: boolean | null;
+    isBounded: boolean | null;
+    static: boolean;
+    minH: number;
+    minW: number;
+    maxH: number;
+    maxW: number;
+    dragIgnoreFrom: string;
+    dragAllowFrom: string | null;
+    resizeIgnoreFrom: string;
+    preserveAspectRatio: boolean;
+    dragOption: {
+        [key: string]: any;
+    };
+    resizeOption: {
+        [key: string]: any;
+    };
+    autoSize: () => void;
+    calcXY: (top: number, left: number) => {
+        x: number;
+        y: number;
+    };
+    dragging: import("vue").Ref<{
+        left?: number | undefined;
+        right?: number | undefined;
+        top: number;
+        width: number;
+        height: number;
+    } | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "container-resized": (i: string | number, h: number, w: number, height: number, width: number) => void;
+    resize: (i: string | number, h: number, w: number, height: number, width: number) => void;
+    resized: (i: string | number, h: number, w: number, height: number, width: number) => void;
+    move: (i: string | number, x: number, y: number) => void;
+    moved: (i: string | number, x: number, y: number) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    x: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    y: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    w: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    h: {
+        type: import("vue").PropType<number>;
+        required: true;
+    };
+    i: {
+        type: import("vue").PropType<string | number>;
+        required: true;
+    };
+    isDraggable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    isResizable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    isBounded: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    static: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    minH: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    minW: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxH: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    maxW: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    dragIgnoreFrom: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    dragAllowFrom: {
+        type: import("vue").PropType<string | null>;
+        default: null;
+    };
+    resizeIgnoreFrom: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    preserveAspectRatio: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    dragOption: {
+        type: import("vue").PropType<{
+            [key: string]: any;
+        }>;
+        default: () => {};
+    };
+    resizeOption: {
+        type: import("vue").PropType<{
+            [key: string]: any;
+        }>;
+        default: () => {};
+    };
+}>> & {
+    onResize?: ((i: string | number, h: number, w: number, height: number, width: number) => any) | undefined;
+    "onContainer-resized"?: ((i: string | number, h: number, w: number, height: number, width: number) => any) | undefined;
+    onResized?: ((i: string | number, h: number, w: number, height: number, width: number) => any) | undefined;
+    onMove?: ((i: string | number, x: number, y: number) => any) | undefined;
+    onMoved?: ((i: string | number, x: number, y: number) => any) | undefined;
+}, {
+    isDraggable: boolean | null;
+    isResizable: boolean | null;
+    isBounded: boolean | null;
+    static: boolean;
+    minH: number;
+    minW: number;
+    maxH: number;
+    maxW: number;
+    dragIgnoreFrom: string;
+    dragAllowFrom: string | null;
+    resizeIgnoreFrom: string;
+    preserveAspectRatio: boolean;
+    dragOption: {
+        [key: string]: any;
+    };
+    resizeOption: {
+        [key: string]: any;
+    };
+}, {}>, {
+    default?(_: {
+        style: any;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

dist/components/Grid/GridLayout.vue.d.ts

@@ -1,5 +0,1 @@
-import { Emitter, EventType } from "mitt";
-import elementResizeDetectorMaker from "element-resize-detector";
-import { Layout, LayoutItem } from '../../helpers/utils';
-import { EventsData } from '../../helpers/DOM';
 export interface Placeholder {
@@ -67,86 +63,90 @@ x: number;
 }
-declare const _sfc_main: import("vue").DefineComponent<{
+import { EventType } from "mitt";
+import elementResizeDetectorMaker from "element-resize-detector";
+import { Layout } from '../../helpers/utils';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    isDraggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isResizable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isBounded: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     autoSize: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    margin: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+    responsive: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    cols: {
+        type: import("vue").PropType<{
+            lg: number;
+            md: number;
+            sm: number;
+            xs: number;
+            xxs: number;
+        }>;
+        default: () => {
+            lg: number;
+            md: number;
+            sm: number;
+            xs: number;
+            xxs: number;
+        };
+    };
     colNum: {
-        type: NumberConstructor;
-        required: false;
+        type: import("vue").PropType<number>;
         default: number;
     };
     rowHeight: {
-        type: NumberConstructor;
-        required: false;
+        type: import("vue").PropType<number>;
         default: number;
     };
     maxRows: {
-        type: NumberConstructor;
-        required: false;
+        type: import("vue").PropType<number>;
         default: number;
     };
-    margin: {
-        type: ArrayConstructor;
-        required: false;
-        default: () => number[];
+    transformScale: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
-    isDraggable: {
-        type: BooleanConstructor;
-        required: false;
+    useCssTransforms: {
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isResizable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
     isMirrored: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isBounded: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    useCssTransforms: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
     verticalCompact: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     restoreOnDrag: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     layout: {
-        type: null;
+        type: import("vue").PropType<Layout>;
         required: true;
     };
-    responsive: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
     responsiveLayouts: {
-        type: ObjectConstructor;
-        required: false;
+        type: import("vue").PropType<{
+            [key: string]: any;
+        }>;
         default: () => {};
     };
-    transformScale: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
     breakpoints: {
-        type: ObjectConstructor;
-        required: false;
-        default: () => {
+        type: import("vue").PropType<{
             lg: number;
@@ -157,7 +157,3 @@ md: number;
             xxs: number;
-        };
-    };
-    cols: {
-        type: ObjectConstructor;
-        required: false;
+        }>;
         default: () => {
@@ -172,13 +168,10 @@ lg: number;
     preventCollision: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     useStyleCursor: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
 }, {
-    props: any;
     width: import("vue").Ref<number | null>;
@@ -195,3 +188,3 @@ mergeStyle: import("vue").Ref<{
         h: number;
-        i: number | string;
+        i: string | number;
     }>;
@@ -223,125 +216,131 @@ layouts: import("vue").Ref<{
     } | null>;
-    positionsBeforeDrag: import("vue").Ref<{
-        [key: string]: string;
-    } | undefined>;
-    this$refsLayout: import("vue").Ref<HTMLElement>;
     defaultGridItem: import("vue").Ref<any>;
-    eventBus: Emitter<{
-        resizeEvent?: EventsData | undefined;
-        dragEvent?: EventsData | undefined;
-        updateWidth: number | null;
-        setColNum: number;
-        setRowHeight: number;
-        setDraggable: boolean;
-        setResizable: boolean;
-        setBounded: boolean;
-        setTransformScale: number;
-        setMaxRows: number;
-        compact: void;
-    }>;
-    emit: {
-        (e: "layout-created", layout: Layout): void;
-        (e: "layout-before-mount", layout: Layout): void;
-        (e: "layout-mounted", layout: Layout): void;
-        (e: "layout-updated", layout: Layout): void;
-        (e: "layout-ready", layout: Layout): void;
-        (e: "update:layout", layout: Layout): void;
-        (e: "breakpoint-changed", newBreakpoint: string, layout: Layout): void;
+    dragEvent: (eventName?: EventType, id?: string | number, x?: number, y?: number, h?: number, w?: number) => void;
+    layout: Layout;
+    autoSize: boolean;
+    colNum: number;
+    rowHeight: number;
+    maxRows: number;
+    margin: number[];
+    isDraggable: boolean;
+    isResizable: boolean;
+    isMirrored: boolean;
+    isBounded: boolean;
+    useCssTransforms: boolean;
+    verticalCompact: boolean;
+    restoreOnDrag: boolean;
+    responsive: boolean;
+    responsiveLayouts: {
+        [key: string]: any;
     };
-    resizeEventHandler: (data?: EventsData) => void;
-    dragEventHandler: (data?: EventsData) => void;
-    layoutUpdate: () => void;
-    updateHeight: () => void;
-    onWindowResize: () => void;
-    containerHeight: () => string;
-    dragEvent: (eventName?: EventType, id?: string | number, x?: number, y?: number, h?: number, w?: number) => void;
-    resizeEvent: (eventName?: EventType, id?: string | number, x?: number, y?: number, h?: number, w?: number) => void;
-    responsiveGridLayout: () => void;
-    initResponsiveFeatures: () => void;
-    findDifference: (layout: Layout, originalLayout: Layout) => LayoutItem[];
-    GridItem: import("vue").DefineComponent<unknown, object, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<unknown>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("layout-created" | "layout-before-mount" | "layout-mounted" | "layout-updated" | "layout-ready" | "update:layout" | "breakpoint-changed")[], "layout-created" | "layout-before-mount" | "layout-mounted" | "layout-updated" | "layout-ready" | "update:layout" | "breakpoint-changed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    transformScale: number;
+    breakpoints: {
+        lg: number;
+        md: number;
+        sm: number;
+        xs: number;
+        xxs: number;
+    };
+    cols: {
+        lg: number;
+        md: number;
+        sm: number;
+        xs: number;
+        xxs: number;
+    };
+    preventCollision: boolean;
+    useStyleCursor: boolean;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "layout-created": (layout: Layout) => void;
+    "layout-before-mount": (layout: Layout) => void;
+    "layout-mounted": (layout: Layout) => void;
+    "layout-updated": (layout: Layout) => void;
+    "layout-ready": (layout: Layout) => void;
+    "update:layout": (layout: Layout) => void;
+    "breakpoint-changed": (newBreakpoint: string, layout: Layout) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isDraggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isResizable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    isBounded: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     autoSize: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    margin: {
+        type: import("vue").PropType<number[]>;
+        default: () => number[];
+    };
+    responsive: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    cols: {
+        type: import("vue").PropType<{
+            lg: number;
+            md: number;
+            sm: number;
+            xs: number;
+            xxs: number;
+        }>;
+        default: () => {
+            lg: number;
+            md: number;
+            sm: number;
+            xs: number;
+            xxs: number;
+        };
+    };
     colNum: {
-        type: NumberConstructor;
-        required: false;
+        type: import("vue").PropType<number>;
         default: number;
     };
     rowHeight: {
-        type: NumberConstructor;
-        required: false;
+        type: import("vue").PropType<number>;
         default: number;
     };
     maxRows: {
-        type: NumberConstructor;
-        required: false;
+        type: import("vue").PropType<number>;
         default: number;
     };
-    margin: {
-        type: ArrayConstructor;
-        required: false;
-        default: () => number[];
+    transformScale: {
+        type: import("vue").PropType<number>;
+        default: number;
     };
-    isDraggable: {
-        type: BooleanConstructor;
-        required: false;
+    useCssTransforms: {
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isResizable: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
     isMirrored: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    isBounded: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
-    useCssTransforms: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
     verticalCompact: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     restoreOnDrag: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     layout: {
-        type: null;
+        type: import("vue").PropType<Layout>;
         required: true;
     };
-    responsive: {
-        type: BooleanConstructor;
-        required: false;
-        default: boolean;
-    };
     responsiveLayouts: {
-        type: ObjectConstructor;
-        required: false;
+        type: import("vue").PropType<{
+            [key: string]: any;
+        }>;
         default: () => {};
     };
-    transformScale: {
-        type: NumberConstructor;
-        required: false;
-        default: number;
-    };
     breakpoints: {
-        type: ObjectConstructor;
-        required: false;
-        default: () => {
+        type: import("vue").PropType<{
             lg: number;
@@ -352,7 +351,3 @@ md: number;
             xxs: number;
-        };
-    };
-    cols: {
-        type: ObjectConstructor;
-        required: false;
+        }>;
         default: () => {
@@ -367,19 +362,17 @@ lg: number;
     preventCollision: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     useStyleCursor: {
-        type: BooleanConstructor;
-        required: false;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
 }>> & {
-    "onLayout-created"?: ((...args: any[]) => any) | undefined;
-    "onLayout-before-mount"?: ((...args: any[]) => any) | undefined;
-    "onLayout-mounted"?: ((...args: any[]) => any) | undefined;
-    "onLayout-updated"?: ((...args: any[]) => any) | undefined;
-    "onLayout-ready"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:layout"?: ((...args: any[]) => any) | undefined;
-    "onBreakpoint-changed"?: ((...args: any[]) => any) | undefined;
+    "onLayout-created"?: ((layout: Layout) => any) | undefined;
+    "onLayout-before-mount"?: ((layout: Layout) => any) | undefined;
+    "onLayout-mounted"?: ((layout: Layout) => any) | undefined;
+    "onLayout-updated"?: ((layout: Layout) => any) | undefined;
+    "onLayout-ready"?: ((layout: Layout) => any) | undefined;
+    "onUpdate:layout"?: ((layout: Layout) => any) | undefined;
+    "onBreakpoint-changed"?: ((newBreakpoint: string, layout: Layout) => any) | undefined;
 }, {
@@ -390,18 +383,39 @@ isDraggable: boolean;
     autoSize: boolean;
+    margin: number[];
+    responsive: boolean;
+    cols: {
+        lg: number;
+        md: number;
+        sm: number;
+        xs: number;
+        xxs: number;
+    };
     colNum: number;
     rowHeight: number;
     maxRows: number;
-    margin: unknown[];
+    transformScale: number;
+    useCssTransforms: boolean;
     isMirrored: boolean;
-    useCssTransforms: boolean;
     verticalCompact: boolean;
     restoreOnDrag: boolean;
-    responsive: boolean;
-    responsiveLayouts: Record<string, any>;
-    transformScale: number;
-    breakpoints: Record<string, any>;
-    cols: Record<string, any>;
+    responsiveLayouts: {
+        [key: string]: any;
+    };
+    breakpoints: {
+        lg: number;
+        md: number;
+        sm: number;
+        xs: number;
+        xxs: number;
+    };
     preventCollision: boolean;
     useStyleCursor: boolean;
+}, {}>, {
+    default?(_: {}): any;
 }>;
-export default _sfc_main;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

dist/helpers/DOM.d.ts

@@ -1,2 +0,2 @@
-export declare type Direction = "ltr" | "rtl" | "auto";
+export type Direction = "ltr" | "rtl" | "auto";
 export declare function getDocumentDir(): Direction | string;
@@ -3,0 +3,0 @@ export declare function setDocumentDir(dir: Direction): boolean;

dist/helpers/responsiveUtils.d.ts

 import type { Layout } from "./utils";
-export declare type ResponsiveLayout = {
+export type ResponsiveLayout = {
     lg?: Layout;
@@ -9,4 +9,4 @@ md?: Layout;
 };
-export declare type Breakpoint = string;
-export declare type Breakpoints = {
+export type Breakpoint = string;
+export type Breakpoints = {
     lg?: number;
@@ -13,0 +13,0 @@ md?: number;

dist/helpers/utils.d.ts

@@ -8,3 +8,3 @@ export interface LayoutItemRequired {
 }
-export declare type LayoutItem = LayoutItemRequired & {
+export type LayoutItem = LayoutItemRequired & {
     minW?: number;
@@ -19,4 +19,4 @@ minH?: number;
 };
-export declare type Layout = Array<LayoutItem>;
-export declare type Size = {
+export type Layout = Array<LayoutItem>;
+export type Size = {
     width: number;
@@ -23,0 +23,0 @@ height: number;

dist/hooks/useInstance.d.ts

 export default function useCurrentInstance(): {
-    proxy: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+    proxy: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
     appContext: import("vue").AppContext;
     globalProperties: import("vue").ComponentCustomProperties & Record<string, any>;
 };

package.json

 {
   "name": "vue3-grid-layout-next",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "type": "module",
@@ -38,2 +38,4 @@ "description": "A draggable and resizable grid layout, as a Vue component.",
     "@interactjs/modifiers": "^1.10.17",
+    "@interactjs/core": "^1.10.17",
+    "@interactjs/utils": "^1.10.17",
     "element-resize-detector": "^1.2.4",
@@ -56,3 +58,3 @@ "interactjs": "^1.10.17",
     "vite": "^3.2.3",
-    "vite-plugin-dts": "^1.7.1",
+    "vite-plugin-dts": "^3.5.1",
     "vite-plugin-libcss": "^1.0.5",
@@ -59,0 +61,0 @@ "vue": "^3.2.41",

No alert changes

Improved metrics

Total package byte prevSize

380360

1.7%

Number of package files

39

2.63%

Lines of code

7463

3.85%

Worsened metrics

Dependency count

11

22.22%

Dependency changes

• + Added

  @interactjs/core@^1.10.17

• + Added

  @interactjs/utils@^1.10.17