@m4l/components 8.2.4 → 9.0.0-beta-1

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

@@ -1,435 +1,40 @@
 import { createStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { u as useAreasViewerUtilityClasses } from "../../components/AreasViewer/classes/index.js";
-import { u as useAreasAdminUtilityClasses } from "../../components/AreasAdmin/classes/index.js";
-import { u as updateOwnerStateClasses, C as COOKIE_AREAS_ADMIN_CONTAINER_ID, b as COOKIE_AREAS_ADMIN_ID, D as DEFAULT_AREA, c as addArea, g as getSelectedAreaIdFromCookies, d as DEFAULT_WINDOW, a as RESPONSIVE_ROW_HEIGHTS, P as PADDING_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, N as NORMALIZED_COLS, e as deleteLayoutFromBreakPoints, f as COOKIE_WINDOWS, h as COOKIE_BREAKPOINT_LAYOUTS, i as DEBOUCED_SAVE_TIME, s as setColapsedLayoutBreakPoints, j as getDataFromResponse, k as getCookiesContainer } from "./helper.js";
-import { c as createDynamicMFStore } from "../DynamicMFParmsContext/store.js";
+import { b as COOKIE_AREAS_ADMIN_CONTAINER_ID, c as COOKIE_AREAS_ADMIN_ID, D as DEFAULT_AREA, d as addArea, g as getSelectedAreaIdFromCookies, e as DEFAULT_WINDOW, a as RESPONSIVE_ROW_HEIGHTS, P as PADDING_GRIDLAYOUT, M as MARGIN_GRIDLAYOUT, N as NORMALIZED_COLS, f as deleteLayoutFromBreakPoints, h as COOKIE_WINDOWS, i as COOKIE_BREAKPOINT_LAYOUTS, j as DEBOUCED_SAVE_TIME, s as setColapsedLayoutBreakPoints, k as getDataFromResponse, l as getParmsFromValue, m as getCookiesContainer, C as COOKIE_WINDOW_SELECTED } from "./helpers/helper.js";
+import { c as createDynamicMFStore } from "../../../WindowBase/contexts/DynamicMFParmsContext/store.js";
 import cloneDeep from "lodash-es/cloneDeep";
 import debounce from "lodash-es/debounce";
-import { g as getCookie, s as setCookie, d as deleteCookie } from "../../../../helpers/cookies/cookies.js";
+import { g as generateModuleCount } from "./helpers/generateModuleCount.js";
+import { a as AREAS_STORE_ID } from "../../constants.js";
+import { h as helperSelectLayout } from "./helpers/selectLayout.js";
+import { g as getCookie, d as deleteCookie, s as setCookie } from "../../../../helpers/cookies/cookies.js";
 import { d as addLayoutItemToBreakPoints, e as cloneLayouts } from "../../../GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { k as isEqualLayouts } from "../../../GridLayout/utils.js";
-const createAreasStore = (initProps) => {
+const createDevtools = (immerMiddlewere, config) => {
+  const { enabled = false } = config;
+  if (enabled && process.env.NODE_ENV === "development") {
+    return devtools(immerMiddlewere, config);
+  }
+  return immerMiddlewere;
+};
+const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
   const startProps = {
-    viwerClasses: useAreasViewerUtilityClasses(initProps.ownerState),
-    adminClasses: useAreasAdminUtilityClasses(initProps.ownerState),
     currentAreaId: "",
     currentModuleId: "",
     areasIds: [],
     hashAreas: {},
     hashWindows: {},
-    hashWindowsModals: {},
-    windowsModals: [],
+    windowsModalsIds: [],
     ...initProps
   };
   return createStore(
-    devtools(
+    createDevtools(
       immer((set, get) => ({
         ...startProps,
         areasActions: {
           /**
-           * TODO: Documentar
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @createdAt 2024-10-22 19:27:21 - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @createdAt 2024-10-22 09:42:38 - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedUser Bruce Escobar - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @author Bruce Escobar - automatic
-           * @createdAt 2024-10-22 09:41:31 - automatic
-           * @updatedAt 2024-10-22 19:27:23 - automatic
-           * @updatedUser Bruce Escobar - automatic
+           * Inicializa el store de areas
            */
           init: () => {
             if (get().ownerState.status !== "init") {
@@ -439,13 +44,11 @@ const createAreasStore = (initProps) => {
               get().areasActions.addArea();
               set((state) => {
                 state.ownerState.status = "loaded";
-                updateOwnerStateClasses(state);
               });
               return;
             }
             set((state) => {
               state.ownerState.status = "loading";
-              updateOwnerStateClasses(state);
             });
             const cookiePromise = getCookie({
               networkOperation: get().networkOperation,
@@ -489,7 +92,6 @@ const createAreasStore = (initProps) => {
             }).finally(() => {
               set((state) => {
                 state.ownerState.status = "loaded";
-                updateOwnerStateClasses(state);
               });
               if (get().areasIds.length > 0 && get().currentAreaId === "") {
                 const selectedAreaId = selectedAreaIdCookie && get().areasIds?.includes?.(selectedAreaIdCookie) ? selectedAreaIdCookie : get().areasIds[0];
@@ -498,7 +100,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * Acción encargada de añadir un área de trabajo en blanco
            */
           addArea: () => {
             let newId = "";
@@ -509,7 +111,7 @@ const createAreasStore = (initProps) => {
             return newId;
           },
           /**
-           * TODO: Documentar
+           * editArea store
            */
           editArea: (areaId, newName) => {
             set((state) => {
@@ -528,7 +130,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * deleteArea store
            */
           deleteArea: (areaId) => {
             let selectNewAreaId = "";
@@ -544,11 +146,12 @@ const createAreasStore = (initProps) => {
                     delete state.hashWindows[key];
                   }
                 }
+                const indexDeleteArea = state.areasIds.findIndex((elementAreaId) => elementAreaId === areaId);
                 state.areasIds.splice(removeIndex, 1);
                 delete state.hashAreas[areaId];
-              }
-              if (state.currentAreaId === areaId) {
-                selectNewAreaId = state.areasIds[0];
+                if (state.currentAreaId === areaId) {
+                  selectNewAreaId = state.areasIds[indexDeleteArea <= state.areasIds.length - 1 ? indexDeleteArea : state.areasIds.length - 1];
+                }
               }
               if (state.loadAreasFromNetwork) {
                 state.networkOperation({
@@ -559,13 +162,19 @@ const createAreasStore = (initProps) => {
                   toastError: false
                 });
               }
+              if (state.loadCookiesFromNetwork) {
+                deleteCookie({
+                  networkOperation: get().networkOperation,
+                  data: { f: [{ n: "container_id", o: "c", o1: areaId }] }
+                });
+              }
             });
             if (selectNewAreaId) {
               get().areasActions.selectArea(selectNewAreaId);
             }
           },
           /**
-           * TODO: Documentar
+           * selectArea store
            */
           selectArea: (areaId) => {
             set((state) => {
@@ -585,7 +194,6 @@ const createAreasStore = (initProps) => {
                 });
               }
             }
-            if (get().hashAreas[areaId].maximizedId !== void 0) ;
             setCookie({
               networkOperation: get().networkOperation,
               endPoint: `${COOKIE_AREAS_ADMIN_CONTAINER_ID}/${COOKIE_AREAS_ADMIN_ID}`,
@@ -593,7 +201,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * setHandlerGetLabel
            */
           setHandlerGetLabel: (newHandler) => {
             set((state) => {
@@ -601,33 +209,35 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * setExternalState
            */
           setExternalState: (newExternalState) => {
             set((state) => {
               state.ownerState = { ...state.ownerState, ...newExternalState };
-              updateOwnerStateClasses(state);
             });
           }
         },
         areaActions: {
           /**
-           * TODO: Documentar
+           * addWindow store
            */
           addWindow: (newWindowProps) => {
             const windowId = `${get().currentAreaId}_window_${(/* @__PURE__ */ new Date()).getTime()}_${(Math.random() * 1e3).toFixed(0)}`;
-            if (newWindowProps.emergeType === "layout" || newWindowProps.emergeType === "popup") {
+            if (newWindowProps.emergeType === "layout") {
               get().areaActions.addLayout(get().currentAreaId, windowId, newWindowProps);
+            } else if (newWindowProps.emergeType === "popup") {
+              get().areaActions.addPopup(get().currentAreaId, windowId, newWindowProps);
             } else if (newWindowProps.emergeType === "modal") {
               get().areaActions.addWindowModal(get().currentAreaId, windowId, newWindowProps);
             }
           },
           /**
-           * TODO: Documentar
+           * addLayout store
            */
           addLayout: (areaId, windowId, newWindowProps) => {
             let previousId = windowId;
-            const freeMove = newWindowProps.emergeType === "popup";
+            const freeMove = false;
+            const moduleCount = generateModuleCount(get().currentAreaId, newWindowProps.moduleId, get().hashWindows);
             const newLayoutItem = {
               ...newWindowProps.layoutProps,
               i: windowId,
@@ -653,8 +263,7 @@ const createAreasStore = (initProps) => {
               }
               if (previousId === windowId) {
                 const dynamicMFStore = createDynamicMFStore({
-                  dynamicMFParameters: newWindowProps.dynamicParams,
-                  windowId
+                  dynamicMFParameters: newWindowProps.dynamicParams
                 });
                 state.hashWindows[windowId] = {
                   ...newWindowProps,
@@ -664,14 +273,10 @@ const createAreasStore = (initProps) => {
                     get().areaActions.closeLayout(areaId, removeLayoutId);
                   },
                   ...DEFAULT_WINDOW,
-                  dynamicMFStore
+                  dynamicMFStore,
+                  moduleCount
                 };
                 area.layoutItemsIds.push(windowId);
-                if (newWindowProps.emergeType === "layout") {
-                  area.currentLayoutId = windowId;
-                } else {
-                  area.currentPopUpId = windowId;
-                }
                 if (area.maximizedId) {
                   area.maximizedId = windowId;
                 }
@@ -688,13 +293,15 @@ const createAreasStore = (initProps) => {
                 if (area.currentBreakpoint === "xxs") {
                   area.maximizedId = windowId;
                 }
+                helperSelectLayout(state, areaId, windowId, true);
+                get().popupsProviderMethods.setSelectedPopupId(areaId, void 0);
               }
             });
             get().areaActions.saveLayouts(areaId);
             get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
           },
           /**
-           * TODO: Documentar
+           * closeLayout
            */
           closeLayout: (areaId, removeLayoutId) => {
             set((state) => {
@@ -708,6 +315,9 @@ const createAreasStore = (initProps) => {
               }
               deleteLayoutFromBreakPoints(area, removeLayoutId);
               delete state.hashWindows[removeLayoutId];
+              if (state.hashAreas[areaId].currentLayoutId === removeLayoutId) {
+                helperSelectLayout(state, areaId, "");
+              }
             });
             get().areaActions.saveLayouts(areaId);
             if (get().hashAreas[areaId].maximizedId === removeLayoutId) {
@@ -716,13 +326,14 @@ const createAreasStore = (initProps) => {
             for (let index = 0; index < get().hashAreas[areaId].layoutItemsIds.length; index++) {
               const layoutItemId = get().hashAreas[areaId].layoutItemsIds[index];
               const layoutItem = get().hashWindows[layoutItemId];
-              if (layoutItem.parentLayoutId === removeLayoutId) {
+              if (layoutItem.parentId === removeLayoutId) {
                 get().areaActions.closeLayout(areaId, layoutItem.windowId);
               }
             }
+            get().popupsProviderMethods.closeAllPopupsByParentId(removeLayoutId);
           },
           /**
-           * TODO: Documentar
+           * saveLayouts
            */
           saveLayouts: (areaId) => {
             let nrKeys = 0;
@@ -741,10 +352,10 @@ const createAreasStore = (initProps) => {
                   title: true,
                   url_icon: true,
                   windowOptions: true,
-                  // layoutProps: false,
                   moduleId: true,
                   windowId: true,
-                  mfProps: true
+                  mfProps: true,
+                  moduleCount: true
                 };
                 const newElement = {};
                 for (const keyToSave in hasPropsToSave) {
@@ -768,37 +379,118 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * addPopup store
+           */
+          addPopup: (areaId, windowId, newWindowProps) => {
+            let previousId = windowId;
+            set((state) => {
+              const area = state.hashAreas[areaId];
+              if (!area) {
+                return;
+              }
+              if (newWindowProps.replaceMeId) {
+                for (const key in state.hashWindows) {
+                  if (state.hashWindows[key].replaceMeId === newWindowProps.replaceMeId) {
+                    const WindoPopUp = state.hashWindows[key];
+                    previousId = key;
+                    WindoPopUp.dynamicMFStore.getState().actions.changeData(newWindowProps.dynamicParams);
+                    get().popupsProviderMethods.bringPopupOnFront(key, true);
+                    break;
+                  }
+                }
+              }
+              if (previousId === windowId) {
+                const dynamicMFStore = createDynamicMFStore({
+                  dynamicMFParameters: newWindowProps.dynamicParams
+                });
+                state.hashWindows[windowId] = {
+                  ...newWindowProps,
+                  ...DEFAULT_WINDOW,
+                  areaId,
+                  windowId,
+                  onClose: (removeLayoutId) => {
+                    get().areaActions.closeLayout(areaId, removeLayoutId);
+                  },
+                  dynamicMFStore
+                };
+                const { emergeType, popupProps, ...newWindowPropsExact } = newWindowProps;
+                const onSelectedPopupIdChange = (groupId, _popupId, reason) => {
+                  if (parentId) {
+                    if (reason === "select") {
+                      get().areaActions.selectLayout(groupId, parentId);
+                    }
+                  } else {
+                    get().areaActions.selectLayout(groupId, "");
+                  }
+                };
+                const parentId = newWindowProps?.parentId;
+                get().popupsProviderMethods.addPopup({
+                  ...newWindowPropsExact,
+                  ...newWindowProps.popupProps,
+                  popupId: windowId,
+                  groupId: areaId,
+                  dynamicMFStore,
+                  dynamicParams: newWindowProps.dynamicParams,
+                  onRemove: () => get().areaActions.closePopup(areaId, windowId),
+                  /**
+                   *
+                   */
+                  onSelectedPopupIdChange,
+                  allowHeightResizeContainer: true,
+                  allowWidthResizeContainer: false,
+                  bounds: {
+                    left: MARGIN_GRIDLAYOUT,
+                    top: MARGIN_GRIDLAYOUT,
+                    right: -MARGIN_GRIDLAYOUT,
+                    bottom: -MARGIN_GRIDLAYOUT
+                  }
+                });
+              }
+            });
+          },
+          /**
+           * closePopup
+           */
+          closePopup: (areaId, windowId) => {
+            set((state) => {
+              const area = state.hashAreas[areaId];
+              if (!area) {
+                return;
+              }
+              delete state.hashWindows[windowId];
+            });
+          },
+          /**
+           * closeWindowModal
            */
           closeWindowModal: (removeModalId) => {
             set((state) => {
-              const removeIndex = state.windowsModals.findIndex((w) => w === removeModalId);
+              const removeIndex = state.windowsModalsIds.findIndex((w) => w === removeModalId);
               if (removeIndex > -1) {
-                state.windowsModals.splice(removeIndex, 1);
+                state.windowsModalsIds.splice(removeIndex, 1);
               }
               delete state.hashWindows[removeModalId];
-              delete state.hashWindowsModals[removeModalId];
             });
           },
           /**
-           * TODO: Documentar
+           * addWindowModal
            */
           addWindowModal: (areaId, windowId, newWindowModalProps) => {
             set((state) => {
               const dynamicMFStore = createDynamicMFStore({
-                dynamicMFParameters: newWindowModalProps.dynamicParams,
-                windowId
+                dynamicMFParameters: newWindowModalProps.dynamicParams
               });
-              state.windowsModals.push(windowId);
-              state.hashWindowsModals[windowId] = {
+              state.windowsModalsIds.push(windowId);
+              const moduleCount = generateModuleCount(get().currentAreaId, newWindowModalProps.moduleId, get().hashWindows);
+              state.hashWindows[windowId] = {
                 ...newWindowModalProps,
                 areaId,
                 windowId,
                 ...DEFAULT_WINDOW,
                 onClose: get().areaActions.closeWindowModal,
-                dynamicMFStore
+                dynamicMFStore,
+                moduleCount
               };
-              state.hashWindows[windowId] = state.hashWindowsModals[windowId];
             });
           },
           bouncedSaveBreakpointsLayouts: debounce(
@@ -837,7 +529,7 @@ const createAreasStore = (initProps) => {
             }
           ),
           /**
-           * TODO: Documentar
+           * onBreakpointsLayoutsChange
            */
           onBreakpointsLayoutsChange: (areaId, _currentLayout, newAllLayouts) => {
             if (!isEqualLayouts(get().hashAreas[areaId].layouts, newAllLayouts)) {
@@ -850,7 +542,7 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * containerChange
            */
           onContainerChange: (areaId, e) => {
             set((state) => {
@@ -859,34 +551,18 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * selectLayout
            */
           selectLayout: (areaId, layoutId) => {
+            if (get().hashAreas[areaId].currentLayoutId === layoutId) {
+              return;
+            }
             set((state) => {
-              const area = state.hashAreas[areaId];
-              if (state.hashWindows[layoutId].emergeType === "layout") {
-                area.currentLayoutId = layoutId;
-                state.currentModuleId = state.hashWindows[layoutId].moduleId;
-                if (area.currentPopUpId !== "" && state.hashWindows[area.currentPopUpId]) {
-                  if (state.hashWindows[area.currentPopUpId].parentLayoutId !== layoutId) {
-                    area.currentPopUpId = "";
-                  }
-                }
-              } else {
-                state.hashAreas[areaId].currentPopUpId = layoutId;
-                const parentLayoutId = state.hashWindows[layoutId]?.parentLayoutId;
-                if (parentLayoutId && state.hashWindows[parentLayoutId]) {
-                  area.currentLayoutId = parentLayoutId;
-                  state.currentModuleId = state.hashWindows[parentLayoutId].moduleId;
-                } else {
-                  area.currentLayoutId = "";
-                  state.currentModuleId = "";
-                }
-              }
+              helperSelectLayout(state, areaId, layoutId);
             });
           },
           /**
-           * TODO: Documentar
+           * unColapseLayoutItem
            */
           unColapseLayoutItem: (areaId, layoutId) => {
             set((state) => {
@@ -894,7 +570,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * colapseLayoutItem
            */
           colapseLayoutItem: (areaId, layoutId) => {
             if (!get().hashAreas[areaId].maximizedId && get().hashWindows[layoutId]) {
@@ -904,7 +580,7 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * minimizeLayout
            */
           maximizeLayout: (areaId, layoutId) => {
             set((state) => {
@@ -913,18 +589,13 @@ const createAreasStore = (initProps) => {
                 return;
               }
               area.maximizedId = layoutId;
-              const index = area.layouts["xxs"]?.findIndex((li) => li.i === area.maximizedId);
-              if (index !== void 0 && index > -1 && layoutId && state.hashWindows[layoutId].emergeType === "popup") {
-                area.layouts["xxs"][index].visible = true;
-                area.layouts["xxs"][index].colapsed = false;
-              }
             });
             if (layoutId) {
               get().areaActions.selectLayout(areaId, layoutId);
             }
           },
           /**
-           * TODO: Documentar
+           * normalizeLayouts
            */
           normalizeLayouts: (areaId) => {
             set((state) => {
@@ -932,17 +603,11 @@ const createAreasStore = (initProps) => {
               if (!area) {
                 return;
               }
-              if (area.maximizedId) {
-                const index = area.layouts["xxs"]?.findIndex((li) => li.i === area.maximizedId);
-                if (index !== void 0 && index > -1 && state.hashWindows[area.maximizedId].emergeType === "popup") {
-                  area.layouts["xxs"][index].visible = false;
-                }
-              }
               area.maximizedId = void 0;
             });
           },
           /**
-           * TODO: Documentar
+           * loadWindowsFromApi
            */
           loadWindowsFromApi: (areaId) => {
             const area = get().hashAreas[areaId];
@@ -969,16 +634,19 @@ const createAreasStore = (initProps) => {
               if (!area2) {
                 return;
               }
+              const dataResponse = response.data;
               set((state) => {
                 const area3 = state.hashAreas[areaId];
                 const { newBreakPointsLayouts, newHashLayoutItems } = getDataFromResponse(
-                  response.data,
+                  dataResponse,
                   state,
                   areaId
                 );
                 area3.layouts = newBreakPointsLayouts;
                 area3.layoutItemsIds = newHashLayoutItems;
                 area3.status = "loaded";
+                const layoutSelected = getParmsFromValue(COOKIE_WINDOW_SELECTED, dataResponse) || { currentLayoutId: "" };
+                helperSelectLayout(state, areaId, layoutSelected?.currentLayoutId || "", false);
               });
             }).catch((_response) => {
               set((state) => {
@@ -986,162 +654,18 @@ const createAreasStore = (initProps) => {
               });
             });
           }
-          // addWindowLayoutPendiente: (
-          //     areaId: string,
-          //     windowId: string,
-          //     newWindow: NewLayoutMagnetizableProps,
-          // ) => {
-          //     const newLayoutItem: WinLayoutItem = {
-          //         ...newWindow.layoutProps,
-          //         i: windowId,
-          //         isDraggable: true,
-          //         isResizable: true,
-          //         winType: newWindow.winType,
-          //         freeMove: false,
-          //     };
-          //     set(state => {
-          //         const area = state.hashAreas[areaId];
-          //         if (!area) {
-          //             return;
-          //         }
-          //         const dynamicMFStore = createDynamicMFStore({
-          //             dynamicMFParameters: newWindow.dynamicParams,
-          //             windowId,
-          //         });
-          //         area.windowsLayouts.push(newLayoutItem);
-          //         area.hashWindowsLayouts[windowId] = {
-          //             ...newWindow,
-          //             areaId,
-          //             windowId,
-          //             emergeType: 'layout',
-          //             onClose: (removeLayoutId: string) => {
-          //                 get().areaActions.closeWindowLayout(areaId, removeLayoutId);
-          //             },
-          //             ...DEFAULT_WINDOW,
-          //             dynamicMFStore,
-          //         };
-          //         area.baseResponsivelayoutItems.push({ i: windowId });
-          //         //Agregar la ventana al hash general de todas las ventanas
-          //         state.hashWindows[windowId] = area.hashWindowsLayouts[windowId];
-          //         setAddBreakPoints(area, newLayoutItem);
-          //     });
-          //     get().areaActions.selectLayout(areaId, windowId);
-          //     if (
-          //         get().hashAreas[areaId].viewMode === 'single' ||
-          //         newWindow?.openType === 'maximized'
-          //     ) {
-          //         get().areaActions.maximizeLayout(areaId, windowId);
-          //     }
-          //     get().areaActions.saveLayouts(areaId);
-          //     get().areaActions.bouncedSaveBreakpointsLayouts(areaId);
-          // },
-          // closeLayout: (areaId: string, removePopUpId: string) => {
-          //     set(state => {
-          //         const area = state.hashAreas[areaId];
-          //         if (!area) {
-          //             return;
-          //         }
-          //         const removeIndex = area.windowsPopUps.findIndex(
-          //             wpId => wpId === removePopUpId,
-          //         );
-          //         if (removeIndex > -1) {
-          //             area.windowsPopUps.splice(removeIndex, 1);
-          //         }
-          //         delete area.hashWindowsPopups[removePopUpId];
-          //         delete state.hashWindows[removePopUpId];
-          //     });
-          // },
-          // selectWindowPopUp: (areaId: string, popUpId: string) => {
-          //     set(state => {
-          //         state.hashAreas[areaId].zPopUpIndex++;
-          //         state.hashAreas[areaId].currentPopUpId = popUpId;
-          //         state.hashAreas[areaId].zPopUpIndex++;
-          //         state.hashAreas[areaId].currentPopUpId = popUpId;
-          //         state.hashAreas[areaId].hashWindowsPopups[popUpId].zIndex =
-          //             state.hashAreas[areaId].zPopUpIndex;
-          //         //Seleccionar el layout padre si lo tiene
-          //         if (
-          //             state.hashAreas[areaId].hashWindowsPopups[popUpId].parentLayoutId &&
-          //             state.hashAreas[areaId].hashWindowsPopups[popUpId]
-          //                 .parentLayoutId !== ''
-          //         ) {
-          //             state.hashAreas[areaId].currentLayoutId =
-          //                 state.hashAreas[areaId].hashWindowsPopups[
-          //                     popUpId
-          //                 ].parentLayoutId;
-          //         } else {
-          //             state.hashAreas[areaId].currentLayoutId = '';
-          //         }
-          //     });
-          //     //Enfocar el componente despues de la renderización.
-          //     setTimeout(() => {
-          //         //Asegurar visibilidad si es un reemplazo
-          //         const container = document.getElementsByClassName(
-          //             `${areasViewerClasses.areaGridLayoutPanelContainer}-${areaId}`,
-          //         )[0];
-          //         const element = document.getElementsByClassName(
-          //             `${areasViewerClasses.windowPopupRoot}-${popUpId}`,
-          //         )[0]; //`M4L_WindowPopUp_${popUpId}`,
-          //         //TODO: Proteeccion de los vectores
-          //         if (element && container) {
-          //             const { top, left } = element.getBoundingClientRect();
-          //             const { top: containerTop, left: containerLeft } =
-          //                 container.getBoundingClientRect();
-          //             container.scrollTop = container.scrollTop + top - containerTop;
-          //             container.scrollLeft = container.scrollLeft + left - containerLeft;
-          //         }
-          //     }, 100);
-          //     // windowsPopUps.findIndex(wp => wp.container_id === lookForThisId) > -1) {
-          //     // setSelectedWindow(newSeletectedId);
-          // },
-          // resizeMaximixedLayout: (areaId: string) => {
-          //     set(state => {
-          //         const area = state.hashAreas[areaId];
-          //         if (!area) return;
-          //         if (areaId !== state.currentAreaId) {
-          //             return;
-          //         }
-          //         if (area.viewMode === 'single' && area.currentLayoutId !== '') {
-          //             console.log('Rezigning', areaId);
-          //             const layoutsBreakPoints = area.layouts;
-          //             const container = document.getElementsByClassName(
-          //                 `${areasViewerClasses.areaGridLayout}-${area.id}`,
-          //             )[0];
-          //             window.dispatchEvent(new Event('resize'));
-          //             for (const key in layoutsBreakPoints) {
-          //                 const layoutBreakpoint = layoutsBreakPoints[key];
-          //                 if (layoutBreakpoint) {
-          //                     const clientHeight = container.clientHeight;
-          //                     //Formula que sale de despejar de acuerdo al grid layout en el codigo fuente: heigthpx = colOrRowSize * gridUnits + Math.max(0, gridUnits - 1) * marginPx
-          //                     const heigthUnits =
-          //                         (clientHeight +
-          //                             MARGIN_GRIDLAYOUT -
-          //                             2 * PADDING_GRIDLAYOUT) /
-          //                         (ROW_HEIGTH_GRIDLAYOUT + MARGIN_GRIDLAYOUT);
-          //                     for (
-          //                         let index = 0;
-          //                         index < layoutBreakpoint.length;
-          //                         index++
-          //                     ) {
-          //                         const l = layoutBreakpoint[index];
-          //                         if (l.i === area.currentLayoutId) {
-          //                             l.h = heigthUnits;
-          //                             l.maxH = heigthUnits;
-          //                         }
-          //                     }
-          //                 }
-          //             }
-          //         }
-          //         //TODO: Corregir cuando arranca en celular,
-          //         // no se han cargado las ventanas y no se puede encontrar
-          //         // Adicionalmente no se ha posicionado el panelWindows, y calcula
-          //         // state.cols = MAXIMIZED_COLS;
-          //     });
+          // /**
+          //  * setIsDraggingResizingPopup
+          //  */
+          // setIsDraggingResizingPopup: (areaId: string, newIsDraggingResizingPopup: boolean) => {
+          //   set(state => {
+          //     state.hashAreas[areaId].isDraggingResizingPopup = newIsDraggingResizingPopup;
+          //   });
           // },
         },
         windowActions: {
           /**
-           * TODO: Documentar
+           * setActions
            */
           setActions: (windowId, newActions, version) => {
             set((state) => {
@@ -1152,7 +676,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * getCookie
            */
           getCookie: (windowId, id) => {
             if (get().hashWindows[windowId]) {
@@ -1161,7 +685,7 @@ const createAreasStore = (initProps) => {
             return {};
           },
           /**
-           * TODO: Documentar
+           * getCookies
            */
           getCookies: (windowId, type) => {
             if (get().hashWindows[windowId]) {
@@ -1174,7 +698,7 @@ const createAreasStore = (initProps) => {
             return {};
           },
           /**
-           * TODO: Documentar
+           * setCookie
            */
           setCookie: (windowId, id, type, cookie) => {
             set((state) => {
@@ -1194,7 +718,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * close window
            */
           close: (windowId) => {
             const hW = get().hashWindows[windowId];
@@ -1206,7 +730,7 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * startProgress
            */
           startProgress: (windowId) => {
             set((state) => {
@@ -1216,7 +740,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * stopProgress
            */
           stopProgress: (windowId) => {
             set((state) => {
@@ -1226,7 +750,7 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * loadCookiesFromApi
            */
           loadCookiesFromApi: (windowId) => {
             const hW = get().hashWindows[windowId];
@@ -1266,7 +790,7 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * saveModuleCookies
            */
           saveModuleCookies: (windowId) => {
             const hW = get().hashWindows[windowId];
@@ -1282,7 +806,7 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * setModuleCookies
            */
           resetModuleCookies: (windowId) => {
             const hW = get().hashWindows[windowId];
@@ -1302,7 +826,7 @@ const createAreasStore = (initProps) => {
             }
           },
           /**
-           * TODO: Documentar
+           * setFnQueryClose
            */
           setFnQueryClose: (windowId, fnQueryClose) => {
             set((state) => {
@@ -1310,27 +834,16 @@ const createAreasStore = (initProps) => {
             });
           },
           /**
-           * TODO: Documentar
+           * setWindowTitle
            */
           setWindowTitle: (windowId, title) => {
             set((state) => {
               state.hashWindows[windowId].title = title;
             });
           }
-        },
-        areaAdminActions: {
-          /**
-           * TODO: Documentar
-           */
-          setFocus: (newValue) => {
-            set((state) => {
-              state.ownerState = { ...state.ownerState, focus: newValue };
-              updateOwnerStateClasses(state);
-            });
-          }
         }
       })),
-      { name: `Areas store` }
+      { name: `${AREAS_STORE_ID}: ${initProps.storeId}`, enabled: storeDevtoolsEnabled }
     )
   );
 };