@alekstar79/draggable-resizable-container 1.0.4 → 1.0.5

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import './index.css';var Z = Object.defineProperty;
 var _ = (c, t, e) => t in c ? Z(c, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[t] = e;
 var a = (c, t, e) => _(c, typeof t != "symbol" ? t + "" : t, e);
-import Q, { reactive as $, computed as tt, effect as k, batch as D } from "@alekstar79/reactive-event-system";
+import Q, { reactive as $, computed as tt, effect as x, batch as k } from "@alekstar79/reactive-event-system";
 import { clamp as v, deepMerge as et, debounce as z } from "@alekstar79/utility";
 class it {
   constructor(t) {
@@ -267,9 +267,9 @@ class J {
       return this.config.cache && this.cache.set(t, o), this.retryQueue.delete(t), this.recordLoadTime(i), o;
     } catch (o) {
       const h = o instanceof Error ? o : new Error(String(o));
-      if (s < e) return this.retryQueue.set(t, s + 1), this.config.onWarn(`Retrying template "${t}" (attempt ${s + 1}/${e})`), await new Promise((l) => setTimeout(l, 100 * Math.pow(2, s))), this.loadTemplate(t, e);
-      const d = this.createError(`Failed to load template "${t}": ${h.message}`, t, s);
-      return this.metrics.totalErrors++, this.config.onError(d), this.retryQueue.delete(t), this.config.fallbackTemplate;
+      if (s < e) return this.retryQueue.set(t, s + 1), this.config.onWarn(`Retrying template "${t}" (attempt ${s + 1}/${e})`), await new Promise((d) => setTimeout(d, 100 * Math.pow(2, s))), this.loadTemplate(t, e);
+      const l = this.createError(`Failed to load template "${t}": ${h.message}`, t, s);
+      return this.metrics.totalErrors++, this.config.onError(l), this.retryQueue.delete(t), this.config.fallbackTemplate;
     }
   }
   async loadTemplates(t) {
@@ -596,7 +596,7 @@ class ht {
         left: e.left
       };
       t.edge = r.reduce(
-        (h, d) => o[d] < o[h] ? d : h
+        (h, l) => o[l] < o[h] ? l : h
       );
     }
   }
@@ -619,7 +619,7 @@ class ht {
     this.stop(), this.callbacks.clear();
   }
 }
