@byeolnaerim/flex-layout 0.0.9 → 0.0.12

package/dist/flex-layout/styles/sentinelStyle.module.css

@@ -0,0 +1,11 @@
+.flex-layout-sentinel-style {
+	display: block;
+	width: 0;
+	height: 0;
+	margin: 0;
+	padding: 0;
+	border: 0;
+	overflow: hidden;
+	pointer-events: none;
+	flex: 0 0 0%;
+}

package/dist/flex-layout/types/FlexDirectionTypes.cjs

@@ -1,17 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FlexDirectionTypes_exports = {};
-module.exports = __toCommonJS(FlexDirectionTypes_exports);
-//# sourceMappingURL=FlexDirectionTypes.cjs.map
+"use strict";var o=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var z=(t,e,s,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of p(e))!x.call(t,i)&&i!==s&&o(t,i,{get:()=>e[i],enumerable:!(r=y(e,i))||r.enumerable});return t};var c=t=>z(o({},"__esModule",{value:!0}),t);var h={};module.exports=c(h);

package/dist/flex-layout/types/FlexDirectionTypes.js

@@ -1 +0,0 @@
-//# sourceMappingURL=FlexDirectionTypes.js.map

package/dist/flex-layout/types/FlexLayoutTypes.cjs

@@ -1,17 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FlexLayoutTypes_exports = {};
-module.exports = __toCommonJS(FlexLayoutTypes_exports);
-//# sourceMappingURL=FlexLayoutTypes.cjs.map
+"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var a=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var d=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of a(e))!s.call(t,o)&&o!==r&&i(t,o,{get:()=>e[o],enumerable:!(n=l(e,o))||n.enumerable});return t};var c=t=>d(i({},"__esModule",{value:!0}),t);var p={};module.exports=c(p);

package/dist/flex-layout/types/FlexLayoutTypes.d.ts

@@ -1,8 +1,30 @@
-import { HTMLAttributes, ReactElement, ReactNode, Ref } from "react";
+import { HTMLAttributes, ReactElement, ReactNode } from "react";
 export type ResizePanelMode = "default" | "bottom-cylinder" | "bottom-cylinder-reverse" | "top-cylinder" | "left-cylinder" | "right-cylinder";
 export type Direction = "row" | "column";
+/**
+ * bulldozer : 인접한 패널을 밀어내지만, 달라붙진 않는다.
+ * divorce : 인접한 패널을 밀어내고 서로 달라붙지만, 리사이즈가 시작했던 위치로 되돌아 올 때는 다시 분리된다.
+ * stalker : 인접한 패널끼리 달라붙는다.
+ * default : divorce
+ */
 export type PanelMovementMode = "bulldozer" | "divorce" | "stalker";
 export type FitContent = "width" | "height";
