aptechka 0.1.5 → 0.1.6

package/lib/studio/index.js

@@ -1,81 +1,93 @@
-var ge = (t, e, r) => {
+var fe = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
 };
-var w = (t, e, r) => (ge(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Z = (t, e, r) => {
+var d = (t, e, r) => (fe(t, e, "read from private field"), r ? r.call(t) : e.get(t)), G = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, P = (t, e, r, s) => (ge(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
+}, M = (t, e, r, s) => (fe(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
 import { i as xe } from "../browser-0zX67oeU.js";
-import { CustomElement as ue, define as p } from "../custom-element/index.js";
-import { e as m } from "../ElementConstructor-DB0xOoat.js";
-import { c as g } from "../createStylesheet-74ZP3AZm.js";
-import { s as _, S as se, a as x } from "../Store-uTyReFzx.js";
-import { c as Se } from "../file-lxi_oXJf.js";
-import { d as $e } from "../function-C10DGppn.js";
-import { _ as z, a as Pe, aW as ee, az as Oe, C as f, p as F, a1 as Me } from "../htmlTags-CNEFIHPp.js";
-import { A as Ee } from "../Animated-CzBHCHNm.js";
-import { a as Te } from "../Viewport-Cj0i-H5d.js";
-import { AccordionElement as De } from "../accordion/index.js";
-import { a as Re } from "../index-DyJhLxk8.js";
+import { CustomElement as ge, define as p } from "../custom-element/index.js";
+import { e as m } from "../ElementConstructor-CoKM2CTK.js";
+import { c as f } from "../createStylesheet-BON7aJYs.js";
+import { s as S, S as ie, a as $ } from "../Store-JOKrNVEr.js";
+import { c as $e } from "../file-lxi_oXJf.js";
+import { d as Pe } from "../function-C10DGppn.js";
+import { _ as N, a as Oe, aW as re, az as Me, C as w, p as I, a1 as Ee } from "../htmlTags-BCNUG7oK.js";
+import { A as Te } from "../Animated-CJcYqJzq.js";
+import { a as De } from "../Viewport-CXY5xcGJ.js";
+import { AccordionElement as We } from "../accordion/index.js";
+import { a as Re } from "../index-DgtdcBEI.js";
+import { d as Le } from "../events-CoqmkUxo.js";
 import { aptechkaTheme as i } from "../theme/index.js";
-import { c as We } from "../math-BOBiC4TN.js";
-const me = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>', be = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>', Le = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>', Fe = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';
-var $, u;
-class Ae {
+import { c as Fe } from "../math-BOBiC4TN.js";
+const be = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>', _e = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>', Ae = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>', Ie = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';
+var O, g;
+class ze {
   constructor() {
-    Z(this, $, "");
-    Z(this, u, []);
-    P(this, $, _.projectName + "-studio");
+    G(this, O, "");
+    G(this, g, []);
+    M(this, O, S.projectName + "-studio");
   }
   openPanel(e) {
-    w(this, u).includes(e) || w(this, u).push(e);
+    d(this, g).includes(e) || d(this, g).push(e);
   }
   closePanel(e) {
-    P(this, u, w(this, u).filter((r) => r !== e));
+    M(this, g, d(this, g).filter((r) => r !== e));
   }
   isPanelOpened(e) {
-    return w(this, u).includes(e);
+    return d(this, g).includes(e);
   }
   save() {
     const e = {
-      openedPanels: w(this, u)
+      openedPanels: d(this, g)
     };
-    localStorage.setItem(w(this, $), JSON.stringify(e)), _.saveState();
+    localStorage.setItem(d(this, O), JSON.stringify(e)), S.saveState();
   }
   load() {
-    _.loadState();
-    const e = localStorage.getItem(w(this, $));
+    S.loadState();
+    const e = localStorage.getItem(d(this, O));
     if (e)
       try {
         const r = JSON.parse(e);
-        r.openedPanels && P(this, u, r.openedPanels);
+        r.openedPanels && M(this, g, r.openedPanels);
       } catch (r) {
         console.error(r);
       }
   }
 }
-$ = new WeakMap(), u = new WeakMap();
-const S = new Ae();
-var I;
-class N extends ue {
-  constructor(r) {
+O = new WeakMap(), g = new WeakMap();
+const P = new ze();
+var y;
+class H extends ge {
+  constructor(...r) {
     super();
-    Z(this, I, void 0);
-    P(this, I, r);
+    G(this, y, void 0);
+    M(this, y, r);
   }
-  get store() {
-    return w(this, I);
+  addStore(r) {
+    d(this, y).push(r);
+  }
+  get firstStore() {
+    return d(this, y)[0];
+  }
+  get stores() {
+    return d(this, y);
+  }
+  updateStores(r) {
+    d(this, y).forEach((s) => {
+      s.current = r;
+    });
   }
 }
-I = new WeakMap();
-var Ie = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, Ne = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? ze(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+y = new WeakMap();
+var Ne = Object.defineProperty, He = Object.getOwnPropertyDescriptor, Ze = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? He(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Ie(e, r, a), a;
+  return s && a && Ne(e, r, a), a;
 };
-const He = g({
+const Ge = f({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -91,21 +103,21 @@ const He = g({
     accentColor: i.colorLight.var
   }
 });
-let ne = class extends N {
-  constructor(t) {
-    super(t), this.openShadow(He), m(this, {
+let oe = class extends H {
+  constructor(...t) {
+    super(...t), this.openShadow(Ge), m(this, {
       shadowChildren: [
-        z({
+        N({
           attributes: {
             type: "checkbox"
           },
           events: {
             change: (e) => {
-              this.store.current = e.currentTarget.checked;
+              this.updateStores(e.currentTarget.checked);
             }
           },
           ref: (e) => {
-            this.store.subscribe((r) => {
+            this.firstStore.subscribe((r) => {
               e.checked = r.current;
             });
           }
@@ -114,15 +126,15 @@ let ne = class extends N {
     });
   }
 };
-ne = Ne([
+oe = Ze([
   p("e-tweaker-boolean-manager")
-], ne);
-var Ze = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, Ke = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ge(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+], oe);
+var Ke = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Ve = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? Je(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Ze(e, r, a), a;
+  return s && a && Ke(e, r, a), a;
 };
-const Je = g({
+const Ye = f({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -145,18 +157,18 @@ const Je = g({
     height: `calc(${i.heightInput.var} * 0.93)`
   }
 });
-let ie = class extends N {
-  constructor(t) {
-    super(t), this.openShadow(Je), m(this, {
+let le = class extends H {
+  constructor(...t) {
+    super(...t), this.openShadow(Ye), m(this, {
       shadowChildren: [
-        z({
+        N({
           attributes: {
             type: "color",
-            value: this.store
+            value: this.firstStore
           },
           events: {
             input: (e) => {
-              this.store.current = e.currentTarget.value;
+              this.updateStores(e.currentTarget.value);
             }
           }
         })
@@ -164,51 +176,51 @@ let ie = class extends N {
     });
   }
 };
-ie = Ke([
+le = Ve([
   p("e-tweaker-color-manager")
-], ie);
-var Ve = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, Ye = (t, e, r, s) => {
+], le);
+var qe = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, Qe = (t, e, r, s) => {
   for (var a = s > 1 ? void 0 : s ? Be(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Ve(e, r, a), a;
+  return s && a && qe(e, r, a), a;
 };
-const qe = g({
+const Ue = f({
   a: {
     color: "inherit"
   }
 });
-let oe = class extends N {
-  constructor(t) {
+let he = class extends H {
+  constructor(...t) {
     var e, r;
-    super(t), this.openShadow(qe), m(this, {
+    super(...t), this.openShadow(Ue), m(this, {
       shadowChildren: [
-        Pe({
+        Oe({
           attributes: {
-            href: this.store,
-            target: (r = (e = this.store.passport) == null ? void 0 : e.manager) != null && r.sameWindow ? "_self" : "_blank"
+            href: this.firstStore,
+            target: (r = (e = this.firstStore.passport) == null ? void 0 : e.manager) != null && r.sameWindow ? "_self" : "_blank"
           },
-          children: this.store
+          children: this.firstStore
         })
       ]
     });
   }
 };
-oe = Ye([
+he = Qe([
   p("e-tweaker-link-manager")
-], oe);
-var Qe = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, Xe = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? Ue(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+], he);
+var Xe = Object.defineProperty, je = Object.getOwnPropertyDescriptor, et = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? je(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Qe(e, r, a), a;
-}, je = (t, e, r) => {
+  return s && a && Xe(e, r, a), a;
+}, tt = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, te = (t, e, r) => (je(t, e, "read from private field"), r ? r.call(t) : e.get(t)), et = (t, e, r) => {
+}, ae = (t, e, r) => (tt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), rt = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, M;
-const tt = g({
+}, E;
+const at = f({
   ":host": {
     width: "100%",
     display: "flex",
@@ -232,88 +244,90 @@ const tt = g({
     borderRadius: i.borderRadius.var
   }
 });
-let X = class extends N {
-  constructor(t) {
-    super(t), et(this, M, new se([])), this.openShadow(tt), m(this, {
+let j = class extends H {
+  constructor(...t) {
+    super(...t), rt(this, E, new ie([])), this.openShadow(at), m(this, {
       shadowChildren: [
-        z({
+        N({
           class: "text-input",
           attributes: {
             type: "string",
-            value: this.store
+            value: this.firstStore
           },
           events: {
             change: (e) => {
-              this.store.current = e.currentTarget.value;
+              this.updateStores(
+                e.currentTarget.value
+              );
             }
           }
         }),
-        te(this, M)
+        ae(this, E)
       ]
     });
   }
   appendContent(t) {
-    te(this, M).current = [...te(this, M).current, t];
+    ae(this, E).current = [...ae(this, E).current, t];
   }
 };
-M = /* @__PURE__ */ new WeakMap();
-X = Xe([
+E = /* @__PURE__ */ new WeakMap();
+j = et([
   p("e-tweaker-string-manager")
-], X);
-var rt = Object.defineProperty, at = Object.getOwnPropertyDescriptor, st = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? at(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+], j);
+var st = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, it = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? nt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && rt(e, r, a), a;
-}, _e = (t, e, r) => {
+  return s && a && st(e, r, a), a;
+}, Se = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, b = (t, e, r) => (_e(t, e, "read from private field"), r ? r.call(t) : e.get(t)), G = (t, e, r) => {
+}, _ = (t, e, r) => (Se(t, e, "read from private field"), r ? r.call(t) : e.get(t)), K = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, re = (t, e, r, s) => (_e(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), E, T, D, K;
-let j = class extends X {
-  constructor(t) {
+}, se = (t, e, r, s) => (Se(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), T, D, W, J;
+let ee = class extends j {
+  constructor(...t) {
     var e, r, s, a, o, n;
-    super(t), G(this, E, void 0), G(this, T, void 0), G(this, D, void 0), G(this, K, (y) => {
-      const H = typeof y == "string" ? parseFloat(y) || this.min : y, ke = We(H, b(this, T), b(this, D));
+    super(...t), K(this, T, void 0), K(this, D, void 0), K(this, W, void 0), K(this, J, (b) => {
+      const Z = typeof b == "string" ? parseFloat(b) || this.min : b, ke = Fe(Z, _(this, D), _(this, W));
       return this.toFixed(ke);
-    }), re(this, T, ((r = (e = this.store.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min) || 0), re(this, D, ((a = (s = this.store.passport) == null ? void 0 : s.manager) == null ? void 0 : a.max) || 1), re(this, E, ((n = (o = this.store.passport) == null ? void 0 : o.manager) == null ? void 0 : n.step) || 0.01);
+    }), se(this, D, ((r = (e = this.firstStore.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min) || 0), se(this, W, ((a = (s = this.firstStore.passport) == null ? void 0 : s.manager) == null ? void 0 : a.max) || 1), se(this, T, ((n = (o = this.firstStore.passport) == null ? void 0 : o.manager) == null ? void 0 : n.step) || 0.01);
   }
   get min() {
-    return b(this, T);
+    return _(this, D);
   }
   get max() {
-    return b(this, D);
+    return _(this, W);
   }
   get step() {
-    return b(this, E);
+    return _(this, T);
   }
   toFixed(t) {
     var r;
-    const e = ((r = b(this, E).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
+    const e = ((r = _(this, T).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
     return e ? +t.toFixed(e) : Math.ceil(t);
   }
   connectedCallback() {
-    this.store.addMiddleware(b(this, K));
+    this.firstStore.addMiddleware(_(this, J));
   }
   disconnectedCallback() {
-    this.store.removeMiddleware(b(this, K));
+    this.firstStore.removeMiddleware(_(this, J));
   }
 };
-E = /* @__PURE__ */ new WeakMap();
 T = /* @__PURE__ */ new WeakMap();
 D = /* @__PURE__ */ new WeakMap();
-K = /* @__PURE__ */ new WeakMap();
-j = st([
+W = /* @__PURE__ */ new WeakMap();
+J = /* @__PURE__ */ new WeakMap();
+ee = it([
   p("e-tweaker-number-manager")
-], j);
-var nt = Object.defineProperty, it = Object.getOwnPropertyDescriptor, ot = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? it(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+], ee);
+var ot = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, ht = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? lt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && nt(e, r, a), a;
+  return s && a && ot(e, r, a), a;
 };
-const lt = g({
+const ct = f({
   ":host": {
     width: "100%"
   },
@@ -351,22 +365,22 @@ const lt = g({
     background: "transparent"
   }
 });
-let le = class extends j {
-  constructor(t) {
-    super(t), this.addStylesheet(lt), this.appendContent(
-      z({
+let ce = class extends ee {
+  constructor(...t) {
+    super(...t), this.addStylesheet(ct), this.appendContent(
+      N({
         class: "range-input",
         attributes: {
           type: "range",
           min: this.min,
           max: this.max,
           step: this.step,
-          value: this.store
+          value: this.firstStore
         },
         events: {
           input: (e) => {
-            this.store.current = parseFloat(
-              e.currentTarget.value
+            this.updateStores(
+              parseFloat(e.currentTarget.value)
             );
           }
         }
@@ -374,15 +388,15 @@ let le = class extends j {
     );
   }
 };
-le = ot([
+ce = ht([
   p("e-tweaker-range-manager")
-], le);
-var ct = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, dt = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? ht(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+], ce);
+var dt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, ut = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? pt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && ct(e, r, a), a;
+  return s && a && dt(e, r, a), a;
 };
-const pt = g({
+const vt = f({
   "e-select": {
     width: "100%",
     "--arrow-color": i.colorLight.var
@@ -411,25 +425,25 @@ const pt = g({
     transform: "scaleY(-1)"
   }
 });
-let ce = class extends N {
-  constructor(t) {
+let de = class extends H {
+  constructor(...t) {
     var r, s;
-    super(t), this.openShadow(pt);
-    const e = ((s = (r = this.store.passport) == null ? void 0 : r.manager) == null ? void 0 : s.variants) || [];
+    super(...t), this.openShadow(vt);
+    const e = ((s = (r = this.firstStore.passport) == null ? void 0 : r.manager) == null ? void 0 : s.variants) || [];
     m(this, {
-      shadowChildren: ee("e-select", {
+      shadowChildren: re("e-select", {
         attributes: {
-          value: this.store
+          value: this.firstStore
         },
         events: {
           change: (a) => {
-            this.store.current = a.currentTarget.value;
+            this.updateStores(a.currentTarget.value);
           }
         },
         children: [
-          ee("e-select-head", {
+          re("e-select-head", {
             children: [
-              Oe({
+              Me({
                 attributes: {
                   "data-value-holder": ""
                 }
@@ -437,7 +451,7 @@ let ce = class extends N {
             ]
           }),
           ...e.map(
-            (a, o) => ee("e-select-option", {
+            (a, o) => re("e-select-option", {
               children: a,
               attributes: {
                 default: o === 0 ? !0 : null
@@ -449,31 +463,31 @@ let ce = class extends N {
     });
   }
 };
-ce = dt([
+de = ut([
   p("e-tweaker-select-manager")
-], ce);
-const vt = {
-  boolean: ne,
-  color: ie,
-  link: oe,
-  number: j,
-  range: le,
-  select: ce,
-  string: X
+], de);
+const gt = {
+  boolean: oe,
+  color: le,
+  link: he,
+  number: ee,
+  range: ce,
+  select: de,
+  string: j
 };
-var ut = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, wt = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? gt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+var ft = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, mt = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? wt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && ut(e, r, a), a;
+  return s && a && ft(e, r, a), a;
 }, ye = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, c = (t, e, r) => (ye(t, e, "read from private field"), r ? r.call(t) : e.get(t)), C = (t, e, r) => {
+}, h = (t, e, r) => (ye(t, e, "read from private field"), r ? r.call(t) : e.get(t)), C = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, O = (t, e, r, s) => (ye(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), h, R, W, L, J, V;
-const ft = g({
+}, k = (t, e, r, s) => (ye(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), u, R, L, F, A, V, Y;
+const bt = f({
   ":host": {
     display: "grid",
     gridAutoFlow: "column",
@@ -518,50 +532,54 @@ const ft = g({
     height: "100%"
   }
 });
-let he = class extends ue {
+let te = class extends ge {
   constructor(t) {
     var r, s, a, o;
-    super(), C(this, h, null), C(this, R, void 0), C(this, W, void 0), C(this, L, !1), C(this, J, () => {
-      x.current.includes(c(this, h)) || this.remove();
-    }), C(this, V, (n) => {
-      c(this, L) && ((n.metaKey || n.ctrlKey) && n.code === "KeyC" ? navigator.clipboard.writeText(c(this, h).current) : (n.metaKey || n.ctrlKey) && n.code === "KeyR" && (c(this, h).reset(), n.preventDefault()));
-    }), O(this, h, t.store), O(this, R, c(this, h).passport.name), O(this, W, c(this, R).split(".").slice(-1).toString()), this.openShadow(ft);
-    const e = ((s = (r = c(this, h).passport) == null ? void 0 : r.manager) == null ? void 0 : s.type) || "string";
-    m(this, {
+    super(), C(this, u, []), C(this, R, void 0), C(this, L, void 0), C(this, F, !1), C(this, A, void 0), C(this, V, () => {
+      $.current.find((n) => h(this, u).includes(n)) || this.remove();
+    }), C(this, Y, (n) => {
+      h(this, F) && ((n.metaKey || n.ctrlKey) && n.code === "KeyC" ? navigator.clipboard.writeText(h(this, u)[0].current) : (n.metaKey || n.ctrlKey) && n.code === "KeyR" && (h(this, u).forEach((b) => {
+        b.reset();
+      }), n.preventDefault()));
+    }), k(this, u, [t.store]), k(this, R, t.store.passport.name), k(this, L, h(this, R).split(".").slice(-1).toString());
+    const e = ((s = (r = t.store.passport) == null ? void 0 : r.manager) == null ? void 0 : s.type) || "string";
+    k(this, A, new gt[e](h(this, u)[0])), this.openShadow(bt), m(this, {
       class: {
-        disabled: ((o = (a = c(this, h).passport) == null ? void 0 : a.manager) == null ? void 0 : o.disabled) || !1
+        disabled: ((o = (a = t.store.passport) == null ? void 0 : a.manager) == null ? void 0 : o.disabled) || !1
       },
       events: {
         pointerleave: () => {
-          O(this, L, !1);
+          k(this, F, !1);
         },
         pointerenter: () => {
-          O(this, L, !0);
+          k(this, F, !0);
         }
       },
       shadowChildren: [
-        f({
+        w({
           class: "head",
           children: [
-            f({ class: "name", children: c(this, W) + ":" }),
-            f({
+            w({ class: "name", children: h(this, L) + ":" }),
+            w({
               class: "head-buttons",
               children: [
-                F({
+                I({
                   class: "head-button",
-                  children: be,
+                  children: _e,
                   events: {
                     click: () => {
-                      navigator.clipboard.writeText(c(this, h).current);
+                      navigator.clipboard.writeText(h(this, u)[0].current);
                     }
                   }
                 }),
-                F({
+                I({
                   class: "head-button",
-                  children: me,
+                  children: be,
                   events: {
                     click: () => {
-                      c(this, h).reset();
+                      h(this, u).forEach((n) => {
+                        n.reset();
+                      });
                     }
                   }
                 })
@@ -569,48 +587,52 @@ let he = class extends ue {
             })
           ]
         }),
-        new vt[e](c(this, h))
+        h(this, A)
       ]
     });
   }
   get key() {
-    return c(this, R);
+    return h(this, R);
   }
   get name() {
-    return c(this, W);
+    return h(this, L);
+  }
+  get stores() {
+    return h(this, u);
   }
-  get store() {
-    return c(this, h);
+  addStore(t) {
+    h(this, A).addStore(t);
   }
   connectedCallback() {
-    x.subscribe(c(this, J)), addEventListener("keydown", c(this, V));
+    $.subscribe(h(this, V)), addEventListener("keydown", h(this, Y)), Le(this);
   }
   disconnectedCallback() {
-    x.unsubscribe(c(this, J)), removeEventListener("keydown", c(this, V));
+    $.unsubscribe(h(this, V)), removeEventListener("keydown", h(this, Y));
   }
 };
-h = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
 R = /* @__PURE__ */ new WeakMap();
-W = /* @__PURE__ */ new WeakMap();
 L = /* @__PURE__ */ new WeakMap();
-J = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
 V = /* @__PURE__ */ new WeakMap();
-he = wt([
+Y = /* @__PURE__ */ new WeakMap();
+te = mt([
   p("e-tweaker-field")
-], he);
-var mt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, _t = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? bt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+], te);
+var _t = Object.defineProperty, St = Object.getOwnPropertyDescriptor, yt = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? St(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && mt(e, r, a), a;
+  return s && a && _t(e, r, a), a;
 }, Ce = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, l = (t, e, r) => (Ce(t, e, "read from private field"), r ? r.call(t) : e.get(t)), k = (t, e, r) => {
+}, l = (t, e, r) => (Ce(t, e, "read from private field"), r ? r.call(t) : e.get(t)), x = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, ae = (t, e, r, s) => (Ce(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), v, B, d, Y, q, de;
-const yt = g({
+}, ne = (t, e, r, s) => (Ce(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), v, q, c, B, Q, pe;
+const Ct = f({
   ".wrapper": {
     boxSizing: "border-box",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
@@ -654,44 +676,44 @@ const yt = g({
     transform: "scaleY(-1)"
   }
 });
-let A = class extends De {
+let z = class extends We {
   constructor(t) {
-    super(), k(this, v, void 0), k(this, B, new se(null)), k(this, d, new se([])), k(this, Y, void 0), k(this, q, null), k(this, de, (e) => {
+    super(), x(this, v, void 0), x(this, q, new ie(null)), x(this, c, new ie([])), x(this, B, void 0), x(this, Q, null), x(this, pe, (e) => {
       let r = [], s = [];
       e.forEach((a) => {
         r = [...r, ...a.removedNodes], s = [...s, ...a.addedNodes];
-      }), l(this, d).current = l(this, d).current.filter(
+      }), l(this, c).current = l(this, c).current.filter(
         (a) => !r.includes(a)
-      ), l(this, v) && !l(this, d).current.length && !s.length && this.remove();
-    }), this.openShadow(yt), ae(this, v, t.key), ae(this, Y, new MutationObserver(l(this, de))), m(this, {
+      ), l(this, v) && !l(this, c).current.length && !s.length && this.remove();
+    }), this.openShadow(Ct), ne(this, v, t.key), ne(this, B, new MutationObserver(l(this, pe))), m(this, {
       events: {
         "e-accordion-item-toggle": (e) => {
-          e.stopPropagation(), e.detail.opened ? S.openPanel(l(this, v)) : S.closePanel(l(this, v));
+          e.stopPropagation(), e.detail.opened ? P.openPanel(l(this, v)) : P.closePanel(l(this, v));
         }
       },
       shadowChildren: [
-        f({
+        w({
           class: "wrapper",
           children: [
-            f({
+            w({
               class: "head",
               children: [
-                l(this, v) ? f({
+                l(this, v) ? w({
                   class: "name",
                   children: [l(this, v).split(".").slice(-1).toString()]
                 }) : null,
-                l(this, B),
+                l(this, q),
                 m(Re, {
                   class: "arrow"
                 })
               ]
             }),
-            f({
+            w({
               class: "body",
-              children: f({
+              children: w({
                 class: "body-content",
-                children: l(this, d),
-                ref: (e) => ae(this, q, e.firstElementChild)
+                children: l(this, c),
+                ref: (e) => ne(this, Q, e.firstElementChild)
               })
             })
           ]
@@ -703,27 +725,27 @@ let A = class extends De {
     return l(this, v);
   }
   get head() {
-    return l(this, B);
+    return l(this, q);
   }
   get content() {
-    return l(this, d);
+    return l(this, c);
   }
   connectedCallback() {
     super.connectedCallback(), setTimeout(() => {
-      S.isPanelOpened(l(this, v)) && this.openAll({ skipTransition: !0 });
-    }, 50), l(this, Y).observe(l(this, q), {
+      P.isPanelOpened(l(this, v)) && this.openAll({ skipTransition: !0 });
+    }, 50), l(this, B).observe(l(this, Q), {
       childList: !0
     });
   }
   handleStore(t) {
     if (t.remainingFolders.length) {
-      const r = t.store.passport.name.split("."), s = r.slice(0, r.length - t.remainingFolders.length).join("."), a = l(this, d).current.find((o) => o.key === s);
-      a instanceof A ? a.handleStore({
+      const r = t.store.passport.name.split("."), s = r.slice(0, r.length - t.remainingFolders.length).join("."), a = l(this, c).current.find((o) => o.key === s);
+      a instanceof z ? a.handleStore({
         store: t.store,
         remainingFolders: t.remainingFolders.slice(1)
-      }) : l(this, d).current = [
-        ...l(this, d).current,
-        new A({
+      }) : l(this, c).current = [
+        ...l(this, c).current,
+        new z({
           key: s,
           storeBox: {
             store: t.store,
@@ -731,37 +753,41 @@ let A = class extends De {
           }
         })
       ];
-    } else
-      l(this, d).current = [
-        ...l(this, d).current,
-        new he({
+    } else {
+      const e = l(this, c).current.find(
+        (r) => r.key === t.store.passport.name
+      );
+      e instanceof te ? e.addStore(t.store) : l(this, c).current = [
+        ...l(this, c).current,
+        new te({
           store: t.store
         })
       ];
+    }
   }
 };
 v = /* @__PURE__ */ new WeakMap();
-B = /* @__PURE__ */ new WeakMap();
-d = /* @__PURE__ */ new WeakMap();
-Y = /* @__PURE__ */ new WeakMap();
 q = /* @__PURE__ */ new WeakMap();
-de = /* @__PURE__ */ new WeakMap();
-A = _t([
+c = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
+Q = /* @__PURE__ */ new WeakMap();
+pe = /* @__PURE__ */ new WeakMap();
+z = yt([
   p("e-tweaker-folder")
-], A);
-var Ct = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, xt = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? kt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+], z);
+var kt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, $t = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? xt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Ct(e, r, a), a;
-}, St = (t, e, r) => {
+  return s && a && kt(e, r, a), a;
+}, Pt = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, we = (t, e, r) => (St(t, e, "read from private field"), r ? r.call(t) : e.get(t)), $t = (t, e, r) => {
+}, we = (t, e, r) => (Pt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Ot = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, Q;
-const Pt = g({
+}, U;
+const Mt = f({
   ":host": {
     position: "absolute",
     top: i.tweakerOffset.var,
@@ -811,7 +837,7 @@ const Pt = g({
   ":host .body-content::-webkit-scrollbar": {
     display: "none"
   },
-  [`@media ${Te["<=mobile"]}`]: {
+  [`@media ${De["<=mobile"]}`]: {
     ":host": {
       position: "absolute",
       top: "0",
@@ -828,13 +854,13 @@ const Pt = g({
     }
   }
 });
-let pe = class extends A {
+let ue = class extends z {
   constructor() {
     super({
       key: ""
-    }), $t(this, Q, $e(() => {
-      x.current.forEach((t) => {
-        if (!(t instanceof Ee)) {
+    }), Ot(this, U, Pe(() => {
+      $.current.forEach((t) => {
+        if (!(t instanceof Te)) {
           const e = t.passport.name.split(".");
           this.handleStore({
             store: t,
@@ -842,8 +868,8 @@ let pe = class extends A {
           });
         }
       });
-    }, 10)), this.addStylesheet(Pt), this.head.current = [
-      f({
+    }, 10)), this.addStylesheet(Mt), this.head.current = [
+      w({
         class: "tweaker-buttons",
         events: {
           click: (t) => {
@@ -851,43 +877,43 @@ let pe = class extends A {
           }
         },
         children: [
-          F({
+          I({
             class: "tweaker-button",
-            children: me,
+            children: be,
             events: {
               click: () => {
-                _.resetState();
+                S.resetState();
               }
             }
           }),
-          F({
+          I({
             class: ["tweaker-button"],
-            children: [be],
+            children: [_e],
             events: {
               click: () => {
                 navigator.clipboard.writeText(
-                  JSON.stringify(_.getState())
+                  JSON.stringify(S.getState())
                 );
               }
             }
           }),
-          F({
+          I({
             class: "tweaker-button",
-            children: Le,
+            children: Ae,
             events: {
               click: () => {
-                Se(
-                  _.projectName,
-                  _.getState()
+                $e(
+                  S.projectName,
+                  S.getState()
                 );
               }
             }
           }),
-          Me({
+          Ee({
             class: "tweaker-button",
             children: [
-              Fe,
-              z({
+              Ie,
+              N({
                 attributes: {
                   type: "file"
                 },
@@ -903,9 +929,9 @@ let pe = class extends A {
                       if (r) {
                         const a = new FileReader();
                         a.onload = (o) => {
-                          var y, H;
-                          const n = (H = (y = o.target) == null ? void 0 : y.result) == null ? void 0 : H.toString();
-                          n && _.loadState(n);
+                          var b, Z;
+                          const n = (Z = (b = o.target) == null ? void 0 : b.result) == null ? void 0 : Z.toString();
+                          n && S.loadState(n);
                         }, a.readAsText(r);
                       }
                       e.onchange = null;
@@ -926,57 +952,50 @@ let pe = class extends A {
     });
   }
   connectedCallback() {
-    super.connectedCallback(), x.subscribe(we(this, Q));
+    super.connectedCallback(), $.subscribe(we(this, U));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), x.unsubscribe(we(this, Q));
+    super.disconnectedCallback(), $.unsubscribe(we(this, U));
   }
 };
-Q = /* @__PURE__ */ new WeakMap();
-pe = xt([
+U = /* @__PURE__ */ new WeakMap();
+ue = $t([
   p("e-tweaker")
-], pe);
-var Ot = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Et = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? Mt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+], ue);
+var Et = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, Dt = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? Tt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
     (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Ot(e, r, a), a;
-}, Tt = (t, e, r) => {
+  return s && a && Et(e, r, a), a;
+}, Wt = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, fe = (t, e, r) => (Tt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Dt = (t, e, r) => {
+}, me = (t, e, r) => (Wt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Rt = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, U;
-const Rt = g({
+}, X;
+const Lt = f({
   ":host": {
-    fontFamily: "sans-serif",
-    position: "fixed",
-    top: "0",
-    left: "0",
-    zIndex: "1000",
-    display: "block",
-    width: "100%",
-    height: "100%"
+    fontFamily: "sans-serif"
   }
 });
-let ve = class extends ue {
+let ve = class extends ge {
   constructor() {
-    super(), Dt(this, U, () => {
-      S.save();
-    }), this.openShadow(Rt), S.load(), m(this, {
-      shadowChildren: [new pe()]
+    super(), Rt(this, X, () => {
+      P.save();
+    }), this.openShadow(Lt), P.load(), m(this, {
+      shadowChildren: [new ue()]
     });
   }
   connectedCallback() {
-    window.addEventListener("beforeunload", fe(this, U));
+    window.addEventListener("beforeunload", me(this, X));
   }
   disconnectedCallback() {
-    window.removeEventListener("beforeunload", fe(this, U)), S.save();
+    window.removeEventListener("beforeunload", me(this, X)), P.save();
   }
 };
-U = /* @__PURE__ */ new WeakMap();
-ve = Et([
+X = /* @__PURE__ */ new WeakMap();
+ve = Dt([
   p("e-studio")
 ], ve);
 xe && document.body.appendChild(new ve());