@byeolnaerim/flex-layout 0.0.5 → 0.0.7

package/dist/flex-layout/utils/FlexLayoutUtils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/flex-layout/utils/FlexLayoutUtils.ts"],"names":["e"],"mappings":"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","file":"FlexLayoutUtils.cjs","sourcesContent":["export function isDocumentOut({ x, y }: { x: number; y: number }) {\r\n    if (typeof window == 'undefined') return;\r\n    const { innerWidth, innerHeight, scrollX, scrollY } = window;\r\n\r\n    return (\r\n        x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY\r\n    );\r\n}\r\n\r\nlet lastTouchEvent: globalThis.TouchEvent;\r\nexport function getClientXy(event: Event) {\r\n    let clientX: number;\r\n    let clientY: number;\r\n    if (window.MouseEvent && event instanceof window.MouseEvent) {\r\n        clientX = event.clientX;\r\n        clientY = event.clientY;\r\n    } else if (window.TouchEvent && event instanceof window.TouchEvent) {\r\n        const _event = event.touches.length == 0 ? lastTouchEvent : event;\r\n        clientX = _event!.touches[0].clientX;\r\n        clientY = _event!.touches[0].clientY;\r\n        lastTouchEvent = event;\r\n    } else {\r\n        return; // 해당 이벤트 타입이 MouseEvent나 TouchEvent가 아니라면 무시\r\n    }\r\n    return { clientX, clientY };\r\n}\r\n\r\nexport function isOverMove(elementSize: number, elementMinSize: number) {\r\n    return (\r\n        Math.floor(elementSize) <= 0 ||\r\n        (isNaN(elementMinSize)\r\n            ? false\r\n            : elementMinSize >= Math.floor(elementSize))\r\n    );\r\n}\r\n\r\nexport function findNotCloseFlexContent(\r\n    target: HTMLElement | Element | null,\r\n    direction: 'previousElementSibling' | 'nextElementSibling'\r\n) {\r\n    if (!target) return target;\r\n    let _target = target as HTMLElement;\r\n    const isCloseCheck = () => {\r\n        let grow =\r\n            parseFloat(window.getComputedStyle(_target).flex.split(' ')[0]) ||\r\n            0;\r\n        if (grow == 0) {\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    };\r\n    while (isCloseCheck()) {\r\n        let nextTarget = _target[direction]?.[direction];\r\n        _target = nextTarget as HTMLElement;\r\n        if (!_target) {\r\n            break;\r\n        }\r\n    }\r\n    return _target as HTMLElement | HTMLDivElement | null;\r\n}\r\n\r\nexport function remain(flexContainerList: Array<HTMLElement>) {\r\n    return new Promise(resolve => {\r\n        let notGrowList: Array<HTMLElement> = [];\r\n        let totalGrow = flexContainerList.reduce((t, e, i) => {\r\n            if (e.hasAttribute('data-grow') == false) {\r\n                notGrowList.push(e);\r\n                return t;\r\n            }\r\n            let grow = parseFloat(e.dataset.grow || '');\r\n            e.style.flex = `${grow} 1 0%`;\r\n            t -= grow;\r\n            return t;\r\n        }, flexContainerList.length);\r\n\r\n        if (notGrowList.length != 0) {\r\n            resize(notGrowList, totalGrow);\r\n        }\r\n\r\n        resolve(flexContainerList);\r\n    });\r\n}\r\n\r\nexport function resize(list: Array<HTMLElement>, totalGrow: number) {\r\n    return new Promise(resolve => {\r\n        // totalGrow 값을 리스트의 개수로 나누어 균등 할당\r\n        let resizeWeight = totalGrow / list.length;\r\n        list.forEach(e => {\r\n            e.dataset.grow = resizeWeight.toString();\r\n            e.style.flex = `${resizeWeight} 1 0%`;\r\n        });\r\n        resolve(resizeWeight);\r\n    });\r\n}\r\n\r\nexport function mathWeight(totalCount: number, totalGrow: number) {\r\n    return 1 + (totalGrow - totalCount) / totalCount;\r\n}\r\nexport function mathGrow(\r\n    childSize: number,\r\n    parentSize: number,\r\n    containerCount: number\r\n) {\r\n    return containerCount * (childSize / parentSize);\r\n}\r\n\r\nexport function getGrow(growTarget: HTMLElement | Element) {\r\n    const target =\r\n        growTarget instanceof Element\r\n            ? (growTarget as HTMLElement)\r\n            : growTarget;\r\n    return (\r\n        parseFloat(target.style.flex.split(' ')[0]) ||\r\n        parseFloat(target.dataset.grow || '')\r\n    );\r\n}\r\n\r\nexport function closeFlex(\r\n    resizeTarget: HTMLElement,\r\n    containers: HTMLElement[],\r\n    {\r\n        isResize = false,\r\n        isDsiabledResizePanel = false,\r\n        sizeName,\r\n    }: {\r\n        isResize?: boolean;\r\n        isDsiabledResizePanel?: boolean;\r\n        sizeName: 'width' | 'height';\r\n    }\r\n) {\r\n    return new Promise(resolve => {\r\n        if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n            // resolve(resizeTarget);\r\n            // return;\r\n        } else if (isDsiabledResizePanel) {\r\n            resizeTarget.dataset.is_resize_panel = 'false';\r\n        }\r\n\r\n        resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();\r\n\r\n        let notCloseList = containers.filter(\r\n            e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n        );\r\n        let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n        //let resizeWeight = this.mathWeight(notCloseList, this.#forResizeList.length);\r\n        notCloseAndOpenTargetList.forEach(e => {\r\n            e.style.transition = 'flex 0.5s';\r\n            e.ontransitionend = event => {\r\n                if (event.propertyName != 'flex-grow') {\r\n                    return;\r\n                }\r\n                notCloseAndOpenTargetList.forEach(\r\n                    e => (e.style.transition = '')\r\n                );\r\n                //e.style.transition = '';\r\n                e.ontransitionend = () => {};\r\n            };\r\n\r\n            if (e == resizeTarget) {\r\n                e.dataset.grow = '0';\r\n                e.style.flex = `0 1 0%`;\r\n                return;\r\n            }\r\n\r\n            if (isResize) {\r\n                return;\r\n            }\r\n\r\n            let percent = getGrow(e) / containers.length;\r\n            //let percentWeight = this.#forResizeList.length * percent;\r\n            //let remainWeight = resizeWeight * percent;\r\n            if (notCloseList.length == 1) {\r\n                e.dataset.grow = containers.length.toString();\r\n                e.style.flex = `${containers.length} 1 0%`;\r\n                return;\r\n            }\r\n            e.dataset.grow = (containers.length * percent).toString();\r\n            e.style.flex = `${containers.length * percent} 1 0%`;\r\n        });\r\n\r\n        if (isResize) {\r\n            resize(notCloseList, containers.length);\r\n        }\r\n\r\n        resolve(resizeTarget);\r\n    });\r\n}\r\n\r\nexport function openFlex(\r\n    resizeTarget: HTMLElement,\r\n    containers: HTMLElement[],\r\n    {\r\n        isPrevSizeOpen = false,\r\n        isResize = false,\r\n        openGrowImportant = 0,\r\n        sizeName,\r\n    }: {\r\n        isPrevSizeOpen?: boolean;\r\n        isResize?: boolean;\r\n        openGrowImportant?: number;\r\n        sizeName?: 'width' | 'height'; // 유니언 타입으로 수정\r\n    }\r\n) {\r\n    return new Promise(resolve => {\r\n        if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n            // resolve(resizeTarget);\r\n            // return;\r\n        } else if (\r\n            resizeTarget.hasAttribute('data-is_resize_panel') &&\r\n            resizeTarget.dataset.is_resize_panel == 'false'\r\n        ) {\r\n            resizeTarget.dataset.is_resize_panel = 'true';\r\n        }\r\n\r\n        let notCloseList = containers.filter(\r\n            e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n        );\r\n        let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n        //let resizeWeight = this.mathWeight(notCloseAndOpenTargetList, this.#forResizeList.length);\r\n        let openTargetGrow = 1;\r\n        const sizeStyleName = ('client' +\r\n            sizeName!.charAt(0).toUpperCase() +\r\n            sizeName!.substring(1)) as 'clientHeight' | 'clientWidth';\r\n        const parentSize =\r\n            (sizeName &&\r\n                resizeTarget.parentElement &&\r\n                resizeTarget.parentElement[sizeStyleName]) ||\r\n            0;\r\n        if (isPrevSizeOpen && resizeTarget.hasAttribute('data-prev_grow')) {\r\n            openTargetGrow =\r\n                parseFloat(resizeTarget.dataset.prev_grow || '1') || 1;\r\n            //resizeTarget.removeAttribute('data-prev_grow');\r\n        } else if (parentSize && parentSize !== 0) {\r\n            openTargetGrow =\r\n                (parentSize / notCloseList.length / (parentSize - 1)) *\r\n                containers.length;\r\n        } else {\r\n            openTargetGrow = 1;\r\n        }\r\n        if (openGrowImportant) {\r\n            openTargetGrow = openGrowImportant;\r\n        }\r\n        openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;\r\n        //notCloseList.forEach(e=>{\r\n        notCloseAndOpenTargetList.forEach(e => {\r\n            e.style.transition = 'flex 0.5s';\r\n            e.ontransitionend = event => {\r\n                if (event.propertyName != 'flex-grow') {\r\n                    return;\r\n                }\r\n                notCloseAndOpenTargetList.forEach(\r\n                    e => (e.style.transition = '')\r\n                );\r\n                //e.style.transition = '';\r\n                e.ontransitionend = () => {};\r\n            };\r\n\r\n            if (e == resizeTarget) {\r\n                resizeTarget.dataset.grow = openTargetGrow.toString();\r\n                resizeTarget.style.flex = `${openTargetGrow} 1 0%`;\r\n                return;\r\n            }\r\n\r\n            if (isResize) {\r\n                return;\r\n            }\r\n\r\n            let grow =\r\n                (parentSize / notCloseList.length / (parentSize - 1)) *\r\n                (containers.length - openTargetGrow);\r\n            grow = grow === Infinity ? 1 : grow;\r\n            //let percent = getGrow(e) / totalGrow - openTargetGrow / totalGrow;\r\n            e.dataset.grow = grow.toString();\r\n\r\n            e.style.flex = `${grow} 1 0%`;\r\n        });\r\n\r\n        if (isResize) {\r\n            resize(notCloseAndOpenTargetList, containers.length);\r\n        }\r\n\r\n        resolve(openTargetGrow);\r\n    });\r\n}\r\n"]}

package/dist/flex-layout/utils/FlexLayoutUtils.d.ts

@@ -0,0 +1,26 @@
+export declare function isDocumentOut({ x, y }: {
+    x: number;
+    y: number;
+}): boolean | undefined;
+export declare function getClientXy(event: Event): {
+    clientX: number;
+    clientY: number;
+} | undefined;
+export declare function isOverMove(elementSize: number, elementMinSize: number): boolean;
+export declare function findNotCloseFlexContent(target: HTMLElement | Element | null, direction: 'previousElementSibling' | 'nextElementSibling'): HTMLElement | null;
+export declare function remain(flexContainerList: Array<HTMLElement>): Promise<unknown>;
+export declare function resize(list: Array<HTMLElement>, totalGrow: number): Promise<unknown>;
+export declare function mathWeight(totalCount: number, totalGrow: number): number;
+export declare function mathGrow(childSize: number, parentSize: number, containerCount: number): number;
+export declare function getGrow(growTarget: HTMLElement | Element): number;
+export declare function closeFlex(resizeTarget: HTMLElement, containers: HTMLElement[], { isResize, isDsiabledResizePanel, sizeName, }: {
+    isResize?: boolean;
+    isDsiabledResizePanel?: boolean;
+    sizeName: 'width' | 'height';
+}): Promise<unknown>;
+export declare function openFlex(resizeTarget: HTMLElement, containers: HTMLElement[], { isPrevSizeOpen, isResize, openGrowImportant, sizeName, }: {
+    isPrevSizeOpen?: boolean;
+    isResize?: boolean;
+    openGrowImportant?: number;
+    sizeName?: 'width' | 'height';
+}): Promise<unknown>;

package/dist/{utils.js → flex-layout/utils/FlexLayoutUtils.js}

@@ -1,10 +1,9 @@
-// src/flex-layout/utils/FlexLayoutUtils.ts
 function isDocumentOut({ x, y }) {
   if (typeof window == "undefined") return;
   const { innerWidth, innerHeight, scrollX, scrollY } = window;
   return x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY;
 }
-var lastTouchEvent;
+let lastTouchEvent;
 function getClientXy(event) {
   let clientX;
   let clientY;
@@ -193,5 +192,5 @@ function openFlex(resizeTarget, containers, {
 }
 
 export { closeFlex, findNotCloseFlexContent, getClientXy, getGrow, isDocumentOut, isOverMove, mathGrow, mathWeight, openFlex, remain, resize };
-//# sourceMappingURL=utils.js.map
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=FlexLayoutUtils.js.map
+//# sourceMappingURL=FlexLayoutUtils.js.map

package/dist/flex-layout/utils/FlexLayoutUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/flex-layout/utils/FlexLayoutUtils.ts"],"names":["e"],"mappings":"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","file":"FlexLayoutUtils.js","sourcesContent":["export function isDocumentOut({ x, y }: { x: number; y: number }) {\r\n    if (typeof window == 'undefined') return;\r\n    const { innerWidth, innerHeight, scrollX, scrollY } = window;\r\n\r\n    return (\r\n        x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY\r\n    );\r\n}\r\n\r\nlet lastTouchEvent: globalThis.TouchEvent;\r\nexport function getClientXy(event: Event) {\r\n    let clientX: number;\r\n    let clientY: number;\r\n    if (window.MouseEvent && event instanceof window.MouseEvent) {\r\n        clientX = event.clientX;\r\n        clientY = event.clientY;\r\n    } else if (window.TouchEvent && event instanceof window.TouchEvent) {\r\n        const _event = event.touches.length == 0 ? lastTouchEvent : event;\r\n        clientX = _event!.touches[0].clientX;\r\n        clientY = _event!.touches[0].clientY;\r\n        lastTouchEvent = event;\r\n    } else {\r\n        return; // 해당 이벤트 타입이 MouseEvent나 TouchEvent가 아니라면 무시\r\n    }\r\n    return { clientX, clientY };\r\n}\r\n\r\nexport function isOverMove(elementSize: number, elementMinSize: number) {\r\n    return (\r\n        Math.floor(elementSize) <= 0 ||\r\n        (isNaN(elementMinSize)\r\n            ? false\r\n            : elementMinSize >= Math.floor(elementSize))\r\n    );\r\n}\r\n\r\nexport function findNotCloseFlexContent(\r\n    target: HTMLElement | Element | null,\r\n    direction: 'previousElementSibling' | 'nextElementSibling'\r\n) {\r\n    if (!target) return target;\r\n    let _target = target as HTMLElement;\r\n    const isCloseCheck = () => {\r\n        let grow =\r\n            parseFloat(window.getComputedStyle(_target).flex.split(' ')[0]) ||\r\n            0;\r\n        if (grow == 0) {\r\n            return true;\r\n        } else {\r\n            return false;\r\n        }\r\n    };\r\n    while (isCloseCheck()) {\r\n        let nextTarget = _target[direction]?.[direction];\r\n        _target = nextTarget as HTMLElement;\r\n        if (!_target) {\r\n            break;\r\n        }\r\n    }\r\n    return _target as HTMLElement | HTMLDivElement | null;\r\n}\r\n\r\nexport function remain(flexContainerList: Array<HTMLElement>) {\r\n    return new Promise(resolve => {\r\n        let notGrowList: Array<HTMLElement> = [];\r\n        let totalGrow = flexContainerList.reduce((t, e, i) => {\r\n            if (e.hasAttribute('data-grow') == false) {\r\n                notGrowList.push(e);\r\n                return t;\r\n            }\r\n            let grow = parseFloat(e.dataset.grow || '');\r\n            e.style.flex = `${grow} 1 0%`;\r\n            t -= grow;\r\n            return t;\r\n        }, flexContainerList.length);\r\n\r\n        if (notGrowList.length != 0) {\r\n            resize(notGrowList, totalGrow);\r\n        }\r\n\r\n        resolve(flexContainerList);\r\n    });\r\n}\r\n\r\nexport function resize(list: Array<HTMLElement>, totalGrow: number) {\r\n    return new Promise(resolve => {\r\n        // totalGrow 값을 리스트의 개수로 나누어 균등 할당\r\n        let resizeWeight = totalGrow / list.length;\r\n        list.forEach(e => {\r\n            e.dataset.grow = resizeWeight.toString();\r\n            e.style.flex = `${resizeWeight} 1 0%`;\r\n        });\r\n        resolve(resizeWeight);\r\n    });\r\n}\r\n\r\nexport function mathWeight(totalCount: number, totalGrow: number) {\r\n    return 1 + (totalGrow - totalCount) / totalCount;\r\n}\r\nexport function mathGrow(\r\n    childSize: number,\r\n    parentSize: number,\r\n    containerCount: number\r\n) {\r\n    return containerCount * (childSize / parentSize);\r\n}\r\n\r\nexport function getGrow(growTarget: HTMLElement | Element) {\r\n    const target =\r\n        growTarget instanceof Element\r\n            ? (growTarget as HTMLElement)\r\n            : growTarget;\r\n    return (\r\n        parseFloat(target.style.flex.split(' ')[0]) ||\r\n        parseFloat(target.dataset.grow || '')\r\n    );\r\n}\r\n\r\nexport function closeFlex(\r\n    resizeTarget: HTMLElement,\r\n    containers: HTMLElement[],\r\n    {\r\n        isResize = false,\r\n        isDsiabledResizePanel = false,\r\n        sizeName,\r\n    }: {\r\n        isResize?: boolean;\r\n        isDsiabledResizePanel?: boolean;\r\n        sizeName: 'width' | 'height';\r\n    }\r\n) {\r\n    return new Promise(resolve => {\r\n        if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n            // resolve(resizeTarget);\r\n            // return;\r\n        } else if (isDsiabledResizePanel) {\r\n            resizeTarget.dataset.is_resize_panel = 'false';\r\n        }\r\n\r\n        resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();\r\n\r\n        let notCloseList = containers.filter(\r\n            e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n        );\r\n        let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n        //let resizeWeight = this.mathWeight(notCloseList, this.#forResizeList.length);\r\n        notCloseAndOpenTargetList.forEach(e => {\r\n            e.style.transition = 'flex 0.5s';\r\n            e.ontransitionend = event => {\r\n                if (event.propertyName != 'flex-grow') {\r\n                    return;\r\n                }\r\n                notCloseAndOpenTargetList.forEach(\r\n                    e => (e.style.transition = '')\r\n                );\r\n                //e.style.transition = '';\r\n                e.ontransitionend = () => {};\r\n            };\r\n\r\n            if (e == resizeTarget) {\r\n                e.dataset.grow = '0';\r\n                e.style.flex = `0 1 0%`;\r\n                return;\r\n            }\r\n\r\n            if (isResize) {\r\n                return;\r\n            }\r\n\r\n            let percent = getGrow(e) / containers.length;\r\n            //let percentWeight = this.#forResizeList.length * percent;\r\n            //let remainWeight = resizeWeight * percent;\r\n            if (notCloseList.length == 1) {\r\n                e.dataset.grow = containers.length.toString();\r\n                e.style.flex = `${containers.length} 1 0%`;\r\n                return;\r\n            }\r\n            e.dataset.grow = (containers.length * percent).toString();\r\n            e.style.flex = `${containers.length * percent} 1 0%`;\r\n        });\r\n\r\n        if (isResize) {\r\n            resize(notCloseList, containers.length);\r\n        }\r\n\r\n        resolve(resizeTarget);\r\n    });\r\n}\r\n\r\nexport function openFlex(\r\n    resizeTarget: HTMLElement,\r\n    containers: HTMLElement[],\r\n    {\r\n        isPrevSizeOpen = false,\r\n        isResize = false,\r\n        openGrowImportant = 0,\r\n        sizeName,\r\n    }: {\r\n        isPrevSizeOpen?: boolean;\r\n        isResize?: boolean;\r\n        openGrowImportant?: number;\r\n        sizeName?: 'width' | 'height'; // 유니언 타입으로 수정\r\n    }\r\n) {\r\n    return new Promise(resolve => {\r\n        if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n            // resolve(resizeTarget);\r\n            // return;\r\n        } else if (\r\n            resizeTarget.hasAttribute('data-is_resize_panel') &&\r\n            resizeTarget.dataset.is_resize_panel == 'false'\r\n        ) {\r\n            resizeTarget.dataset.is_resize_panel = 'true';\r\n        }\r\n\r\n        let notCloseList = containers.filter(\r\n            e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n        );\r\n        let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n        //let resizeWeight = this.mathWeight(notCloseAndOpenTargetList, this.#forResizeList.length);\r\n        let openTargetGrow = 1;\r\n        const sizeStyleName = ('client' +\r\n            sizeName!.charAt(0).toUpperCase() +\r\n            sizeName!.substring(1)) as 'clientHeight' | 'clientWidth';\r\n        const parentSize =\r\n            (sizeName &&\r\n                resizeTarget.parentElement &&\r\n                resizeTarget.parentElement[sizeStyleName]) ||\r\n            0;\r\n        if (isPrevSizeOpen && resizeTarget.hasAttribute('data-prev_grow')) {\r\n            openTargetGrow =\r\n                parseFloat(resizeTarget.dataset.prev_grow || '1') || 1;\r\n            //resizeTarget.removeAttribute('data-prev_grow');\r\n        } else if (parentSize && parentSize !== 0) {\r\n            openTargetGrow =\r\n                (parentSize / notCloseList.length / (parentSize - 1)) *\r\n                containers.length;\r\n        } else {\r\n            openTargetGrow = 1;\r\n        }\r\n        if (openGrowImportant) {\r\n            openTargetGrow = openGrowImportant;\r\n        }\r\n        openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;\r\n        //notCloseList.forEach(e=>{\r\n        notCloseAndOpenTargetList.forEach(e => {\r\n            e.style.transition = 'flex 0.5s';\r\n            e.ontransitionend = event => {\r\n                if (event.propertyName != 'flex-grow') {\r\n                    return;\r\n                }\r\n                notCloseAndOpenTargetList.forEach(\r\n                    e => (e.style.transition = '')\r\n                );\r\n                //e.style.transition = '';\r\n                e.ontransitionend = () => {};\r\n            };\r\n\r\n            if (e == resizeTarget) {\r\n                resizeTarget.dataset.grow = openTargetGrow.toString();\r\n                resizeTarget.style.flex = `${openTargetGrow} 1 0%`;\r\n                return;\r\n            }\r\n\r\n            if (isResize) {\r\n                return;\r\n            }\r\n\r\n            let grow =\r\n                (parentSize / notCloseList.length / (parentSize - 1)) *\r\n                (containers.length - openTargetGrow);\r\n            grow = grow === Infinity ? 1 : grow;\r\n            //let percent = getGrow(e) / totalGrow - openTargetGrow / totalGrow;\r\n            e.dataset.grow = grow.toString();\r\n\r\n            e.style.flex = `${grow} 1 0%`;\r\n        });\r\n\r\n        if (isResize) {\r\n            resize(notCloseAndOpenTargetList, containers.length);\r\n        }\r\n\r\n        resolve(openTargetGrow);\r\n    });\r\n}\r\n"]}

package/dist/flex-layout/utils/index.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var FlexLayoutUtils = require('./FlexLayoutUtils');
+
+
+
+Object.keys(FlexLayoutUtils).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return FlexLayoutUtils[k]; }
+	});
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/flex-layout/utils/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs","sourcesContent":[]}

package/dist/flex-layout/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./FlexLayoutUtils";

package/dist/flex-layout/utils/index.js

@@ -0,0 +1,3 @@
+export * from './FlexLayoutUtils';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/flex-layout/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/index.cjs

@@ -1,4 +1,14 @@
 'use strict';
 
+var flexLayout = require('./flex-layout');
+
+
+
+Object.keys(flexLayout).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return flexLayout[k]; }
+	});
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs","sourcesContent":[]}

