@dreamcommerce/aurora 3.1.24 → 3.1.25-2

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IResizableContainerProps } from '../resizable_container_types';
+export declare const ResizableContainer: React.FC<IResizableContainerProps>;

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js

@@ -0,0 +1,11 @@
+import { ResizableHandle } from '@auroraComponents/resizable/components/resizable_handle';
+import React from 'react';
+import '../resizable_container_types';
+export const ResizableContainer = ({ className, style, variant, handleHoverSpacePx, handleResizing, children }) => {
+    return (React.createElement("div", { className: `aurora-flex aurora-relative ${className}`, style: style },
+        variant === 'horizontal' ? (React.createElement(React.Fragment, null,
+            React.createElement(ResizableHandle, { position: "left", hoverGutterSizePx: handleHoverSpacePx, onMouseDown: (e) => handleResizing(e, 'left') }),
+            React.createElement(ResizableHandle, { position: "right", hoverGutterSizePx: handleHoverSpacePx, onMouseDown: (e) => handleResizing(e, 'right') }))) : (React.createElement(ResizableHandle, { position: variant, hoverGutterSizePx: handleHoverSpacePx, onMouseDown: (e) => handleResizing(e, variant) })),
+        React.createElement("div", { className: "aurora-flex-1" }, children)));
+};
+//# sourceMappingURL=resizable_container.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable_container.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/components/resizable_container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,yDAAyD,CAAC;AAC1F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAyC,8BAA8B,CAAC;AAExE,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EACnE,SAAS,EACT,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,cAAc,EACd,QAAQ,EACX,EAAE,EAAE;IACD,OAAO,CACH,6BAAK,SAAS,EAAE,+BAA+B,SAAS,EAAE,EAAE,KAAK,EAAE,KAAK;QACnE,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,CACxB;YACI,oBAAC,eAAe,IAAC,QAAQ,EAAC,MAAM,EAAC,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,MAAM,CAAC,GAAI;YACzH,oBAAC,eAAe,IAAC,QAAQ,EAAC,OAAO,EAAC,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,GAAI,CAC5H,CACN,CAAC,CAAC,CAAC,CACA,oBAAC,eAAe,IAAC,QAAQ,EAAE,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,EAAE,OAAO,CAAC,GAAI,CAChI;QACD,6BAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC7C,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IResizableHandleProps {
+    position: 'left' | 'right';
+    hoverGutterSizePx?: number;
+    className?: string;
+    onMouseDown: (e: React.MouseEvent) => void;
+}
+export declare const ResizableHandle: React.FC<IResizableHandleProps>;
+export {};

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { cn } from '@auroraUtilities/cn';
+import { RESIZABLE_CONTAINER_RESIZER_CLASS } from '@auroraComponents/resizable/resizable_container_constants';
+import { useResizableContext } from '../hooks/use_resizable_context';
+export const ResizableHandle = ({ position, hoverGutterSizePx = 8, className, onMouseDown }) => {
+    const { isResizing } = useResizableContext();
+    return (React.createElement("div", { className: cn(`${RESIZABLE_CONTAINER_RESIZER_CLASS} ${className} aurora-absolute aurora-top-0 aurora-bottom-0 aurora-cursor-col-resize aurora-transition-opacity aurora-duration-200 aurora-z-[99999] aurora-opacity-0 hover:aurora-opacity-100`, {
+            'aurora-opacity-100': isResizing
+        }), style: {
+            paddingLeft: `${hoverGutterSizePx}px`,
+            paddingRight: `${hoverGutterSizePx}px`,
+            left: position === 'left' ? `-${hoverGutterSizePx}px` : '',
+            right: position === 'right' ? `-${hoverGutterSizePx}px` : ''
+        }, onMouseDown: onMouseDown },
+        React.createElement("div", { className: cn('aurora-w-[2px] aurora-h-full aurora-bg-primary', {
+                'aurora-bg-primary-hover': isResizing
+            }) })));
+};
+//# sourceMappingURL=resizable_handle.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_handle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable_handle.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/components/resizable_handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,iCAAiC,EAAE,MAAM,2DAA2D,CAAC;AAC9G,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AASrE,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE;IAC5H,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE7C,OAAO,CACH,6BACI,SAAS,EAAE,EAAE,CACT,GAAG,iCAAiC,IAAI,SAAS,iLAAiL,EAClO;YACI,oBAAoB,EAAE,UAAU;SACnC,CACJ,EACD,KAAK,EAAE;YACH,WAAW,EAAE,GAAG,iBAAiB,IAAI;YACrC,YAAY,EAAE,GAAG,iBAAiB,IAAI;YACtC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,iBAAiB,IAAI,CAAC,CAAC,CAAC,EAAE;YAC1D,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,iBAAiB,IAAI,CAAC,CAAC,CAAC,EAAE;SAC/D,EACD,WAAW,EAAE,WAAW;QAExB,6BACI,SAAS,EAAE,EAAE,CAAC,gDAAgD,EAAE;gBAC5D,yBAAyB,EAAE,UAAU;aACxC,CAAC,GACJ,CACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IResizablePureProps } from "../resizable_container_types";
+export declare const ResizablePure: React.FC<IResizablePureProps>;

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js

