aptechka 0.14.0 → 0.15.0

package/lib/need_redo_tweaker/index.js

@@ -1,23 +1,21 @@
-var Xe = (a) => {
+var We = (a) => {
   throw TypeError(a);
 };
-var Ve = (a, r, t) => r.has(a) || Xe("Cannot " + t);
-var e = (a, r, t) => (Ve(a, r, "read from private field"), t ? t.call(a) : r.get(a)), i = (a, r, t) => r.has(a) ? Xe("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(a) : r.set(a, t), o = (a, r, t, s) => (Ve(a, r, "write to private field"), s ? s.call(a, t) : r.set(a, t), t), d = (a, r, t) => (Ve(a, r, "access private method"), t);
-import { i as Ce } from "../browser-0zX67oeU.js";
-import { s as R, a as O, S as Ue } from "../Store-C46i0nvr.js";
-import { d as _e, a as yt, c as kt } from "../file-BEr-o55N.js";
-import { d as St } from "../function-C10DGppn.js";
-import { s as et } from "../gestures-D2Fdra_G.js";
+var Pe = (a, n, t) => n.has(a) || We("Cannot " + t);
+var e = (a, n, t) => (Pe(a, n, "read from private field"), t ? t.call(a) : n.get(a)), i = (a, n, t) => n.has(a) ? We("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, t), o = (a, n, t, s) => (Pe(a, n, "write to private field"), s ? s.call(a, t) : n.set(a, t), t), c = (a, n, t) => (Pe(a, n, "access private method"), t);
+import { i as Ee } from "../browser-0zX67oeU.js";
+import { s as L, a as _, S as qe } from "../Store-OTdcl6SX.js";
+import { d as Xe, a as ft, c as wt } from "../file-BEr-o55N.js";
+import { d as vt } from "../function-C10DGppn.js";
+import { s as Ue } from "../gestures-D2Fdra_G.js";
 import "../ticker/index.js";
-import { s as xt, e as u, l as tt, c as He, a as te, i as ze, f as Et, d as m, b as Z } from "../tags-zft1DGBz.js";
-import { c as w } from "../createStylesheet-C68ja-RS.js";
-import { a as Ct } from "../Viewport-B55BvLsV.js";
-import { createTheme as zt } from "../element-constructor/index.js";
-import { c as Tt } from "../math-BOBiC4TN.js";
-import { n as Ge, t as Lt } from "../polyfills-X6KXuHg-.js";
-import { elementResizer as Qe } from "../element-resizer/index.js";
-import { g as Rt } from "../style-j2TwriJ_.js";
-const l = zt(
+import { createTheme as bt, style as yt, createStylesheet as w, element as u, label as Ge, span as $e, slot as te, input as Ce, a as kt, div as g, button as O } from "../element-constructor/index.js";
+import { a as St } from "../Viewport-taEXS8Uv.js";
+import { c as xt } from "../math-BOBiC4TN.js";
+import { n as Je, t as Et } from "../polyfills-X6KXuHg-.js";
+import { elementResizer as Ye } from "../element-resizer/index.js";
+import { g as Ct } from "../style-j2TwriJ_.js";
+const h = bt(
   {
     colorMain: "#1c1c1c",
     colorMainAux: "#282828",
@@ -28,13 +26,13 @@ const l = zt(
   },
   { prefix: "aptechka-" }
 );
-if (Ce) {
-  const a = xt({
-    ":root": l.style
+if (Ee) {
+  const a = yt({
+    ":root": h.style
   }).node;
   a.setAttribute("data-permanent", ""), document.head.appendChild(a);
 }
-const st = '<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>', it = '<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>', Mt = '<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>', Ft = '<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>', nt = `<svg
+const Qe = '<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>', et = '<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>', zt = '<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>', Tt = '<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>', tt = `<svg
   xmlns="http://www.w3.org/2000/svg"
   width="32"
   height="32"
@@ -43,57 +41,57 @@ const st = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewB
   <path d="m12.37 15.835l6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0Z" />
 </svg>
 `;
-var P, b, C;
-class It {
+var A, y, C;
+class Lt {
   constructor() {
-    i(this, P);
-    i(this, b);
+    i(this, A);
+    i(this, y);
     i(this, C);
-    this.scrollValue = 0, o(this, P, ""), o(this, b, []), o(this, C, {}), o(this, P, R.name + "-tweaker");
+    this.scrollValue = 0, o(this, A, ""), o(this, y, []), o(this, C, {}), o(this, A, L.name + "-tweaker");
   }
-  openPanel(r) {
-    e(this, b).includes(r) || e(this, b).push(r);
+  openPanel(n) {
+    e(this, y).includes(n) || e(this, y).push(n);
   }
-  closePanel(r) {
-    o(this, b, e(this, b).filter((t) => t !== r));
+  closePanel(n) {
+    o(this, y, e(this, y).filter((t) => t !== n));
   }
-  isPanelOpened(r) {
-    return e(this, b).includes(r);
+  isPanelOpened(n) {
+    return e(this, y).includes(n);
   }
-  changedSizes(r) {
-    return e(this, C)[r];
+  changedSizes(n) {
+    return e(this, C)[n];
   }
-  changeSize(r, t) {
-    t ? e(this, C)[r] = t : delete e(this, C)[r];
+  changeSize(n, t) {
+    t ? e(this, C)[n] = t : delete e(this, C)[n];
   }
   save() {
-    const r = {
-      openedPanels: e(this, b),
+    const n = {
+      openedPanels: e(this, y),
       changedSizes: e(this, C),
       scrollValue: this.scrollValue
     };
-    localStorage.setItem(e(this, P), JSON.stringify(r)), R.saveState();
+    localStorage.setItem(e(this, A), JSON.stringify(n)), L.saveState();
   }
   load() {
-    R.loadState();
-    const r = localStorage.getItem(e(this, P));
-    if (r)
+    L.loadState();
+    const n = localStorage.getItem(e(this, A));
+    if (n)
       try {
-        const t = JSON.parse(r);
-        t.openedPanels && o(this, b, t.openedPanels), t.changedSizes && o(this, C, t.changedSizes), t.scrollValue && (this.scrollValue = t.scrollValue);
+        const t = JSON.parse(n);
+        t.openedPanels && o(this, y, t.openedPanels), t.changedSizes && o(this, C, t.changedSizes), t.scrollValue && (this.scrollValue = t.scrollValue);
       } catch (t) {
         console.error(t);
       }
   }
 }
-P = new WeakMap(), b = new WeakMap(), C = new WeakMap();
-const v = new It(), At = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="m243.33 90.91l-128.41 128.4a16 16 0 0 1-22.63 0l-71.62-72a16 16 0 0 1 0-22.61l24-24a16 16 0 0 1 22.57-.06l36.64 35.27l.11.11l92.73-91.37a16 16 0 0 1 22.58 0l24 23.56a16 16 0 0 1 .03 22.7Z"/></svg>', Pt = w({
+A = new WeakMap(), y = new WeakMap(), C = new WeakMap();
+const v = new Lt(), Rt = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="m243.33 90.91l-128.41 128.4a16 16 0 0 1-22.63 0l-71.62-72a16 16 0 0 1 0-22.61l24-24a16 16 0 0 1 22.57-.06l36.64 35.27l.11.11l92.73-91.37a16 16 0 0 1 22.58 0l24 23.56a16 16 0 0 1 .03 22.7Z"/></svg>', Mt = w({
   ":host": {
     position: "relative",
     display: "inline-block",
     width: "30px",
     height: "30px",
-    borderRadius: l.borderRadiusSmall.var,
+    borderRadius: h.borderRadiusSmall.var,
     overflow: "hidden"
   },
   "label, .fake": {
@@ -116,12 +114,12 @@ const v = new It(), At = '<svg xmlns="http://www.w3.org/2000/svg" width="32" hei
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: l.colorMainAux.var
+    backgroundColor: h.colorMainAux.var
   },
   ".default svg": {
     width: "60%",
     height: "60%",
-    fill: l.colorFont.var,
+    fill: h.colorFont.var,
     opacity: 0,
     transition: "var(--duration-short)"
   },
@@ -129,35 +127,35 @@ const v = new It(), At = '<svg xmlns="http://www.w3.org/2000/svg" width="32" hei
     opacity: 1
   }
 });
-var M, K, $, ne;
-const We = class We extends HTMLElement {
+var R, Z, P, ie;
+const Ke = class Ke extends HTMLElement {
   constructor() {
     super();
-    i(this, $);
-    i(this, M, null);
-    i(this, K);
-    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Pt), o(this, K, this.attachInternals()), u(this, {
-      children: tt({
+    i(this, P);
+    i(this, R, null);
+    i(this, Z);
+    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Mt), o(this, Z, this.attachInternals()), u(this, {
+      children: Ge({
         children: [
-          He({
+          $e({
             class: "fake",
             children: te({
               children: [
-                He({
+                $e({
                   class: "default",
-                  children: [At]
+                  children: [Rt]
                 })
               ]
             })
           }),
-          ze({
+          Ce({
             ref: (s) => {
-              o(this, M, s), s.required = this.hasAttribute("required"), s.value = this.getAttribute("value") || "", s.checked = this.hasAttribute("checked"), s.name = this.getAttribute("name") || "", d(this, $, ne).call(this);
+              o(this, R, s), s.required = this.hasAttribute("required"), s.value = this.getAttribute("value") || "", s.checked = this.hasAttribute("checked"), s.name = this.getAttribute("name") || "", c(this, P, ie).call(this);
             },
             class: "real",
             type: "checkbox",
             onChange: () => {
-              d(this, $, ne).call(this), this.dispatchEvent(
+              c(this, P, ie).call(this), this.dispatchEvent(
                 new Event("change", {
                   composed: !0
                 })
@@ -169,47 +167,47 @@ const We = class We extends HTMLElement {
     });
   }
   get checked() {
-    return e(this, M).checked;
+    return e(this, R).checked;
   }
   set checked(t) {
-    e(this, M).checked = t, d(this, $, ne).call(this);
+    e(this, R).checked = t, c(this, P, ie).call(this);
   }
   get value() {
-    return e(this, M).value;
+    return e(this, R).value;
   }
   set value(t) {
-    e(this, M).value = t, d(this, $, ne).call(this);
+    e(this, R).value = t, c(this, P, ie).call(this);
   }
 };
-M = new WeakMap(), K = new WeakMap(), $ = new WeakSet(), ne = function() {
-  this.checked ? e(this, K).setFormValue(this.value) : e(this, K).setFormValue(null), this.classList.toggle("checked", this.checked);
-}, We.formAssociated = !0;
-let Ne = We;
-customElements.get("e-checkbox") || customElements.define("e-checkbox", Ne);
-var F;
+R = new WeakMap(), Z = new WeakMap(), P = new WeakSet(), ie = function() {
+  this.checked ? e(this, Z).setFormValue(this.value) : e(this, Z).setFormValue(null), this.classList.toggle("checked", this.checked);
+}, Ke.formAssociated = !0;
+let Ve = Ke;
+customElements.get("e-checkbox") || customElements.define("e-checkbox", Ve);
+var M;
 class se extends HTMLElement {
   constructor(...t) {
     super();
-    i(this, F);
-    o(this, F, t);
+    i(this, M);
+    o(this, M, t);
   }
   addStore(t) {
-    e(this, F).push(t);
+    e(this, M).push(t);
   }
   get firstStore() {
-    return e(this, F)[0];
+    return e(this, M)[0];
   }
   get stores() {
-    return e(this, F);
+    return e(this, M);
   }
   updateStores(t) {
-    e(this, F).forEach((s) => {
+    e(this, M).forEach((s) => {
       s.current = t;
     });
   }
 }
-F = new WeakMap();
-const $t = w({
+M = new WeakMap();
+const Ft = w({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -219,20 +217,20 @@ const $t = w({
     "--size": "calc(var(--height-input) * 0.8)",
     width: "var(--size)",
     height: "var(--size)",
-    borderRadius: l.borderRadiusSmall.var
+    borderRadius: h.borderRadiusSmall.var
   }
 });
-class rt extends se {
-  constructor(...r) {
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push($t), u(this, {
+class st extends se {
+  constructor(...n) {
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Ft), u(this, {
       children: [
         u("e-checkbox", {
           onChange: (s) => {
             this.updateStores(s.currentTarget.checked);
           },
           ref: (s) => {
-            this.firstStore.subscribe((n) => {
-              s.checked = n.current;
+            this.firstStore.subscribe((r) => {
+              s.checked = r.current;
             });
           }
         })
@@ -242,9 +240,9 @@ class rt extends se {
 }
 customElements.get("e-tweaker-boolean-manager") || customElements.define(
   "e-tweaker-boolean-manager",
-  rt
+  st
 );
-const Vt = w({
+const It = w({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -255,7 +253,7 @@ const Vt = w({
     height: "var(--height-input)",
     padding: "0",
     background: "none",
-    borderRadius: l.borderRadius.var,
+    borderRadius: h.borderRadius.var,
     border: "none",
     blockSize: "unset"
   },
@@ -263,15 +261,15 @@ const Vt = w({
     boxSizing: "border-box",
     padding: "0px",
     border: "none",
-    borderRadius: l.borderRadius.var,
+    borderRadius: h.borderRadius.var,
     height: "calc(var(--height-input) * 0.93)"
   }
 });
-class ot extends se {
-  constructor(...r) {
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Vt), u(this, {
+class it extends se {
+  constructor(...n) {
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(It), u(this, {
       children: [
-        ze({
+        Ce({
           type: "color",
           value: this.firstStore,
           onInput: (s) => {
@@ -282,29 +280,29 @@ class ot extends se {
     });
   }
 }
-customElements.get("e-tweaker-color-manager") || customElements.define("e-tweaker-color-manager", ot);
-const Ht = w({
+customElements.get("e-tweaker-color-manager") || customElements.define("e-tweaker-color-manager", it);
+const At = w({
   a: {
     color: "inherit",
     fontSize: "var(--font-size-small)"
   }
 });
-class at extends se {
-  constructor(...r) {
-    var s, n;
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Ht), u(this, {
+class nt extends se {
+  constructor(...n) {
+    var s;
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(At), u(this, {
       children: [
-        Et({
+        kt({
           href: this.firstStore,
-          target: (n = (s = this.firstStore.passport) == null ? void 0 : s.manager) != null && n.sameWindow ? "_self" : "_blank",
+          target: (s = this.firstStore.__manager) != null && s.sameWindow ? "_self" : "_blank",
           children: this.firstStore
         })
       ]
     });
   }
 }
-customElements.get("e-tweaker-link-manager") || customElements.define("e-tweaker-link-manager", at);
-const Nt = w({
+customElements.get("e-tweaker-link-manager") || customElements.define("e-tweaker-link-manager", nt);
+const Pt = w({
   ":host": {
     width: "100%",
     display: "flex",
@@ -329,7 +327,7 @@ const Nt = w({
     margin: "0",
     padding: "0 var(--gap-small)",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: l.borderRadius.var
+    borderRadius: h.borderRadius.var
   },
   ".drag": {
     position: "relative",
@@ -345,12 +343,12 @@ const Nt = w({
     width: "100%",
     zIndex: "-1",
     height: "1px",
-    borderBottom: `1px solid ${l.colorFont.var}`,
+    borderBottom: `1px solid ${h.colorFont.var}`,
     transform: "translateY(-50%)",
     opacity: "0.3"
   },
   ":host(.infinite) .drag::before": {
-    borderBottom: `1px dashed ${l.colorFont.var}`
+    borderBottom: `1px dashed ${h.colorFont.var}`
   },
   ".drag-knob": {
     "--size": "calc(var(--height-input) * 0.4)",
@@ -360,101 +358,95 @@ const Nt = w({
   ".drag-knob-inner": {
     width: "100%",
     height: "100%",
-    backgroundColor: l.colorFont.var,
-    borderRadius: l.borderRadiusSmall.var,
+    backgroundColor: h.colorFont.var,
+    borderRadius: h.borderRadiusSmall.var,
     transition: "opacity var(--duration-short)"
   },
   ":host(.infinite) .grabbing .drag-knob-inner": {
     opacity: 0.3
   }
 });
-var V, B, j, z, I, re, oe, E, H, ae, le, p, D, De, Oe, Le, he;
-class lt extends se {
+var $, K, B, z, F, ne, re, E, V, oe, ae, p, D, He, Ne, ze, le;
+class rt extends se {
   constructor(...t) {
-    var n, h, c, g, x, A, ie, Je;
+    var r, l, d, m;
     super(...t);
     i(this, p);
-    i(this, V, []);
-    i(this, B, []);
-    i(this, j);
+    i(this, $, []);
+    i(this, K, []);
+    i(this, B);
     i(this, z);
-    i(this, I);
+    i(this, F);
+    i(this, ne);
     i(this, re);
-    i(this, oe);
     i(this, E);
-    i(this, H, !1);
-    i(this, ae, (t) => {
-      const s = d(this, p, D).call(this, t);
-      return s.map((n, h) => {
-        const c = typeof n == "string" ? parseFloat(n) || e(this, z) : n, g = Tt(c, e(this, z), e(this, I)), x = Lt(g, e(this, j));
-        s[h] = x;
-      }), e(this, oe) === "number" ? s[0] : s;
+    i(this, V, !1);
+    i(this, oe, (t) => {
+      const s = c(this, p, D).call(this, t);
+      return s.map((r, l) => {
+        const d = typeof r == "string" ? parseFloat(r) || e(this, z) : r, m = xt(d, e(this, z), e(this, F)), N = Et(m, e(this, B));
+        s[l] = N;
+      }), e(this, re) === "number" ? s[0] : s;
     });
-    i(this, le, () => {
-      d(this, p, D).call(this).map((t, s) => {
-        const n = e(this, V)[s];
-        n && (n.value = (t || 0).toString());
-      }), d(this, p, De).call(this);
+    i(this, ae, () => {
+      c(this, p, D).call(this).map((t, s) => {
+        const r = e(this, $)[s];
+        r && (r.value = (t || 0).toString());
+      }), c(this, p, He).call(this);
     });
-    i(this, he, () => {
-      d(this, p, De).call(this);
+    i(this, le, () => {
+      c(this, p, He).call(this);
     });
-    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Nt), o(this, z, Ge(
-      (h = (n = this.firstStore.passport) == null ? void 0 : n.manager) == null ? void 0 : h.min,
-      -1 / 0
-    )), o(this, I, Ge(
-      (g = (c = this.firstStore.passport) == null ? void 0 : c.manager) == null ? void 0 : g.max,
-      1 / 0
-    )), o(this, j, ((A = (x = this.firstStore.passport) == null ? void 0 : x.manager) == null ? void 0 : A.step) || 0.01), o(this, re, ((Je = (ie = this.firstStore.passport) == null ? void 0 : ie.manager) == null ? void 0 : Je.ease) || 1), o(this, oe, Array.isArray(this.firstStore.current) ? "array" : "number"), o(this, E, isFinite(e(this, I)) && isFinite(e(this, z))), u(this, {
+    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Pt), o(this, z, Je((r = this.firstStore.__manager) == null ? void 0 : r.min, -1 / 0)), o(this, F, Je((l = this.firstStore.__manager) == null ? void 0 : l.max, 1 / 0)), o(this, B, ((d = this.firstStore.__manager) == null ? void 0 : d.step) || 0.01), o(this, ne, ((m = this.firstStore.__manager) == null ? void 0 : m.ease) || 1), o(this, re, Array.isArray(this.firstStore.current) ? "array" : "number"), o(this, E, isFinite(e(this, F)) && isFinite(e(this, z))), u(this, {
       class: e(this, E) ? "" : "infinite",
-      children: d(this, p, D).call(this).map((pt, Te) => m({
+      children: c(this, p, D).call(this).map((N, I) => g({
         class: "inputs-wrapper",
         children: [
-          ze({
+          Ce({
             type: "number",
-            step: e(this, j),
+            step: e(this, B),
             min: e(this, z),
-            max: e(this, I),
-            ref: (T) => e(this, V).push(T),
-            value: pt,
+            max: e(this, F),
+            ref: (b) => e(this, $).push(b),
+            value: N,
             onChange: () => {
               this.updateStores(
-                e(this, V).map((T) => parseFloat(T.value))
+                e(this, $).map((b) => parseFloat(b.value))
               );
             }
           }),
-          m({
+          g({
             class: "drag",
             children: [
-              m({
+              g({
                 class: "drag-knob",
-                ref: (T) => e(this, B).push(T),
-                onPointerdown: (T) => {
-                  T.preventDefault(), o(this, H, !0);
-                  const Ae = d(this, p, D).call(this), gt = Ae[Te], L = e(this, B)[Te], mt = e(this, V)[Te];
-                  if (L && mt) {
-                    const Pe = L.parentElement, ft = d(this, p, Oe).call(this);
-                    Pe.classList.add("grabbing"), et(
-                      ($e) => {
-                        const Ye = $e.x - T.x, wt = e(this, E) ? Pe.offsetWidth / (ft || 1) : 1, vt = gt + Ye / wt * e(this, re);
-                        if (Ae[Te] = vt, !e(this, E)) {
-                          const bt = d(this, p, Le).call(this, L, 0);
-                          L.style.transform = `translateX(${bt + Ye}px)`;
+                ref: (b) => e(this, K).push(b),
+                onPointerdown: (b) => {
+                  b.preventDefault(), o(this, V, !0);
+                  const Fe = c(this, p, D).call(this), ct = Fe[I], T = e(this, K)[I], dt = e(this, $)[I];
+                  if (T && dt) {
+                    const Ie = T.parentElement, ut = c(this, p, Ne).call(this);
+                    Ie.classList.add("grabbing"), Ue(
+                      (Ae) => {
+                        const je = Ae.x - b.x, pt = e(this, E) ? Ie.offsetWidth / (ut || 1) : 1, gt = ct + je / pt * e(this, ne);
+                        if (Fe[I] = gt, !e(this, E)) {
+                          const mt = c(this, p, ze).call(this, T, 0);
+                          T.style.transform = `translateX(${mt + je}px)`;
                         }
-                        this.updateStores([...Ae]);
+                        this.updateStores([...Fe]);
                       },
                       () => {
-                        if (o(this, H, !1), !e(this, E)) {
-                          const $e = d(this, p, Le).call(this, L, 0);
-                          L.style.transition = "transform 0.1s", L.style.transform = `translateX(${$e}px)`, Pe.classList.remove("grabbing"), setTimeout(() => {
-                            L.style.transition = "";
+                        if (o(this, V, !1), !e(this, E)) {
+                          const Ae = c(this, p, ze).call(this, T, 0);
+                          T.style.transition = "transform 0.1s", T.style.transform = `translateX(${Ae}px)`, Ie.classList.remove("grabbing"), setTimeout(() => {
+                            T.style.transition = "";
                           }, 100);
                         }
                       }
                     );
                   }
                 },
-                children: m({
+                children: g({
                   class: "drag-knob-inner"
                 })
               })
@@ -465,30 +457,30 @@ class lt extends se {
     });
   }
   connectedCallback() {
-    this.firstStore.addMiddleware(e(this, ae)), this.firstStore.subscribe(e(this, le)), Qe.subscribe(this, e(this, he));
+    this.firstStore.addMiddleware(e(this, oe)), this.firstStore.subscribe(e(this, ae)), Ye.subscribe(this, e(this, le));
   }
   disconnectedCallback() {
-    this.firstStore.removeMiddleware(e(this, ae)), this.firstStore.unsubscribe(e(this, le)), Qe.unsubscribe(e(this, he));
+    this.firstStore.removeMiddleware(e(this, oe)), this.firstStore.unsubscribe(e(this, ae)), Ye.unsubscribe(e(this, le));
   }
 }
-V = new WeakMap(), B = new WeakMap(), j = new WeakMap(), z = new WeakMap(), I = new WeakMap(), re = new WeakMap(), oe = new WeakMap(), E = new WeakMap(), H = new WeakMap(), ae = new WeakMap(), le = new WeakMap(), p = new WeakSet(), D = function(t = this.firstStore.current) {
+$ = new WeakMap(), K = new WeakMap(), B = new WeakMap(), z = new WeakMap(), F = new WeakMap(), ne = new WeakMap(), re = new WeakMap(), E = new WeakMap(), V = new WeakMap(), oe = new WeakMap(), ae = new WeakMap(), p = new WeakSet(), D = function(t = this.firstStore.current) {
   return Array.isArray(t) ? t : [t];
-}, De = function() {
-  d(this, p, D).call(this).map((t, s) => {
-    const n = e(this, B)[s];
-    if (n && (!e(this, H) || e(this, H) && e(this, E))) {
-      const h = d(this, p, Le).call(this, n, t);
-      n.style.transform = `translateX(${h}px)`;
+}, He = function() {
+  c(this, p, D).call(this).map((t, s) => {
+    const r = e(this, K)[s];
+    if (r && (!e(this, V) || e(this, V) && e(this, E))) {
+      const l = c(this, p, ze).call(this, r, t);
+      r.style.transform = `translateX(${l}px)`;
     }
   });
-}, Oe = function() {
-  return e(this, E) ? e(this, I) - e(this, z) : 0;
-}, Le = function(t, s) {
-  const n = t.parentElement, h = d(this, p, Oe).call(this), c = h ? s / h : 0.5;
-  return (n.offsetWidth - t.offsetWidth) * c;
-}, he = new WeakMap();
-customElements.get("e-tweaker-number-manager") || customElements.define("e-tweaker-number-manager", lt);
-const Dt = w({
+}, Ne = function() {
+  return e(this, E) ? e(this, F) - e(this, z) : 0;
+}, ze = function(t, s) {
+  const r = t.parentElement, l = c(this, p, Ne).call(this), d = l ? s / l : 0.5;
+  return (r.offsetWidth - t.offsetWidth) * d;
+}, le = new WeakMap();
+customElements.get("e-tweaker-number-manager") || customElements.define("e-tweaker-number-manager", rt);
+const $t = w({
   ":host": {
     position: "relative"
   },
@@ -523,109 +515,109 @@ const Dt = w({
     paddingTop: "var(--gap, 0px)"
   }
 });
-var W, q, y, N, J, Y, Me, ce, Ke;
-const qe = class qe extends HTMLElement {
+var j, W, k, H, q, J, Le, he, _e;
+const Be = class Be extends HTMLElement {
   constructor() {
     super();
-    i(this, ce);
-    i(this, W, null);
-    i(this, q, "");
-    i(this, y, null);
-    i(this, N, !1);
-    i(this, J);
-    i(this, Y, null);
-    i(this, Me, () => {
-      _e(this);
+    i(this, he);
+    i(this, j, null);
+    i(this, W, "");
+    i(this, k, null);
+    i(this, H, !1);
+    i(this, q);
+    i(this, J, null);
+    i(this, Le, () => {
+      Xe(this);
     });
-    Ce && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Dt), o(this, W, this.attachInternals()), o(this, Y, new ResizeObserver(e(this, Me))), u(this, {
+    Ee && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push($t), o(this, j, this.attachInternals()), o(this, J, new ResizeObserver(e(this, Le))), u(this, {
       children: [
-        Z({
+        O({
           class: "head",
           children: te({ name: "head" }),
           onClick: () => {
             this.opened ? this.close() : this.open();
           }
         }),
-        m({
+        g({
           class: "body",
           style: {
             height: "0px"
           },
-          children: m({
+          children: g({
             class: "body-inner",
             children: te()
           }),
           ref: (s) => {
-            o(this, y, s);
+            o(this, k, s);
           }
         })
       ]
     }));
   }
   get value() {
-    return e(this, q);
+    return e(this, W);
   }
   set value(t) {
-    o(this, q, t), this.dispatchEvent(
+    o(this, W, t), this.dispatchEvent(
       new Event("change", {
         bubbles: !0,
         composed: !0
       })
-    ), e(this, W).setFormValue(e(this, q));
+    ), e(this, j).setFormValue(e(this, W));
   }
   get internals() {
-    return e(this, W);
+    return e(this, j);
   }
   get opened() {
-    return e(this, N);
+    return e(this, H);
   }
   open() {
-    clearTimeout(e(this, J)), o(this, N, !0), e(this, y).style.display = "grid", this.classList.add("triggered"), setTimeout(() => {
-      this.classList.add("opened"), e(this, y).style.height = e(this, y).scrollHeight + "px", d(this, ce, Ke).call(this);
+    clearTimeout(e(this, q)), o(this, H, !0), e(this, k).style.display = "grid", this.classList.add("triggered"), setTimeout(() => {
+      this.classList.add("opened"), e(this, k).style.height = e(this, k).scrollHeight + "px", c(this, he, _e).call(this);
     }, 0);
   }
   close() {
-    o(this, N, !1), e(this, y).style.height = "0px", this.classList.remove("opened"), d(this, ce, Ke).call(this), o(this, J, setTimeout(() => {
-      this.classList.remove("triggered"), e(this, y).style.display = "none";
-    }, Rt(e(this, y))));
+    o(this, H, !1), e(this, k).style.height = "0px", this.classList.remove("opened"), c(this, he, _e).call(this), o(this, q, setTimeout(() => {
+      this.classList.remove("triggered"), e(this, k).style.display = "none";
+    }, Ct(e(this, k))));
   }
   connectedCallback() {
-    e(this, Y).observe(e(this, y));
+    e(this, J).observe(e(this, k));
   }
   disconnectedCallback() {
-    clearTimeout(e(this, J)), e(this, Y).disconnect();
+    clearTimeout(e(this, q)), e(this, J).disconnect();
   }
 };
-W = new WeakMap(), q = new WeakMap(), y = new WeakMap(), N = new WeakMap(), J = new WeakMap(), Y = new WeakMap(), Me = new WeakMap(), ce = new WeakSet(), Ke = function() {
-  yt(this), this.dispatchEvent(
+j = new WeakMap(), W = new WeakMap(), k = new WeakMap(), H = new WeakMap(), q = new WeakMap(), J = new WeakMap(), Le = new WeakMap(), he = new WeakSet(), _e = function() {
+  ft(this), this.dispatchEvent(
     new CustomEvent("selectToggle", {
       bubbles: !0,
       composed: !0,
       detail: {
-        opened: e(this, N)
+        opened: e(this, H)
       }
     })
   );
-}, qe.formAssociated = !0;
-let Ze = qe;
-customElements.get("e-select") || customElements.define("e-select", Ze);
-var de;
-class ht extends HTMLElement {
+}, Be.formAssociated = !0;
+let De = Be;
+customElements.get("e-select") || customElements.define("e-select", De);
+var ce;
+class ot extends HTMLElement {
   constructor() {
     super(...arguments);
-    i(this, de, null);
+    i(this, ce, null);
   }
   get selectElement() {
-    return e(this, de);
+    return e(this, ce);
   }
   connectedCallback() {
-    var s, n;
-    const t = (n = (s = this.assignedSlot) == null ? void 0 : s.getRootNode()) == null ? void 0 : n.host;
-    t ? o(this, de, t) : console.log(this, "e-select not found");
+    var s, r;
+    const t = (r = (s = this.assignedSlot) == null ? void 0 : s.getRootNode()) == null ? void 0 : r.host;
+    t ? o(this, ce, t) : console.log(this, "e-select not found");
   }
 }
-de = new WeakMap();
-const Ot = w({
+ce = new WeakMap();
+const Vt = w({
   ":host": {
     width: "100%",
     height: "40px",
@@ -633,21 +625,21 @@ const Ot = w({
     alignItems: "center"
   }
 });
-var X, ue, Be;
-class Zt extends ht {
+var Y, de, Oe;
+class Ht extends ot {
   constructor() {
     super();
-    i(this, ue);
-    i(this, X, () => {
+    i(this, de);
+    i(this, Y, () => {
       this.selectElement.value === this.value ? this.style.display = "none" : this.style.display = "";
     });
-    Ce && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Ot), u(this, {
+    Ee && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Vt), u(this, {
       tabindex: 0,
       onClick: () => {
-        d(this, ue, Be).call(this);
+        c(this, de, Oe).call(this);
       },
       onKeydown: (s) => {
-        s.code === "Space" && d(this, ue, Be).call(this);
+        s.code === "Space" && c(this, de, Oe).call(this);
       },
       children: te()
     }));
@@ -656,19 +648,19 @@ class Zt extends ht {
     return (this.hasAttribute("value") ? this.getAttribute("value") : this.innerText) || "";
   }
   connectedCallback() {
-    super.connectedCallback(), this.hasAttribute("default") && (this.selectElement.value || (this.selectElement.value = this.value)), this.selectElement.addEventListener("change", e(this, X)), setTimeout(() => {
-      e(this, X).call(this);
+    super.connectedCallback(), this.hasAttribute("default") && (this.selectElement.value || (this.selectElement.value = this.value)), this.selectElement.addEventListener("change", e(this, Y)), setTimeout(() => {
+      e(this, Y).call(this);
     });
   }
   disconnectedCallback() {
-    this.selectElement.removeEventListener("change", e(this, X));
+    this.selectElement.removeEventListener("change", e(this, Y));
   }
 }
-X = new WeakMap(), ue = new WeakSet(), Be = function() {
+Y = new WeakMap(), de = new WeakSet(), Oe = function() {
   this.selectElement.value = this.value, this.selectElement.close();
 };
-customElements.get("e-select-option") || customElements.define("e-select-option", Zt);
-const Kt = w({
+customElements.get("e-select-option") || customElements.define("e-select-option", Ht);
+const Nt = w({
   ":host": {
     width: "100%",
     height: "40px",
@@ -680,7 +672,7 @@ const Kt = w({
     flexShrink: "0",
     width: "var(--arrow-size, 1em)",
     height: "var(--arrow-size, 1em)",
-    fill: `var(--arrow-color, ${l.colorMain.var})`,
+    fill: `var(--arrow-color, ${h.colorMain.var})`,
     transitionProperty: "transform",
     transitionDuration: "var(--duration, var(--duration-short))"
   },
@@ -688,44 +680,44 @@ const Kt = w({
     transform: "scaleY(-1)"
   }
 });
-var pe, U, ge;
-class Bt extends ht {
+var ue, X, pe;
+class Dt extends ot {
   constructor() {
     super();
-    i(this, pe, null);
-    i(this, U, () => {
+    i(this, ue, null);
+    i(this, X, () => {
       const s = this.selectElement.shadowRoot.querySelector(
         ".body slot"
-      ).assignedElements().find((n) => n.value === this.selectElement.value);
-      s && (e(this, pe).innerHTML = s.innerHTML);
+      ).assignedElements().find((r) => r.value === this.selectElement.value);
+      s && (e(this, ue).innerHTML = s.innerHTML);
     });
-    i(this, ge, () => {
+    i(this, pe, () => {
       this.classList.toggle("opened", this.selectElement.opened);
     });
-    Ce && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Kt), u(this, {
+    Ee && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Nt), u(this, {
       children: [
         te(),
         te({
           name: "arrow",
-          children: u(nt, { class: "default-arrow" })
+          children: u(tt, { class: "default-arrow" })
         })
       ]
     }), this.slot = "head");
   }
   connectedCallback() {
-    super.connectedCallback(), o(this, pe, this.querySelector("[data-value-holder]") || this), this.selectElement.addEventListener("change", e(this, U)), e(this, U).call(this), this.selectElement.addEventListener("selectToggle", e(this, ge));
+    super.connectedCallback(), o(this, ue, this.querySelector("[data-value-holder]") || this), this.selectElement.addEventListener("change", e(this, X)), e(this, X).call(this), this.selectElement.addEventListener("selectToggle", e(this, pe));
   }
   disconnectedCallback() {
-    this.selectElement.removeEventListener("change", e(this, U)), this.selectElement.removeEventListener("selectToggle", e(this, ge));
+    this.selectElement.removeEventListener("change", e(this, X)), this.selectElement.removeEventListener("selectToggle", e(this, pe));
   }
 }
-pe = new WeakMap(), U = new WeakMap(), ge = new WeakMap();
-customElements.get("e-select-head") || customElements.define("e-select-head", Bt);
-const jt = w({
+ue = new WeakMap(), X = new WeakMap(), pe = new WeakMap();
+customElements.get("e-select-head") || customElements.define("e-select-head", Dt);
+const _t = w({
   "e-select": {
     display: "block",
     width: "100%",
-    "--arrow-color": l.colorFont.var
+    "--arrow-color": h.colorFont.var
   },
   "e-select-head": {
     width: "100%",
@@ -742,12 +734,12 @@ const jt = w({
     fontSize: "var(--font-size-small)"
   },
   "e-select-option:hover": {
-    color: l.colorActive.var
+    color: h.colorActive.var
   },
   svg: {
     width: "16px",
     height: "16px",
-    fill: l.colorFont.var,
+    fill: h.colorFont.var,
     transitionProperty: "transform",
     transitionDuration: "var(--duration-short)"
   },
@@ -755,29 +747,30 @@ const jt = w({
     transform: "scaleY(-1)"
   }
 });
-class ct extends se {
-  constructor(...r) {
-    var n, h;
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(jt);
-    const s = ((h = (n = this.firstStore.passport) == null ? void 0 : n.manager) == null ? void 0 : h.variants) || [];
+class at extends se {
+  constructor(...n) {
+    var r;
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(_t);
+    const s = ((r = this.firstStore.__manager) == null ? void 0 : r.variants) || [];
     u(this, {
       children: u("e-select", {
         value: this.firstStore,
-        onChange: (c) => {
-          this.updateStores(c.currentTarget.value);
+        onChange: (l) => {
+          this.updateStores(l.currentTarget.value);
         },
         lightChildren: [
           u("e-select-head", {
             lightChildren: [
-              He({
+              $e({
                 "data-value-holder": ""
               })
             ]
           }),
+          // @ts-ignore
           ...s.map(
-            (c, g) => u("e-select-option", {
-              lightChildren: c,
-              default: g === 0 ? !0 : null
+            (l, d) => u("e-select-option", {
+              lightChildren: l,
+              default: d === 0 ? !0 : null
             })
           )
         ]
@@ -785,8 +778,8 @@ class ct extends se {
     });
   }
 }
-customElements.get("e-tweaker-select-manager") || customElements.define("e-tweaker-select-manager", ct);
-const Wt = w({
+customElements.get("e-tweaker-select-manager") || customElements.define("e-tweaker-select-manager", at);
+const Ot = w({
   ":host": {
     width: "100%",
     display: "flex",
@@ -805,14 +798,14 @@ const Wt = w({
     margin: "0",
     padding: "0 var(--gap-small)",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: l.borderRadius.var
+    borderRadius: h.borderRadius.var
   }
 });
-class dt extends se {
-  constructor(...r) {
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Wt), u(this, {
+class lt extends se {
+  constructor(...n) {
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Ot), u(this, {
       children: [
-        ze({
+        Ce({
           class: "text-input",
           type: "string",
           value: this.firstStore,
@@ -826,21 +819,21 @@ class dt extends se {
     });
   }
 }
-customElements.get("e-tweaker-string-manager") || customElements.define("e-tweaker-string-manager", dt);
-const qt = {
-  boolean: rt,
-  color: ot,
-  link: at,
-  number: lt,
-  select: ct,
-  string: dt
-}, Jt = w({
+customElements.get("e-tweaker-string-manager") || customElements.define("e-tweaker-string-manager", lt);
+const Zt = {
+  boolean: st,
+  color: it,
+  link: nt,
+  number: rt,
+  select: at,
+  string: lt
+}, Kt = w({
   ":host": {
     display: "grid",
     gridAutoFlow: "column",
     gridTemplateColumns: "0.5fr 1fr",
     alignItems: "center",
-    color: l.colorFont.var,
+    color: h.colorFont.var,
     gap: "var(--gap-medium)"
   },
   ":host(.disabled)": {
@@ -863,7 +856,7 @@ const qt = {
     margin: "0",
     border: "none",
     background: "none",
-    fill: l.colorFont.var,
+    fill: h.colorFont.var,
     transitionDuration: "var(--duration-short)",
     transitionProperty: "fill, opacity",
     opacity: "0"
@@ -872,64 +865,66 @@ const qt = {
     opacity: "1"
   },
   ".head-button:hover": {
-    fill: l.colorActive.var
+    fill: h.colorActive.var
   },
   ".head-button svg": {
     width: "100%",
     height: "100%"
   }
 });
-var k, G, Q, _, ee, me, fe;
-class je extends HTMLElement {
+var S, U, G, Q, ee, ge, me;
+class Ze extends HTMLElement {
   constructor(t) {
-    var h, c, g, x;
+    var l, d;
     super();
-    i(this, k, []);
+    i(this, S, []);
+    i(this, U);
     i(this, G);
-    i(this, Q);
-    i(this, _, !1);
+    i(this, Q, !1);
     i(this, ee);
-    i(this, me, () => {
-      O.current.find((t) => e(this, k).includes(t)) || this.remove();
+    i(this, ge, () => {
+      _.current.find((t) => e(this, S).includes(t)) || this.remove();
     });
-    i(this, fe, (t) => {
-      e(this, _) && ((t.metaKey || t.ctrlKey) && t.code === "KeyC" ? navigator.clipboard.writeText(e(this, k)[0].current) : (t.metaKey || t.ctrlKey) && t.code === "KeyR" && (e(this, k).forEach((s) => {
+    i(this, me, (t) => {
+      e(this, Q) && ((t.metaKey || t.ctrlKey) && t.code === "KeyC" ? navigator.clipboard.writeText(e(this, S)[0].current) : (t.metaKey || t.ctrlKey) && t.code === "KeyR" && (e(this, S).forEach((s) => {
         s.reset();
       }), t.preventDefault()));
     });
-    o(this, k, [t.store]), o(this, G, t.store.passport.name), o(this, Q, e(this, G).split(".").slice(-1).toString());
-    const s = ((c = (h = t.store.passport) == null ? void 0 : h.manager) == null ? void 0 : c.type) || "string";
-    o(this, ee, new qt[s](e(this, k)[0])), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Jt), u(this, {
+    o(this, S, [t.store]), o(this, U, t.store.name), o(this, G, e(this, U).split(".").slice(-1).toString());
+    const s = ((l = t.store.__manager) == null ? void 0 : l.type) || "string";
+    o(this, ee, new Zt[s](
+      e(this, S)[0]
+    )), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Kt), u(this, {
       class: {
-        disabled: ((x = (g = t.store.passport) == null ? void 0 : g.manager) == null ? void 0 : x.disabled) || !1
+        disabled: ((d = t.store.__manager) == null ? void 0 : d.disabled) || !1
       },
       onPointerleave: () => {
-        o(this, _, !1);
+        o(this, Q, !1);
       },
       onPointerenter: () => {
-        o(this, _, !0);
+        o(this, Q, !0);
       },
       children: [
-        m({
+        g({
           class: "head",
           children: [
-            m({ class: "name", children: e(this, Q) + ":" }),
-            m({
+            g({ class: "name", children: e(this, G) + ":" }),
+            g({
               class: "head-buttons",
               children: [
-                Z({
+                O({
                   class: "head-button",
-                  children: it,
+                  children: et,
                   onClick: () => {
-                    navigator.clipboard.writeText(e(this, k)[0].current);
+                    navigator.clipboard.writeText(e(this, S)[0].current);
                   }
                 }),
-                Z({
+                O({
                   class: "head-button",
-                  children: st,
+                  children: Qe,
                   onClick: () => {
-                    e(this, k).forEach((A) => {
-                      A.reset();
+                    e(this, S).forEach((m) => {
+                      m.reset();
                     });
                   }
                 })
@@ -942,31 +937,31 @@ class je extends HTMLElement {
     });
   }
   get key() {
-    return e(this, G);
+    return e(this, U);
   }
   get name() {
-    return e(this, Q);
+    return e(this, G);
   }
   get stores() {
-    return e(this, k);
+    return e(this, S);
   }
   addStore(t) {
     e(this, ee).addStore(t);
   }
   connectedCallback() {
-    O.subscribe(e(this, me)), addEventListener("keydown", e(this, fe)), _e(this);
+    _.subscribe(e(this, ge)), addEventListener("keydown", e(this, me)), Xe(this);
   }
   disconnectedCallback() {
-    O.unsubscribe(e(this, me)), removeEventListener("keydown", e(this, fe));
+    _.unsubscribe(e(this, ge)), removeEventListener("keydown", e(this, me));
   }
 }
-k = new WeakMap(), G = new WeakMap(), Q = new WeakMap(), _ = new WeakMap(), ee = new WeakMap(), me = new WeakMap(), fe = new WeakMap();
-customElements.get("e-tweaker-field") || customElements.define("e-tweaker-field", je);
-const Yt = w({
+S = new WeakMap(), U = new WeakMap(), G = new WeakMap(), Q = new WeakMap(), ee = new WeakMap(), ge = new WeakMap(), me = new WeakMap();
+customElements.get("e-tweaker-field") || customElements.define("e-tweaker-field", Ze);
+const Bt = w({
   ".wrapper": {
     boxSizing: "border-box",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: l.borderRadius.var
+    borderRadius: h.borderRadius.var
   },
   ".head": {
     boxSizing: "border-box",
@@ -977,12 +972,12 @@ const Yt = w({
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    backgroundColor: l.colorMainAux.var,
-    borderRadius: l.borderRadius.var
+    backgroundColor: h.colorMainAux.var,
+    borderRadius: h.borderRadius.var
   },
   ".name": {
     fontSize: "var(--font-size-large)",
-    color: l.colorFont.var
+    color: h.colorFont.var
   },
   ".body": {
     display: "none",
@@ -1010,63 +1005,63 @@ const Yt = w({
   ".arrow": {
     width: "20px",
     height: "20px",
-    fill: l.colorFont.var,
+    fill: h.colorFont.var,
     transition: "transform var(--duration-short)"
   },
   ".opened .arrow": {
     transform: "scaleY(-1)"
   }
 });
-var S, we, f, ve, be, ye, ke, Fe;
-const Ie = class Ie extends HTMLElement {
+var x, fe, f, we, ve, be, ye, Re;
+const Me = class Me extends HTMLElement {
   constructor(t) {
     super();
-    i(this, S);
-    i(this, we, new Ue(null));
-    i(this, f, new Ue([]));
-    i(this, ve);
+    i(this, x);
+    i(this, fe, new qe(null));
+    i(this, f, new qe([]));
+    i(this, we);
+    i(this, ve, null);
     i(this, be, null);
     i(this, ye, null);
-    i(this, ke, null);
-    i(this, Fe, (t) => {
-      let s = [], n = [];
-      t.forEach((h) => {
-        s = [...s, ...h.removedNodes], n = [...n, ...h.addedNodes];
+    i(this, Re, (t) => {
+      let s = [], r = [];
+      t.forEach((l) => {
+        s = [...s, ...l.removedNodes], r = [...r, ...l.addedNodes];
       }), e(this, f).current = e(this, f).current.filter(
-        (h) => !s.includes(h)
-      ), e(this, S) && !e(this, f).current.length && !n.length && this.remove();
+        (l) => !s.includes(l)
+      ), e(this, x) && !e(this, f).current.length && !r.length && this.remove();
     });
-    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Yt), o(this, S, t.key), o(this, ve, new MutationObserver(e(this, Fe))), u(this, {
+    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Bt), o(this, x, t.key), o(this, we, new MutationObserver(e(this, Re))), u(this, {
       children: [
-        m({
+        g({
           class: "wrapper",
           children: [
-            m({
+            g({
               class: "head",
-              onClick: (n) => {
-                this.classList.toggle("opened"), this.classList.contains("opened") ? v.openPanel(e(this, S)) : v.closePanel(e(this, S));
+              onClick: (r) => {
+                this.classList.toggle("opened"), this.classList.contains("opened") ? v.openPanel(e(this, x)) : v.closePanel(e(this, x));
               },
               children: [
-                e(this, S) ? m({
+                e(this, x) ? g({
                   class: "name",
-                  children: [e(this, S).split(".").slice(-1).toString()]
+                  children: [e(this, x).split(".").slice(-1).toString()]
                 }) : null,
-                e(this, we),
-                u(nt, {
+                e(this, fe),
+                u(tt, {
                   class: "arrow"
                 })
               ]
             }),
-            m({
+            g({
               class: "body",
-              ref: (n) => {
-                o(this, be, n);
+              ref: (r) => {
+                o(this, ve, r);
               },
-              children: m({
+              children: g({
                 class: "body-content",
                 children: e(this, f),
-                ref: (n) => {
-                  o(this, ye, n), o(this, ke, n.firstElementChild);
+                ref: (r) => {
+                  o(this, be, r), o(this, ye, r.firstElementChild);
                 }
               })
             })
@@ -1076,37 +1071,37 @@ const Ie = class Ie extends HTMLElement {
     }), t != null && t.storeBox && this.handleStore(t.storeBox);
   }
   get key() {
-    return e(this, S);
+    return e(this, x);
   }
   get head() {
-    return e(this, we);
+    return e(this, fe);
   }
   get content() {
     return e(this, f);
   }
   get bodyElement() {
-    return e(this, be);
+    return e(this, ve);
   }
   get contentElement() {
-    return e(this, ye);
+    return e(this, be);
   }
   connectedCallback() {
-    v.isPanelOpened(e(this, S)) && this.classList.add("opened"), setTimeout(() => {
+    v.isPanelOpened(e(this, x)) && this.classList.add("opened"), setTimeout(() => {
       this.classList.add("transition-allowed");
-    }), e(this, ve).observe(e(this, ke), {
+    }), e(this, we).observe(e(this, ye), {
       childList: !0
     });
   }
   handleStore(t) {
     if (t.remainingFolders.length) {
-      const n = t.store.passport.name.split("."), h = n.slice(0, n.length - t.remainingFolders.length).join("."), c = e(this, f).current.find((g) => g.key === h);
-      c instanceof Ie ? c.handleStore({
+      const r = t.store.name.split("."), l = r.slice(0, r.length - t.remainingFolders.length).join("."), d = e(this, f).current.find((m) => m.key === l);
+      d instanceof Me ? d.handleStore({
         store: t.store,
         remainingFolders: t.remainingFolders.slice(1)
       }) : e(this, f).current = [
         ...e(this, f).current,
-        new Ie({
-          key: h,
+        new Me({
+          key: l,
           storeBox: {
             store: t.store,
             remainingFolders: t.remainingFolders.slice(1)
@@ -1115,21 +1110,21 @@ const Ie = class Ie extends HTMLElement {
       ];
     } else {
       const s = e(this, f).current.find(
-        (n) => n.key === t.store.passport.name
+        (r) => r.key === t.store.name
       );
-      s instanceof je ? s.addStore(t.store) : e(this, f).current = [
+      s instanceof Ze ? s.addStore(t.store) : e(this, f).current = [
         ...e(this, f).current,
-        new je({
+        new Ze({
           store: t.store
         })
       ];
     }
   }
 };
-S = new WeakMap(), we = new WeakMap(), f = new WeakMap(), ve = new WeakMap(), be = new WeakMap(), ye = new WeakMap(), ke = new WeakMap(), Fe = new WeakMap();
-let Re = Ie;
-customElements.get("e-tweaker-folder") || customElements.define("e-tweaker-folder", Re);
-const Xt = w({
+x = new WeakMap(), fe = new WeakMap(), f = new WeakMap(), we = new WeakMap(), ve = new WeakMap(), be = new WeakMap(), ye = new WeakMap(), Re = new WeakMap();
+let Te = Me;
+customElements.get("e-tweaker-folder") || customElements.define("e-tweaker-folder", Te);
+const jt = w({
   ":host": {
     "--tweaker-width": "550px",
     "--tweaker-offset": "20px",
@@ -1148,8 +1143,8 @@ const Xt = w({
     top: "var(--tweaker-offset)",
     right: "var(--tweaker-offset)",
     width: "var(--tweaker-width)",
-    backgroundColor: l.colorMain.var,
-    borderRadius: l.borderRadius.var,
+    backgroundColor: h.colorMain.var,
+    borderRadius: h.borderRadius.var,
     transition: "opacity 0.1s",
     zIndex: "100",
     opacity: "0.1"
@@ -1178,12 +1173,12 @@ const Xt = w({
     margin: "0",
     background: "none",
     border: "none",
-    fill: l.colorFont.var,
+    fill: h.colorFont.var,
     transitionProperty: "fill",
     transitionDuration: "var(--duration-short)"
   },
   ".tweaker-button:hover": {
-    fill: l.colorActive.var
+    fill: h.colorActive.var
   },
   ".tweaker-button svg": {
     width: "100%",
@@ -1204,7 +1199,7 @@ const Xt = w({
   ":host .body-content::-webkit-scrollbar": {
     display: "none"
   },
-  [`@media ${Ct["<=mobile"]}`]: {
+  [`@media ${St["<=mobile"]}`]: {
     ":host": {
       position: "absolute",
       top: "0",
@@ -1221,81 +1216,80 @@ const Xt = w({
     }
   }
 });
-var Se, xe, Ee;
-class ut extends Re {
+var ke, Se, xe;
+class ht extends Te {
   constructor() {
     super({
       key: ""
     });
-    i(this, Se, !1);
-    i(this, xe, () => {
+    i(this, ke, !1);
+    i(this, Se, () => {
       v.save();
     });
-    i(this, Ee, St(() => {
-      O.current.forEach((t) => {
-        var s;
-        if (t.passport && !((s = t.passport.manager) != null && s.invisible)) {
-          const n = t.passport.name.split(".");
+    i(this, xe, vt(() => {
+      _.current.forEach((t) => {
+        if (t.name) {
+          const s = t.name.split(".");
           this.handleStore({
             store: t,
-            remainingFolders: n.length > 1 ? n.slice(0, -1) : []
+            remainingFolders: s.length > 1 ? s.slice(0, -1) : []
           });
         }
-      }), e(this, Se) || (o(this, Se, !0), this.contentElement.scroll({
+      }), e(this, ke) || (o(this, ke, !0), this.contentElement.scroll({
         top: v.scrollValue
       }), this.contentElement.addEventListener("scroll", () => {
         v.scrollValue = this.contentElement.scrollTop;
       }));
     }, 10));
-    v.load(), this.shadowRoot.adoptedStyleSheets.push(Xt), this.head.current = [
-      m({
+    v.load(), this.shadowRoot.adoptedStyleSheets.push(jt), this.head.current = [
+      g({
         class: "tweaker-buttons",
         onClick: (t) => {
           t.stopPropagation();
         },
         children: [
-          Z({
+          O({
             class: "tweaker-button",
-            children: st,
+            children: Qe,
             onClick: () => {
-              R.resetState();
+              L.resetState();
             }
           }),
-          Z({
+          O({
             class: ["tweaker-button"],
-            children: [it],
+            children: [et],
             onClick: () => {
               navigator.clipboard.writeText(
-                JSON.stringify(R.getState())
+                JSON.stringify(L.getState())
               );
             }
           }),
-          Z({
+          O({
             class: "tweaker-button",
-            children: Mt,
+            children: zt,
             onClick: () => {
-              kt(R.name, R.getState());
+              wt(L.name, L.getState());
             }
           }),
-          tt({
+          Ge({
             class: "tweaker-button",
             children: [
-              Ft,
-              ze({
+              Tt,
+              Ce({
                 type: "file",
                 style: {
                   display: "none"
                 },
                 onChange: (t) => {
-                  var h;
-                  const n = (h = t.currentTarget.files) == null ? void 0 : h[0];
-                  if (n) {
-                    const c = new FileReader();
-                    c.onload = (g) => {
-                      var A, ie;
-                      const x = (ie = (A = g.target) == null ? void 0 : A.result) == null ? void 0 : ie.toString();
-                      x && R.loadState(x);
-                    }, c.readAsText(n);
+                  var l;
+                  const r = (l = t.currentTarget.files) == null ? void 0 : l[0];
+                  if (r) {
+                    const d = new FileReader();
+                    d.onload = (m) => {
+                      var I, b;
+                      const N = (b = (I = m.target) == null ? void 0 : I.result) == null ? void 0 : b.toString();
+                      N && L.loadState(N);
+                    }, d.readAsText(r);
                   }
                 }
               })
@@ -1305,20 +1299,20 @@ class ut extends Re {
       })
     ], u(this.bodyElement, {
       children: [
-        m({
+        g({
           class: "resize",
           onPointerdown: (t) => {
             t.preventDefault();
-            const s = this.getBoundingClientRect(), n = this.contentElement.scrollTop;
-            et(
-              (h) => {
-                const c = t.x - h.x, g = Math.max(400, s.width + c);
-                this.style.width = g + "px", v.changeSize("tweaker", g);
+            const s = this.getBoundingClientRect(), r = this.contentElement.scrollTop;
+            Ue(
+              (l) => {
+                const d = t.x - l.x, m = Math.max(400, s.width + d);
+                this.style.width = m + "px", v.changeSize("tweaker", m);
               },
               () => {
                 setTimeout(() => {
                   this.contentElement.scroll({
-                    top: n
+                    top: r
                   });
                 }, 10);
               }
@@ -1332,12 +1326,12 @@ class ut extends Re {
     });
   }
   connectedCallback() {
-    super.connectedCallback(), window.addEventListener("beforeunload", e(this, xe)), O.subscribe(e(this, Ee)), v.changedSizes("tweaker") && (this.style.width = v.changedSizes("tweaker") + "px");
+    super.connectedCallback(), window.addEventListener("beforeunload", e(this, Se)), _.subscribe(e(this, xe)), v.changedSizes("tweaker") && (this.style.width = v.changedSizes("tweaker") + "px");
   }
   disconnectedCallback() {
-    window.removeEventListener("beforeunload", e(this, xe)), v.save(), O.unsubscribe(e(this, Ee));
+    window.removeEventListener("beforeunload", e(this, Se)), v.save(), _.unsubscribe(e(this, xe));
   }
 }
-Se = new WeakMap(), xe = new WeakMap(), Ee = new WeakMap();
-customElements.get("e-tweaker") || customElements.define("e-tweaker", ut);
-Ce && document.body.appendChild(new ut());
+ke = new WeakMap(), Se = new WeakMap(), xe = new WeakMap();
+customElements.get("e-tweaker") || customElements.define("e-tweaker", ht);
+Ee && document.body.appendChild(new ht());