package/dist/index.d.ts

@@ -1,2 +1 @@
-
-export {  }
+export * from "./flex-layout";

package/dist/index.js

@@ -1,3 +1,3 @@
-
+export * from './flex-layout';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/types/css.d.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=css.d.cjs.map
+//# sourceMappingURL=css.d.cjs.map

package/dist/types/css.d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css.d.cjs"}

package/dist/types/css.d.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=css.d.js.map
+//# sourceMappingURL=css.d.js.map

package/dist/types/css.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"css.d.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@byeolnaerim/flex-layout",
-	"version": "0.0.5",
+	"version": "0.0.7",
 	"type": "module",
 	"license": "Apache-2.0",
 	"author": "Joohyoung Kim (@oozu1994)",
@@ -34,6 +34,12 @@
 	"bugs": {
 		"url": "https://github.com/joohyoungkim19940805/flex-layout/issues"
 	},
+	"files": [
+		"dist"
+	],
+	"sideEffects": [
+		"**/*.css"
+	],
 	"main": "./dist/index.cjs",
 	"module": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -41,45 +47,46 @@
 		".": {
 			"types": "./dist/index.d.ts",
 			"import": "./dist/index.js",
-			"require": "./dist/index.cjs"
+			"require": "./dist/index.cjs",
+			"default": "./dist/index.js"
 		},
 		"./components": {
 			"types": "./dist/components.d.ts",
 			"import": "./dist/components.js",
-			"require": "./dist/components.cjs"
+			"require": "./dist/components.cjs",
+			"default": "./dist/components.js"
 		},
 		"./hooks": {
 			"types": "./dist/hooks.d.ts",
 			"import": "./dist/hooks.js",
-			"require": "./dist/hooks.cjs"
+			"require": "./dist/hooks.cjs",
+			"default": "./dist/hooks.js"
 		},
 		"./providers": {
 			"types": "./dist/providers.d.ts",
 			"import": "./dist/providers.js",
-			"require": "./dist/providers.cjs"
+			"require": "./dist/providers.cjs",
+			"default": "./dist/providers.js"
 		},
 		"./utils": {
 			"types": "./dist/utils.d.ts",
 			"import": "./dist/utils.js",
-			"require": "./dist/utils.cjs"
+			"require": "./dist/utils.cjs",
+			"default": "./dist/utils.js"
 		},
 		"./store": {
 			"types": "./dist/store.d.ts",
 			"import": "./dist/store.js",
-			"require": "./dist/store.cjs"
+			"require": "./dist/store.cjs",
+			"default": "./dist/store.js"
 		}
 	},