@@ -0,0 +1,12 @@
+import React, { useEffect } from 'react';
+import '@auroraComponents/resizable/resizable_container_types';
+import { ResizableContainer } from '@auroraComponents/resizable/components/resizable_container';
+import { useResizableContext } from '../hooks/use_resizable_context';
+export const ResizablePure = ({ children, variant = 'left', handleHoverSpacePx, widthConfig, onResize, className }) => {
+    const { currentWidth, handleResizing, isResizing } = useResizableContext();
+    useEffect(() => {
+        onResize?.(currentWidth, isResizing);
+    }, [currentWidth, isResizing, onResize]);
+    return (React.createElement(ResizableContainer, { className: className || '', style: { width: currentWidth, minWidth: widthConfig.min, maxWidth: widthConfig.max }, variant: variant, handleHoverSpacePx: handleHoverSpacePx, handleResizing: handleResizing }, children));
+};
+//# sourceMappingURL=resizable_pure.js.map

package/build/esm/packages/aurora/src/components/resizable/components/resizable_pure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable_pure.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/components/resizable_pure.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAoC,uDAAuD,CAAC;AAE5F,OAAO,EAAE,kBAAkB,EAAE,MAAM,4DAA4D,CAAC;AAChG,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,MAAM,CAAC,MAAM,aAAa,GAAkC,CAAC,EACzD,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,SAAS,EACZ,EAAE,EAAE;IACD,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACX,QAAQ,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,oBAAC,kBAAkB,IACf,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,CAAC,GAAG,EAAE,QAAQ,EAAE,WAAW,CAAC,GAAG,EAAE,EACpF,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,cAAc,IAE7B,QAAQ,CACQ,CACxB,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.d.ts

@@ -0,0 +1,7 @@
+import { TContainerWidthConfig, TResizerVariant, TResizingDirection } from '../resizable_container_types';
+declare const useResizable: (name: string, variant: TResizerVariant, widthConfig: TContainerWidthConfig) => {
+    isResizing: boolean;
+    currentWidth: number;
+    handleResizing: (e: React.MouseEvent, direction: TResizingDirection) => void;
+};
+export default useResizable;

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js