+/**
+ * scrollMode
+ * layout : FlexLayout = overflow : auto
+ * window : FlexLayout = overflow : visible
+ * default : layout
+ */
+export type ScrollMode = "layout" | "window";
+export type StickyMode = {
+    position: "top" | "bottom";
+    offsetPx?: number;
+    /**
+     * 리사이즈 패널도 같이 sticky 동기화.
+     * default : true
+     */
+    stickyResizePanel?: boolean;
+};
 export interface FlexLayoutChildrenType {
     isInitialResizable?: boolean;
     grow?: number;
@@ -14,6 +36,14 @@ export interface FlexLayoutChildrenType {
     containerName: string;
     children: ReactNode;
     className?: string;
+    /**
+     * 컨테이너 스티키 모드
+     * position: top | bottom
+     * offsetPx: sticky offset(px)
+     * zIndex: sticky z-index (default 1003)
+     * stickyResizePanel: 리사이즈 패널도 같이 sticky 처리 (default true)
+     */
+    stickyMode?: StickyMode;
 }
 export interface FlexContainerProps extends FlexLayoutChildrenType {
 }
@@ -26,10 +56,16 @@ export interface FlexLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, "c
     children: ReactElement<FlexLayoutChildrenType>[] | ReactElement<FlexLayoutChildrenType>;
     layoutName: string;
     isSplitScreen?: boolean;
-    ref?: Ref<HTMLDivElement>;
     className?: string;
     panelClassName?: string;
     panelMovementMode?: PanelMovementMode;
+    /**
+     * scrollMode
+     * layout : FlexLayout = overflow : auto
+     * window : FlexLayout = overflow : visible
+     * default : layout
+     */
+    scrollMode?: ScrollMode;
 }
 export type FlexLayoutResizePanelProps = {
     direction: string;

package/dist/flex-layout/types/FlexLayoutTypes.js

@@ -1 +0,0 @@
-//# sourceMappingURL=FlexLayoutTypes.js.map

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

@@ -1,245 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FlexLayoutUtils_exports = {};
-__export(FlexLayoutUtils_exports, {
-  closeFlex: () => closeFlex,
-  findNotCloseFlexContent: () => findNotCloseFlexContent,
-  getClientXy: () => getClientXy,
-  getGrow: () => getGrow,
-  isDocumentOut: () => isDocumentOut,
-  isOverMove: () => isOverMove,
-  mathGrow: () => mathGrow,
-  mathWeight: () => mathWeight,
-  openFlex: () => openFlex,
-  remain: () => remain,
-  resize: () => resize
-});
-module.exports = __toCommonJS(FlexLayoutUtils_exports);
-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;
-}
-let lastTouchEvent;
-function getClientXy(event) {
-  let clientX;
-  let clientY;
-  if (window.MouseEvent && event instanceof window.MouseEvent) {
-    clientX = event.clientX;
-    clientY = event.clientY;
-  } else if (window.TouchEvent && event instanceof window.TouchEvent) {
-    const _event = event.touches.length == 0 ? lastTouchEvent : event;
-    clientX = _event.touches[0].clientX;
-    clientY = _event.touches[0].clientY;
-    lastTouchEvent = event;
-  } else {
-    return;
-  }
-  return { clientX, clientY };
-}
-function isOverMove(elementSize, elementMinSize) {
-  return Math.floor(elementSize) <= 0 || (isNaN(elementMinSize) ? false : elementMinSize >= Math.floor(elementSize));
-}
-function findNotCloseFlexContent(target, direction) {
-  if (!target) return target;
-  let _target = target;
-  const isCloseCheck = () => {
-    let grow = parseFloat(window.getComputedStyle(_target).flex.split(" ")[0]) || 0;
-    if (grow == 0) {
-      return true;
-    } else {
-      return false;
-    }
-  };
-  while (isCloseCheck()) {
-    let nextTarget = _target[direction]?.[direction];
-    _target = nextTarget;
-    if (!_target) {
-      break;
-    }
-  }
-  return _target;
-}
-function remain(flexContainerList) {
-  return new Promise((resolve) => {
-    let notGrowList = [];
-    let totalGrow = flexContainerList.reduce((t, e, i) => {
-      if (e.hasAttribute("data-grow") == false) {
-        notGrowList.push(e);
-        return t;
-      }
-      let grow = parseFloat(e.dataset.grow || "");
-      e.style.flex = `${grow} 1 0%`;
-      t -= grow;
-      return t;
-    }, flexContainerList.length);
-    if (notGrowList.length != 0) {
-      resize(notGrowList, totalGrow);
-    }
-    resolve(flexContainerList);
-  });
-}
-function resize(list, totalGrow) {
-  return new Promise((resolve) => {
-    let resizeWeight = totalGrow / list.length;
-    list.forEach((e) => {
-      e.dataset.grow = resizeWeight.toString();
-      e.style.flex = `${resizeWeight} 1 0%`;
-    });
-    resolve(resizeWeight);
-  });
-}
-function mathWeight(totalCount, totalGrow) {
-  return 1 + (totalGrow - totalCount) / totalCount;
-}
-function mathGrow(childSize, parentSize, containerCount) {
-  return containerCount * (childSize / parentSize);
-}
-function getGrow(el) {
-  const target = el instanceof Element ? el : el;
-  const a = parseFloat(target.style.flex.split(" ")[0]);
-  if (!Number.isNaN(a)) return a;
-  const b = parseFloat(target.dataset.grow ?? "0");
-  return Number.isNaN(b) ? 0 : b;
-}
-function closeFlex(resizeTarget, containers, {
-  isResize = false,
-  isDsiabledResizePanel = false,
-  sizeName
-}) {
-  return new Promise((resolve) => {
-    if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
-    } else if (isDsiabledResizePanel) {
-      resizeTarget.dataset.is_resize_panel = "false";
-    }
-    resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();
-    let notCloseList = containers.filter(
-      (e) => e.style.flex != "0 1 0%" && e != resizeTarget
-    );
-    let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
-    notCloseAndOpenTargetList.forEach((e) => {
-      e.style.transition = "flex 0.5s";
-      e.ontransitionend = (event) => {
-        if (event.propertyName != "flex-grow") {
-          return;
-        }
-        notCloseAndOpenTargetList.forEach(
-          (e2) => e2.style.transition = ""
-        );
-        e.ontransitionend = () => {
-        };
-      };
-      if (e == resizeTarget) {
-        e.dataset.grow = "0";
-        e.style.flex = `0 1 0%`;
-        return;
-      }
-      if (isResize) {
-        return;
-      }
-      let percent = getGrow(e) / containers.length;
-      if (notCloseList.length == 1) {
-        e.dataset.grow = containers.length.toString();
-        e.style.flex = `${containers.length} 1 0%`;
-        return;
-      }
-      e.dataset.grow = (containers.length * percent).toString();
-      e.style.flex = `${containers.length * percent} 1 0%`;
-    });
-    if (isResize) {
-      resize(notCloseList, containers.length);
-    }
-    resolve(resizeTarget);
-  });
-}
-function openFlex(resizeTarget, containers, {
-  isPrevSizeOpen = false,
-  isResize = false,
-  openGrowImportant = 0,
-  sizeName
-}) {
-  return new Promise((resolve) => {
-    if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
-    } else if (resizeTarget.hasAttribute("data-is_resize_panel") && resizeTarget.dataset.is_resize_panel == "false") {
-      resizeTarget.dataset.is_resize_panel = "true";
-    }
-    let notCloseList = containers.filter(
-      (e) => e.style.flex != "0 1 0%" && e != resizeTarget
-    );
-    let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
-    let openTargetGrow = 1;
-    const sizeStyleName = "client" + sizeName.charAt(0).toUpperCase() + sizeName.substring(1);
-    const parentSize = sizeName && resizeTarget.parentElement && resizeTarget.parentElement[sizeStyleName] || 0;
-    if (isPrevSizeOpen && resizeTarget.hasAttribute("data-prev_grow")) {
-      openTargetGrow = parseFloat(resizeTarget.dataset.prev_grow || "1") || 1;
-    } else if (parentSize && parentSize !== 0) {
-      openTargetGrow = parentSize / notCloseList.length / (parentSize - 1) * containers.length;
-    } else {
-      openTargetGrow = 1;
-    }
-    if (openGrowImportant) {
-      openTargetGrow = openGrowImportant;
-    }
-    openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;
-    notCloseAndOpenTargetList.forEach((e) => {
-      e.style.transition = "flex 0.5s";
-      e.ontransitionend = (event) => {
-        if (event.propertyName != "flex-grow") {
-          return;
-        }
-        notCloseAndOpenTargetList.forEach(
-          (e2) => e2.style.transition = ""
-        );
-        e.ontransitionend = () => {
-        };
-      };
-      if (e == resizeTarget) {
-        resizeTarget.dataset.grow = openTargetGrow.toString();
-        resizeTarget.style.flex = `${openTargetGrow} 1 0%`;
-        return;
-      }
-      if (isResize) {
-        return;
-      }
-      let grow = parentSize / notCloseList.length / (parentSize - 1) * (containers.length - openTargetGrow);
-      grow = grow === Infinity ? 1 : grow;
-      e.dataset.grow = grow.toString();
-      e.style.flex = `${grow} 1 0%`;
-    });
-    if (isResize) {
-      resize(notCloseAndOpenTargetList, containers.length);
-    }
-    resolve(openTargetGrow);
-  });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  closeFlex,
-  findNotCloseFlexContent,
-  getClientXy,
-  getGrow,
-  isDocumentOut,
-  isOverMove,
-  mathGrow,
-  mathWeight,
-  openFlex,
-  remain,
-  resize
-});
-//# sourceMappingURL=FlexLayoutUtils.cjs.map
+"use strict";var c=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var L=(t,e)=>{for(var n in e)c(t,n,{get:e[n],enumerable:!0})},_=(t,e,n,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of y(e))!M.call(t,r)&&r!==n&&c(t,r,{get:()=>e[r],enumerable:!(l=x(e,r))||l.enumerable});return t};var H=t=>_(c({},"__esModule",{value:!0}),t);var O={};L(O,{closeFlex:()=>$,findNotCloseFlexContent:()=>S,getClientXy:()=>A,getGrow:()=>d,isDocumentOut:()=>N,isOverMove:()=>v,mathGrow:()=>P,mathWeight:()=>F,openFlex:()=>G,remain:()=>C,resize:()=>p});module.exports=H(O);function N({x:t,y:e}){if(typeof window>"u")return;const{innerWidth:n,innerHeight:l,scrollX:r,scrollY:s}=window;return t<0||e<0||t>n+r||e>l+s}let g;function A(t){let e,n;if(window.MouseEvent&&t instanceof window.MouseEvent)e=t.clientX,n=t.clientY;else if(window.TouchEvent&&t instanceof window.TouchEvent){const l=t.touches.length==0?g:t;e=l.touches[0].clientX,n=l.touches[0].clientY,g=t}else return;return{clientX:e,clientY:n}}function v(t,e){return Math.floor(t)<=0||(isNaN(e)?!1:e>=Math.floor(t))}function S(t,e){if(!t)return t;let n=t;const l=()=>(parseFloat(window.getComputedStyle(n).flex.split(" ")[0])||0)==0;for(;l()&&(n=n[e]?.[e],!!n););return n}function C(t){return new Promise(e=>{let n=[],l=t.reduce((r,s,h)=>{if(s.hasAttribute("data-grow")==!1)return n.push(s),r;let a=parseFloat(s.dataset.grow||"");return s.style.flex=`${a} 1 0%`,r-=a,r},t.length);n.length!=0&&p(n,l),e(t)})}function p(t,e){return new Promise(n=>{let l=e/t.length;t.forEach(r=>{r.dataset.grow=l.toString(),r.style.flex=`${l} 1 0%`}),n(l)})}function F(t,e){return 1+(e-t)/t}function P(t,e,n){return n*(t/e)}function d(t){const e=(t instanceof Element,t),n=parseFloat(e.style.flex.split(" ")[0]);if(!Number.isNaN(n))return n;const l=parseFloat(e.dataset.grow??"0");return Number.isNaN(l)?0:l}function $(t,e,{isResize:n=!1,isDsiabledResizePanel:l=!1,sizeName:r}){return new Promise(s=>{t.hasAttribute("data-is_resize_panel")&&l&&(t.dataset.is_resize_panel="false"),t.dataset.prev_grow=d(t).toString();let h=e.filter(o=>o.style.flex!="0 1 0%"&&o!=t),a=[...h,t];a.forEach(o=>{if(o.style.transition="flex 0.5s",o.ontransitionend=w=>{w.propertyName=="flex-grow"&&(a.forEach(f=>f.style.transition=""),o.ontransitionend=()=>{})},o==t){o.dataset.grow="0",o.style.flex="0 1 0%";return}if(n)return;let i=d(o)/e.length;if(h.length==1){o.dataset.grow=e.length.toString(),o.style.flex=`${e.length} 1 0%`;return}o.dataset.grow=(e.length*i).toString(),o.style.flex=`${e.length*i} 1 0%`}),n&&p(h,e.length),s(t)})}function G(t,e,{isPrevSizeOpen:n=!1,isResize:l=!1,openGrowImportant:r=0,sizeName:s}){return new Promise(h=>{t.hasAttribute("data-is_resize_panel")&&t.hasAttribute("data-is_resize_panel")&&t.dataset.is_resize_panel=="false"&&(t.dataset.is_resize_panel="true");let a=e.filter(u=>u.style.flex!="0 1 0%"&&u!=t),o=[...a,t],i=1;const w="client"+s.charAt(0).toUpperCase()+s.substring(1),f=s&&t.parentElement&&t.parentElement[w]||0;n&&t.hasAttribute("data-prev_grow")?i=parseFloat(t.dataset.prev_grow||"1")||1:f&&f!==0?i=f/a.length/(f-1)*e.length:i=1,r&&(i=r),i=i===1/0?1:i,o.forEach(u=>{if(u.style.transition="flex 0.5s",u.ontransitionend=E=>{E.propertyName=="flex-grow"&&(o.forEach(b=>b.style.transition=""),u.ontransitionend=()=>{})},u==t){t.dataset.grow=i.toString(),t.style.flex=`${i} 1 0%`;return}if(l)return;let m=f/a.length/(f-1)*(e.length-i);m=m===1/0?1:m,u.dataset.grow=m.toString(),u.style.flex=`${m} 1 0%`}),l&&p(o,e.length),h(i)})}0&&(module.exports={closeFlex,findNotCloseFlexContent,getClientXy,getGrow,isDocumentOut,isOverMove,mathGrow,mathWeight,openFlex,remain,resize});

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

