@m4l/components 9.17.1-beta-feature-731-m4l-components-code-editor.0 → 9.18.0

package/components/areas/contexts/AreasContext/store.js

@@ -1,36 +1,36 @@
-import { createStore as T } from "zustand";
-import { devtools as x } from "zustand/middleware";
-import { immer as N } from "zustand/middleware/immer";
-import { getCookiesContainer as L, getDataFromResponse as b, getParmsFromValue as R, setColapsedLayoutBreakPoints as S, COOKIE_BREAKPOINT_LAYOUTS as $, DEBOUCED_SAVE_TIME as z, DEFAULT_WINDOW as O, MARGIN_GRIDLAYOUT as m, COOKIE_WINDOWS as B, deleteLayoutFromBreakPoints as H, RESPONSIVE_ROW_HEIGHTS as U, PADDING_GRIDLAYOUT as E, NORMALIZED_COLS as G, addArea as _, DEFAULT_AREA as K, getSelectedAreaIdFromCookies as Q, COOKIE_WINDOW_SELECTED as V, COOKIE_AREAS_ADMIN_CONTAINER_ID as M, COOKIE_AREAS_ADMIN_ID as F } from "./helpers/helper.js";
-import { createDynamicMFStore as w } from "../../../WindowBase/contexts/DynamicMFParmsContext/store.js";
-import Y from "lodash-es/cloneDeep";
-import j from "lodash-es/debounce";
-import { generateModuleCount as P } from "./helpers/generateModuleCount.js";
-import { AREAS_STORE_ID as q } from "../../constants.js";
-import { helperSelectLayout as C } from "./helpers/selectLayout.js";
-import { deleteCookie as I, setCookie as p, getCookie as v } from "../../../../helpers/cookies/cookies.js";
-import { isEqualLayouts as Z } from "../../../GridLayout/utils.js";
-import { cloneLayouts as J, addLayoutItemToBreakPoints as X } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
-const g = (f, k) => {
-  const { enabled: W = !1 } = k;
-  return W && process.env.NODE_ENV === "development" ? x(f, k) : f;
-}, po = (f, k = !1) => {
-  const W = {
+import { createStore as x } from "zustand";
+import { devtools as N } from "zustand/middleware";
+import { immer as b } from "zustand/middleware/immer";
+import { getCookiesContainer as E, getDataFromResponse as R, getParmsFromValue as $, setColapsedLayoutBreakPoints as F, COOKIE_BREAKPOINT_LAYOUTS as B, DEBOUCED_SAVE_TIME as H, DEFAULT_WINDOW as I, MARGIN_GRIDLAYOUT as y, COOKIE_WINDOWS as U, deleteLayoutFromBreakPoints as G, RESPONSIVE_ROW_HEIGHTS as K, PADDING_GRIDLAYOUT as P, NORMALIZED_COLS as Q, addArea as S, DEFAULT_AREA as z, getSelectedAreaIdFromCookies as V, COOKIE_WINDOW_SELECTED as Y, COOKIE_AREAS_ADMIN_CONTAINER_ID as T, COOKIE_AREAS_ADMIN_ID as D } from "./helpers/helper.js";
+import { createDynamicMFStore as O } from "../../../WindowBase/contexts/DynamicMFParmsContext/store.js";
+import j from "lodash-es/cloneDeep";
+import q from "lodash-es/debounce";
+import { generateModuleCount as L } from "./helpers/generateModuleCount.js";
+import { AREAS_STORE_ID as Z } from "../../constants.js";
+import { helperSelectLayout as v } from "./helpers/selectLayout.js";
+import { deleteCookie as M, setCookie as C, getCookie as _ } from "../../../../helpers/cookies/cookies.js";
+import { isEqualLayouts as J } from "../../../GridLayout/utils.js";
+import { cloneLayouts as X, addLayoutItemToBreakPoints as g } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
+const ee = (k, W) => {
+  const { enabled: w = !1 } = W;
+  return w && process.env.NODE_ENV === "development" ? N(k, W) : k;
+}, pe = (k, W = !1) => {
+  const w = {
     currentAreaId: "",
     currentModuleId: "",
     areasIds: [],
     hashAreas: {},
     hashWindows: {},
     windowsModalsIds: [],
-    ...f
+    ...k
   };
-  return T(
-    g(
-      N((i, a) => ({
-        ...W,
+  return x(
+    ee(
+      b((i, a) => ({
+        ...w,
         areasActions: {
           /**
-           * Inicializa el store de areas
+           * Initialize the Areas store.
            */
           init: () => {
             if (a().ownerState?.status !== "init")
@@ -44,40 +44,40 @@ const g = (f, k) => {
             i((r) => {
               r.ownerState.status = "loading";
             });
-            const o = v({
+            const e = _({
               networkOperation: a().networkOperation,
               params: {
                 f: [
-                  { n: "container_id", o: "e", o1: M },
-                  { n: "id", o: "e", o1: F }
+                  { n: "container_id", o: "e", o1: T },
+                  { n: "id", o: "e", o1: D }
                 ]
               }
-            }), e = a().networkOperation({
+            }), o = a().networkOperation({
               method: "GET",
               endPoint: "areas",
               parms: {},
               toastSuccess: !1
             });
             let s;
-            Promise.allSettled([e, o]).then(([r, n]) => {
+            Promise.allSettled([o, e]).then(([r, n]) => {
               if (r?.status === "fulfilled") {
                 const t = r?.value?.data;
                 i((d) => {
                   if (t && Array.isArray(t) && t.length > 0)
-                    for (let l = 0; l < t.length; l++) {
-                      const h = {
-                        ...K,
-                        ...t[l],
+                    for (let c = 0; c < t.length; c++) {
+                      const l = {
+                        ...z,
+                        ...t[c],
+                        // API-backed areas should lazily load windows on first selection.
                         loadWindows: !0
-                        //Se indica que si se carguen las ventas debido a que viene de la API
                       };
-                      d.hashAreas[h.id] = h, d.areasIds.push(h.id);
+                      d.hashAreas[l.id] = l, d.areasIds.push(l.id);
                     }
                   else
-                    _(d);
+                    S(d);
                 });
               }
-              n.status === "fulfilled" && (s = Q(n?.value));
+              n.status === "fulfilled" && (s = V(n?.value));
             }).finally(() => {
               if (i((r) => {
                 r.ownerState.status = "loaded";
@@ -88,23 +88,23 @@ const g = (f, k) => {
             });
           },
           /**
-           * Acción encargada de añadir un área de trabajo en blanco
+           * Add a blank work area and select it.
            */
           addArea: () => {
-            let o = "";
-            return i((e) => {
-              o = _(e);
-            }), a().areasActions.selectArea(o), o;
+            let e = "";
+            return i((o) => {
+              e = S(o);
+            }), a().areasActions.selectArea(e), e;
           },
           /**
            * editArea store
            */
-          editArea: (o, e) => {
+          editArea: (e, o) => {
             i((s) => {
-              s.hashAreas[o] && (s.hashAreas[o].name = e, s.loadAreasFromNetwork && s.networkOperation({
+              s.hashAreas[e] && (s.hashAreas[e].name = o, s.loadAreasFromNetwork && s.networkOperation({
                 method: "PATCH",
-                endPoint: `areas/${o}`,
-                data: { name: e },
+                endPoint: `areas/${e}`,
+                data: { name: o },
                 toastSuccess: !1,
                 toastError: !1
               }));
@@ -113,60 +113,60 @@ const g = (f, k) => {
           /**
            * deleteArea store
            */
-          deleteArea: (o) => {
-            let e = "";
+          deleteArea: (e) => {
+            let o = "";
             i((s) => {
-              if (!s.hashAreas[o] || s.areasIds.length < 2)
+              if (!s.hashAreas[e] || s.areasIds.length < 2)
                 return;
-              const n = s.areasIds.indexOf(o);
+              const n = s.areasIds.indexOf(e);
               if (n > -1) {
                 for (const d in s.hashWindows)
-                  s.hashWindows[d].areaId === o && delete s.hashWindows[d];
-                const t = s.areasIds.findIndex((d) => d === o);
-                s.areasIds.splice(n, 1), delete s.hashAreas[o], s.currentAreaId === o && (e = s.areasIds[t <= s.areasIds.length - 1 ? t : s.areasIds.length - 1]);
+                  s.hashWindows[d].areaId === e && delete s.hashWindows[d];
+                const t = s.areasIds.findIndex((d) => d === e);
+                s.areasIds.splice(n, 1), delete s.hashAreas[e], s.currentAreaId === e && (o = s.areasIds[t <= s.areasIds.length - 1 ? t : s.areasIds.length - 1]);
               }
               s.loadAreasFromNetwork && s.networkOperation({
                 method: "DELETE",
-                endPoint: `areas/${o}`,
+                endPoint: `areas/${e}`,
                 parms: {},
                 toastSuccess: !1,
                 toastError: !1
-              }), s.loadCookiesFromNetwork && I({
+              }), s.loadCookiesFromNetwork && M({
                 networkOperation: a().networkOperation,
-                data: { f: [{ n: "container_id", o: "c", o1: o }] }
+                data: { f: [{ n: "container_id", o: "c", o1: e }] }
               }).catch(() => {
               });
-            }), e && a().areasActions.selectArea(e);
+            }), o && a().areasActions.selectArea(o);
           },
           /**
            * selectArea store
            */
-          selectArea: (o) => {
-            i((e) => {
-              e.currentAreaId = o, e.hashAreas[o].currentLayoutId ? e.currentModuleId = e.hashWindows[e.hashAreas[o].currentLayoutId].moduleId : e.currentModuleId = "";
-            }), a().hashAreas[o].status === "init" && (a().hashAreas[o].loadWindows ? a().areaActions.loadWindowsFromApi(o) : i((e) => {
-              e.hashAreas[o].status = "loaded";
-            })), a().loadCookiesFromNetwork && p({
+          selectArea: (e) => {
+            i((o) => {
+              o.currentAreaId = e, o.hashAreas[e].currentLayoutId ? o.currentModuleId = o.hashWindows[o.hashAreas[e].currentLayoutId].moduleId : o.currentModuleId = "";
+            }), a().hashAreas[e].status === "init" && (a().hashAreas[e].loadWindows ? a().areaActions.loadWindowsFromApi(e) : i((o) => {
+              o.hashAreas[e].status = "loaded";
+            })), a().loadCookiesFromNetwork && C({
               networkOperation: a().networkOperation,
-              endPoint: `${M}/${F}`,
-              value: { selectedAreaId: o }
+              endPoint: `${T}/${D}`,
+              value: { selectedAreaId: e }
             }).catch(() => {
             });
           },
           /**
            * setHandlerGetLabel
            */
-          setHandlerGetLabel: (o) => {
-            i((e) => {
-              e.getLabel = o;
+          setHandlerGetLabel: (e) => {
+            i((o) => {
+              o.getLabel = e;
             });
           },
           /**
            * setExternalState
            */
-          setExternalState: (o) => {
-            i((e) => {
-              e.ownerState = { ...e.ownerState, ...o };
+          setExternalState: (e) => {
+            i((o) => {
+              o.ownerState = { ...o.ownerState, ...e };
             });
           }
         },
@@ -174,131 +174,130 @@ const g = (f, k) => {
           /**
            * addWindow store
            */
-          addWindow: (o) => {
-            const e = `${a().currentAreaId}_window_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
-            o.emergeType === "layout" ? a().areaActions.addLayout(
+          addWindow: (e) => {
+            const o = `${a().currentAreaId}_window_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
+            e.emergeType === "layout" ? a().areaActions.addLayout(
               a().currentAreaId,
-              e,
-              o
-            ) : o.emergeType === "popup" ? a().areaActions.addPopup(
+              o,
+              e
+            ) : e.emergeType === "popup" ? a().areaActions.addPopup(
               a().currentAreaId,
-              e,
-              o
-            ) : o.emergeType === "modal" && a().areaActions.addWindowModal(
+              o,
+              e
+            ) : e.emergeType === "panel" ? a().areaActions.addPanel(
               a().currentAreaId,
-              e,
-              o
+              o,
+              e
+            ) : e.emergeType === "modal" && a().areaActions.addWindowModal(
+              a().currentAreaId,
+              o,
+              e
             );
           },
           /**
            * addLayout store
            */
-          addLayout: (o, e, s) => {
-            let r = e;
-            const n = !1, t = P(
+          addLayout: (e, o, s) => {
+            let r = o;
+            const n = !1, t = L(
               a().currentAreaId,
               s.moduleId,
               a().hashWindows
             ), d = {
               ...s.layoutProps,
-              i: e,
+              i: o,
               isDraggable: !0,
               isResizable: !0,
               freeMove: n
             };
-            i((l) => {
-              const h = l.hashAreas[o];
-              if (h) {
+            i((c) => {
+              const l = c.hashAreas[e];
+              if (l) {
                 if (s.replaceMeId)
-                  for (let c = 0; c < h.layoutItemsIds.length; c++) {
-                    const u = h.layoutItemsIds[c], A = l.hashWindows[u];
-                    if (A.replaceMeId === s.replaceMeId) {
-                      r = u, A.dynamicMFStore.getState().actions.changeData(s.dynamicParams);
+                  for (let m = 0; m < l.layoutItemsIds.length; m++) {
+                    const h = l.layoutItemsIds[m], f = c.hashWindows[h];
+                    if (f.replaceMeId === s.replaceMeId) {
+                      r = h, f.dynamicMFStore.getState().actions.changeData(s.dynamicParams);
                       break;
                     }
                   }
-                if (r === e) {
-                  const c = w({
+                if (r === o) {
+                  const m = O({
                     dynamicMFParameters: s.dynamicParams
                   });
-                  l.hashWindows[e] = {
+                  c.hashWindows[o] = {
                     ...s,
-                    areaId: o,
-                    windowId: e,
-                    onClose: (u) => {
-                      a().areaActions.closeLayout(o, u);
+                    areaId: e,
+                    windowId: o,
+                    onClose: (h) => {
+                      a().areaActions.closeLayout(e, h);
                     },
-                    ...O,
-                    dynamicMFStore: c,
+                    ...I,
+                    dynamicMFStore: m,
                     moduleCount: t
-                  }, h.layoutItemsIds.push(e), h.maximizedId && (h.maximizedId = e), h.layouts = X(
-                    h.layouts,
+                  }, l.layoutItemsIds.push(o), l.maximizedId && (l.maximizedId = o), l.layouts = g(
+                    l.layouts,
                     d,
-                    G,
-                    [m, m],
-                    [E, E],
-                    U,
-                    h.containerHeight,
-                    h.currentBreakpoint
-                  ), h.currentBreakpoint === "xxs" && (h.maximizedId = e), C(l, o, e, !0), a().popupsProviderMethods.setSelectedPopupId(o, void 0);
+                    Q,
+                    [y, y],
+                    [P, P],
+                    K,
+                    l.containerHeight,
+                    l.currentBreakpoint
+                  ), l.currentBreakpoint === "xxs" && (l.maximizedId = o), v(c, e, o, !0), a().popupsProviderMethods.setSelectedPopupId(e, void 0);
                 }
               }
-            }), a().areaActions.saveLayouts(o), a().areaActions.bouncedSaveBreakpointsLayouts(o);
+            }), a().areaActions.saveLayouts(e), a().areaActions.bouncedSaveBreakpointsLayouts(e);
           },
           /**
            * closeLayout
            */
-          closeLayout: (o, e) => {
+          closeLayout: (e, o) => {
             i((s) => {
-              const r = s.hashAreas[o];
+              const r = s.hashAreas[e];
               if (!r)
                 return;
-              const n = r.layoutItemsIds.indexOf(e);
-              n > -1 && r.layoutItemsIds.splice(n, 1), H(r, e), delete s.hashWindows[e], s.hashAreas[o].currentLayoutId === e && C(s, o, "");
-            }), a().areaActions.saveLayouts(o), a().hashAreas[o].maximizedId === e && a().areaActions.maximizeLayout(o);
-            for (let s = 0; s < a().hashAreas[o].layoutItemsIds.length; s++) {
-              const r = a().hashAreas[o].layoutItemsIds[s], n = a().hashWindows[r];
-              n && n.parentId === e && a().areaActions.closeLayout(o, n.windowId);
+              const n = r.layoutItemsIds.indexOf(o);
+              n > -1 && r.layoutItemsIds.splice(n, 1), G(r, o), delete s.hashWindows[o], s.hashAreas[e].currentLayoutId === o && v(s, e, "");
+            }), a().areaActions.saveLayouts(e), a().hashAreas[e].maximizedId === o && a().areaActions.maximizeLayout(e);
+            for (let s = 0; s < a().hashAreas[e].layoutItemsIds.length; s++) {
+              const r = a().hashAreas[e].layoutItemsIds[s], n = a().hashWindows[r];
+              n && n.parentId === o && a().areaActions.closeLayout(e, n.windowId);
             }
-            a().popupsProviderMethods.closeAllPopupsByParentId(e);
+            a().popupsProviderMethods.closeAllPopupsByParentId(o);
           },
           /**
            * saveLayouts
            */
-          saveLayouts: (o) => {
+          saveLayouts: (e) => {
             if (!a().loadCookiesFromNetwork)
               return;
-            let e = 0;
-            const s = a().hashAreas[o];
+            let o = 0;
+            const s = a().hashAreas[e];
             if (!s)
               return;
             const r = {};
             for (let n = 0; n < s.layoutItemsIds.length; n++) {
-              const t = s.layoutItemsIds[n];
-              if (a().hashWindows[t] && a().hashWindows[t].winType === "microfrontend") {
-                const d = a().hashWindows[t], l = {
-                  winType: !0,
-                  emergeType: !0,
-                  title: !0,
-                  url_icon: !0,
-                  windowOptions: !0,
-                  moduleId: !0,
-                  windowId: !0,
-                  mfProps: !0,
-                  moduleCount: !0,
-                  iconUrl: !0
-                }, h = {};
-                for (const c in l)
-                  h[c] = d[c];
-                r[t] = h, e++;
-              }
+              const t = s.layoutItemsIds[n], d = a().hashWindows[t];
+              d?.emergeType === "layout" && d.winType === "microfrontend" && (r[t] = {
+                winType: d.winType,
+                emergeType: d.emergeType,
+                title: d.title,
+                url_icon: d.iconUrl,
+                windowOptions: d.windowOptions,
+                moduleId: d.moduleId,
+                windowId: d.windowId,
+                mfProps: d.mfProps,
+                moduleCount: d.moduleCount,
+                iconUrl: d.iconUrl
+              }, o++);
             }
-            e > 0 ? p({
+            o > 0 ? C({
               networkOperation: a().networkOperation,
-              endPoint: `${s.id}/${B}`,
+              endPoint: `${s.id}/${U}`,
               value: r
             }).catch(() => {
-            }) : I({
+            }) : M({
               networkOperation: a().networkOperation,
               data: { f: [{ n: "container_id", o: "c", o1: s.id }] }
             }).catch(() => {
@@ -307,121 +306,229 @@ const g = (f, k) => {
           /**
            * addPopup store
            */
-          addPopup: (o, e, s) => {
-            let r = e;
+          addPopup: (e, o, s) => {
+            let r = o;
             i((n) => {
-              if (n.hashAreas[o]) {
+              if (n.hashAreas[e]) {
                 if (s.replaceMeId) {
                   for (const d in n.hashWindows)
                     if (n.hashWindows[d].replaceMeId === s.replaceMeId) {
-                      const l = n.hashWindows[d];
-                      r = d, l.dynamicMFStore.getState().actions.changeData(s.dynamicParams), a().popupsProviderMethods.bringPopupOnFront(d, !0);
+                      const c = n.hashWindows[d];
+                      r = d, c.dynamicMFStore.getState().actions.changeData(s.dynamicParams), a().popupsProviderMethods.bringPopupOnFront(d, !0);
                       break;
                     }
                 }
-                if (r === e) {
-                  const d = w({
+                if (r === o) {
+                  const d = O({
                     dynamicMFParameters: s.dynamicParams
                   });
-                  n.hashWindows[e] = {
+                  n.hashWindows[o] = {
                     ...s,
-                    ...O,
-                    areaId: o,
-                    windowId: e,
-                    onClose: (y) => {
-                      a().areaActions.closeLayout(o, y);
+                    ...I,
+                    areaId: e,
+                    windowId: o,
+                    // Legacy behavior: popup close requests issued through Areas
+                    // still reuse the layout-style close path. This matches the
+                    // previous contract, but teardown ownership and close-veto
+                    // orchestration remain explicit follow-up debt.
+                    onClose: (u) => {
+                      a().areaActions.closeLayout(e, u);
                     },
                     dynamicMFStore: d
                   };
-                  const { emergeType: l, popupProps: h, ...c } = s, u = (y, eo, D) => {
-                    A ? D === "select" && a().areaActions.selectLayout(y, A) : a().areaActions.selectLayout(y, "");
-                  }, A = s.parentId;
+                  const { emergeType: c, popupProps: l, ...m } = s, h = s.parentId, f = (u, p, A) => {
+                    h ? A === "select" && a().areaActions.selectLayout(u, h) : a().areaActions.selectLayout(u, "");
+                  };
                   a().popupsProviderMethods.addPopup({
-                    ...c,
-                    ...h,
-                    popupId: e,
-                    groupId: o,
+                    ...m,
+                    ...l,
+                    popupId: o,
+                    groupId: e,
                     dynamicMFStore: d,
                     dynamicParams: s.dynamicParams,
-                    onRemove: () => a().areaActions.closePopup(o, e),
-                    /**
-                     *
-                     */
-                    onSelectedPopupIdChange: u,
+                    onRemove: () => a().areaActions.closePopup(e, o),
+                    onSelectedPopupIdChange: f,
                     allowHeightResizeContainer: !0,
                     allowWidthResizeContainer: !1,
                     bounds: {
-                      left: m,
-                      top: m,
-                      right: -m,
-                      bottom: -m
+                      left: y,
+                      top: y,
+                      right: -y,
+                      bottom: -y
                     }
                   });
                 }
               }
             });
           },
+          /**
+           * addPanel store
+           */
+          addPanel: (e, o, s) => {
+            let r = o, n;
+            if (i((h) => {
+              const f = h.hashAreas[e];
+              if (f) {
+                if (s.replaceMeId)
+                  for (let u = 0; u < f.panelItemsIds.length; u++) {
+                    const p = f.panelItemsIds[u], A = h.hashWindows[p];
+                    if (A?.replaceMeId === s.replaceMeId) {
+                      r = p, A.dynamicMFStore.getState().actions.changeData(s.dynamicParams);
+                      break;
+                    }
+                  }
+                if (n = f.panelItemsIds.find((u) => {
+                  const p = h.hashWindows[u];
+                  return p?.emergeType === "panel" && p.panelProps.side === s.panelProps.side;
+                }), !(n && r === o) && r === o) {
+                  const u = O({
+                    dynamicMFParameters: s.dynamicParams
+                  }), p = L(
+                    e,
+                    s.moduleId,
+                    h.hashWindows
+                  );
+                  h.hashWindows[o] = {
+                    ...s,
+                    areaId: e,
+                    windowId: o,
+                    onClose: (A) => {
+                      a().areaActions.closePanel(e, A);
+                    },
+                    ...I,
+                    dynamicMFStore: u,
+                    moduleCount: p
+                  }, f.panelItemsIds.push(o);
+                }
+              }
+            }), r !== o || !n)
+              return;
+            const t = n, d = a().hashWindows[t];
+            if (!d || d.emergeType !== "panel")
+              return;
+            let c = !1;
+            const l = () => {
+              c || (c = !0, a().areaActions.addPanel(e, o, s));
+            };
+            if (!d.fnQueryClose) {
+              a().windowActions.close(t, !1), l();
+              return;
+            }
+            const m = {
+              reason: "same-side-replace",
+              /**
+               * Close the occupied panel and mount the newest same-side intent
+               * once the guard explicitly approves the replacement.
+               */
+              proceed() {
+                a().windowActions.close(t, !1), l();
+              },
+              cancel: () => {
+              }
+            };
+            a().windowActions.close(
+              t,
+              !0,
+              m
+            );
+          },
           /**
            * closePopup
            */
-          closePopup: (o, e) => {
+          closePopup: (e, o) => {
             i((s) => {
-              s.hashAreas[o] && delete s.hashWindows[e];
+              s.hashAreas[e] && delete s.hashWindows[o];
+            });
+          },
+          /**
+           * closePanel
+           */
+          closePanel: (e, o) => {
+            i((s) => {
+              const r = s.hashAreas[e];
+              if (!r)
+                return;
+              const n = r.panelItemsIds.indexOf(o);
+              n > -1 && r.panelItemsIds.splice(n, 1), delete s.hashWindows[o];
+            });
+          },
+          /**
+           * setPanelPinned
+           */
+          setPanelPinned: (e, o, s) => {
+            i((r) => {
+              const n = r.hashAreas[e], t = r.hashWindows[o];
+              !n || t?.emergeType !== "panel" || (t.panelProps.pinned = s);
+            });
+          },
+          /**
+           * setPanelSize
+           */
+          setPanelSize: (e, o, s) => {
+            i((r) => {
+              const n = r.hashAreas[e], t = r.hashWindows[o];
+              if (!(!n || t?.emergeType !== "panel")) {
+                if (t.panelProps.side === "left" || t.panelProps.side === "right") {
+                  "width" in s && s.width !== void 0 && (t.panelProps.width = s.width), "maxWidth" in s && s.maxWidth !== void 0 && (t.panelProps.maxWidth = s.maxWidth);
+                  return;
+                }
+                "height" in s && s.height !== void 0 && (t.panelProps.height = s.height), "maxHeight" in s && s.maxHeight !== void 0 && (t.panelProps.maxHeight = s.maxHeight);
+              }
             });
           },
           /**
            * closeWindowModal
            */
-          closeWindowModal: (o) => {
-            i((e) => {
-              const s = e.windowsModalsIds.findIndex((r) => r === o);
-              s > -1 && e.windowsModalsIds.splice(s, 1), delete e.hashWindows[o];
+          closeWindowModal: (e) => {
+            i((o) => {
+              const s = o.windowsModalsIds.findIndex((r) => r === e);
+              s > -1 && o.windowsModalsIds.splice(s, 1), delete o.hashWindows[e];
             });
           },
           /**
            * addWindowModal
            */
-          addWindowModal: (o, e, s) => {
+          addWindowModal: (e, o, s) => {
             i((r) => {
-              const n = w({
+              const n = O({
                 dynamicMFParameters: s.dynamicParams
               });
-              r.windowsModalsIds.push(e);
-              const t = P(
+              r.windowsModalsIds.push(o);
+              const t = L(
                 a().currentAreaId,
                 s.moduleId,
                 a().hashWindows
               );
-              r.hashWindows[e] = {
+              r.hashWindows[o] = {
                 ...s,
-                areaId: o,
-                windowId: e,
-                ...O,
+                areaId: e,
+                windowId: o,
+                ...I,
                 onClose: a().areaActions.closeWindowModal,
                 dynamicMFStore: n,
                 moduleCount: t
               };
             });
           },
-          bouncedSaveBreakpointsLayouts: j(
-            (o) => {
+          bouncedSaveBreakpointsLayouts: q(
+            (e) => {
               if (!a().loadCookiesFromNetwork)
                 return;
-              const e = {
-                ...a().hashAreas[o].layouts
+              const o = {
+                ...a().hashAreas[e].layouts
               }, s = {};
-              for (const r in e) {
-                const n = e[r];
-                e[r] = n.filter((t) => t.i === "none" ? !1 : a().hashAreas[o].layoutItemsIds.indexOf(t.i) > -1), e[r].length > 0 && (s[r] = e[r]);
+              for (const r in o) {
+                const n = o[r];
+                o[r] = n.filter((t) => t.i === "none" ? !1 : a().hashAreas[e].layoutItemsIds.indexOf(t.i) > -1), o[r].length > 0 && (s[r] = o[r]);
               }
-              Object.keys(s).length > 0 && p({
+              Object.keys(s).length > 0 && C({
                 networkOperation: a().networkOperation,
-                endPoint: `${a().hashAreas[o].id}/${$}`,
+                endPoint: `${a().hashAreas[e].id}/${B}`,
                 value: s
               }).catch(() => {
               });
             },
-            z,
+            H,
             {
               leading: !0,
               trailing: !0
@@ -430,95 +537,95 @@ const g = (f, k) => {
           /**
            * onBreakpointsLayoutsChange
            */
-          onBreakpointsLayoutsChange: (o, e, s) => {
-            Z(a().hashAreas[o].layouts, s) || (i((r) => {
-              r.hashAreas[o].layouts = J(s);
-            }), a().hashAreas[o].maximizedId || a().areaActions.bouncedSaveBreakpointsLayouts(o));
+          onBreakpointsLayoutsChange: (e, o, s) => {
+            J(a().hashAreas[e].layouts, s) || (i((r) => {
+              r.hashAreas[e].layouts = X(s);
+            }), a().hashAreas[e].maximizedId || a().areaActions.bouncedSaveBreakpointsLayouts(e));
           },
           /**
            * containerChange
            */
-          onContainerChange: (o, e) => {
+          onContainerChange: (e, o) => {
             i((s) => {
-              s.hashAreas[o].containerHeight = e.containerHeight, s.hashAreas[o].currentBreakpoint = e.breakpoint;
+              s.hashAreas[e].containerHeight = o.containerHeight, s.hashAreas[e].currentBreakpoint = o.breakpoint;
             });
           },
           /**
            * selectLayout
            */
-          selectLayout: (o, e) => {
-            a().hashAreas[o].currentLayoutId !== e && i((s) => {
-              C(s, o, e);
+          selectLayout: (e, o) => {
+            a().hashAreas[e].currentLayoutId !== o && i((s) => {
+              v(s, e, o);
             });
           },
           /**
            * unColapseLayoutItem
            */
-          unColapseLayoutItem: (o, e) => {
+          unColapseLayoutItem: (e, o) => {
             i((s) => {
-              S(s.hashAreas[o], e, !1);
+              F(s.hashAreas[e], o, !1);
             });
           },
           /**
            * colapseLayoutItem
            */
-          colapseLayoutItem: (o, e) => {
-            !a().hashAreas[o].maximizedId && a().hashWindows[e] && i((s) => {
-              S(s.hashAreas[o], e, !0);
+          colapseLayoutItem: (e, o) => {
+            !a().hashAreas[e].maximizedId && a().hashWindows[o] && i((s) => {
+              F(s.hashAreas[e], o, !0);
             });
           },
           /**
            * minimizeLayout
            */
-          maximizeLayout: (o, e) => {
+          maximizeLayout: (e, o) => {
             i((s) => {
-              const r = s.hashAreas[o];
-              r && (r.maximizedId = e);
-            }), e && a().areaActions.selectLayout(o, e);
+              const r = s.hashAreas[e];
+              r && (r.maximizedId = o);
+            }), o && a().areaActions.selectLayout(e, o);
           },
           /**
            * normalizeLayouts
            */
-          normalizeLayouts: (o) => {
-            i((e) => {
-              const s = e.hashAreas[o];
+          normalizeLayouts: (e) => {
+            i((o) => {
+              const s = o.hashAreas[e];
               s && (s.maximizedId = void 0);
             });
           },
           /**
            * loadWindowsFromApi
            */
-          loadWindowsFromApi: (o) => {
-            const e = a().hashAreas[o];
-            if (e && e.status === "init") {
-              if (!a().loadAreasFromNetwork || !a().loadCookiesFromNetwork || !e.loadWindows) {
+          loadWindowsFromApi: (e) => {
+            const o = a().hashAreas[e];
+            if (o && o.status === "init") {
+              if (!a().loadAreasFromNetwork || !a().loadCookiesFromNetwork || !o.loadWindows) {
                 i((s) => {
-                  s.hashAreas[o].status = "loaded";
+                  s.hashAreas[e].status = "loaded";
                 });
                 return;
               }
               i((s) => {
-                s.hashAreas[o].status = "loading";
-              }), v({
+                s.hashAreas[e].status = "loading";
+              }), _({
                 networkOperation: a().networkOperation,
-                params: { f: [{ n: "container_id", o: "e", o1: o }] }
+                params: { f: [{ n: "container_id", o: "e", o1: e }] }
               }).then((s) => {
-                if (!a().hashAreas[o])
+                if (!a().hashAreas[e])
                   return;
                 const n = s.data;
                 i((t) => {
-                  const d = t.hashAreas[o], { newBreakPointsLayouts: l, newHashLayoutItems: h } = b(
+                  const d = t.hashAreas[e], { newBreakPointsLayouts: c, newHashLayoutItems: l } = R(
                     n,
                     t,
-                    o
+                    e
                   );
-                  d.layouts = l, d.layoutItemsIds = h, d.status = "loaded";
-                  const c = R(V, n) || { currentLayoutId: "" };
-                  C(t, o, c?.currentLayoutId || "", !1);
+                  d.layouts = c, d.layoutItemsIds = l, d.status = "loaded";
+                  const m = $(Y, n) || { currentLayoutId: "" };
+                  v(t, e, m?.currentLayoutId || "", !1);
                 });
               }).catch((s) => {
                 i((r) => {
-                  r.hashAreas[o].status = "loaded";
+                  r.hashAreas[e].status = "loaded";
                 });
               });
             }
@@ -536,96 +643,96 @@ const g = (f, k) => {
           /**
            * setActions
            */
-          setActions: (o, e, s, r) => {
+          setActions: (e, o, s, r) => {
             i((n) => {
-              n.hashWindows[o] && (n.hashWindows[o].moduleActions = Y(e), n.hashWindows[o].version = s, n.hashWindows[o].buildTime = r);
+              n.hashWindows[e] && (n.hashWindows[e].moduleActions = j(o), n.hashWindows[e].version = s, n.hashWindows[e].buildTime = r);
             });
           },
           /**
            * getCookie
            */
-          getCookie: (o, e) => a().hashWindows[o] ? a().hashWindows[o].cookies.windowCookies[e] || a().hashWindows[o].cookies.moduleCookies[e] : {},
+          getCookie: (e, o) => a().hashWindows[e] ? a().hashWindows[e].cookies.windowCookies[o] || a().hashWindows[e].cookies.moduleCookies[o] : {},
           /**
            * getCookies
            */
-          getCookies: (o, e) => a().hashWindows[o] ? e === "window" ? a().hashWindows[o].cookies.windowCookies : a().hashWindows[o].cookies.moduleCookies : {},
+          getCookies: (e, o) => a().hashWindows[e] ? o === "window" ? a().hashWindows[e].cookies.windowCookies : a().hashWindows[e].cookies.moduleCookies : {},
           /**
            * setCookie
            */
-          setCookie: (o, e, s, r) => {
+          setCookie: (e, o, s, r) => {
             i((n) => {
-              const t = n.hashWindows[o];
-              t && (a().loadCookiesFromNetwork && p({
+              const t = n.hashWindows[e];
+              t && (a().loadCookiesFromNetwork && C({
                 networkOperation: a().networkOperation,
-                endPoint: `${s === "module" ? t.moduleId : o}/${e}`,
+                endPoint: `${s === "module" ? t.moduleId : e}/${o}`,
                 value: r
               }).catch(() => {
-              }), s === "window" ? t.cookies.windowCookies[e] = r : t.cookies.moduleCookies[e] = r);
+              }), s === "window" ? t.cookies.windowCookies[o] = r : t.cookies.moduleCookies[o] = r);
             });
           },
           /**
            * close window
            */
-          close: (o, e = !0) => {
-            const s = a().hashWindows[o];
-            if (s) {
-              if (s.fnQueryClose && e) {
-                s.fnQueryClose();
+          close: (e, o = !0, s) => {
+            const r = a().hashWindows[e];
+            if (r) {
+              if (r.fnQueryClose && o) {
+                r.fnQueryClose(s);
                 return;
               }
-              const r = s.onClose;
-              r && r(s.windowId);
+              const n = r.onClose;
+              n && n(r.windowId);
             }
           },
           /**
            * startProgress
            */
-          startProgress: (o) => {
-            i((e) => {
-              e.hashWindows[o] && (e.hashWindows[o].loading = !0);
+          startProgress: (e) => {
+            i((o) => {
+              o.hashWindows[e] && (o.hashWindows[e].loading = !0);
             });
           },
           /**
            * stopProgress
            */
-          stopProgress: (o) => {
-            i((e) => {
-              e.hashWindows[o] && (e.hashWindows[o].loading = !1);
+          stopProgress: (e) => {
+            i((o) => {
+              o.hashWindows[e] && (o.hashWindows[e].loading = !1);
             });
           },
           /**
            * loadCookiesFromApi
            */
-          loadCookiesFromApi: (o) => {
-            const e = a().hashWindows[o];
-            if (e && e.status === "init") {
+          loadCookiesFromApi: (e) => {
+            const o = a().hashWindows[e];
+            if (o && o.status === "init") {
               if (!a().loadCookiesFromNetwork) {
                 i((s) => {
-                  s.hashWindows[o].status = "loaded";
+                  s.hashWindows[e].status = "loaded";
                 });
                 return;
               }
               i((s) => {
-                s.hashWindows[o].status = "loading";
-              }), v({
+                s.hashWindows[e].status = "loading";
+              }), _({
                 networkOperation: a().networkOperation,
                 params: {
                   f: [
-                    { n: "container_id", o: "e", o1: e.windowId },
-                    { n: "container_id", o: "e", o1: e.moduleId }
+                    { n: "container_id", o: "e", o1: o.windowId },
+                    { n: "container_id", o: "e", o1: o.moduleId }
                   ]
                 }
               }).then((s) => {
                 i((r) => {
-                  const n = r.hashWindows[o];
-                  n && (n.cookies.moduleCookies = L(
+                  const n = r.hashWindows[e];
+                  n && (n.cookies.moduleCookies = E(
                     s.data,
                     n.moduleId
-                  ), n.cookies.windowCookies = L(s.data, o), n.status = "loaded");
+                  ), n.cookies.windowCookies = E(s.data, e), n.status = "loaded");
                 });
               }).catch((s) => {
                 i((r) => {
-                  r.hashWindows[o] && (r.hashWindows[o].status = "loaded");
+                  r.hashWindows[e] && (r.hashWindows[e].status = "loaded");
                 });
               });
             }
@@ -633,16 +740,16 @@ const g = (f, k) => {
           /**
            * saveModuleCookies
            */
-          saveModuleCookies: (o) => {
-            const e = a().hashWindows[o];
-            if (e) {
+          saveModuleCookies: (e) => {
+            const o = a().hashWindows[e];
+            if (o) {
               if (!a().loadCookiesFromNetwork)
                 return;
-              for (const s in e.cookies.windowCookies) {
-                const r = e.cookies.windowCookies[s];
-                p({
+              for (const s in o.cookies.windowCookies) {
+                const r = o.cookies.windowCookies[s];
+                C({
                   networkOperation: a().networkOperation,
-                  endPoint: `${e.moduleId}/${s}`,
+                  endPoint: `${o.moduleId}/${s}`,
                   value: r
                 }).catch(() => {
                 });
@@ -652,19 +759,19 @@ const g = (f, k) => {
           /**
            * setModuleCookies
            */
-          resetModuleCookies: (o) => {
-            const e = a().hashWindows[o];
-            if (e) {
+          resetModuleCookies: (e) => {
+            const o = a().hashWindows[e];
+            if (o) {
               if (!a().loadCookiesFromNetwork)
                 return;
-              I({
+              M({
                 networkOperation: a().networkOperation,
                 data: {
                   f: [
                     {
                       n: "id",
                       o: "c",
-                      o1: e.moduleId
+                      o1: o.moduleId
                     }
                   ]
                 }
@@ -675,41 +782,41 @@ const g = (f, k) => {
           /**
            * setFnQueryClose
            */
-          setFnQueryClose: (o, e) => {
+          setFnQueryClose: (e, o) => {
             i((s) => {
-              s.hashWindows[o].fnQueryClose = e;
+              s.hashWindows[e].fnQueryClose = o;
             });
           },
           /**
            * setWindowTitle
            */
-          setWindowTitle: (o, e) => {
+          setWindowTitle: (e, o) => {
             i((s) => {
-              s.hashWindows[o].title = e;
+              s.hashWindows[e].title = o;
             });
           },
           /**
            * setWindowSubtitle
            */
-          setWindowSubTitle: (o, e) => {
+          setWindowSubTitle: (e, o) => {
             i((s) => {
-              s.hashWindows[o].subTitle = e;
+              s.hashWindows[e].subTitle = o;
             });
           },
           /**
            * setWindowEditionInfo
            */
-          setWindowEditionInfo: (o, e) => {
+          setWindowEditionInfo: (e, o) => {
             i((s) => {
-              s.hashWindows[o].editionInfo = e;
+              s.hashWindows[e].editionInfo = o;
             });
           }
         }
       })),
-      { name: `${q}: ${f.storeId}`, enabled: k }
+      { name: `${Z}: ${k.storeId}`, enabled: W }
     )
   );
 };
 export {
-  po as createAreasStore
+  pe as createAreasStore
 };