@@ -0,0 +1,68 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { RESIZING_DIRECTIONS } from '../resizable_container_constants';
+import '../resizable_container_types';
+import { getInitialWidth, saveWidthToStorage, removeEventListeners, addEventListeners } from '../resizable_utils';
+const useResizable = (name, variant, widthConfig) => {
+    const storageKey = `sve_resizable_${name}_width`;
+    const [isResizing, setIsResizing] = useState(false);
+    const isResizingRef = useRef(false);
+    const resizingDirection = useRef(RESIZING_DIRECTIONS.left);
+    const initialMouseX = useRef(0);
+    const initialWidth = useRef(0);
+    const [width, setWidth] = useState(() => {
+        return getInitialWidth(storageKey, widthConfig);
+    });
+    const widthRef = useRef(width);
+    const handleMouseMove = useCallback((e) => {
+        if (!isResizingRef.current)
+            return;
+        const direction = variant === 'horizontal' ? resizingDirection.current : variant;
+        const newWidth = calculateNewWidth(e.clientX, direction, widthConfig, initialMouseX.current, initialWidth.current);
+        widthRef.current = newWidth;
+        setWidth(newWidth);
+    }, []);
+    const handleMouseUp = useCallback(() => {
+        if (!isResizingRef.current)
+            return;
+        isResizingRef.current = false;
+        setIsResizing(false);
+        removeEventListeners({
+            mousemove: handleMouseMove,
+            mouseup: handleMouseUp
+        });
+        saveWidthToStorage(storageKey, widthRef.current);
+    }, []);
+    const handleResizing = useCallback((e, direction) => {
+        e.preventDefault();
+        isResizingRef.current = true;
+        setIsResizing(true);
+        resizingDirection.current = direction;
+        initialMouseX.current = e.clientX;
+        initialWidth.current = widthRef.current;
+        addEventListeners({
+            mousemove: handleMouseMove,
+            mouseup: handleMouseUp
+        });
+    }, []);
+    const calculateNewWidth = (clientX, direction, widthConfig, initialMouseX, initialWidth) => {
+        const { min, max } = widthConfig;
+        const mouseDelta = clientX - initialMouseX;
+        const newWidth = direction === RESIZING_DIRECTIONS.left ? initialWidth - mouseDelta : initialWidth + mouseDelta;
+        return Math.min(Math.max(newWidth, min), max);
+    };
+    useEffect(() => {
+        return () => {
+            removeEventListeners({
+                mousemove: handleMouseMove,
+                mouseup: handleMouseUp
+            });
+        };
+    }, []);
+    return {
+        isResizing,
+        currentWidth: width,
+        handleResizing
+    };
+};
+export default useResizable;
+//# sourceMappingURL=use_resizable.js.map

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_resizable.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/hooks/use_resizable.ts"],"names":[],"mappings":"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"}

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.d.ts

@@ -0,0 +1,2 @@
+import { IResizableContextProps } from '../resizable_container_types';
+export declare function useResizableContext(): IResizableContextProps;

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import '../resizable_container_types';
+import { ResizableContext } from '../resizable_context';
+export function useResizableContext() {
+    const context = useContext(ResizableContext);
+    if (Object.keys(context).length === 0 && context.constructor === Object) {
+        throw new Error(`Resizable component cannot be rendered outside the ResizableProvider component`);
+    }
+    return context;
+}
+//# sourceMappingURL=use_resizable_context.js.map

package/build/esm/packages/aurora/src/components/resizable/hooks/use_resizable_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_resizable_context.js","sourceRoot":"","sources":["../../../../../../../../src/components/resizable/hooks/use_resizable_context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAuC,8BAA8B,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,UAAU,mBAAmB;IAC/B,MAAM,OAAO,GAA2B,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAErE,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;QACrE,MAAM,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAC;KACrG;IACD,OAAO,OAAO,CAAC;AACnB,CAAC"}

package/build/esm/packages/aurora/src/components/resizable/resizable.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IResizableProps } from "./resizable_container_types";
+export declare const Resizable: React.FC<IResizableProps>;

package/build/esm/packages/aurora/src/components/resizable/resizable.js

@@ -0,0 +1,16 @@
+import React, { useMemo } from 'react';
+import '@auroraComponents/resizable/resizable_container_types';
+import useResizable from './hooks/use_resizable';
+import { ResizableContext } from './resizable_context';
+import { ResizablePure } from './components/resizable_pure';
+export const Resizable = ({ name, children, variant = 'left', handleHoverSpacePx, widthConfig, onResize, className }) => {
+    const { isResizing, currentWidth, handleResizing } = useResizable(name, variant, widthConfig);
+    const contextVal = useMemo(() => ({
+        isResizing,
+        currentWidth,
+        handleResizing
+    }), [isResizing, currentWidth, handleResizing]);
+    return (React.createElement(ResizableContext.Provider, { value: contextVal },
+        React.createElement(ResizablePure, { className: className || '', variant: variant, handleHoverSpacePx: handleHoverSpacePx, widthConfig: widthConfig, onResize: onResize }, children)));
+};
+//# sourceMappingURL=resizable.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.js","sourceRoot":"","sources":["../../../../../../../src/components/resizable/resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAgC,uDAAuD,CAAC;AAExF,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACjD,IAAI,EACJ,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,SAAS,EACZ,EAAE,EAAE;IACD,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;IAE9F,MAAM,UAAU,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC;QACH,UAAU;QACV,YAAY;QACZ,cAAc;KACjB,CAAC,EACF,CAAC,UAAU,EAAE,YAAY,EAAE,cAAc,CAAC,CAC7C,CAAC;IAEF,OAAO,CACH,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU;QACxC,oBAAC,aAAa,IACV,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACG,CACQ,CAC/B,CAAC;AACN,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.d.ts

