@byeolnaerim/flex-layout 0.0.9 → 0.0.12

package/dist/flex-layout/providers/FlexLayoutHooks.js

@@ -1,263 +1 @@
-"use client";
-import { useEffect, useState } from "react";
-import {
-  flexContainerStore,
-  getLayoutInfos,
-  getResizePanelRef
-} from "../store/FlexLayoutContainerStore";
-import {
-  closeFlex,
-  getGrow,
-  mathGrow,
-  openFlex
-} from "../utils/FlexLayoutUtils";
-import {
-  buffer,
-  debounceTime,
-  EMPTY,
-  filter,
-  fromEvent,
-  map,
-  Subject,
-  switchMap
-} from "rxjs";
-const g = globalThis;
-g.__FLEX_SUBJECTS__ ?? (g.__FLEX_SUBJECTS__ = { openClose: {}, spread: {} });
-const containerOpenCloseSubjectMap = g.__FLEX_SUBJECTS__.openClose;
-const containerSpreadSubjectMap = g.__FLEX_SUBJECTS__.spread;
-const ContainerOpenCloseProvider = ({
-  layoutName,
-  containerName,
-  sizeName
-}) => {
-  if (!containerOpenCloseSubjectMap[containerName]) {
-    containerOpenCloseSubjectMap[containerName] = new Subject();
-  }
-  if (!containerSpreadSubjectMap[containerName]) {
-    containerSpreadSubjectMap[containerName] = new Subject();
-  }
-  const [containers, setContainers] = useState([]);
-  const [container, setContainer] = useState();
-  useEffect(() => {
-    const subscription = getLayoutInfos(layoutName).subscribe(
-      (layout) => {
-        if (!layout || !layout.container[containerName] || !layout.container[containerName].current)
-          return;
-        setContainers(
-          Object.values(layout.container).filter(
-            (e) => e.current !== null
-          ).map((e) => e.current)
-        );
-        setContainer(layout.container[containerName].current);
-      }
-    );
-    return () => subscription.unsubscribe();
-  }, [containerName, layoutName]);
-  useEffect(() => {
-    const styleName = `${sizeName.charAt(0).toUpperCase() + sizeName.substring(1)}`;
-    const clientSize = "client" + styleName;
-    const outerSize = "outer" + styleName;
-    const maxSize = "max" + styleName;
-    const subscribe = containerOpenCloseSubjectMap[containerName].subscribe(
-      ({
-        mode,
-        initOpenState: isOpenState,
-        onClose,
-        onOpen,
-        openOption = {},
-        closeOption = {}
-      }) => {
-        if (!container || containers.length === 0) return;
-        const currentGrow = getGrow(container);
-        const styleMap = window.getComputedStyle(container);
-        const maxSizeGrow = mathGrow(
-          parseInt(styleMap[maxSize]),
-          container.parentElement && container.parentElement[clientSize] || window[outerSize],
-          containers.length
-        );
-        const open = () => openFlex(container, containers, {
-          sizeName,
-          ...isNaN(maxSizeGrow) ? {} : {
-            openGrowImportant: maxSizeGrow
-          },
-          ...openOption
-        }).then((openTargetGrow) => {
-          if (onOpen) onOpen();
-          containerSpreadSubjectMap[containerName].next({
-            isOpen: true,
-            grow: openTargetGrow,
-            targetContainer: container
-          });
-        });
-        const close = () => closeFlex(container, containers, {
-          sizeName,
-          ...closeOption
-        }).then(() => {
-          if (onClose) onClose();
-          containerSpreadSubjectMap[containerName].next({
-            isOpen: false,
-            grow: 0,
-            targetContainer: container
-          });
-        });
-        if (mode === "toggle") {
-          if (currentGrow === 0) {
-            open();
-          } else {
-            close();
-          }
-        } else if (mode === "open") {
-          if (currentGrow === 0) {
-            open();
-          }
-        } else if (mode === "close") {
-          if (currentGrow !== 0) {
-            close();
-          }
-        }
-      }
-    );
-    return () => {
-      subscribe.unsubscribe();
-    };
-  }, [containerName, container, containers, sizeName]);
-  return null;
-};
-const useContainers = (layoutName) => {
-  const [containers, setContainers] = useState([]);
-  useEffect(() => {
-    const subscription = getLayoutInfos(layoutName).subscribe(
-      (layout) => {
-        setContainers(
-          Object.values(layout.container).filter(
-            (e) => e.current !== null
-          ).map((e) => e.current)
-        );
-      }
-    );
-    return () => subscription.unsubscribe();
-  }, [layoutName]);
-  return containers;
-};
-const useLayoutName = (containerName) => {
-  const [layoutName, setLayoutName] = useState();
-  useEffect(() => {
-    const subscribe = flexContainerStore.pipe(
-      map(
-        (layouts) => Object.entries(layouts).filter(([_, v]) => v[containerName]).map(([k]) => k)[0]
-        // 첫 번째 결과 가져오기
-      )
-    ).subscribe(setLayoutName);
-    return () => subscribe.unsubscribe();
-  }, [containerName]);
-  return layoutName;
-};
-const useDecompositionLayout = ({
-  layoutName: initialLayoutName,
-  containerName
-}) => {
-  const derivedLayoutName = useLayoutName(containerName);
-  const finalLayoutName = initialLayoutName || derivedLayoutName;
-  const [containers, setContainers] = useState([]);
-  const [container, setContainer] = useState();
-  const [resizePanel, setResizePanel] = useState();
-  useEffect(() => {
-    if (!finalLayoutName) return;
-    const subscription = getLayoutInfos(finalLayoutName).subscribe(
-      (layout) => {
-        if (!layout) return;
-        setContainers(
-          Object.values(layout.container).filter(
-            (e) => e.current !== null
-          ).map((e) => e.current)
-        );
-        if (containerName && layout.container[containerName] && layout.container[containerName].current) {
-          setContainer(layout.container[containerName].current);
-          if (layout.resizePanel[containerName] && layout.resizePanel[containerName].current) {
-            setResizePanel(
-              layout.resizePanel[containerName].current
-            );
-          }
-        }
-      }
-    );
-    return () => subscription.unsubscribe();
-  }, [containerName, finalLayoutName]);
-  return { layout: containers, container, resizePanel };
-};
-const useContainerSize = (containerName) => {
-  const { layout, container, resizePanel } = useDecompositionLayout({
-    containerName
-  });
-  const [size, setSize] = useState();
-  useEffect(() => {
-    if (!container) return;
-    const observer = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        setSize({
-          width: entry.contentRect.width,
-          height: entry.contentRect.height
-        });
-      }
-    });
-    observer.observe(container);
-    return () => observer.disconnect();
-  }, [container]);
-  return { size };
-};
-const useDoubleClick = (containerName, opt) => {
-  const [isOpen, setIsOpen] = useState();
-  const [isDoubleClick, setIsDoubleClick] = useState();
-  useEffect(() => {
-    const resizePanelClickEvent = getResizePanelRef({
-      containerName
-    }).pipe(
-      filter(
-        (resizePanelref) => resizePanelref != void 0 && resizePanelref.current != void 0
-      ),
-      //take(1),
-      switchMap((resizePanelref) => {
-        if (!resizePanelref || !resizePanelref.current) return EMPTY;
-        return fromEvent(resizePanelref.current, "click");
-      })
-    );
-    const subscribe = resizePanelClickEvent.pipe(
-      buffer(resizePanelClickEvent.pipe(debounceTime(500))),
-      filter((clickEventArray) => clickEventArray.length >= 2),
-      map((events) => {
-        containerOpenCloseSubjectMap[containerName].next({
-          ...opt,
-          openOption: {
-            ...opt.openOption,
-            isPrevSizeOpen: false
-          },
-          onClose: () => {
-            if (opt.onClose) opt.onClose();
-            setIsOpen(false);
-            setIsDoubleClick(true);
-          },
-          onOpen: () => {
-            if (opt.onOpen) opt.onOpen();
-            setIsOpen(true);
-            setIsDoubleClick(true);
-          }
-        });
-      })
-    ).subscribe();
-    return () => {
-      subscribe.unsubscribe();
-    };
-  }, [containerName]);
-  return { isOpen, isDoubleClick, setIsDoubleClick };
-};
-export {
-  ContainerOpenCloseProvider,
-  containerOpenCloseSubjectMap,
-  containerSpreadSubjectMap,
-  useContainerSize,
-  useContainers,
-  useDecompositionLayout,
-  useDoubleClick,
-  useLayoutName
-};
-//# sourceMappingURL=FlexLayoutHooks.js.map
+"use client";import{useEffect as a,useState as l}from"react";import{flexContainerStore as k,getLayoutInfos as E,getResizePanelRef as D}from"../store/FlexLayoutContainerStore";import{closeFlex as I,getGrow as y,mathGrow as G,openFlex as F}from"../utils/FlexLayoutUtils";import{buffer as M,debounceTime as z,EMPTY as q,filter as O,fromEvent as U,map as B,Subject as v,switchMap as J}from"rxjs";const g=globalThis;g.__FLEX_SUBJECTS__??(g.__FLEX_SUBJECTS__={openClose:{},spread:{}});const C=g.__FLEX_SUBJECTS__.openClose,S=g.__FLEX_SUBJECTS__.spread,V=({layoutName:n,containerName:e,sizeName:r})=>{C[e]||(C[e]=new v),S[e]||(S[e]=new v);const[s,o]=l([]),[t,c]=l();return a(()=>{const u=E(n).subscribe(i=>{!i||!i.container[e]||!i.container[e].current||(o(Object.values(i.container).filter(b=>b.current!==null).map(b=>b.current)),c(i.container[e].current))});return()=>u.unsubscribe()},[e,n]),a(()=>{const u=`${r.charAt(0).toUpperCase()+r.substring(1)}`,i="client"+u,b="outer"+u,h="max"+u,p=C[e].subscribe(({mode:f,initOpenState:$,onClose:m,onOpen:w,openOption:R={},closeOption:H={}})=>{if(!t||s.length===0)return;const d=y(t),P=window.getComputedStyle(t),x=G(parseInt(P[h]),t.parentElement&&t.parentElement[i]||window[b],s.length),L=()=>F(t,s,{sizeName:r,...isNaN(x)?{}:{openGrowImportant:x},...R}).then(j=>{w&&w(),S[e].next({isOpen:!0,grow:j,targetContainer:t})}),T=()=>I(t,s,{sizeName:r,...H}).then(()=>{m&&m(),S[e].next({isOpen:!1,grow:0,targetContainer:t})});f==="toggle"?d===0?L():T():f==="open"?d===0&&L():f==="close"&&d!==0&&T()});return()=>{p.unsubscribe()}},[e,t,s,r]),null},Z=n=>{const[e,r]=l([]);return a(()=>{const s=E(n).subscribe(o=>{r(Object.values(o.container).filter(t=>t.current!==null).map(t=>t.current))});return()=>s.unsubscribe()},[n]),e},W=n=>{const[e,r]=l();return a(()=>{const s=k.pipe(B(o=>Object.entries(o).filter(([t,c])=>c[n]).map(([t])=>t)[0])).subscribe(r);return()=>s.unsubscribe()},[n]),e},X=({layoutName:n,containerName:e})=>{const r=W(e),s=n||r,[o,t]=l([]),[c,u]=l(),[i,b]=l();return a(()=>{if(!s)return;const h=E(s).subscribe(p=>{p&&(t(Object.values(p.container).filter(f=>f.current!==null).map(f=>f.current)),e&&p.container[e]&&p.container[e].current&&(u(p.container[e].current),p.resizePanel[e]&&p.resizePanel[e].current&&b(p.resizePanel[e].current)))});return()=>h.unsubscribe()},[e,s]),{layout:o,container:c,resizePanel:i}},N=n=>{const{layout:e,container:r,resizePanel:s}=X({containerName:n}),[o,t]=l();return a(()=>{if(!r)return;const c=new ResizeObserver(u=>{for(const i of u)t({width:i.contentRect.width,height:i.contentRect.height})});return c.observe(r),()=>c.disconnect()},[r]),{size:o}},_=n=>D({containerName:n}).pipe(O(e=>e!=null&&e.current!=null),J(e=>!e||!e.current?q:U(e.current,"click"))),ee=(n,e)=>{const[r,s]=l(),[o,t]=l();return a(()=>{const c=_(n),u=c.pipe(M(c.pipe(z(500))),O(i=>i.length>=2)).subscribe(()=>{C[n].next({...e,openOption:{...e.openOption,isPrevSizeOpen:!1},onClose:()=>{e.onClose&&e.onClose(),s(!1),t(!0)},onOpen:()=>{e.onOpen&&e.onOpen(),s(!0),t(!0)}})});return()=>{u.unsubscribe()}},[n]),{isOpen:r,isDoubleClick:o,setIsDoubleClick:t}},te=n=>{const[e,r]=l();return a(()=>{const s=_(n),o=s.pipe(M(s.pipe(z(500))),O(t=>t.length>=2)).subscribe(()=>{r(!0)});return()=>{o.unsubscribe()}},[n]),{isDoubleClick:e,setIsDoubleClick:r}};export{V as ContainerOpenCloseProvider,C as containerOpenCloseSubjectMap,S as containerSpreadSubjectMap,N as useContainerSize,Z as useContainers,X as useDecompositionLayout,te as useDoubleClick,ee as useDoubleClickToggle,W as useLayoutName};