-	"files": [
-		"dist"
-	],
-	"sideEffects": [
-		"**/*.css"
-	],
 	"scripts": {
-		"build": "tsup && npm run copy:assets",
-		"copy:assets": "cpy \"**/*.css\" \"../dist\" --cwd=src --parents",
+		"build": "tsup && tsc -p tsconfig.build.json && npm run copy:assets",
+		"copy:assets": "cpy \"src/**/*.css\" \"dist\"",
 		"dev": "tsup --watch",
-		"prepack": "npm run build"
+		"prepack": "npm run build",
+		"prepare": "npm run build"
 	},
 	"devDependencies": {
 		"@types/react": "^18",
@@ -92,35 +99,11 @@
 		"typescript": "5.9.3"
 	},
 	"peerDependencies": {
-		"react": ">=19",
-		"react-dom": ">=19",
-		"rxjs": ">=7"
-	},
-	"peerDependenciesMeta": {
-		"rxjs": {
-			"optional": true
-		}
+		"react": ">=18",
+		"react-dom": ">=18"
 	},
 	"dependencies": {
-		"fast-deep-equal": "^3.1.3"
-	},
-	"typesVersions": {
-		"*": {
-			"components": [
-				"dist/components.d.ts"
-			],
-			"hooks": [
-				"dist/hooks.d.ts"
-			],
-			"providers": [
-				"dist/providers.d.ts"
-			],
-			"utils": [
-				"dist/utils.d.ts"
-			],
-			"store": [
-				"dist/store.d.ts"
-			]
-		}
+		"fast-deep-equal": "^3.1.3",
+		"rxjs": ">=7"
 	}
 }