@@ -0,0 +1,10 @@
+export declare const RESIZE_HANDLE_VARIANTS: {
+    readonly left: "left";
+    readonly right: "right";
+    readonly horizontal: "horizontal";
+};
+export declare const RESIZING_DIRECTIONS: {
+    readonly left: "left";
+    readonly right: "right";
+};
+export declare const RESIZABLE_CONTAINER_RESIZER_CLASS = "js__resizable-container-resizer";

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js

@@ -0,0 +1,11 @@
+export const RESIZE_HANDLE_VARIANTS = {
+    left: 'left',
+    right: 'right',
+    horizontal: 'horizontal'
+};
+export const RESIZING_DIRECTIONS = {
+    left: 'left',
+    right: 'right'
+};
+export const RESIZABLE_CONTAINER_RESIZER_CLASS = 'js__resizable-container-resizer';
+//# sourceMappingURL=resizable_container_constants.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_container_constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable_container_constants.js","sourceRoot":"","sources":["../../../../../../../src/components/resizable/resizable_container_constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IAClC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,YAAY;CAClB,CAAC;AAEX,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,iCAAiC,GAAG,iCAAiC,CAAC"}

package/build/esm/packages/aurora/src/components/resizable/resizable_context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IResizableContextProps } from './resizable_container_types';
+export declare const ResizableContext: import("react").Context<IResizableContextProps>;

package/build/esm/packages/aurora/src/components/resizable/resizable_context.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+import './resizable_container_types';
+export const ResizableContext = createContext({
+    isResizing: false,
+    currentWidth: 0,
+    handleResizing: () => { }
+});
+//# sourceMappingURL=resizable_context.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable_context.js","sourceRoot":"","sources":["../../../../../../../src/components/resizable/resizable_context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAuC,6BAA6B,CAAC;AAErE,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAyB;IAClE,UAAU,EAAE,KAAK;IACjB,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;CAC3B,CAAC,CAAC"}

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.d.ts

@@ -0,0 +1,5 @@
+import { TContainerWidthConfig } from './resizable_container_types';
+export declare const getInitialWidth: (name: string, widthConfig: TContainerWidthConfig) => number;
+export declare const saveWidthToStorage: (name: string, width: number) => void;
+export declare const addEventListeners: (events: Record<string, EventListener>) => void;
+export declare const removeEventListeners: (events: Record<string, EventListener>) => void;

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js

@@ -0,0 +1,23 @@
+import './resizable_container_types';
+export const getInitialWidth = (name, widthConfig) => {
+    if (typeof window === 'undefined' || typeof localStorage === 'undefined')
+        return widthConfig.default;
+    const saved = localStorage.getItem(name);
+    return saved ? Number(saved) : widthConfig.default;
+};
+export const saveWidthToStorage = (name, width) => {
+    if (typeof window !== 'undefined' && typeof localStorage !== 'undefined') {
+        localStorage.setItem(name, width.toString());
+    }
+};
+export const addEventListeners = (events) => {
+    Object.entries(events).forEach(([eventType, handler]) => {
+        document.addEventListener(eventType, handler);
+    });
+};
+export const removeEventListeners = (events) => {
+    Object.entries(events).forEach(([eventType, handler]) => {
+        document.removeEventListener(eventType, handler);
+    });
+};
+//# sourceMappingURL=resizable_utils.js.map

package/build/esm/packages/aurora/src/components/resizable/resizable_utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable_utils.js","sourceRoot":"","sources":["../../../../../../../src/components/resizable/resizable_utils.ts"],"names":[],"mappings":"AAAA,OAAsC,6BAA6B,CAAC;AAEpE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAE,WAAkC,EAAU,EAAE;IACxF,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,YAAY,KAAK,WAAW;QAAE,OAAO,WAAW,CAAC,OAAO,CAAC;IACrG,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,OAAO,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAE,KAAa,EAAQ,EAAE;IACpE,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,YAAY,KAAK,WAAW,EAAE;QACtE,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;KAChD;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAqC,EAAQ,EAAE;IAC7E,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE;QACpD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAqC,EAAQ,EAAE;IAChF,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,EAAE;QACpD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}