@@ -1,211 +1 @@
-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;
-}
-let lastTouchEvent;
-function getClientXy(event) {
-  let clientX;
-  let clientY;
-  if (window.MouseEvent && event instanceof window.MouseEvent) {
-    clientX = event.clientX;
-    clientY = event.clientY;
-  } else if (window.TouchEvent && event instanceof window.TouchEvent) {
-    const _event = event.touches.length == 0 ? lastTouchEvent : event;
-    clientX = _event.touches[0].clientX;
-    clientY = _event.touches[0].clientY;
-    lastTouchEvent = event;
-  } else {
-    return;
-  }
-  return { clientX, clientY };
-}
-function isOverMove(elementSize, elementMinSize) {
-  return Math.floor(elementSize) <= 0 || (isNaN(elementMinSize) ? false : elementMinSize >= Math.floor(elementSize));
-}
-function findNotCloseFlexContent(target, direction) {
-  if (!target) return target;
-  let _target = target;
-  const isCloseCheck = () => {
-    let grow = parseFloat(window.getComputedStyle(_target).flex.split(" ")[0]) || 0;
-    if (grow == 0) {
-      return true;
-    } else {
-      return false;
-    }
-  };
-  while (isCloseCheck()) {
-    let nextTarget = _target[direction]?.[direction];
-    _target = nextTarget;
-    if (!_target) {
-      break;
-    }
-  }
-  return _target;
-}
-function remain(flexContainerList) {
-  return new Promise((resolve) => {
-    let notGrowList = [];
-    let totalGrow = flexContainerList.reduce((t, e, i) => {
-      if (e.hasAttribute("data-grow") == false) {
-        notGrowList.push(e);
-        return t;
-      }
-      let grow = parseFloat(e.dataset.grow || "");
-      e.style.flex = `${grow} 1 0%`;
-      t -= grow;
-      return t;
-    }, flexContainerList.length);
-    if (notGrowList.length != 0) {
-      resize(notGrowList, totalGrow);
-    }
-    resolve(flexContainerList);
-  });
-}
-function resize(list, totalGrow) {
-  return new Promise((resolve) => {
-    let resizeWeight = totalGrow / list.length;
-    list.forEach((e) => {
-      e.dataset.grow = resizeWeight.toString();
-      e.style.flex = `${resizeWeight} 1 0%`;
-    });
-    resolve(resizeWeight);
-  });
-}
-function mathWeight(totalCount, totalGrow) {
-  return 1 + (totalGrow - totalCount) / totalCount;
-}
-function mathGrow(childSize, parentSize, containerCount) {
-  return containerCount * (childSize / parentSize);
-}
-function getGrow(el) {
-  const target = el instanceof Element ? el : el;
-  const a = parseFloat(target.style.flex.split(" ")[0]);
-  if (!Number.isNaN(a)) return a;
-  const b = parseFloat(target.dataset.grow ?? "0");
-  return Number.isNaN(b) ? 0 : b;
-}
-function closeFlex(resizeTarget, containers, {
-  isResize = false,
-  isDsiabledResizePanel = false,
-  sizeName
-}) {
-  return new Promise((resolve) => {
-    if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
-    } else if (isDsiabledResizePanel) {
-      resizeTarget.dataset.is_resize_panel = "false";
-    }
-    resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();
-    let notCloseList = containers.filter(
-      (e) => e.style.flex != "0 1 0%" && e != resizeTarget
-    );
-    let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
-    notCloseAndOpenTargetList.forEach((e) => {
-      e.style.transition = "flex 0.5s";
-      e.ontransitionend = (event) => {
-        if (event.propertyName != "flex-grow") {
-          return;
-        }
-        notCloseAndOpenTargetList.forEach(
-          (e2) => e2.style.transition = ""
-        );
-        e.ontransitionend = () => {
-        };
-      };
-      if (e == resizeTarget) {
-        e.dataset.grow = "0";
-        e.style.flex = `0 1 0%`;
-        return;
-      }
-      if (isResize) {
-        return;
-      }
-      let percent = getGrow(e) / containers.length;
-      if (notCloseList.length == 1) {
-        e.dataset.grow = containers.length.toString();
-        e.style.flex = `${containers.length} 1 0%`;
-        return;
-      }
-      e.dataset.grow = (containers.length * percent).toString();
-      e.style.flex = `${containers.length * percent} 1 0%`;
-    });
-    if (isResize) {
-      resize(notCloseList, containers.length);
-    }
-    resolve(resizeTarget);
-  });
-}
-function openFlex(resizeTarget, containers, {
-  isPrevSizeOpen = false,
-  isResize = false,
-  openGrowImportant = 0,
-  sizeName
-}) {
-  return new Promise((resolve) => {
-    if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
-    } else if (resizeTarget.hasAttribute("data-is_resize_panel") && resizeTarget.dataset.is_resize_panel == "false") {
-      resizeTarget.dataset.is_resize_panel = "true";
-    }
-    let notCloseList = containers.filter(
-      (e) => e.style.flex != "0 1 0%" && e != resizeTarget
-    );
-    let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];
-    let openTargetGrow = 1;
-    const sizeStyleName = "client" + sizeName.charAt(0).toUpperCase() + sizeName.substring(1);
-    const parentSize = sizeName && resizeTarget.parentElement && resizeTarget.parentElement[sizeStyleName] || 0;
-    if (isPrevSizeOpen && resizeTarget.hasAttribute("data-prev_grow")) {
-      openTargetGrow = parseFloat(resizeTarget.dataset.prev_grow || "1") || 1;
-    } else if (parentSize && parentSize !== 0) {
-      openTargetGrow = parentSize / notCloseList.length / (parentSize - 1) * containers.length;
-    } else {
-      openTargetGrow = 1;
-    }
-    if (openGrowImportant) {
-      openTargetGrow = openGrowImportant;
-    }
-    openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;
-    notCloseAndOpenTargetList.forEach((e) => {
-      e.style.transition = "flex 0.5s";
-      e.ontransitionend = (event) => {
-        if (event.propertyName != "flex-grow") {
-          return;
-        }
-        notCloseAndOpenTargetList.forEach(
-          (e2) => e2.style.transition = ""
-        );
-        e.ontransitionend = () => {
-        };
-      };
-      if (e == resizeTarget) {
-        resizeTarget.dataset.grow = openTargetGrow.toString();
-        resizeTarget.style.flex = `${openTargetGrow} 1 0%`;
-        return;
-      }
-      if (isResize) {
-        return;
-      }
-      let grow = parentSize / notCloseList.length / (parentSize - 1) * (containers.length - openTargetGrow);
-      grow = grow === Infinity ? 1 : grow;
-      e.dataset.grow = grow.toString();
-      e.style.flex = `${grow} 1 0%`;
-    });
-    if (isResize) {
-      resize(notCloseAndOpenTargetList, containers.length);
-    }
-    resolve(openTargetGrow);
-  });
-}
-export {
-  closeFlex,
-  findNotCloseFlexContent,
-  getClientXy,
-  getGrow,
-  isDocumentOut,
-  isOverMove,
-  mathGrow,
-  mathWeight,
-  openFlex,
-  remain,
-  resize
-};
-//# sourceMappingURL=FlexLayoutUtils.js.map
+function b({x:t,y:e}){if(typeof window>"u")return;const{innerWidth:n,innerHeight:l,scrollX:o,scrollY:s}=window;return t<0||e<0||t>n+o||e>l+s}let c;function x(t){let e,n;if(window.MouseEvent&&t instanceof window.MouseEvent)e=t.clientX,n=t.clientY;else if(window.TouchEvent&&t instanceof window.TouchEvent){const l=t.touches.length==0?c:t;e=l.touches[0].clientX,n=l.touches[0].clientY,c=t}else return;return{clientX:e,clientY:n}}function y(t,e){return Math.floor(t)<=0||(isNaN(e)?!1:e>=Math.floor(t))}function M(t,e){if(!t)return t;let n=t;const l=()=>(parseFloat(window.getComputedStyle(n).flex.split(" ")[0])||0)==0;for(;l()&&(n=n[e]?.[e],!!n););return n}function L(t){return new Promise(e=>{let n=[],l=t.reduce((o,s,h)=>{if(s.hasAttribute("data-grow")==!1)return n.push(s),o;let a=parseFloat(s.dataset.grow||"");return s.style.flex=`${a} 1 0%`,o-=a,o},t.length);n.length!=0&&w(n,l),e(t)})}function w(t,e){return new Promise(n=>{let l=e/t.length;t.forEach(o=>{o.dataset.grow=l.toString(),o.style.flex=`${l} 1 0%`}),n(l)})}function _(t,e){return 1+(e-t)/t}function H(t,e,n){return n*(t/e)}function d(t){const e=(t instanceof Element,t),n=parseFloat(e.style.flex.split(" ")[0]);if(!Number.isNaN(n))return n;const l=parseFloat(e.dataset.grow??"0");return Number.isNaN(l)?0:l}function N(t,e,{isResize:n=!1,isDsiabledResizePanel:l=!1,sizeName:o}){return new Promise(s=>{t.hasAttribute("data-is_resize_panel")&&l&&(t.dataset.is_resize_panel="false"),t.dataset.prev_grow=d(t).toString();let h=e.filter(r=>r.style.flex!="0 1 0%"&&r!=t),a=[...h,t];a.forEach(r=>{if(r.style.transition="flex 0.5s",r.ontransitionend=p=>{p.propertyName=="flex-grow"&&(a.forEach(f=>f.style.transition=""),r.ontransitionend=()=>{})},r==t){r.dataset.grow="0",r.style.flex="0 1 0%";return}if(n)return;let i=d(r)/e.length;if(h.length==1){r.dataset.grow=e.length.toString(),r.style.flex=`${e.length} 1 0%`;return}r.dataset.grow=(e.length*i).toString(),r.style.flex=`${e.length*i} 1 0%`}),n&&w(h,e.length),s(t)})}function A(t,e,{isPrevSizeOpen:n=!1,isResize:l=!1,openGrowImportant:o=0,sizeName:s}){return new Promise(h=>{t.hasAttribute("data-is_resize_panel")&&t.hasAttribute("data-is_resize_panel")&&t.dataset.is_resize_panel=="false"&&(t.dataset.is_resize_panel="true");let a=e.filter(u=>u.style.flex!="0 1 0%"&&u!=t),r=[...a,t],i=1;const p="client"+s.charAt(0).toUpperCase()+s.substring(1),f=s&&t.parentElement&&t.parentElement[p]||0;n&&t.hasAttribute("data-prev_grow")?i=parseFloat(t.dataset.prev_grow||"1")||1:f&&f!==0?i=f/a.length/(f-1)*e.length:i=1,o&&(i=o),i=i===1/0?1:i,r.forEach(u=>{if(u.style.transition="flex 0.5s",u.ontransitionend=g=>{g.propertyName=="flex-grow"&&(r.forEach(E=>E.style.transition=""),u.ontransitionend=()=>{})},u==t){t.dataset.grow=i.toString(),t.style.flex=`${i} 1 0%`;return}if(l)return;let m=f/a.length/(f-1)*(e.length-i);m=m===1/0?1:m,u.dataset.grow=m.toString(),u.style.flex=`${m} 1 0%`}),l&&w(r,e.length),h(i)})}export{N as closeFlex,M as findNotCloseFlexContent,x as getClientXy,d as getGrow,b as isDocumentOut,y as isOverMove,H as mathGrow,_ as mathWeight,A as openFlex,L as remain,w as resize};

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

@@ -1,23 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var utils_exports = {};
-module.exports = __toCommonJS(utils_exports);
-__reExport(utils_exports, require("./FlexLayoutUtils"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./FlexLayoutUtils")
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./FlexLayoutUtils"),module.exports);0&&(module.exports={...require("./FlexLayoutUtils")});

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

@@ -1,2 +1 @@
-export * from "./FlexLayoutUtils";
-//# sourceMappingURL=index.js.map
+export*from"./FlexLayoutUtils";

package/dist/index.cjs

@@ -1,23 +1 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./flex-layout"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./flex-layout")
-});
-//# sourceMappingURL=index.cjs.map
+"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./flex-layout"),module.exports);0&&(module.exports={...require("./flex-layout")});

package/dist/index.js

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

package/dist/types/css.d.cjs

@@ -1,2 +1 @@
 "use strict";
-//# sourceMappingURL=css.d.cjs.map

package/dist/types/css.d.js

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