package/dist/flex-layout/providers/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 providers_exports = {};
-module.exports = __toCommonJS(providers_exports);
-__reExport(providers_exports, require("./FlexLayoutHooks"), module.exports);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./FlexLayoutHooks")
-});
-//# 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("./FlexLayoutHooks"),module.exports);0&&(module.exports={...require("./FlexLayoutHooks")});

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

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

package/dist/flex-layout/store/FlexLayoutContainerStore.cjs

@@ -1,257 +1 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FlexLayoutContainerStore_exports = {};
-__export(FlexLayoutContainerStore_exports, {
-  flexContainerStore: () => flexContainerStore,
-  flexResizePanelStore: () => flexResizePanelStore,
-  getContainerRef: () => getContainerRef,
-  getCurrentSplitScreenComponents: () => getCurrentSplitScreenComponents,
-  getLayoutInfos: () => getLayoutInfos,
-  getResizePanelRef: () => getResizePanelRef,
-  getScrollPosition: () => getScrollPosition,
-  getSplitScreen: () => getSplitScreen,
-  layoutSplitScreenStore: () => layoutSplitScreenStore,
-  removeRootSplitScreen: () => removeRootSplitScreen,
-  removeScrollPosition: () => removeScrollPosition,
-  removeSplitScreenChild: () => removeSplitScreenChild,
-  resetRootSplitScreen: () => resetRootSplitScreen,
-  scrollPositions: () => scrollPositions,
-  setContainerRef: () => setContainerRef,
-  setResizePanelRef: () => setResizePanelRef,
-  setScrollPosition: () => setScrollPosition,
-  setSplitScreen: () => setSplitScreen
-});
-module.exports = __toCommonJS(FlexLayoutContainerStore_exports);
-var import_fast_deep_equal = __toESM(require("fast-deep-equal"), 1);
-var import_rxjs = require("rxjs");
-var import_operators = require("rxjs/operators");
-function updateScrollStore(subject, newValue) {
-  const currentValue = subject.getValue();
-  if (!(0, import_fast_deep_equal.default)(currentValue, newValue)) {
-    subject.next(newValue);
-  }
-}
-function updateSplitScreenStore(newValue) {
-  layoutSplitScreenStore.next(newValue);
-}
-const scrollPositions = {};
-const scrollPositionsSubject = new import_rxjs.BehaviorSubject(scrollPositions);
-const setScrollPosition = (layoutName, position) => {
-  const current = scrollPositionsSubject.getValue();
-  const prevPos = current[layoutName];
-  if (prevPos && prevPos.x === position.x && prevPos.y === position.y) {
-    return;
-  }
-  const newPositions = {
-    ...current,
-    [layoutName]: position
-  };
-  updateScrollStore(scrollPositionsSubject, newPositions);
-};
-const getScrollPosition = (layoutName) => {
-  return scrollPositionsSubject.pipe(
-    // 해당 layoutName이 정의되지 않았을 때는 제외
-    (0, import_operators.filter)((e) => e[layoutName] !== void 0),
-    (0, import_operators.map)((positions) => positions[layoutName]),
-    (0, import_operators.distinctUntilChanged)(
-      (prev, curr) => prev?.x === curr?.x && prev?.y === curr?.y
-    )
-  );
-};
-const removeScrollPosition = (layoutName) => {
-  const current = scrollPositionsSubject.getValue();
-  const { [layoutName]: _, ...rest } = current;
-  updateScrollStore(scrollPositionsSubject, rest);
-};
-const layoutSplitScreenStore = new import_rxjs.BehaviorSubject({});
-const setSplitScreen = (rootName, layoutName, newComponents) => {
-  const current = layoutSplitScreenStore.getValue();
-  const updatedLayout = { ...current[rootName] || {} };
-  updatedLayout[layoutName] = newComponents;
-  const newStoreValue = {
-    ...current,
-    [rootName]: updatedLayout
-  };
-  updateSplitScreenStore(newStoreValue);
-};
-const resetRootSplitScreen = (rootName) => {
-  const current = layoutSplitScreenStore.getValue();
-  const newStoreValue = {
-    ...current,
-    [rootName]: {}
-  };
-  updateSplitScreenStore(newStoreValue);
-};
-const removeRootSplitScreen = (rootName) => {
-  const current = layoutSplitScreenStore.getValue();
-  if (!current[rootName]) return;
-  const { [rootName]: _, ...rest } = current;
-  updateSplitScreenStore(rest);
-};
-const removeSplitScreenChild = (rootName, layoutName) => {
-  const current = layoutSplitScreenStore.getValue();
-  if (!current[rootName]) return;
-  const updatedLayout = { ...current[rootName] };
-  delete updatedLayout[layoutName];
-  const newStoreValue = {
-    ...current,
-    [rootName]: updatedLayout
-  };
-  updateSplitScreenStore(newStoreValue);
-};
-const getCurrentSplitScreenComponents = (rootName, layoutName) => {
-  const current = layoutSplitScreenStore.getValue();
-  if (!current[rootName]) return;
-  return current[rootName][layoutName];
-};
-const getSplitScreen = (rootName, layoutName) => {
-  return layoutSplitScreenStore.pipe(
-    (0, import_operators.map)((splitScreen) => splitScreen[rootName]?.[layoutName]),
-    (0, import_operators.distinctUntilChanged)((prev, curr) => {
-      const filterChildren = (obj) => {
-        const { children, component, targetComponent, x, y, ...rest } = obj || {};
-        return rest;
-      };
-      return (0, import_fast_deep_equal.default)(filterChildren(prev), filterChildren(curr));
-    })
-  );
-};
-const flexContainerStore = new import_rxjs.BehaviorSubject({});
-const flexResizePanelStore = new import_rxjs.BehaviorSubject({});
-const setContainerRef = (layoutName, containerName, ref) => {
-  const currentRefs = flexContainerStore.getValue();
-  const layoutRefs = currentRefs[layoutName] || {};
-  if (ref === null) {
-    if (!(containerName in layoutRefs)) return;
-    const { [containerName]: _, ...restLayout } = layoutRefs;
-    const next = Object.keys(restLayout).length === 0 ? (() => {
-      const { [layoutName]: __, ...rest } = currentRefs;
-      return rest;
-    })() : { ...currentRefs, [layoutName]: restLayout };
-    flexContainerStore.next(next);
-    return;
-  }
-  if (layoutRefs[containerName] === ref) return;
-  flexContainerStore.next({
-    ...currentRefs,
-    [layoutName]: { ...layoutRefs, [containerName]: ref }
-  });
-};
-const setResizePanelRef = (layoutName, containerName, ref) => {
-  const currentRefs = flexResizePanelStore.getValue();
-  const layoutRefs = currentRefs[layoutName] || {};
-  if (ref === null) {
-    if (!(containerName in layoutRefs)) return;
-    const { [containerName]: _, ...restLayout } = layoutRefs;
-    const next = Object.keys(restLayout).length === 0 ? (() => {
-      const { [layoutName]: __, ...rest } = currentRefs;
-      return rest;
-    })() : { ...currentRefs, [layoutName]: restLayout };
-    flexResizePanelStore.next(next);
-    return;
-  }
-  if (layoutRefs[containerName] === ref) return;
-  flexResizePanelStore.next({
-    ...currentRefs,
-    [layoutName]: { ...layoutRefs, [containerName]: ref }
-  });
-};
-const getLayoutInfos = (layoutName) => {
-  return (0, import_rxjs.combineLatest)([flexContainerStore, flexResizePanelStore]).pipe(
-    (0, import_operators.map)(([containerRefs, resizePanelRefs]) => {
-      const containerData = containerRefs[layoutName] || {};
-      const resizePanelData = resizePanelRefs[layoutName] || {};
-      return {
-        container: containerData,
-        resizePanel: resizePanelData
-      };
-    }),
-    (0, import_operators.filter)(
-      (result) => result.container !== null && Object.keys(result.container).length > 0
-    )
-    // 빈 객체 제외
-  );
-};
-const getContainerRef = ({
-  containerName,
-  layoutName
-}) => {
-  return flexContainerStore.pipe(
-    (0, import_operators.map)((refs) => {
-      if (layoutName) {
-        return refs[layoutName]?.[containerName] || null;
-      } else {
-        return Object.entries(refs).find(
-          ([key, value]) => refs[key][containerName]
-        )?.[1][containerName];
-      }
-    }),
-    (0, import_operators.filter)((ref) => ref !== null)
-  );
-};
-const getResizePanelRef = ({
-  containerName,
-  layoutName
-}) => {
-  return flexResizePanelStore.pipe(
-    (0, import_operators.map)((refs) => {
-      if (layoutName) {
-        return refs[layoutName]?.[containerName] || null;
-      } else {
-        return Object.entries(refs).find(
-          ([key, value]) => refs[key][containerName]
-        )?.[1][containerName];
-      }
-    }),
-    (0, import_operators.filter)((ref) => ref !== null)
-  );
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  flexContainerStore,
-  flexResizePanelStore,
-  getContainerRef,
-  getCurrentSplitScreenComponents,
-  getLayoutInfos,
-  getResizePanelRef,
-  getScrollPosition,
-  getSplitScreen,
-  layoutSplitScreenStore,
-  removeRootSplitScreen,
-  removeScrollPosition,
-  removeSplitScreenChild,
-  resetRootSplitScreen,
-  scrollPositions,
-  setContainerRef,
-  setResizePanelRef,
-  setScrollPosition,
-  setSplitScreen
-});
-//# sourceMappingURL=FlexLayoutContainerStore.cjs.map
+"use strict";"use client";var m=Object.create;var a=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var n in e)a(t,n,{get:e[n],enumerable:!0})},C=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of L(e))!h.call(t,o)&&o!==n&&a(t,o,{get:()=>e[o],enumerable:!(r=j(e,o))||r.enumerable});return t};var D=(t,e,n)=>(n=t!=null?m(V(t)):{},C(e||!t||!t.__esModule?a(n,"default",{value:t,enumerable:!0}):n,t)),O=t=>C(a({},"__esModule",{value:!0}),t);var J={};w(J,{flexContainerStore:()=>u,flexResizePanelStore:()=>p,getContainerRef:()=>F,getCurrentSplitScreenComponents:()=>B,getLayoutInfos:()=>A,getResizePanelRef:()=>G,getScrollPosition:()=>v,getSplitScreen:()=>q,layoutSplitScreenStore:()=>i,removeRootSplitScreen:()=>H,removeScrollPosition:()=>z,removeSplitScreenChild:()=>M,resetRootSplitScreen:()=>E,scrollPositions:()=>y,setContainerRef:()=>I,setResizePanelRef:()=>U,setScrollPosition:()=>_,setSplitScreen:()=>k});module.exports=O(J);var b=D(require("fast-deep-equal/react"),1),c=require("rxjs"),s=require("rxjs/operators");function T(t,e){t.next(e)}function R(t){i.next(t)}const y={},S=new c.BehaviorSubject(y),_=(t,e)=>{const n=S.getValue(),r=n[t];if(r&&r.x===e.x&&r.y===e.y)return;const o={...n,[t]:e};T(S,o)},v=t=>S.pipe((0,s.filter)(e=>e[t]!==void 0),(0,s.map)(e=>e[t]),(0,s.distinctUntilChanged)((e,n)=>e?.x===n?.x&&e?.y===n?.y)),z=t=>{const e=S.getValue(),{[t]:n,...r}=e;T(S,r)},i=new c.BehaviorSubject({}),k=(t,e,n)=>{const r=i.getValue(),o={...r[t]||{}};o[e]=n;const g={...r,[t]:o};R(g)},E=t=>{const n={...i.getValue(),[t]:{}};R(n)},H=t=>{const e=i.getValue();if(!e[t])return;const{[t]:n,...r}=e;R(r)},M=(t,e)=>{const n=i.getValue();if(!n[t])return;const r={...n[t]};delete r[e];const o={...n,[t]:r};R(o)},B=(t,e)=>{const n=i.getValue();if(n[t])return n[t][e]},q=(t,e)=>i.pipe((0,s.map)(n=>n[t]?.[e]),(0,s.distinctUntilChanged)((n,r)=>{const o=g=>{const{children:l,component:f,targetComponent:d,x,y:K,...P}=g||{};return P};return(0,b.default)(o(n),o(r))})),u=new c.BehaviorSubject({}),p=new c.BehaviorSubject({}),I=(t,e,n)=>{const r=u.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:g,...l}=o,f=Object.keys(l).length===0?(()=>{const{[t]:d,...x}=r;return x})():{...r,[t]:l};u.next(f);return}o[e]!==n&&u.next({...r,[t]:{...o,[e]:n}})},U=(t,e,n)=>{const r=p.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:g,...l}=o,f=Object.keys(l).length===0?(()=>{const{[t]:d,...x}=r;return x})():{...r,[t]:l};p.next(f);return}o[e]!==n&&p.next({...r,[t]:{...o,[e]:n}})},A=t=>(0,c.combineLatest)([u,p]).pipe((0,s.map)(([e,n])=>{const r=e[t]||{},o=n[t]||{};return{container:r,resizePanel:o}}),(0,s.filter)(e=>e.container!==null&&Object.keys(e.container).length>0)),F=({containerName:t,layoutName:e})=>u.pipe((0,s.map)(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),(0,s.filter)(n=>n!==null)),G=({containerName:t,layoutName:e})=>p.pipe((0,s.map)(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),(0,s.filter)(n=>n!==null));0&&(module.exports={flexContainerStore,flexResizePanelStore,getContainerRef,getCurrentSplitScreenComponents,getLayoutInfos,getResizePanelRef,getScrollPosition,getSplitScreen,layoutSplitScreenStore,removeRootSplitScreen,removeScrollPosition,removeSplitScreenChild,resetRootSplitScreen,scrollPositions,setContainerRef,setResizePanelRef,setScrollPosition,setSplitScreen});