aptechka 0.5.39 → 0.5.41

package/lib/tweaker/index.js

@@ -2,32 +2,32 @@ var ve = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
 };
-var d = (t, e, r) => (ve(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Z = (t, e, r) => {
+var d = (t, e, r) => (ve(t, e, "read from private field"), r ? r.call(t) : e.get(t)), H = (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 = (t, e, r, n) => (ve(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r);
-import { i as Ce } from "../browser-0zX67oeU.js";
+import { i as xe } from "../browser-0zX67oeU.js";
 import { CustomElement as fe, define as f } from "../custom-element/index.js";
-import { s as S, S as se, a as $ } from "../Store-BQXXikps.js";
+import { s as y, S as ie, a as P } from "../Store-BQXXikps.js";
 import { c as ke } from "../file-lxi_oXJf.js";
-import { d as xe } from "../function-C10DGppn.js";
-import { e as p, a0 as re, a as $e, aB as Pe, D as w, p as A, a3 as Oe } from "../tags-CMPg9ETZ.js";
+import { d as Ce } from "../function-C10DGppn.js";
+import { e as p, a0 as re, a as Pe, aB as $e, D as w, p as I, a3 as Oe } from "../tags-CMPg9ETZ.js";
 import { c as m } from "../createStylesheet-DBCEbDjI.js";
 import { a as Me } from "../Viewport-CFFhFKqX.js";
-import { aptechkaTheme as s } from "../theme/index.js";
-import { AccordionElement as Ee } from "../accordion/index.js";
-import { a as Te } from "../index-BAHHdcp3.js";
-import { d as De } from "../events-_C2CztxR.js";
+import { aptechkaTheme as o } from "../theme/index.js";
+import { AccordionElement as Te } from "../accordion/index.js";
+import { a as Ee } from "../index-BtsOv9u0.js";
+import { d as Re } from "../events-_C2CztxR.js";
 import "../checkbox/index.js";
-import { c as Re } from "../math-BOBiC4TN.js";
-const we = '<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>', me = '<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>', We = '<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>', 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 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>';
+import { c as De } from "../math-BOBiC4TN.js";
+const we = '<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>', me = '<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>', We = '<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 O, g;
-class Ie {
+class ze {
   constructor() {
-    Z(this, O, "");
-    Z(this, g, []);
-    M(this, O, S.projectName + "-studio");
+    H(this, O, "");
+    H(this, g, []);
+    M(this, O, y.projectName + "-studio");
   }
   openPanel(e) {
     d(this, g).includes(e) || d(this, g).push(e);
@@ -42,10 +42,10 @@ class Ie {
     const e = {
       openedPanels: d(this, g)
     };
-    localStorage.setItem(d(this, O), JSON.stringify(e)), S.saveState();
+    localStorage.setItem(d(this, O), JSON.stringify(e)), y.saveState();
   }
   load() {
-    S.loadState();
+    y.loadState();
     const e = localStorage.getItem(d(this, O));
     if (e)
       try {
@@ -57,34 +57,34 @@ class Ie {
   }
 }
 O = new WeakMap(), g = new WeakMap();
-const P = new Ie();
-var y;
+const $ = new ze();
+var S;
 class N extends fe {
   constructor(...r) {
     super();
-    Z(this, y, void 0);
-    M(this, y, r);
+    H(this, S, void 0);
+    M(this, S, r);
   }
   addStore(r) {
-    d(this, y).push(r);
+    d(this, S).push(r);
   }
   get firstStore() {
-    return d(this, y)[0];
+    return d(this, S)[0];
   }
   get stores() {
-    return d(this, y);
+    return d(this, S);
   }
   updateStores(r) {
-    d(this, y).forEach((n) => {
+    d(this, S).forEach((n) => {
       n.current = r;
     });
   }
 }
-y = new WeakMap();
-var Fe = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, ze = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ae(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
-  return n && a && Fe(e, r, a), a;
+S = new WeakMap();
+var Ae = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, Le = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? Ie(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
+  return n && a && Ae(e, r, a), a;
 };
 const Ne = m({
   ":host": {
@@ -92,14 +92,10 @@ const Ne = m({
     display: "inline-flex",
     height: "max-content"
   },
-  input: {
-    padding: "0",
-    margin: "0",
-    width: `calc(${s.heightInput.var} * 0.5)`,
-    height: `calc(${s.heightInput.var} * 0.5)`,
-    borderRadius: s.borderRadius.var,
-    overflow: "hidden",
-    accentColor: s.colorLight.var
+  "e-checkbox": {
+    width: "var(--height-input)",
+    height: "var(--height-input)",
+    borderRadius: o.borderRadiusSmall.var
   }
 });
 let oe = class extends N {
@@ -120,13 +116,13 @@ let oe = class extends N {
     });
   }
 };
-oe = ze([
+oe = Le([
   f("e-tweaker-boolean-manager")
 ], oe);
-var He = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, Ke = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ze(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
-  return n && a && He(e, r, a), a;
+var Ze = Object.defineProperty, He = Object.getOwnPropertyDescriptor, Ke = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? He(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
+  return n && a && Ze(e, r, a), a;
 };
 const Ge = m({
   ":host": {
@@ -136,10 +132,10 @@ const Ge = m({
   },
   input: {
     width: "100%",
-    height: s.heightInput.var,
+    height: "var(--height-input)",
     padding: "0",
     background: "none",
-    borderRadius: s.borderRadius.var,
+    borderRadius: o.borderRadius.var,
     border: "none",
     blockSize: "unset"
   },
@@ -147,8 +143,8 @@ const Ge = m({
     boxSizing: "border-box",
     padding: "0px",
     border: "none",
-    borderRadius: s.borderRadius.var,
-    height: `calc(${s.heightInput.var} * 0.93)`
+    borderRadius: o.borderRadius.var,
+    height: "calc(var(--height-input) * 0.93)"
   }
 });
 let le = class extends N {
@@ -170,8 +166,8 @@ le = Ke([
   f("e-tweaker-color-manager")
 ], le);
 var Je = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, Ye = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ve(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
+  for (var a = n > 1 ? void 0 : n ? Ve(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
   return n && a && Je(e, r, a), a;
 };
 const Be = m({
@@ -184,7 +180,7 @@ let he = class extends N {
     var e, r;
     super(...t), this.openShadow(Be), p(this, {
       children: [
-        $e({
+        Pe({
           href: this.firstStore,
           target: (r = (e = this.firstStore.passport) == null ? void 0 : e.manager) != null && r.sameWindow ? "_self" : "_blank",
           children: this.firstStore
@@ -197,8 +193,8 @@ he = Ye([
   f("e-tweaker-link-manager")
 ], he);
 var qe = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, Ue = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Qe(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
+  for (var a = n > 1 ? void 0 : n ? Qe(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
   return n && a && qe(e, r, a), a;
 }, Xe = (t, e, r) => {
   if (!e.has(t))
@@ -207,7 +203,7 @@ var qe = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, Ue = (t, e
   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);
-}, E;
+}, T;
 const et = m({
   ":host": {
     width: "100%",
@@ -221,20 +217,20 @@ const et = m({
     fontFamily: "inherit",
     color: "inherit",
     border: "none",
-    fontSize: s.fontSizeSmall.var
+    fontSize: "var(--font-size-small)"
   },
   ".text-input": {
-    height: s.heightInput.var,
+    height: "var(--height-input)",
     width: "100%",
     margin: "0",
-    padding: `0 ${s.gapSmall.var}`,
+    padding: "0 var(--gap-small)",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: s.borderRadius.var
+    borderRadius: o.borderRadius.var
   }
 });
 let j = class extends N {
   constructor(...t) {
-    super(...t), je(this, E, new se([])), this.openShadow(et), p(this, {
+    super(...t), je(this, T, new ie([])), this.openShadow(et), p(this, {
       children: [
         re({
           class: "text-input",
@@ -246,21 +242,21 @@ let j = class extends N {
             );
           }
         }),
-        ae(this, E)
+        ae(this, T)
       ]
     });
   }
   appendContent(t) {
-    ae(this, E).current = [...ae(this, E).current, t];
+    ae(this, T).current = [...ae(this, T).current, t];
   }
 };
-E = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
 j = Ue([
   f("e-tweaker-string-manager")
 ], j);
 var tt = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, at = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? rt(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
+  for (var a = n > 1 ? void 0 : n ? rt(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
   return n && a && tt(e, r, a), a;
 }, be = (t, e, r) => {
   if (!e.has(t))
@@ -269,27 +265,27 @@ var tt = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, at = (t, e
   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);
-}, ne = (t, e, r, n) => (be(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), T, D, R, J;
+}, ne = (t, e, r, n) => (be(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), E, R, D, J;
 let ee = class extends j {
   constructor(...t) {
-    var e, r, n, a, o, i;
-    super(...t), K(this, T, void 0), K(this, D, void 0), K(this, R, void 0), K(this, J, (b) => {
-      const H = typeof b == "string" ? parseFloat(b) || this.min : b, ye = Re(H, _(this, D), _(this, R));
-      return this.toFixed(ye);
-    }), ne(this, D, ((r = (e = this.firstStore.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min) || 0), ne(this, R, ((a = (n = this.firstStore.passport) == null ? void 0 : n.manager) == null ? void 0 : a.max) || 1), ne(this, T, ((i = (o = this.firstStore.passport) == null ? void 0 : o.manager) == null ? void 0 : i.step) || 0.01);
+    var e, r, n, a, i, s;
+    super(...t), K(this, E, void 0), K(this, R, void 0), K(this, D, void 0), K(this, J, (b) => {
+      const Z = typeof b == "string" ? parseFloat(b) || this.min : b, Se = De(Z, _(this, R), _(this, D));
+      return this.toFixed(Se);
+    }), ne(this, R, ((r = (e = this.firstStore.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min) || 0), ne(this, D, ((a = (n = this.firstStore.passport) == null ? void 0 : n.manager) == null ? void 0 : a.max) || 1), ne(this, E, ((s = (i = this.firstStore.passport) == null ? void 0 : i.manager) == null ? void 0 : s.step) || 0.01);
   }
   get min() {
-    return _(this, D);
+    return _(this, R);
   }
   get max() {
-    return _(this, R);
+    return _(this, D);
   }
   get step() {
-    return _(this, T);
+    return _(this, E);
   }
   toFixed(t) {
     var r;
-    const e = ((r = _(this, T).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
+    const e = ((r = _(this, E).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
     return e ? +t.toFixed(e) : Math.ceil(t);
   }
   connectedCallback() {
@@ -299,16 +295,16 @@ let ee = class extends j {
     this.firstStore.removeMiddleware(_(this, J));
   }
 };
-T = /* @__PURE__ */ new WeakMap();
-D = /* @__PURE__ */ new WeakMap();
+E = /* @__PURE__ */ new WeakMap();
 R = /* @__PURE__ */ new WeakMap();
+D = /* @__PURE__ */ new WeakMap();
 J = /* @__PURE__ */ new WeakMap();
 ee = at([
   f("e-tweaker-number-manager")
 ], ee);
-var nt = Object.defineProperty, it = Object.getOwnPropertyDescriptor, st = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? it(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
+var nt = Object.defineProperty, st = Object.getOwnPropertyDescriptor, it = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? st(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
   return n && a && nt(e, r, a), a;
 };
 const ot = m({
@@ -317,7 +313,7 @@ const ot = m({
   },
   ".text-input": {
     width: "60px",
-    marginRight: s.gapLarge.var,
+    marginRight: "var(--gap-large)",
     textAlign: "center"
   },
   ".range-input": {
@@ -328,19 +324,19 @@ const ot = m({
     margin: "0",
     padding: "0",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: s.borderRadius.var
+    borderRadius: o.borderRadius.var
   },
   ".range-input::-webkit-slider-thumb": {
     "-webkit-appearance": "none",
-    height: `calc(${s.heightInput.var} * 0.7)`,
-    width: s.borderRadius.var,
-    borderRadius: s.borderRadius.var,
-    backgroundColor: s.colorLight.var,
+    height: "calc(var(--height-input) * 0.7)",
+    width: o.borderRadius.var,
+    borderRadius: o.borderRadius.var,
+    backgroundColor: o.colorFont.var,
     transitionProperty: "background-color",
-    transitionDuration: s.durationShort.var
+    transitionDuration: "var(--duration-short)"
   },
   ".range-input:focus::-webkit-slider-thumb": {
-    backgroundColor: s.colorActive.var
+    backgroundColor: o.colorActive.var
   },
   ".range-input::-webkit-slider-runnable-track": {
     "-webkit-appearance": "none",
@@ -368,18 +364,18 @@ let ce = class extends ee {
     );
   }
 };
-ce = st([
+ce = it([
   f("e-tweaker-range-manager")
 ], ce);
 var lt = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, ct = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? ht(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
+  for (var a = n > 1 ? void 0 : n ? ht(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
   return n && a && lt(e, r, a), a;
 };
 const dt = m({
   "e-select": {
     width: "100%",
-    "--arrow-color": s.colorLight.var
+    "--arrow-color": o.colorFont.var
   },
   "e-select-head": {
     width: "100%",
@@ -388,18 +384,18 @@ const dt = m({
     justifyContent: "space-between"
   },
   "e-select-option": {
-    transitionDuration: s.durationShort.var,
+    transitionDuration: "var(--duration-short)",
     transitionProperty: "color"
   },
   "e-select-option:hover": {
-    color: s.colorActive.var
+    color: o.colorActive.var
   },
   svg: {
     width: "16px",
     height: "16px",
-    fill: s.colorLight.var,
+    fill: o.colorFont.var,
     transitionProperty: "transform",
-    transitionDuration: s.durationShort.var
+    transitionDuration: "var(--duration-short)"
   },
   ".opened svg": {
     transform: "scaleY(-1)"
@@ -419,15 +415,15 @@ let de = class extends N {
         lightChildren: [
           p("e-select-head", {
             lightChildren: [
-              Pe({
+              $e({
                 "data-value-holder": ""
               })
             ]
           }),
           ...e.map(
-            (a, o) => p("e-select-option", {
+            (a, i) => p("e-select-option", {
               lightChildren: a,
-              default: o === 0 ? !0 : null
+              default: i === 0 ? !0 : null
             })
           )
         ]
@@ -448,35 +444,35 @@ const pt = {
   string: j
 };
 var ut = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, gt = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? vt(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
+  for (var a = n > 1 ? void 0 : n ? vt(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
   return n && a && ut(e, r, a), a;
 }, _e = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, h = (t, e, r) => (_e(t, e, "read from private field"), r ? r.call(t) : e.get(t)), C = (t, e, r) => {
+}, h = (t, e, r) => (_e(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);
-}, k = (t, e, r, n) => (_e(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), u, W, L, I, F, V, Y;
+}, k = (t, e, r, n) => (_e(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), u, W, F, z, A, V, Y;
 const ft = m({
   ":host": {
     display: "grid",
     gridAutoFlow: "column",
     gridTemplateColumns: "0.4fr 1fr",
     alignItems: "center",
-    color: s.colorLight.var,
-    gap: s.gapMedium.var
+    color: o.colorFont.var,
+    gap: "var(--gap-medium)"
   },
   ":host(.disabled)": {
     pointerEvents: "none",
     opacity: 0.5
   },
   ".head": {
-    fontSize: s.fontSizeMedium.var,
+    fontSize: "var(--font-size-medium)",
     display: "flex",
     alignItems: "center",
-    gap: s.gapExtraSmall.var
+    gap: "var(--gap-extra-small)"
   },
   ".head-buttons": {
     display: "flex"
@@ -488,8 +484,8 @@ const ft = m({
     margin: "0",
     border: "none",
     background: "none",
-    fill: s.colorLight.var,
-    transitionDuration: s.durationShort.var,
+    fill: o.colorFont.var,
+    transitionDuration: "var(--duration-short)",
     transitionProperty: "fill, opacity",
     opacity: "0"
   },
@@ -497,7 +493,7 @@ const ft = m({
     opacity: "1"
   },
   ".head-button:hover": {
-    fill: s.colorActive.var
+    fill: o.colorActive.var
   },
   ".head-button svg": {
     width: "100%",
@@ -506,46 +502,46 @@ const ft = m({
 });
 let te = class extends fe {
   constructor(t) {
-    var r, n, a, o;
-    super(), C(this, u, []), C(this, W, void 0), C(this, L, void 0), C(this, I, !1), C(this, F, void 0), C(this, V, () => {
-      $.current.find((i) => h(this, u).includes(i)) || this.remove();
-    }), C(this, Y, (i) => {
-      h(this, I) && ((i.metaKey || i.ctrlKey) && i.code === "KeyC" ? navigator.clipboard.writeText(h(this, u)[0].current) : (i.metaKey || i.ctrlKey) && i.code === "KeyR" && (h(this, u).forEach((b) => {
+    var r, n, a, i;
+    super(), x(this, u, []), x(this, W, void 0), x(this, F, void 0), x(this, z, !1), x(this, A, void 0), x(this, V, () => {
+      P.current.find((s) => h(this, u).includes(s)) || this.remove();
+    }), x(this, Y, (s) => {
+      h(this, z) && ((s.metaKey || s.ctrlKey) && s.code === "KeyC" ? navigator.clipboard.writeText(h(this, u)[0].current) : (s.metaKey || s.ctrlKey) && s.code === "KeyR" && (h(this, u).forEach((b) => {
         b.reset();
-      }), i.preventDefault()));
-    }), k(this, u, [t.store]), k(this, W, t.store.passport.name), k(this, L, h(this, W).split(".").slice(-1).toString());
+      }), s.preventDefault()));
+    }), k(this, u, [t.store]), k(this, W, t.store.passport.name), k(this, F, h(this, W).split(".").slice(-1).toString());
     const e = ((n = (r = t.store.passport) == null ? void 0 : r.manager) == null ? void 0 : n.type) || "string";
-    k(this, F, new pt[e](h(this, u)[0])), this.openShadow(ft), p(this, {
+    k(this, A, new pt[e](h(this, u)[0])), this.openShadow(ft), p(this, {
       class: {
-        disabled: ((o = (a = t.store.passport) == null ? void 0 : a.manager) == null ? void 0 : o.disabled) || !1
+        disabled: ((i = (a = t.store.passport) == null ? void 0 : a.manager) == null ? void 0 : i.disabled) || !1
       },
       onPointerleave: () => {
-        k(this, I, !1);
+        k(this, z, !1);
       },
       onPointerenter: () => {
-        k(this, I, !0);
+        k(this, z, !0);
       },
       children: [
         w({
           class: "head",
           children: [
-            w({ class: "name", children: h(this, L) + ":" }),
+            w({ class: "name", children: h(this, F) + ":" }),
             w({
               class: "head-buttons",
               children: [
-                A({
+                I({
                   class: "head-button",
                   children: me,
                   onClick: () => {
                     navigator.clipboard.writeText(h(this, u)[0].current);
                   }
                 }),
-                A({
+                I({
                   class: "head-button",
                   children: we,
                   onClick: () => {
-                    h(this, u).forEach((i) => {
-                      i.reset();
+                    h(this, u).forEach((s) => {
+                      s.reset();
                     });
                   }
                 })
@@ -553,7 +549,7 @@ let te = class extends fe {
             })
           ]
         }),
-        h(this, F)
+        h(this, A)
       ]
     });
   }
@@ -561,99 +557,99 @@ let te = class extends fe {
     return h(this, W);
   }
   get name() {
-    return h(this, L);
+    return h(this, F);
   }
   get stores() {
     return h(this, u);
   }
   addStore(t) {
-    h(this, F).addStore(t);
+    h(this, A).addStore(t);
   }
   connectedCallback() {
-    $.subscribe(h(this, V)), addEventListener("keydown", h(this, Y)), De(this);
+    P.subscribe(h(this, V)), addEventListener("keydown", h(this, Y)), Re(this);
   }
   disconnectedCallback() {
-    $.unsubscribe(h(this, V)), removeEventListener("keydown", h(this, Y));
+    P.unsubscribe(h(this, V)), removeEventListener("keydown", h(this, Y));
   }
 };
 u = /* @__PURE__ */ new WeakMap();
 W = /* @__PURE__ */ new WeakMap();
-L = /* @__PURE__ */ new WeakMap();
-I = /* @__PURE__ */ new WeakMap();
 F = /* @__PURE__ */ new WeakMap();
+z = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
 V = /* @__PURE__ */ new WeakMap();
 Y = /* @__PURE__ */ new WeakMap();
 te = gt([
   f("e-tweaker-field")
 ], te);
 var wt = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, bt = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? mt(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
+  for (var a = n > 1 ? void 0 : n ? mt(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
   return n && a && wt(e, r, a), a;
-}, Se = (t, e, r) => {
+}, ye = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, l = (t, e, r) => (Se(t, e, "read from private field"), r ? r.call(t) : e.get(t)), x = (t, e, r) => {
+}, l = (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);
-}, ie = (t, e, r, n) => (Se(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), v, B, c, q, Q, pe;
+}, se = (t, e, r, n) => (ye(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), v, B, c, q, Q, pe;
 const _t = m({
   ".wrapper": {
     boxSizing: "border-box",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: s.borderRadius.var
+    borderRadius: o.borderRadius.var
   },
   ".head": {
     boxSizing: "border-box",
     width: "100%",
-    height: s.tweakerFolderHeight.var,
-    paddingLeft: s.gapMedium.var,
-    paddingRight: s.gapMedium.var,
+    height: "var(--tweaker-folder-height)",
+    paddingLeft: "var(--gap-medium)",
+    paddingRight: "var(--gap-medium)",
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    backgroundColor: s.colorDarkAux.var,
-    borderRadius: s.borderRadius.var
+    backgroundColor: o.colorMainAux.var,
+    borderRadius: o.borderRadius.var
   },
   ".name": {
-    fontSize: s.fontSizeLarge.var,
-    color: s.colorLight.var
+    fontSize: "var(--font-size-large)",
+    color: o.colorFont.var
   },
   ".body": {
     transitionProperty: "height",
-    transitionDuration: s.durationShort.var,
+    transitionDuration: "var(--duration-short)",
     overflow: "hidden",
     height: "0px"
   },
   ".body-content": {
     boxSizing: "border-box",
-    padding: s.gapLarge.var,
+    padding: "var(--gap-large)",
     display: "grid",
-    gap: s.gapMedium.var
+    gap: "var(--gap-medium)"
   },
   ".arrow": {
     width: "20px",
     height: "20px",
-    fill: s.colorLight.var,
-    transition: `transform ${s.durationShort.var}`
+    fill: o.colorFont.var,
+    transition: "transform var(--duration-short)"
   },
   ".opened .arrow": {
     transform: "scaleY(-1)"
   }
 });
-let z = class extends Ee {
+let L = class extends Te {
   constructor(t) {
-    super(), x(this, v, void 0), x(this, B, new se(null)), x(this, c, new se([])), x(this, q, void 0), x(this, Q, null), x(this, pe, (e) => {
+    super(), C(this, v, void 0), C(this, B, new ie(null)), C(this, c, new ie([])), C(this, q, void 0), C(this, Q, null), C(this, pe, (e) => {
       let r = [], n = [];
       e.forEach((a) => {
         r = [...r, ...a.removedNodes], n = [...n, ...a.addedNodes];
       }), l(this, c).current = l(this, c).current.filter(
         (a) => !r.includes(a)
       ), l(this, v) && !l(this, c).current.length && !n.length && this.remove();
-    }), this.openShadow(_t), ie(this, v, t.key), ie(this, q, new MutationObserver(l(this, pe))), p(this, {
+    }), this.openShadow(_t), se(this, v, t.key), se(this, q, new MutationObserver(l(this, pe))), p(this, {
       onAccordionItemToggle: (e) => {
-        e.stopPropagation(), e.detail.opened ? P.openPanel(l(this, v)) : P.closePanel(l(this, v));
+        e.stopPropagation(), e.detail.opened ? $.openPanel(l(this, v)) : $.closePanel(l(this, v));
       },
       children: [
         w({
@@ -667,7 +663,7 @@ let z = class extends Ee {
                   children: [l(this, v).split(".").slice(-1).toString()]
                 }) : null,
                 l(this, B),
-                p(Te, {
+                p(Ee, {
                   class: "arrow"
                 })
               ]
@@ -677,7 +673,7 @@ let z = class extends Ee {
               children: w({
                 class: "body-content",
                 children: l(this, c),
-                ref: (e) => ie(this, Q, e.firstElementChild)
+                ref: (e) => se(this, Q, e.firstElementChild)
               })
             })
           ]
@@ -696,20 +692,20 @@ let z = class extends Ee {
   }
   connectedCallback() {
     super.connectedCallback(), setTimeout(() => {
-      P.isPanelOpened(l(this, v)) && this.openAll({ skipTransition: !0 });
+      $.isPanelOpened(l(this, v)) && this.openAll({ skipTransition: !0 });
     }, 50), l(this, q).observe(l(this, Q), {
       childList: !0
     });
   }
   handleStore(t) {
     if (t.remainingFolders.length) {
-      const r = t.store.passport.name.split("."), n = r.slice(0, r.length - t.remainingFolders.length).join("."), a = l(this, c).current.find((o) => o.key === n);
-      a instanceof z ? a.handleStore({
+      const r = t.store.passport.name.split("."), n = r.slice(0, r.length - t.remainingFolders.length).join("."), a = l(this, c).current.find((i) => i.key === n);
+      a instanceof L ? a.handleStore({
         store: t.store,
         remainingFolders: t.remainingFolders.slice(1)
       }) : l(this, c).current = [
         ...l(this, c).current,
-        new z({
+        new L({
           key: n,
           storeBox: {
             store: t.store,
@@ -736,13 +732,13 @@ c = /* @__PURE__ */ new WeakMap();
 q = /* @__PURE__ */ new WeakMap();
 Q = /* @__PURE__ */ new WeakMap();
 pe = /* @__PURE__ */ new WeakMap();
-z = bt([
+L = bt([
   f("e-tweaker-folder")
-], z);
-var St = Object.defineProperty, yt = Object.getOwnPropertyDescriptor, Ct = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? yt(e, r) : e, o = t.length - 1, i; o >= 0; o--)
-    (i = t[o]) && (a = (n ? i(e, r, a) : i(a)) || a);
-  return n && a && St(e, r, a), a;
+], L);
+var yt = Object.defineProperty, St = Object.getOwnPropertyDescriptor, xt = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? St(e, r) : e, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = (n ? s(e, r, a) : s(a)) || a);
+  return n && a && yt(e, r, a), a;
 }, kt = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
@@ -751,15 +747,27 @@ var St = Object.defineProperty, yt = Object.getOwnPropertyDescriptor, Ct = (t, e
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
 }, U, X;
-const xt = m({
+const Ct = m({
   ":host": {
+    "--tweaker-width": "500px",
+    "--tweaker-offset": "20px",
+    "--tweaker-folder-height": "40px",
+    "--height-input": "30px",
+    "--gap-large": "16px",
+    "--gap-medium": "12px",
+    "--gap-small": "8px",
+    "--gap-extra-small": "4px",
+    "--font-size-large": "20px",
+    "--font-size-medium": "16px",
+    "--font-size-small": "14px",
+    "--duration-short": "0.2s",
     fontFamily: "sans-serif",
     position: "absolute",
-    top: s.tweakerOffset.var,
-    right: s.tweakerOffset.var,
-    width: s.tweakerWidth.var,
-    backgroundColor: s.colorDark.var,
-    borderRadius: s.borderRadius.var,
+    top: "var(--tweaker-offset)",
+    right: "var(--tweaker-offset)",
+    width: "var(--tweaker-width)",
+    backgroundColor: o.colorMain.var,
+    borderRadius: o.borderRadius.var,
     transition: "opacity 0.2s",
     zIndex: "100",
     opacity: "0.1"
@@ -770,7 +778,7 @@ const xt = m({
   ".tweaker-buttons": {
     display: "flex",
     alignItems: "center",
-    gap: s.gapExtraSmall.var
+    gap: "var(--gap-extra-small)"
   },
   ".tweaker-button": {
     width: "18px",
@@ -779,12 +787,12 @@ const xt = m({
     margin: "0",
     background: "none",
     border: "none",
-    fill: s.colorLight.var,
+    fill: o.colorFont.var,
     transitionProperty: "fill",
-    transitionDuration: s.durationShort.var
+    transitionDuration: "var(--duration-short)"
   },
   ".tweaker-button:hover": {
-    fill: s.colorActive.var
+    fill: o.colorActive.var
   },
   ".tweaker-button svg": {
     width: "100%",
@@ -794,8 +802,8 @@ const xt = m({
     maxHeight: `calc(
       100dvh - 
       (
-        ${s.tweakerOffset.var} * 2 + 
-        ${s.tweakerFolderHeight.var}
+        var(--tweaker-offset) * 2 + 
+        var(--tweaker-folder-height)
       )
     )`,
     overflow: "hidden auto",
@@ -817,19 +825,19 @@ const xt = m({
     ":host .body-content": {
       maxHeight: `calc(
         100dvh - 
-        ${s.tweakerFolderHeight.var}
+        var(--tweaker-folder-height)
       )`
     }
   }
 });
-let ue = class extends z {
+let ue = class extends L {
   constructor() {
     super({
       key: ""
     }), ge(this, U, () => {
-      P.save();
-    }), ge(this, X, xe(() => {
-      $.current.forEach((t) => {
+      $.save();
+    }), ge(this, X, Ce(() => {
+      P.current.forEach((t) => {
         if (t.passport) {
           const e = t.passport.name.split(".");
           this.handleStore({
@@ -838,43 +846,43 @@ let ue = class extends z {
           });
         }
       });
-    }, 10)), P.load(), this.addStylesheet(xt), this.head.current = [
+    }, 10)), $.load(), this.addStylesheet(Ct), this.head.current = [
       w({
         class: "tweaker-buttons",
         onClick: (t) => {
           t.stopPropagation();
         },
         children: [
-          A({
+          I({
             class: "tweaker-button",
             children: we,
             onClick: () => {
-              S.resetState();
+              y.resetState();
             }
           }),
-          A({
+          I({
             class: ["tweaker-button"],
             children: [me],
             onClick: () => {
               navigator.clipboard.writeText(
-                JSON.stringify(S.getState())
+                JSON.stringify(y.getState())
               );
             }
           }),
-          A({
+          I({
             class: "tweaker-button",
             children: We,
             onClick: () => {
               ke(
-                S.projectName,
-                S.getState()
+                y.projectName,
+                y.getState()
               );
             }
           }),
           Oe({
             class: "tweaker-button",
             children: [
-              Le,
+              Fe,
               re({
                 type: "file",
                 style: {
@@ -885,10 +893,10 @@ let ue = class extends z {
                   const r = (n = t.currentTarget.files) == null ? void 0 : n[0];
                   if (r) {
                     const a = new FileReader();
-                    a.onload = (o) => {
-                      var b, H;
-                      const i = (H = (b = o.target) == null ? void 0 : b.result) == null ? void 0 : H.toString();
-                      i && S.loadState(i);
+                    a.onload = (i) => {
+                      var b, Z;
+                      const s = (Z = (b = i.target) == null ? void 0 : b.result) == null ? void 0 : Z.toString();
+                      s && y.loadState(s);
                     }, a.readAsText(r);
                   }
                 }
@@ -902,15 +910,15 @@ let ue = class extends z {
     });
   }
   connectedCallback() {
-    super.connectedCallback(), window.addEventListener("beforeunload", G(this, U)), $.subscribe(G(this, X));
+    super.connectedCallback(), window.addEventListener("beforeunload", G(this, U)), P.subscribe(G(this, X));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("beforeunload", G(this, U)), P.save(), $.unsubscribe(G(this, X));
+    super.disconnectedCallback(), window.removeEventListener("beforeunload", G(this, U)), $.save(), P.unsubscribe(G(this, X));
   }
 };
 U = /* @__PURE__ */ new WeakMap();
 X = /* @__PURE__ */ new WeakMap();
-ue = Ct([
+ue = xt([
   f("e-tweaker")
 ], ue);
-Ce && document.body.appendChild(new ue());
+xe && document.body.appendChild(new ue());