package/dist/FlexLayoutSplitScreenDragBox-eCtq4kLd.d.cts

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, MouseEvent, TouchEvent, CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
-
-interface FlexLayoutSplitScreenDragBoxProps<E extends HTMLElement = HTMLElement> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    onTouchStart?: (event: TouchEvent<HTMLDivElement>) => void;
-    dropEndCallback?: ({ x, y, containerName, }: {
-        x: number;
-        y: number;
-        containerName: string;
-    }) => void;
-    style?: CSSProperties;
-    navigationTitle?: string;
-    targetComponent?: ReactElement;
-    dropDocumentOutsideOption?: DropDocumentOutsideOption;
-    children: ReactNode;
-    containerName: string;
-    screenKey?: string;
-    isBlockingActiveInput?: boolean;
-    customData?: Record<string, string | number | boolean | undefined>;
-    scrollTargetRef?: RefObject<E>;
-}
-interface DropDocumentOutsideOption {
-    openUrl: string;
-    widthRatio?: number;
-    heightRatio?: number;
-    isNewTap?: boolean;
-}
-declare function FlexLayoutSplitScreenDragBox<E extends HTMLElement>({ onMouseDown, onTouchStart, dropEndCallback, style, navigationTitle, targetComponent, containerName, children, className, dropDocumentOutsideOption, screenKey, isBlockingActiveInput, customData, scrollTargetRef, ...props }: FlexLayoutSplitScreenDragBoxProps): react_jsx_runtime.JSX.Element;
-
-export { type DropDocumentOutsideOption as D, FlexLayoutSplitScreenDragBox as F };