-const y = class y extends ht {
+const b = class b extends ht {
   constructor(e, i) {
     super(e, i);
     a(this, "lastEdge", {});
@@ -627,7 +627,7 @@ const y = class y extends ht {
     this.onChange(this.onBoundaryChange.bind(this)), this.start();
   }
   static init(e, i) {
-    return y.instance ?? (y.instance = new y(e, i));
+    return b.instance ?? (b.instance = new b(e, i));
   }
   changed({ edge: e, source: i, element: s }) {
     return e !== this.lastEdge.edge || i !== this.lastEdge.source || s !== this.lastEdge.element;
@@ -662,9 +662,9 @@ const y = class y extends ht {
     return this.lastEdge;
   }
 };
-a(y, "instance");
-let P = y;
-function dt(c = {}, t = []) {
+a(b, "instance");
+let P = b;
+function lt(c = {}, t = []) {
   const e = P.init(c.edgeThreshold, t);
   return c.emitter && e.setEmitter(
     c.emitter instanceof X ? c.emitter : new X()
@@ -695,7 +695,7 @@ function G() {
     height: window.innerHeight || document.documentElement.clientHeight
   };
 }
-function lt() {
+function dt() {
   return O.init();
 }
 const f = class f {
@@ -756,7 +756,7 @@ const f = class f {
       return (s = this.config) != null && s.constrainToParent && (e = this.constrainToParent(e)), e;
     }));
     // Automatic DOM updates with reactive effect
-    a(this, "domUpdateEffect", k(() => {
+    a(this, "domUpdateEffect", x(() => {
       var e;
       const t = this.constrainedState.value;
       this.container && (this.container.style.left = `${t.x}px`, this.container.style.top = `${t.y}px`, this.container.style.width = `${t.width}px`, this.container.style.height = `${t.height}px`, (e = this.eventEmitter) == null || e.emit("stateChange", {
@@ -785,7 +785,7 @@ const f = class f {
         enabled: !0,
         directions: ["se"]
       }
-    }, e), this.container = t, this.zIndexState = lt();
+    }, e), this.container = t, this.zIndexState = dt();
     const i = this.getCurrentState();
     this.reactiveState.x = i.x, this.reactiveState.y = i.y, this.reactiveState.width = i.width, this.reactiveState.height = i.height, this.reactiveState.mode = this.config.mode, this.reactiveState.draggingDirection = this.config.draggingDirection, this.eventEmitter = new Q({ enableMetrics: !0 }), this.pluginEventEmitter = new Q({ enableMetrics: !0 }), this.stateChangeStream = this.eventEmitter.stream("stateChange"), this.dragStream = this.eventEmitter.stream("drag"), this.resizeStream = this.eventEmitter.stream("resize"), this.startState = this.getState(), this.setupEventMiddleware(), this.initializeHandles(), this.bindEvents(), this.setupResizeObservers(), this.setupReactiveMonitoring();
   }
@@ -846,12 +846,12 @@ const f = class f {
     const i = t.contentRect, r = { ...this.getState() };
     let o = !1;
     if (e.width) {
-      const h = this.getMaxWidthConstraint(), d = Math.min(i.width, h);
-      Math.abs(r.width - d) > 1 && (r.width = d, o = !0);
+      const h = this.getMaxWidthConstraint(), l = Math.min(i.width, h);
+      Math.abs(r.width - l) > 1 && (r.width = l, o = !0);
     }
     if (e.height) {
-      const h = this.getMaxHeightConstraint(), d = Math.min(i.height, h);
-      Math.abs(r.height - d) > 1 && (r.height = d, o = !0);
+      const h = this.getMaxHeightConstraint(), l = Math.min(i.height, h);
+      Math.abs(r.height - l) > 1 && (r.height = l, o = !0);
     }
     o && (this.setState(r), this.eventEmitter.emit("autoAdjust", {
       type: "autoAdjust",
@@ -1065,11 +1065,11 @@ const f = class f {
    * Setup reactive monitoring for container metrics
    */
   setupReactiveMonitoring() {
-    const t = k(() => {
+    const t = x(() => {
       const { state: i } = this.stateChangeStream;
     });
     this.reactiveEffects.push(t);
-    const e = k(() => {
+    const e = x(() => {
       const i = this.eventEmitter.getMetrics();
       i.state.errorCount > 10 && console.warn("[ContainerManager] High error count in event system:", i.state.errorCount);
     });
@@ -1350,9 +1350,9 @@ const f = class f {
     const t = this.container.parentElement.getBoundingClientRect(), e = this.getState();
     if (t.width === 0 || t.height === 0)
       return;
-    const i = e.width, s = e.height, r = Math.min(i, t.width), o = Math.min(s, t.height), h = e.x, d = e.y, l = Math.min(h, t.width - r), S = Math.min(d, t.height - o);
+    const i = e.width, s = e.height, r = Math.min(i, t.width), o = Math.min(s, t.height), h = e.x, l = e.y, d = Math.min(h, t.width - r), S = Math.min(l, t.height - o);
     this.setState({
-      x: l,
+      x: d,
       y: S,
       width: r,
       height: o
@@ -1398,7 +1398,7 @@ const f = class f {
 };
 a(f, "MINWIDTH", 200), a(f, "MINHEIGHT", 45);
 let V = f;
-const x = class x {
+const R = class R {
   constructor(t = {}) {
     // Plugin state
     a(this, "reactiveState", $({
@@ -1414,7 +1414,7 @@ const x = class x {
     this.reactiveState.snapStep = t.snapStep ?? 10, this.reactiveState.enabled = t.enabled ?? !0, this.onDragMove = this.onDragMove.bind(this), this.onDragEnd = this.onDragEnd.bind(this);
   }
   get pluginId() {
-    return x._pluginId;
+    return R._pluginId;
   }
   /**
    * Install plugin on container manager instance with reactive state
@@ -1459,8 +1459,8 @@ const x = class x {
     );
     let s = e - this.startX, r = i - this.startY;
     if (this.reactiveState.enabled) {
-      const d = this.applySnapping(s, r);
-      s = d.deltaX, r = d.deltaY;
+      const l = this.applySnapping(s, r);
+      s = l.deltaX, r = l.deltaY;
     }
     const o = {
       x: this.startState.x + s,
@@ -1526,19 +1526,19 @@ const x = class x {
     this.reactiveState.isActive = !1, this.reactiveState.lastPosition = null;
   }
 };
-a(x, "_pluginId", Symbol("SnappingPlugin"));
-let U = x;
-const R = class R {
+a(R, "_pluginId", Symbol("SnappingPlugin"));
+let U = R;
+const L = class L {
   constructor(t = {}) {
     a(this, "dockedContainers", /* @__PURE__ */ new Map());
     a(this, "occupiedEdges", /* @__PURE__ */ new Map());
-    a(this, "tracker", dt({ emitter: !0, edgeThreshold: 20 }));
+    a(this, "tracker", lt({ emitter: !0, edgeThreshold: 20 }));
     a(this, "manager");
     a(this, "edgeThreshold");
     this.edgeThreshold = t.edgeThreshold ?? 30, this.occupiedEdges.set("top", null), this.occupiedEdges.set("bottom", null), this.occupiedEdges.set("left", null), this.occupiedEdges.set("right", null);
   }
   get pluginId() {
-    return R._pluginId;
+    return L._pluginId;
   }
   install(t) {
     this.manager = t, this.tracker.addTarget(this.manager.getContainer()), this.tracker.on("edge:enter", (e) => {
@@ -1652,7 +1652,7 @@ const R = class R {
       bottom: s,
       left: i,
       right: r
-    }).filter(([d, l]) => l >= -this.edgeThreshold && l <= this.edgeThreshold).sort((d, l) => d[1] - l[1]);
+    }).filter(([l, d]) => d >= -this.edgeThreshold && d <= this.edgeThreshold).sort((l, d) => l[1] - d[1]);
     return h.length > 0 ? h[0][0] : null;
   }
   /**
@@ -1753,13 +1753,13 @@ const R = class R {
     });
   }
 };
-a(R, "_pluginId", Symbol("EdgeDockingPlugin"));
-let j = R;
+a(L, "_pluginId", Symbol("EdgeDockingPlugin"));
+let j = L;
 const n = class n {
   constructor() {
     a(this, "manager");
     a(this, "containerId");
-    a(this, "isDemoContainer", !1);
+    a(this, "storable", !0);
     // Эффект для автоматического сохранения при изменении состояния
     a(this, "autoSaveEffect");
   }
@@ -1773,22 +1773,22 @@ const n = class n {
   static get closedQueue() {
     return n.reactiveState.closedQueue;
   }
-  static get demoContainers() {
-    return n.reactiveState.demoContainers;
+  static get storableContainers() {
+    return n.reactiveState.storableContainers;
   }
   /**
    * Install plugin on container manager instance with reactive state management
    */
   install(t, e) {
-    if (this.manager = t, this.containerId = e == null ? void 0 : e.containerId, this.isDemoContainer = (e == null ? void 0 : e.isDemo) || !1, !this.containerId) {
+    if (this.manager = t, this.containerId = e == null ? void 0 : e.containerId, this.storable = (e == null ? void 0 : e.storable) ?? !0, !this.containerId) {
       console.warn("[StatePersistencePlugin] containerId is required for state persistence");
       return;
     }
     n.containers.push({
       manager: t,
       containerId: this.containerId,
-      isDemo: this.isDemoContainer
-    }), this.isDemoContainer && n.registerDemoContainer(this.containerId), n.isGlobalEventsInitialized || (n.initializeGlobalEvents(), n.isGlobalEventsInitialized = !0), this.isDemoContainer && this.setupAutoSaveEffect(), this.bindContainerEvents();
+      storable: this.storable
+    }), this.storable && n.registerContainer(this.containerId), n.isGlobalEventsInitialized || (n.initializeGlobalEvents(), n.isGlobalEventsInitialized = !0), this.storable && this.setupAutoSaveEffect(), this.bindContainerEvents();
   }
   /**
    * Set up reactive auto-save effect for container state changes
@@ -1796,9 +1796,9 @@ const n = class n {
   setupAutoSaveEffect() {
     if (!this.manager || !this.containerId) return;
     const t = z(() => {
-      this.isDemoContainer && this.saveState();
+      this.storable && this.saveState();
     }, 300);
-    this.autoSaveEffect = k(() => {
+    this.autoSaveEffect = x(() => {
       this.manager.getState(), this.manager.getMode(), t();
     });
   }
@@ -1809,13 +1809,13 @@ const n = class n {
   bindContainerEvents() {
     this.manager && (this.manager.on("dragStart", () => {
     }), this.manager.on("dragEnd", () => {
-      this.isDemoContainer && this.saveState();
+      this.storable && this.saveState();
     }), this.manager.on("resizeEnd", () => {
-      this.isDemoContainer && this.saveState();
+      this.storable && this.saveState();
     }), this.manager.onPluginEvent("maximizeChanged", () => {
-      this.isDemoContainer && this.saveState();
+      this.storable && this.saveState();
     }), this.manager.onPluginEvent("directionChanged", () => {
-      this.isDemoContainer && this.saveState();
+      this.storable && this.saveState();
     }));
   }
   /**
@@ -1833,42 +1833,42 @@ const n = class n {
   /**
    * Register a container as a demo container
    */
-  static registerDemoContainer(t) {
+  static registerContainer(t) {
     try {
-      n.demoContainers.includes(t) || (n.demoContainers.push(t), n.saveDemoContainersToStorage());
+      n.storableContainers.includes(t) || (n.storableContainers.push(t), n.saveContainersToStorage());
     } catch (e) {
-      console.error("[StatePersistencePlugin] Failed to register demo container:", e);
+      console.error("[StatePersistencePlugin] Failed to register container:", e);
     }
   }
   /**
    * Save demo containers to localStorage
    */
-  static saveDemoContainersToStorage() {
+  static saveContainersToStorage() {
     try {
       localStorage.setItem(
-        n.DEMO_CONTAINERS_KEY,
-        JSON.stringify(n.demoContainers)
+        n.STORABLE_CONTAINERS_KEY,
+        JSON.stringify(n.storableContainers)
       );
     } catch (t) {
-      console.error("[StatePersistencePlugin] Failed to save demo containers:", t);
+      console.error("[StatePersistencePlugin] Failed to save containers:", t);
     }
   }
   /**
    * Get list of all demo containers
    */
-  static getDemoContainers() {
+  static getContainers() {
     try {
-      const t = localStorage.getItem(n.DEMO_CONTAINERS_KEY);
+      const t = localStorage.getItem(n.STORABLE_CONTAINERS_KEY);
       return t ? JSON.parse(t) : [];
     } catch (t) {
-      return console.error("[StatePersistencePlugin] Failed to parse demo containers:", t), [];
+      return console.error("[StatePersistencePlugin] Failed to parse containers:", t), [];
     }
   }
   /**
    * Check if a container is a demo container
    */
-  static isDemoContainer(t) {
-    return n.getDemoContainers().includes(t);
+  static isStorableContainer(t) {
+    return n.getContainers().includes(t);
   }
   /**
    * Get all saved states from localStorage
@@ -1885,8 +1885,8 @@ const n = class n {
    * Add container ID to closed containers queue
    */
   static addToClosedQueue(t) {
-    if (!n.isDemoContainer(t)) {
-      console.log(`[StatePersistencePlugin] Skipping closed queue for non-demo container: ${t}`);
+    if (!n.isStorableContainer(t)) {
+      console.log(`[StatePersistencePlugin] Skipping closed queue for non-storable container: ${t}`);
       return;
     }
     if (!n.getContainerState(t)) {
@@ -1921,27 +1921,27 @@ const n = class n {
     }
   }
   saveState() {
-    !this.manager || !this.containerId || !this.isDemoContainer || D(() => {
-      var b;
+    !this.manager || !this.containerId || !this.storable || k(() => {
+      var w;
       n.reactiveState.isSaving = !0, n.reactiveState.pendingChanges = !0;
-      const t = this.manager.getContainer(), e = t.dataset.maximized === "true", i = this.manager.getState(), s = this.manager.getMode(), r = this.manager.getDirection(), o = t.dataset.containerType || "unknown", h = t.dataset.title, d = t.dataset.color, l = t.dataset.useSnapping === "true", S = (b = this.manager.config) == null ? void 0 : b.resize, E = t.parentElement, M = E && E !== document.body ? E.id || `parent-${this.containerId}` : void 0, w = {
+      const t = this.manager.getContainer(), e = t.dataset.maximized === "true", i = this.manager.getState(), s = this.manager.getMode(), r = this.manager.getDirection(), o = t.dataset.containerType || "unknown", h = t.dataset.title, l = t.dataset.color, d = t.dataset.useSnapping === "true", S = (w = this.manager.config) == null ? void 0 : w.resize, E = t.parentElement, M = E && E !== document.body ? E.id || `parent-${this.containerId}` : void 0, y = {
         ...i,
         mode: s,
         draggingDirection: r,
         isMaximized: e,
         containerType: o,
         title: h,
-        color: d,
-        useSnapping: l,
+        color: l,
+        useSnapping: d,
         isClosed: !1,
         parentElementId: M,
         closedTimestamp: 0,
         resize: S,
-        isDemoContainer: !0
+        storable: !0
       };
-      n.reactiveState.containerStates[this.containerId] = w;
+      n.reactiveState.containerStates[this.containerId] = y;
       const p = n.getAllStates();
-      p[this.containerId] = w, localStorage.setItem(
+      p[this.containerId] = y, localStorage.setItem(
         n.STORAGE_KEY,
         JSON.stringify(p)
       ), n.reactiveState.lastSaved = Date.now(), n.reactiveState.isSaving = !1;
@@ -1952,29 +1952,28 @@ const n = class n {
    */
   static saveContainerStateBeforeClose(t, e) {
     var Y, B, F;
-    const i = t.getState(), s = t.getMode();
-    if (!n.isDemoContainer(e)) {
+    if (!n.isStorableContainer(e)) {
       n.containers = n.containers.filter(
         (T) => T.containerId !== e
       );
       return;
     }
-    const o = t.getContainer(), h = t.getDirection(), d = o.dataset.maximized === "true", l = o.dataset.containerType || "unknown", S = o.dataset.title, E = o.dataset.color, M = o.dataset.useSnapping === "true", w = (Y = t.config) == null ? void 0 : Y.resize, p = ((B = t.isEdgeDocked) == null ? void 0 : B.call(t)) || !1, b = ((F = t.getDockEdge) == null ? void 0 : F.call(t)) || null, C = o.parentElement, q = C && C !== document.body ? C.id || `parent-${e}` : void 0, A = {
-      ...i,
-      mode: s,
+    const s = t.getState(), r = t.getMode(), o = t.getContainer(), h = t.getDirection(), l = o.dataset.maximized === "true", d = o.dataset.containerType || "unknown", S = o.dataset.title, E = o.dataset.color, M = o.dataset.useSnapping === "true", y = (Y = t.config) == null ? void 0 : Y.resize, p = ((B = t.isEdgeDocked) == null ? void 0 : B.call(t)) || !1, w = ((F = t.getDockEdge) == null ? void 0 : F.call(t)) || null, C = o.parentElement, q = C && C !== document.body ? C.id || `parent-${e}` : void 0, A = {
+      ...s,
+      mode: r,
       draggingDirection: h,
-      isMaximized: d,
+      isMaximized: l,
       isEdgeDocked: p,
-      dockEdge: b || void 0,
-      containerType: l,
+      dockEdge: w || void 0,
+      containerType: d,
       title: S,
       color: E,
       useSnapping: M,
       isClosed: !0,
       parentElementId: q,
       closedTimestamp: Date.now(),
-      resize: w,
-      isDemoContainer: !0
+      resize: y,
+      storable: !0
     }, N = n.getAllStates();
     N[e] = A;
     try {
@@ -1993,25 +1992,25 @@ const n = class n {
    * Save all containers state (for global events) - including closed ones
    */
   static saveAllContainers() {
-    D(() => {
+    k(() => {
       const t = n.getAllStates();
-      n.containers.filter(({ isDemo: e }) => e).forEach(({ manager: e, containerId: i }) => {
+      n.containers.filter((e) => !("storable" in e && e.storable === !1)).forEach(({ manager: e, containerId: i }) => {
         var C;
-        const s = e.getState(), r = e.getMode(), o = e.getContainer(), h = e.getDirection(), d = o.dataset.maximized === "true", l = o.dataset.containerType || "unknown", S = o.dataset.title, E = o.dataset.color, M = o.dataset.useSnapping === "true", w = (C = e.config) == null ? void 0 : C.resize, p = o.parentElement, b = p && p !== document.body ? p.id || `parent-${i}` : void 0;
+        const s = e.getState(), r = e.getMode(), o = e.getContainer(), h = e.getDirection(), l = o.dataset.maximized === "true", d = o.dataset.containerType || "unknown", S = o.dataset.title, E = o.dataset.color, M = o.dataset.useSnapping === "true", y = (C = e.config) == null ? void 0 : C.resize, p = o.parentElement, w = p && p !== document.body ? p.id || `parent-${i}` : void 0;
         t[i] = {
           ...s,
           mode: r,
           draggingDirection: h,
-          isMaximized: d,
-          containerType: l,
+          isMaximized: l,
+          containerType: d,
           title: S,
           color: E,
           useSnapping: M,
           isClosed: !1,
-          parentElementId: b,
+          parentElementId: w,
           closedTimestamp: 0,
-          resize: w,
-          isDemoContainer: !0
+          resize: y,
+          storable: !0
         };
       }), n.reactiveState.containerStates = t, localStorage.setItem(
         n.STORAGE_KEY,
@@ -2087,7 +2086,7 @@ const n = class n {
           isMaximized: !1,
           containerType: "unknown",
           isClosed: !1,
-          isDemoContainer: n.isDemoContainer(t),
+          storable: n.isStorableContainer(t),
           ...e
         };
         i[t] = r, localStorage.setItem(
@@ -2103,18 +2102,18 @@ const n = class n {
    * Clear all saved states from localStorage
    */
   static clearStorage() {
-    D(() => {
-      n.reactiveState.containerStates = {}, n.closedQueue.length = 0, n.demoContainers.length = 0, n.reactiveState.isSaving = !1, n.reactiveState.lastSaved = null, n.reactiveState.pendingChanges = !1;
-    }), localStorage.removeItem(n.STORAGE_KEY), localStorage.removeItem(n.CLOSED_QUEUE_KEY), localStorage.removeItem(n.DEMO_CONTAINERS_KEY), n.containers = [];
+    k(() => {
+      n.reactiveState.containerStates = {}, n.closedQueue.length = 0, n.storableContainers.length = 0, n.reactiveState.isSaving = !1, n.reactiveState.lastSaved = null, n.reactiveState.pendingChanges = !1;
+    }), localStorage.removeItem(n.STORAGE_KEY), localStorage.removeItem(n.CLOSED_QUEUE_KEY), localStorage.removeItem(n.STORABLE_CONTAINERS_KEY), n.containers = [];
   }
   /**
    * Initialize reactive state from localStorage on plugin load
    */
   static initializeReactiveState() {
     try {
-      const t = n.getAllStates(), e = n.getClosedQueue(), i = n.getDemoContainers();
-      D(() => {
-        n.reactiveState.containerStates = t, n.closedQueue.length = 0, n.closedQueue.push(...e), n.demoContainers.length = 0, n.demoContainers.push(...i);
+      const t = n.getAllStates(), e = n.getClosedQueue(), i = n.getContainers();
+      k(() => {
+        n.reactiveState.containerStates = t, n.closedQueue.length = 0, n.closedQueue.push(...e), n.storableContainers.length = 0, n.storableContainers.push(...i);
       });
     } catch (t) {
       console.error("[StatePersistencePlugin] Failed to initialize reactive state:", t);
@@ -2126,7 +2125,7 @@ const n = class n {
   static getMetrics() {
     return {
       totalContainers: Object.keys(n.containerStates).length,
-      demoContainers: n.demoContainers.length,
+      demoContainers: n.storableContainers.length,
       closedContainers: n.closedQueue.length,
       lastSaved: n.reactiveState.lastSaved,
       isSaving: n.reactiveState.isSaving
@@ -2144,15 +2143,15 @@ const n = class n {
         console.log(`[StatePersistencePlugin] Number of states: ${Object.keys(s).length}`), console.log("[StatePersistencePlugin] State keys:", Object.keys(s));
         for (const [r, o] of Object.entries(s))
           console.log(`[StatePersistencePlugin] State ${r}:`, {
-            isDemoContainer: o.isDemoContainer,
+            storable: o.storable,
             isClosed: o.isClosed,
             title: o.title
           });
       }
       const e = localStorage.getItem(n.CLOSED_QUEUE_KEY);
       console.log("[StatePersistencePlugin] Closed queue:", e ? JSON.parse(e) : []);
-      const i = localStorage.getItem(n.DEMO_CONTAINERS_KEY);
-      console.log("[StatePersistencePlugin] Demo containers:", i ? JSON.parse(i) : []);
+      const i = localStorage.getItem(n.STORABLE_CONTAINERS_KEY);
+      console.log("[StatePersistencePlugin] Storable containers:", i ? JSON.parse(i) : []);
     } catch (t) {
       console.error("[StatePersistencePlugin] Debug error:", t);
     }
@@ -2167,25 +2166,25 @@ const n = class n {
     ));
   }
 };
-a(n, "_pluginId", Symbol("StatePersistencePlugin")), a(n, "STORAGE_KEY", "containerManagerState"), a(n, "CLOSED_QUEUE_KEY", "containerManagerClosedQueue"), a(n, "DEMO_CONTAINERS_KEY", "containerManagerDemoContainers"), // Статическое реактивное состояние для всех плагинов
+a(n, "_pluginId", Symbol("StatePersistencePlugin")), a(n, "STORAGE_KEY", "containerManagerState"), a(n, "CLOSED_QUEUE_KEY", "containerManagerClosedQueue"), a(n, "STORABLE_CONTAINERS_KEY", "containerManagerStorableContainers"), // Статическое реактивное состояние для всех плагинов
 a(n, "reactiveState", $({
   isSaving: !1,
   lastSaved: null,
   pendingChanges: !1,
   containerStates: {},
   closedQueue: [],
-  demoContainers: []
+  storableContainers: []
 })), a(n, "isGlobalEventsInitialized", !1), a(n, "containers", []);
 let H = n;
 H.initializeReactiveState();
-const L = class L {
+const D = class D {
   constructor() {
     a(this, "manager");
     a(this, "containerName", "");
     a(this, "notificationSystem", null);
   }
   get pluginId() {
-    return L._pluginId;
+    return D._pluginId;
   }
   /**
    * Install plugin on container manager instance
@@ -2276,8 +2275,8 @@ const L = class L {
     }
   }
 };
-a(L, "_pluginId", Symbol("LoggingPlugin"));
-let K = L;
+a(D, "_pluginId", Symbol("LoggingPlugin"));
+let K = D;
 export {
   pt as ContainerInitializer,
   V as ContainerManager,
@@ -2289,7 +2288,7 @@ export {
   H as StatePersistencePlugin,
   ft as StatsManager,
   J as TemplateLoader,
-  lt as getState,
+  dt as getState,
   Et as getTemplateLoader,
   St as initializeTemplateSystem
 };