x-next 0.0.0-alpha.8 → 1.0.0

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

@@ -0,0 +1,303 @@
+export declare const Draggable: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        [x: string]: /*elided*/ any;
+        modelValue: any[];
+        tag?: string | undefined;
+        target?: string | undefined;
+        customUpdate?: ((event: import('./useDraggable.ts').DraggableEvent) => void) | undefined;
+        allowMove?: ((event: import('./useDraggable.ts').DraggableEvent, originalEvent: Event) => boolean | void) | undefined;
+        moveValidator?: ((event: import('./useDraggable.ts').DraggableEvent, originalEvent: Event) => boolean | void) | undefined;
+        class?: any;
+        style?: import('vue').StyleValue;
+        clone?: ((element: any) => any) | undefined;
+        immediate?: boolean | undefined;
+        animation?: number | undefined | undefined;
+        chosenClass?: string | undefined | undefined;
+        dataIdAttr?: string | undefined | undefined;
+        delay?: number | undefined | undefined;
+        delayOnTouchOnly?: boolean | undefined | undefined;
+        direction?: ((evt: import('sortablejs').SortableEvent, target: HTMLElement, dragEl: HTMLElement) => import('sortablejs').Direction) | import('sortablejs').Direction | undefined;
+        disabled?: boolean | undefined | undefined;
+        dragClass?: string | undefined | undefined;
+        draggable?: string | undefined | undefined;
+        dragoverBubble?: boolean | undefined | undefined;
+        dropBubble?: boolean | undefined | undefined;
+        emptyInsertThreshold?: number | undefined | undefined;
+        easing?: string | undefined | undefined;
+        fallbackClass?: string | undefined | undefined;
+        fallbackOnBody?: boolean | undefined | undefined;
+        fallbackTolerance?: number | undefined | undefined;
+        fallbackOffset?: {
+            x: number;
+            y: number;
+        } | undefined | undefined;
+        filter?: string | ((this: import("sortablejs"), event: Event | TouchEvent, target: HTMLElement, sortable: import("sortablejs")) => boolean) | undefined | undefined;
+        forceFallback?: boolean | undefined | undefined;
+        ghostClass?: string | undefined | undefined;
+        group?: string | import('sortablejs').GroupOptions | undefined;
+        handle?: string | undefined | undefined;
+        ignore?: string | undefined | undefined;
+        invertSwap?: boolean | undefined | undefined;
+        invertedSwapThreshold?: number | undefined | undefined;
+        preventOnFilter?: boolean | undefined | undefined;
+        removeCloneOnHide?: boolean | undefined | undefined;
+        sort?: boolean | undefined | undefined;
+        store?: {
+            get: (sortable: import("sortablejs")) => string[];
+            set: (sortable: import("sortablejs")) => void;
+        } | undefined | undefined;
+        swapThreshold?: number | undefined | undefined;
+        touchStartThreshold?: number | undefined | undefined;
+        setData?: ((dataTransfer: DataTransfer, draggedElement: HTMLElement) => void) | undefined | undefined;
+        onStart?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onEnd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onAdd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onClone?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onChoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onUnchoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onUpdate?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onSort?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onRemove?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onFilter?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onMove?: ((evt: import('sortablejs').MoveEvent, originalEvent: Event) => boolean | -1 | 1 | void) | undefined | undefined;
+        onChange?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        scroll?: boolean | HTMLElement | undefined;
+        forceAutoScrollFallback?: boolean | undefined | undefined;
+        scrollFn?: ((this: import("sortablejs"), offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => "continue" | void) | undefined | undefined;
+        scrollSensitivity?: number | undefined | undefined;
+        scrollSpeed?: number | undefined | undefined;
+        bubbleScroll?: boolean | undefined | undefined;
+        multiDrag?: boolean | undefined | undefined;
+        selectedClass?: string | undefined | undefined;
+        multiDragKey?: null | undefined | string | undefined;
+        avoidImplicitDeselect?: boolean | undefined | undefined;
+        onSelect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onDeselect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        revertOnSpill?: boolean | undefined | undefined;
+        removeOnSpill?: boolean | undefined | undefined;
+        onSpill?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        swap?: boolean | undefined | undefined;
+        swapClass?: string | undefined | undefined;
+    }> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onRemove?: ((...args: any[]) => any) | undefined;
+        onUpdate?: ((...args: any[]) => any) | undefined;
+        onStart?: ((...args: any[]) => any) | undefined;
+        onAdd?: ((...args: any[]) => any) | undefined;
+        onEnd?: ((...args: any[]) => any) | undefined;
+        onClone?: ((...args: any[]) => any) | undefined;
+        onChoose?: ((...args: any[]) => any) | undefined;
+        onUnchoose?: ((...args: any[]) => any) | undefined;
+        onSort?: ((...args: any[]) => any) | undefined;
+        onFilter?: ((...args: any[]) => any) | undefined;
+        onMove?: ((...args: any[]) => any) | undefined;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("sort" | "filter" | "add" | "remove" | "change" | "end" | "start" | "clone" | "move" | "update:modelValue" | "update" | "choose" | "unchoose")[], import('vue').PublicProps, {} | {
+        [x: string]: any;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        [x: string]: /*elided*/ any;
+        modelValue: any[];
+        tag?: string | undefined;
+        target?: string | undefined;
+        customUpdate?: ((event: import('./useDraggable.ts').DraggableEvent) => void) | undefined;
+        allowMove?: ((event: import('./useDraggable.ts').DraggableEvent, originalEvent: Event) => boolean | void) | undefined;
+        moveValidator?: ((event: import('./useDraggable.ts').DraggableEvent, originalEvent: Event) => boolean | void) | undefined;
+        class?: any;
+        style?: import('vue').StyleValue;
+        clone?: ((element: any) => any) | undefined;
+        immediate?: boolean | undefined;
+        animation?: number | undefined | undefined;
+        chosenClass?: string | undefined | undefined;
+        dataIdAttr?: string | undefined | undefined;
+        delay?: number | undefined | undefined;
+        delayOnTouchOnly?: boolean | undefined | undefined;
+        direction?: ((evt: import('sortablejs').SortableEvent, target: HTMLElement, dragEl: HTMLElement) => import('sortablejs').Direction) | import('sortablejs').Direction | undefined;
+        disabled?: boolean | undefined | undefined;
+        dragClass?: string | undefined | undefined;
+        draggable?: string | undefined | undefined;
+        dragoverBubble?: boolean | undefined | undefined;
+        dropBubble?: boolean | undefined | undefined;
+        emptyInsertThreshold?: number | undefined | undefined;
+        easing?: string | undefined | undefined;
+        fallbackClass?: string | undefined | undefined;
+        fallbackOnBody?: boolean | undefined | undefined;
+        fallbackTolerance?: number | undefined | undefined;
+        fallbackOffset?: {
+            x: number;
+            y: number;
+        } | undefined | undefined;
+        filter?: string | ((this: import("sortablejs"), event: Event | TouchEvent, target: HTMLElement, sortable: import("sortablejs")) => boolean) | undefined | undefined;
+        forceFallback?: boolean | undefined | undefined;
+        ghostClass?: string | undefined | undefined;
+        group?: string | import('sortablejs').GroupOptions | undefined;
+        handle?: string | undefined | undefined;
+        ignore?: string | undefined | undefined;
+        invertSwap?: boolean | undefined | undefined;
+        invertedSwapThreshold?: number | undefined | undefined;
+        preventOnFilter?: boolean | undefined | undefined;
+        removeCloneOnHide?: boolean | undefined | undefined;
+        sort?: boolean | undefined | undefined;
+        store?: {
+            get: (sortable: import("sortablejs")) => string[];
+            set: (sortable: import("sortablejs")) => void;
+        } | undefined | undefined;
+        swapThreshold?: number | undefined | undefined;
+        touchStartThreshold?: number | undefined | undefined;
+        setData?: ((dataTransfer: DataTransfer, draggedElement: HTMLElement) => void) | undefined | undefined;
+        onStart?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onEnd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onAdd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onClone?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onChoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onUnchoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onUpdate?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onSort?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onRemove?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onFilter?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onMove?: ((evt: import('sortablejs').MoveEvent, originalEvent: Event) => boolean | -1 | 1 | void) | undefined | undefined;
+        onChange?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        scroll?: boolean | HTMLElement | undefined;
+        forceAutoScrollFallback?: boolean | undefined | undefined;
+        scrollFn?: ((this: import("sortablejs"), offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => "continue" | void) | undefined | undefined;
+        scrollSensitivity?: number | undefined | undefined;
+        scrollSpeed?: number | undefined | undefined;
+        bubbleScroll?: boolean | undefined | undefined;
+        multiDrag?: boolean | undefined | undefined;
+        selectedClass?: string | undefined | undefined;
+        multiDragKey?: null | undefined | string | undefined;
+        avoidImplicitDeselect?: boolean | undefined | undefined;
+        onSelect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        onDeselect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        revertOnSpill?: boolean | undefined | undefined;
+        removeOnSpill?: boolean | undefined | undefined;
+        onSpill?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+        swap?: boolean | undefined | undefined;
+        swapClass?: string | undefined | undefined;
+    }> & Readonly<{
+        onChange?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onRemove?: ((...args: any[]) => any) | undefined;
+        onUpdate?: ((...args: any[]) => any) | undefined;
+        onStart?: ((...args: any[]) => any) | undefined;
+        onAdd?: ((...args: any[]) => any) | undefined;
+        onEnd?: ((...args: any[]) => any) | undefined;
+        onClone?: ((...args: any[]) => any) | undefined;
+        onChoose?: ((...args: any[]) => any) | undefined;
+        onUnchoose?: ((...args: any[]) => any) | undefined;
+        onSort?: ((...args: any[]) => any) | undefined;
+        onFilter?: ((...args: any[]) => any) | undefined;
+        onMove?: ((...args: any[]) => any) | undefined;
+    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {} | {
+        [x: string]: any;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{
+    [x: string]: /*elided*/ any;
+    modelValue: any[];
+    tag?: string | undefined;
+    target?: string | undefined;
+    customUpdate?: ((event: import('./useDraggable.ts').DraggableEvent) => void) | undefined;
+    allowMove?: ((event: import('./useDraggable.ts').DraggableEvent, originalEvent: Event) => boolean | void) | undefined;
+    moveValidator?: ((event: import('./useDraggable.ts').DraggableEvent, originalEvent: Event) => boolean | void) | undefined;
+    class?: any;
+    style?: import('vue').StyleValue;
+    clone?: ((element: any) => any) | undefined;
+    immediate?: boolean | undefined;
+    animation?: number | undefined | undefined;
+    chosenClass?: string | undefined | undefined;
+    dataIdAttr?: string | undefined | undefined;
+    delay?: number | undefined | undefined;
+    delayOnTouchOnly?: boolean | undefined | undefined;
+    direction?: ((evt: import('sortablejs').SortableEvent, target: HTMLElement, dragEl: HTMLElement) => import('sortablejs').Direction) | import('sortablejs').Direction | undefined;
+    disabled?: boolean | undefined | undefined;
+    dragClass?: string | undefined | undefined;
+    draggable?: string | undefined | undefined;
+    dragoverBubble?: boolean | undefined | undefined;
+    dropBubble?: boolean | undefined | undefined;
+    emptyInsertThreshold?: number | undefined | undefined;
+    easing?: string | undefined | undefined;
+    fallbackClass?: string | undefined | undefined;
+    fallbackOnBody?: boolean | undefined | undefined;
+    fallbackTolerance?: number | undefined | undefined;
+    fallbackOffset?: {
+        x: number;
+        y: number;
+    } | undefined | undefined;
+    filter?: string | ((this: import("sortablejs"), event: Event | TouchEvent, target: HTMLElement, sortable: import("sortablejs")) => boolean) | undefined | undefined;
+    forceFallback?: boolean | undefined | undefined;
+    ghostClass?: string | undefined | undefined;
+    group?: string | import('sortablejs').GroupOptions | undefined;
+    handle?: string | undefined | undefined;
+    ignore?: string | undefined | undefined;
+    invertSwap?: boolean | undefined | undefined;
+    invertedSwapThreshold?: number | undefined | undefined;
+    preventOnFilter?: boolean | undefined | undefined;
+    removeCloneOnHide?: boolean | undefined | undefined;
+    sort?: boolean | undefined | undefined;
+    store?: {
+        get: (sortable: import("sortablejs")) => string[];
+        set: (sortable: import("sortablejs")) => void;
+    } | undefined | undefined;
+    swapThreshold?: number | undefined | undefined;
+    touchStartThreshold?: number | undefined | undefined;
+    setData?: ((dataTransfer: DataTransfer, draggedElement: HTMLElement) => void) | undefined | undefined;
+    onStart?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onEnd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onAdd?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onClone?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onChoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onUnchoose?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onUpdate?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onSort?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onRemove?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onFilter?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onMove?: ((evt: import('sortablejs').MoveEvent, originalEvent: Event) => boolean | -1 | 1 | void) | undefined | undefined;
+    onChange?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    scroll?: boolean | HTMLElement | undefined;
+    forceAutoScrollFallback?: boolean | undefined | undefined;
+    scrollFn?: ((this: import("sortablejs"), offsetX: number, offsetY: number, originalEvent: Event, touchEvt: TouchEvent, hoverTargetEl: HTMLElement) => "continue" | void) | undefined | undefined;
+    scrollSensitivity?: number | undefined | undefined;
+    scrollSpeed?: number | undefined | undefined;
+    bubbleScroll?: boolean | undefined | undefined;
+    multiDrag?: boolean | undefined | undefined;
+    selectedClass?: string | undefined | undefined;
+    multiDragKey?: null | undefined | string | undefined;
+    avoidImplicitDeselect?: boolean | undefined | undefined;
+    onSelect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    onDeselect?: ((event: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    revertOnSpill?: boolean | undefined | undefined;
+    removeOnSpill?: boolean | undefined | undefined;
+    onSpill?: ((evt: import('sortablejs').SortableEvent) => void) | undefined | undefined;
+    swap?: boolean | undefined | undefined;
+    swapClass?: string | undefined | undefined;
+}> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
+    onUpdate?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+    onEnd?: ((...args: any[]) => any) | undefined;
+    onClone?: ((...args: any[]) => any) | undefined;
+    onChoose?: ((...args: any[]) => any) | undefined;
+    onUnchoose?: ((...args: any[]) => any) | undefined;
+    onSort?: ((...args: any[]) => any) | undefined;
+    onFilter?: ((...args: any[]) => any) | undefined;
+    onMove?: ((...args: any[]) => any) | undefined;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("sort" | "filter" | "add" | "remove" | "change" | "end" | "start" | "clone" | "move" | "update:modelValue" | "update" | "choose" | "unchoose")[], "sort" | "filter" | "add" | "remove" | "change" | "end" | "start" | "clone" | "move" | "update:modelValue" | "update" | "choose" | "unchoose", {} | {
+    [x: string]: any;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { Draggable as default };
+export { vDraggable } from './directive.ts';
+export type { DraggableEvent, UseDraggableOptions, UseDraggableReturn, } from './useDraggable.ts';

package/dist/components/draggable/types/index.d.ts

@@ -0,0 +1,13 @@
+import { Ref, ShallowRef, WritableComputedRef } from 'vue';
+export { type Options, type SortableEvent } from 'sortablejs';
+/**
+ * @deprecated Use MaybeRef<T> instead
+ */
+export type RefOrValue<T> = T | Ref<T>;
+/**
+ * copied from vueuse: https://github.com/vueuse/vueuse/blob/main/packages/shared/tryOnUnmounted/index.ts
+ * Maybe it's a ref, or a plain value.
+ */
+export type MaybeRef<T = any> = T | Ref<T> | ShallowRef<T> | WritableComputedRef<T>;
+export type RefOrElement<T = HTMLElement> = T | Ref<T | undefined | null> | string;
+export type Fn = (...args: any[]) => any;

package/dist/components/draggable/useDraggable.d.ts

@@ -0,0 +1,38 @@
+import { default as Sortable, Options, SortableEvent } from 'sortablejs';
+import { Ref } from 'vue';
+import { RefOrElement, MaybeRef } from './types';
+declare const CLONE_ELEMENT_KEY: unique symbol;
+export interface DraggableEvent<T = any> extends SortableEvent {
+    item: HTMLElement & {
+        [CLONE_ELEMENT_KEY]: any;
+    };
+    data: T;
+    clonedData: T;
+}
+type SortableMethod = 'closest' | 'save' | 'toArray' | 'destroy' | 'option';
+export interface UseDraggableReturn extends Pick<Sortable, SortableMethod> {
+    /**
+     * Start the sortable.
+     * @param {HTMLElement} target - The target element to be sorted.
+     * @default By default the root element of the VueDraggablePlus instance is used
+     */
+    start: (target?: HTMLElement) => void;
+    pause: () => void;
+    resume: () => void;
+}
+export interface UseDraggableOptions<T> extends Options {
+    clone?: (element: T) => T;
+    immediate?: boolean;
+    customUpdate?: (event: DraggableEvent<T>) => void;
+}
+/**
+ * A custom compositionApi utils that allows you to drag and drop elements in lists.
+ * @param el
+ * @param {Array} list - The list to be dragged
+ * @param {Object} options - The options of the sortable
+ * @returns {Object} - The return of the sortable
+ */
+export declare function useDraggable<T>(el: RefOrElement, list?: Ref<T[] | undefined>, options?: MaybeRef<UseDraggableOptions<T>>): UseDraggableReturn;
+export declare function useDraggable<T>(el: null | undefined, list?: Ref<T[] | undefined>, options?: MaybeRef<UseDraggableOptions<T>>): UseDraggableReturn;
+export declare function useDraggable<T>(el: RefOrElement<HTMLElement | null | undefined>, options?: MaybeRef<UseDraggableOptions<T>>): UseDraggableReturn;
+export {};

package/dist/components/draggable/utils/index.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Moves an element in an array from one position to another.
+ * @param {T[]} array
+ * @param {number} from
+ * @param {number} to
+ * @returns {T[]}
+ */
+export declare function moveArrayElement<T>(array: T[], from: number, to: number): T[];
+/**
+ * Convert a hyphen-delimited string to camelCase.
+ * @param {string} str
+ * @returns {string}
+ */
+export declare function camelize(str: string): string;
+/**
+ * Convert an object's keys from hyphen-delimited to camelCase.
+ * @param {Record<string, any>} object
+ * @returns {Record<string, any>}
+ */
+export declare function objectMap(object: Record<any, any>): Record<string, any>;
+/**
+ * Removes an element from an array.
+ * @param {T[]} array
+ * @param {number} index
+ * @returns {T[]}
+ */
+export declare function removeElement<T>(array: T[], index: number): T[];
+/**
+ * Inserts an element into an array.
+ * @param {T[]} array
+ * @param {number} index
+ * @param element
+ * @returns {T[]}
+ */
+export declare function insertElement<T>(array: T[], index: number, element: any): T[];
+/**
+ * If the value is undefined, return true, otherwise return false.
+ * @param {any} value - any
+ * @returns {value is undefined}
+ */
+export declare function isUndefined(value: any): value is undefined;
+/**
+ * If the value is string, return true, otherwise return false.
+ * @param value
+ * @returns {value is string}
+ */
+export declare function isString(value: any): value is string;
+/**
+ * Inserts a element into the DOM at a given index.
+ * @param parentElement
+ * @param element
+ * @param {number} index
+ */
+export declare function insertNodeAt(parentElement: Element, element: Element, index: number): void;
+/**
+ * Removes a node from the DOM.
+ * @param {Node} node
+ */
+export declare function removeNode(node: Node): void;
+/**
+ * Get an element by selector.
+ * @param {string} selector
+ * @param parentElement
+ * @returns {Element}
+ */
+export declare function getElementBySelector(selector: string, parentElement?: Document | Element): HTMLElement;
+/**
+ * It takes a function and returns a function that executes the original function and then executes the second function.
+ * @param {Function} fn - The function to be executed
+ * @param {Function} afterFn - The function to be executed after the original function.
+ * @param {any} [ctx=null] - The context of the function.
+ * @returns {Function}
+ */
+export declare function mergeExecuted<T extends (...args: []) => any>(fn: T, afterFn: T, ctx?: any): (...args: any[]) => any;
+/**
+ * Merge the options and events.
+ * @param {Record<string, any>} options
+ * @param {Record<string, any>} events
+ * @returns {Record<string, any>}
+ */
+export declare function mergeOptionsEvents(options: Record<string, any>, events: Record<string, any>): {
+    [x: string]: any;
+};
+export declare function isHTMLElement(el: any): el is HTMLElement;
+/**
+ * @param obj
+ * @param fn
+ */
+export declare function forEachObject<T extends Record<string, any>>(obj: T, fn: (key: keyof T, value: T[keyof T]) => void): void;
+/**
+ *
+ * @param key
+ */
+export declare function isOn(key: any): boolean;
+export declare const extend: {
+    <T extends {}, U>(target: T, source: U): T & U;
+    <T extends {}, U, V>(target: T, source1: U, source2: V): T & U & V;
+    <T extends {}, U, V, W>(target: T, source1: U, source2: V, source3: W): T & U & V & W;
+    (target: object, ...sources: any[]): any;
+};

package/dist/components/draggable/utils/log.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Logs a warning message.
+ * @param {string} msg
+ */
+export declare function warn(msg: string): void;
+/**
+ * Logs an error message.
+ * @param {string} msg
+ */
+export declare function error(msg: string): void;