package/dist/FlexLayoutSplitScreenDragBox-eCtq4kLd.d.ts

@@ -1,31 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { HTMLAttributes, MouseEvent, TouchEvent, CSSProperties, ReactElement, ReactNode, RefObject } from 'react';
-
-interface FlexLayoutSplitScreenDragBoxProps<E extends HTMLElement = HTMLElement> extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    onMouseDown?: (event: MouseEvent<HTMLDivElement>) => void;
-    onTouchStart?: (event: TouchEvent<HTMLDivElement>) => void;
-    dropEndCallback?: ({ x, y, containerName, }: {
-        x: number;
-        y: number;
-        containerName: string;
-    }) => void;
-    style?: CSSProperties;
-    navigationTitle?: string;
-    targetComponent?: ReactElement;
-    dropDocumentOutsideOption?: DropDocumentOutsideOption;
-    children: ReactNode;
-    containerName: string;
-    screenKey?: string;
-    isBlockingActiveInput?: boolean;
-    customData?: Record<string, string | number | boolean | undefined>;
-    scrollTargetRef?: RefObject<E>;
-}
-interface DropDocumentOutsideOption {
-    openUrl: string;
-    widthRatio?: number;
-    heightRatio?: number;
-    isNewTap?: boolean;
-}
-declare function FlexLayoutSplitScreenDragBox<E extends HTMLElement>({ onMouseDown, onTouchStart, dropEndCallback, style, navigationTitle, targetComponent, containerName, children, className, dropDocumentOutsideOption, screenKey, isBlockingActiveInput, customData, scrollTargetRef, ...props }: FlexLayoutSplitScreenDragBoxProps): react_jsx_runtime.JSX.Element;
-
-export { type DropDocumentOutsideOption as D, FlexLayoutSplitScreenDragBox as F };