aptechka 0.4.5 → 0.4.7

package/lib/{studio → tweaker}/index.js

@@ -1,92 +1,92 @@
-var ge = (t, e, r) => {
+var ve = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
 };
-var p = (t, e, r) => (ge(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Z = (t, e, r) => {
+var d = (t, e, r) => (ve(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Z = (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) => (ge(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r);
-import { i as ke } from "../browser-0zX67oeU.js";
-import { CustomElement as ve, define as u } from "../custom-element/index.js";
+}, 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 { 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 { e as d, a0 as te, a as xe, aB as $e, D as m, p as A, a3 as Pe } from "../tags-CAxO5Rs3.js";
-import { c as w } from "../createStylesheet-DrkbCUJk.js";
-import { c as Oe } from "../file-lxi_oXJf.js";
-import { d as Me } from "../function-C10DGppn.js";
-import { a as Ee } from "../Viewport-wlgZaIn7.js";
-import { AccordionElement as Te } from "../accordion/index.js";
-import { a as De } from "../index-BigQay-N.js";
-import { d as Re } from "../events-_C2CztxR.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-CAxO5Rs3.js";
+import { c as m } from "../createStylesheet-DrkbCUJk.js";
+import { a as Me } from "../Viewport-wlgZaIn7.js";
+import { aptechkaTheme as s } from "../theme/index.js";
+import { AccordionElement as Ee } from "../accordion/index.js";
+import { a as Te } from "../index-BigQay-N.js";
+import { d as De } from "../events-_C2CztxR.js";
 import "../checkbox/index.js";
-import { aptechkaTheme as i } from "../theme/index.js";
-import { c as We } from "../math-BOBiC4TN.js";
-const me = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>', _e = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>', Le = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>', Ie = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';
-var O, f;
-class Fe {
+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>';
+var O, g;
+class Ie {
   constructor() {
     Z(this, O, "");
-    Z(this, f, []);
+    Z(this, g, []);
     M(this, O, S.projectName + "-studio");
   }
   openPanel(e) {
-    p(this, f).includes(e) || p(this, f).push(e);
+    d(this, g).includes(e) || d(this, g).push(e);
   }
   closePanel(e) {
-    M(this, f, p(this, f).filter((r) => r !== e));
+    M(this, g, d(this, g).filter((r) => r !== e));
   }
   isPanelOpened(e) {
-    return p(this, f).includes(e);
+    return d(this, g).includes(e);
   }
   save() {
     const e = {
-      openedPanels: p(this, f)
+      openedPanels: d(this, g)
     };
-    localStorage.setItem(p(this, O), JSON.stringify(e)), S.saveState();
+    localStorage.setItem(d(this, O), JSON.stringify(e)), S.saveState();
   }
   load() {
     S.loadState();
-    const e = localStorage.getItem(p(this, O));
+    const e = localStorage.getItem(d(this, O));
     if (e)
       try {
         const r = JSON.parse(e);
-        r.openedPanels && M(this, f, r.openedPanels);
+        r.openedPanels && M(this, g, r.openedPanels);
       } catch (r) {
         console.error(r);
       }
   }
 }
-O = new WeakMap(), f = new WeakMap();
-const P = new Fe();
+O = new WeakMap(), g = new WeakMap();
+const P = new Ie();
 var y;
-class N extends ve {
+class N extends fe {
   constructor(...r) {
     super();
     Z(this, y, void 0);
     M(this, y, r);
   }
   addStore(r) {
-    p(this, y).push(r);
+    d(this, y).push(r);
   }
   get firstStore() {
-    return p(this, y)[0];
+    return d(this, y)[0];
   }
   get stores() {
-    return p(this, y);
+    return d(this, y);
   }
   updateStores(r) {
-    p(this, y).forEach((n) => {
+    d(this, y).forEach((n) => {
       n.current = r;
     });
   }
 }
 y = new WeakMap();
-var Ae = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, Ne = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? ze(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && Ae(e, r, a), a;
+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;
 };
-const He = w({
+const Ne = m({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -95,18 +95,18 @@ const He = w({
   input: {
     padding: "0",
     margin: "0",
-    width: `calc(${i.heightInput.var} * 0.5)`,
-    height: `calc(${i.heightInput.var} * 0.5)`,
-    borderRadius: i.borderRadius.var,
+    width: `calc(${s.heightInput.var} * 0.5)`,
+    height: `calc(${s.heightInput.var} * 0.5)`,
+    borderRadius: s.borderRadius.var,
     overflow: "hidden",
-    accentColor: i.colorLight.var
+    accentColor: s.colorLight.var
   }
 });
-let ie = class extends N {
+let oe = class extends N {
   constructor(...t) {
-    super(...t), this.openShadow(He), d(this, {
+    super(...t), this.openShadow(Ne), p(this, {
       children: [
-        d("e-checkbox", {
+        p("e-checkbox", {
           onChange: (e) => {
             this.updateStores(e.currentTarget.checked);
           },
@@ -120,15 +120,15 @@ let ie = class extends N {
     });
   }
 };
-ie = Ne([
-  u("e-tweaker-boolean-manager")
-], ie);
-var Ze = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, Ke = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ge(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && Ze(e, r, a), a;
+oe = ze([
+  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;
 };
-const Je = w({
+const Ge = m({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -136,10 +136,10 @@ const Je = w({
   },
   input: {
     width: "100%",
-    height: i.heightInput.var,
+    height: s.heightInput.var,
     padding: "0",
     background: "none",
-    borderRadius: i.borderRadius.var,
+    borderRadius: s.borderRadius.var,
     border: "none",
     blockSize: "unset"
   },
@@ -147,15 +147,15 @@ const Je = w({
     boxSizing: "border-box",
     padding: "0px",
     border: "none",
-    borderRadius: i.borderRadius.var,
-    height: `calc(${i.heightInput.var} * 0.93)`
+    borderRadius: s.borderRadius.var,
+    height: `calc(${s.heightInput.var} * 0.93)`
   }
 });
-let oe = class extends N {
+let le = class extends N {
   constructor(...t) {
-    super(...t), this.openShadow(Je), d(this, {
+    super(...t), this.openShadow(Ge), p(this, {
       children: [
-        te({
+        re({
           type: "color",
           value: this.firstStore,
           onInput: (e) => {
@@ -166,25 +166,25 @@ let oe = class extends N {
     });
   }
 };
-oe = Ke([
-  u("e-tweaker-color-manager")
-], oe);
-var Ve = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, Be = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ye(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && Ve(e, r, a), a;
+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);
+  return n && a && Je(e, r, a), a;
 };
-const qe = w({
+const Be = m({
   a: {
     color: "inherit"
   }
 });
-let le = class extends N {
+let he = class extends N {
   constructor(...t) {
     var e, r;
-    super(...t), this.openShadow(qe), d(this, {
+    super(...t), this.openShadow(Be), p(this, {
       children: [
-        xe({
+        $e({
           href: this.firstStore,
           target: (r = (e = this.firstStore.passport) == null ? void 0 : e.manager) != null && r.sameWindow ? "_self" : "_blank",
           children: this.firstStore
@@ -193,22 +193,22 @@ let le = class extends N {
     });
   }
 };
-le = Be([
-  u("e-tweaker-link-manager")
-], le);
-var Qe = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, Xe = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ue(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && Qe(e, r, a), a;
-}, je = (t, e, r) => {
+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);
+  return n && a && qe(e, r, a), a;
+}, Xe = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, re = (t, e, r) => (je(t, e, "read from private field"), r ? r.call(t) : e.get(t)), et = (t, e, r) => {
+}, ae = (t, e, r) => (Xe(t, e, "read from private field"), r ? r.call(t) : e.get(t)), je = (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);
 }, E;
-const tt = w({
+const et = m({
   ":host": {
     width: "100%",
     display: "flex",
@@ -221,22 +221,22 @@ const tt = w({
     fontFamily: "inherit",
     color: "inherit",
     border: "none",
-    fontSize: i.fontSizeSmall.var
+    fontSize: s.fontSizeSmall.var
   },
   ".text-input": {
-    height: i.heightInput.var,
+    height: s.heightInput.var,
     width: "100%",
     margin: "0",
-    padding: `0 ${i.gapSmall.var}`,
+    padding: `0 ${s.gapSmall.var}`,
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: i.borderRadius.var
+    borderRadius: s.borderRadius.var
   }
 });
-let X = class extends N {
+let j = class extends N {
   constructor(...t) {
-    super(...t), et(this, E, new se([])), this.openShadow(tt), d(this, {
+    super(...t), je(this, E, new se([])), this.openShadow(et), p(this, {
       children: [
-        te({
+        re({
           class: "text-input",
           type: "string",
           value: this.firstStore,
@@ -246,78 +246,78 @@ let X = class extends N {
             );
           }
         }),
-        re(this, E)
+        ae(this, E)
       ]
     });
   }
   appendContent(t) {
-    re(this, E).current = [...re(this, E).current, t];
+    ae(this, E).current = [...ae(this, E).current, t];
   }
 };
 E = /* @__PURE__ */ new WeakMap();
-X = Xe([
-  u("e-tweaker-string-manager")
-], X);
-var rt = Object.defineProperty, at = Object.getOwnPropertyDescriptor, nt = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? at(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && rt(e, r, a), a;
+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);
+  return n && a && tt(e, r, a), a;
 }, be = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, b = (t, e, r) => (be(t, e, "read from private field"), r ? r.call(t) : e.get(t)), G = (t, e, r) => {
+}, _ = (t, e, r) => (be(t, e, "read from private field"), r ? r.call(t) : e.get(t)), K = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, ae = (t, e, r, n) => (be(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), T, D, R, K;
-let j = class extends X {
+}, 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;
+let ee = class extends j {
   constructor(...t) {
-    var e, r, n, a, o, s;
-    super(...t), G(this, T, void 0), G(this, D, void 0), G(this, R, void 0), G(this, K, (_) => {
-      const H = typeof _ == "string" ? parseFloat(_) || this.min : _, Ce = We(H, b(this, D), b(this, R));
-      return this.toFixed(Ce);
-    }), ae(this, D, ((r = (e = this.firstStore.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min) || 0), ae(this, R, ((a = (n = this.firstStore.passport) == null ? void 0 : n.manager) == null ? void 0 : a.max) || 1), ae(this, T, ((s = (o = this.firstStore.passport) == null ? void 0 : o.manager) == null ? void 0 : s.step) || 0.01);
+    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);
   }
   get min() {
-    return b(this, D);
+    return _(this, D);
   }
   get max() {
-    return b(this, R);
+    return _(this, R);
   }
   get step() {
-    return b(this, T);
+    return _(this, T);
   }
   toFixed(t) {
     var r;
-    const e = ((r = b(this, T).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
+    const e = ((r = _(this, T).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
     return e ? +t.toFixed(e) : Math.ceil(t);
   }
   connectedCallback() {
-    this.firstStore.addMiddleware(b(this, K));
+    this.firstStore.addMiddleware(_(this, J));
   }
   disconnectedCallback() {
-    this.firstStore.removeMiddleware(b(this, K));
+    this.firstStore.removeMiddleware(_(this, J));
   }
 };
 T = /* @__PURE__ */ new WeakMap();
 D = /* @__PURE__ */ new WeakMap();
 R = /* @__PURE__ */ new WeakMap();
-K = /* @__PURE__ */ new WeakMap();
-j = nt([
-  u("e-tweaker-number-manager")
-], j);
-var st = Object.defineProperty, it = Object.getOwnPropertyDescriptor, ot = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? it(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && st(e, r, a), a;
+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);
+  return n && a && nt(e, r, a), a;
 };
-const lt = w({
+const ot = m({
   ":host": {
     width: "100%"
   },
   ".text-input": {
     width: "60px",
-    marginRight: i.gapLarge.var,
+    marginRight: s.gapLarge.var,
     textAlign: "center"
   },
   ".range-input": {
@@ -328,19 +328,19 @@ const lt = w({
     margin: "0",
     padding: "0",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: i.borderRadius.var
+    borderRadius: s.borderRadius.var
   },
   ".range-input::-webkit-slider-thumb": {
     "-webkit-appearance": "none",
-    height: `calc(${i.heightInput.var} * 0.7)`,
-    width: i.borderRadius.var,
-    borderRadius: i.borderRadius.var,
-    backgroundColor: i.colorLight.var,
+    height: `calc(${s.heightInput.var} * 0.7)`,
+    width: s.borderRadius.var,
+    borderRadius: s.borderRadius.var,
+    backgroundColor: s.colorLight.var,
     transitionProperty: "background-color",
-    transitionDuration: i.durationShort.var
+    transitionDuration: s.durationShort.var
   },
   ".range-input:focus::-webkit-slider-thumb": {
-    backgroundColor: i.colorActive.var
+    backgroundColor: s.colorActive.var
   },
   ".range-input::-webkit-slider-runnable-track": {
     "-webkit-appearance": "none",
@@ -349,10 +349,10 @@ const lt = w({
     background: "transparent"
   }
 });
-let he = class extends j {
+let ce = class extends ee {
   constructor(...t) {
-    super(...t), this.addStylesheet(lt), this.appendContent(
-      te({
+    super(...t), this.addStylesheet(ot), this.appendContent(
+      re({
         class: "range-input",
         type: "range",
         min: this.min,
@@ -368,18 +368,18 @@ let he = class extends j {
     );
   }
 };
-he = ot([
-  u("e-tweaker-range-manager")
-], he);
-var ht = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, dt = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? ct(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && ht(e, r, a), a;
+ce = st([
+  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);
+  return n && a && lt(e, r, a), a;
 };
-const pt = w({
+const dt = m({
   "e-select": {
     width: "100%",
-    "--arrow-color": i.colorLight.var
+    "--arrow-color": s.colorLight.var
   },
   "e-select-head": {
     width: "100%",
@@ -388,44 +388,44 @@ const pt = w({
     justifyContent: "space-between"
   },
   "e-select-option": {
-    transitionDuration: i.durationShort.var,
+    transitionDuration: s.durationShort.var,
     transitionProperty: "color"
   },
   "e-select-option:hover": {
-    color: i.colorActive.var
+    color: s.colorActive.var
   },
   svg: {
     width: "16px",
     height: "16px",
-    fill: i.colorLight.var,
+    fill: s.colorLight.var,
     transitionProperty: "transform",
-    transitionDuration: i.durationShort.var
+    transitionDuration: s.durationShort.var
   },
   ".opened svg": {
     transform: "scaleY(-1)"
   }
 });
-let ce = class extends N {
+let de = class extends N {
   constructor(...t) {
     var r, n;
-    super(...t), this.openShadow(pt);
+    super(...t), this.openShadow(dt);
     const e = ((n = (r = this.firstStore.passport) == null ? void 0 : r.manager) == null ? void 0 : n.variants) || [];
-    d(this, {
-      children: d("e-select", {
+    p(this, {
+      children: p("e-select", {
         value: this.firstStore,
         onChange: (a) => {
           this.updateStores(a.currentTarget.value);
         },
         lightChildren: [
-          d("e-select-head", {
+          p("e-select-head", {
             lightChildren: [
-              $e({
+              Pe({
                 "data-value-holder": ""
               })
             ]
           }),
           ...e.map(
-            (a, o) => d("e-select-option", {
+            (a, o) => p("e-select-option", {
               lightChildren: a,
               default: o === 0 ? !0 : null
             })
@@ -435,48 +435,48 @@ let ce = class extends N {
     });
   }
 };
-ce = dt([
-  u("e-tweaker-select-manager")
-], ce);
-const ut = {
-  boolean: ie,
-  color: oe,
-  link: le,
-  number: j,
-  range: he,
-  select: ce,
-  string: X
+de = ct([
+  f("e-tweaker-select-manager")
+], de);
+const pt = {
+  boolean: oe,
+  color: le,
+  link: he,
+  number: ee,
+  range: ce,
+  select: de,
+  string: j
 };
-var vt = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, ft = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? gt(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && vt(e, r, a), a;
-}, Se = (t, e, r) => {
+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);
+  return n && a && ut(e, r, a), a;
+}, _e = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, h = (t, e, r) => (Se(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)), 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);
-}, k = (t, e, r, n) => (Se(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), v, W, L, I, F, J, V;
-const wt = w({
+}, 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;
+const ft = m({
   ":host": {
     display: "grid",
     gridAutoFlow: "column",
     gridTemplateColumns: "0.4fr 1fr",
     alignItems: "center",
-    color: i.colorLight.var,
-    gap: i.gapMedium.var
+    color: s.colorLight.var,
+    gap: s.gapMedium.var
   },
   ":host(.disabled)": {
     pointerEvents: "none",
     opacity: 0.5
   },
   ".head": {
-    fontSize: i.fontSizeMedium.var,
+    fontSize: s.fontSizeMedium.var,
     display: "flex",
     alignItems: "center",
-    gap: i.gapExtraSmall.var
+    gap: s.gapExtraSmall.var
   },
   ".head-buttons": {
     display: "flex"
@@ -488,8 +488,8 @@ const wt = w({
     margin: "0",
     border: "none",
     background: "none",
-    fill: i.colorLight.var,
-    transitionDuration: i.durationShort.var,
+    fill: s.colorLight.var,
+    transitionDuration: s.durationShort.var,
     transitionProperty: "fill, opacity",
     opacity: "0"
   },
@@ -497,25 +497,25 @@ const wt = w({
     opacity: "1"
   },
   ".head-button:hover": {
-    fill: i.colorActive.var
+    fill: s.colorActive.var
   },
   ".head-button svg": {
     width: "100%",
     height: "100%"
   }
 });
-let ee = class extends ve {
+let te = class extends fe {
   constructor(t) {
     var r, n, a, o;
-    super(), C(this, v, []), C(this, W, void 0), C(this, L, void 0), C(this, I, !1), C(this, F, void 0), C(this, J, () => {
-      $.current.find((s) => h(this, v).includes(s)) || this.remove();
-    }), C(this, V, (s) => {
-      h(this, I) && ((s.metaKey || s.ctrlKey) && s.code === "KeyC" ? navigator.clipboard.writeText(h(this, v)[0].current) : (s.metaKey || s.ctrlKey) && s.code === "KeyR" && (h(this, v).forEach((_) => {
-        _.reset();
-      }), s.preventDefault()));
-    }), k(this, v, [t.store]), k(this, W, t.store.passport.name), k(this, L, h(this, W).split(".").slice(-1).toString());
+    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) => {
+        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());
     const e = ((n = (r = t.store.passport) == null ? void 0 : r.manager) == null ? void 0 : n.type) || "string";
-    k(this, F, new ut[e](h(this, v)[0])), this.openShadow(wt), d(this, {
+    k(this, F, 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
       },
@@ -526,26 +526,26 @@ let ee = class extends ve {
         k(this, I, !0);
       },
       children: [
-        m({
+        w({
           class: "head",
           children: [
-            m({ class: "name", children: h(this, L) + ":" }),
-            m({
+            w({ class: "name", children: h(this, L) + ":" }),
+            w({
               class: "head-buttons",
               children: [
                 A({
                   class: "head-button",
-                  children: _e,
+                  children: me,
                   onClick: () => {
-                    navigator.clipboard.writeText(h(this, v)[0].current);
+                    navigator.clipboard.writeText(h(this, u)[0].current);
                   }
                 }),
                 A({
                   class: "head-button",
-                  children: me,
+                  children: we,
                   onClick: () => {
-                    h(this, v).forEach((s) => {
-                      s.reset();
+                    h(this, u).forEach((i) => {
+                      i.reset();
                     });
                   }
                 })
@@ -564,120 +564,120 @@ let ee = class extends ve {
     return h(this, L);
   }
   get stores() {
-    return h(this, v);
+    return h(this, u);
   }
   addStore(t) {
     h(this, F).addStore(t);
   }
   connectedCallback() {
-    $.subscribe(h(this, J)), addEventListener("keydown", h(this, V)), Re(this);
+    $.subscribe(h(this, V)), addEventListener("keydown", h(this, Y)), De(this);
   }
   disconnectedCallback() {
-    $.unsubscribe(h(this, J)), removeEventListener("keydown", h(this, V));
+    $.unsubscribe(h(this, V)), removeEventListener("keydown", h(this, Y));
   }
 };
-v = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
 W = /* @__PURE__ */ new WeakMap();
 L = /* @__PURE__ */ new WeakMap();
 I = /* @__PURE__ */ new WeakMap();
 F = /* @__PURE__ */ new WeakMap();
-J = /* @__PURE__ */ new WeakMap();
 V = /* @__PURE__ */ new WeakMap();
-ee = ft([
-  u("e-tweaker-field")
-], ee);
-var mt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, bt = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? _t(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && mt(e, r, a), a;
-}, ye = (t, e, r) => {
+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);
+  return n && a && wt(e, r, a), a;
+}, Se = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, l = (t, e, r) => (ye(t, e, "read from private field"), r ? r.call(t) : e.get(t)), x = (t, e, r) => {
+}, l = (t, e, r) => (Se(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);
-}, ne = (t, e, r, n) => (ye(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), g, Y, c, B, q, de;
-const St = w({
+}, 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;
+const _t = m({
   ".wrapper": {
     boxSizing: "border-box",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: i.borderRadius.var
+    borderRadius: s.borderRadius.var
   },
   ".head": {
     boxSizing: "border-box",
     width: "100%",
-    height: i.tweakerFolderHeight.var,
-    paddingLeft: i.gapMedium.var,
-    paddingRight: i.gapMedium.var,
+    height: s.tweakerFolderHeight.var,
+    paddingLeft: s.gapMedium.var,
+    paddingRight: s.gapMedium.var,
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    backgroundColor: i.colorDarkAux.var,
-    borderRadius: i.borderRadius.var
+    backgroundColor: s.colorDarkAux.var,
+    borderRadius: s.borderRadius.var
   },
   ".name": {
-    fontSize: i.fontSizeLarge.var,
-    color: i.colorLight.var
+    fontSize: s.fontSizeLarge.var,
+    color: s.colorLight.var
   },
   ".body": {
     transitionProperty: "height",
-    transitionDuration: i.durationShort.var,
+    transitionDuration: s.durationShort.var,
     overflow: "hidden",
     height: "0px"
   },
   ".body-content": {
     boxSizing: "border-box",
-    padding: i.gapLarge.var,
+    padding: s.gapLarge.var,
     display: "grid",
-    gap: i.gapMedium.var
+    gap: s.gapMedium.var
   },
   ".arrow": {
     width: "20px",
     height: "20px",
-    fill: i.colorLight.var,
-    transition: `transform ${i.durationShort.var}`
+    fill: s.colorLight.var,
+    transition: `transform ${s.durationShort.var}`
   },
   ".opened .arrow": {
     transform: "scaleY(-1)"
   }
 });
-let z = class extends Te {
+let z = class extends Ee {
   constructor(t) {
-    super(), x(this, g, void 0), x(this, Y, new se(null)), x(this, c, new se([])), x(this, B, void 0), x(this, q, null), x(this, de, (e) => {
+    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) => {
       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, g) && !l(this, c).current.length && !n.length && this.remove();
-    }), this.openShadow(St), ne(this, g, t.key), ne(this, B, new MutationObserver(l(this, de))), d(this, {
+      ), 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, {
       onAccordionItemToggle: (e) => {
-        e.stopPropagation(), e.detail.opened ? P.openPanel(l(this, g)) : P.closePanel(l(this, g));
+        e.stopPropagation(), e.detail.opened ? P.openPanel(l(this, v)) : P.closePanel(l(this, v));
       },
       children: [
-        m({
+        w({
           class: "wrapper",
           children: [
-            m({
+            w({
               class: "head",
               children: [
-                l(this, g) ? m({
+                l(this, v) ? w({
                   class: "name",
-                  children: [l(this, g).split(".").slice(-1).toString()]
+                  children: [l(this, v).split(".").slice(-1).toString()]
                 }) : null,
-                l(this, Y),
-                d(De, {
+                l(this, B),
+                p(Te, {
                   class: "arrow"
                 })
               ]
             }),
-            m({
+            w({
               class: "body",
-              children: m({
+              children: w({
                 class: "body-content",
                 children: l(this, c),
-                ref: (e) => ne(this, q, e.firstElementChild)
+                ref: (e) => ie(this, Q, e.firstElementChild)
               })
             })
           ]
@@ -686,18 +686,18 @@ let z = class extends Te {
     }), t != null && t.storeBox && this.handleStore(t.storeBox);
   }
   get key() {
-    return l(this, g);
+    return l(this, v);
   }
   get head() {
-    return l(this, Y);
+    return l(this, B);
   }
   get content() {
     return l(this, c);
   }
   connectedCallback() {
     super.connectedCallback(), setTimeout(() => {
-      P.isPanelOpened(l(this, g)) && this.openAll({ skipTransition: !0 });
-    }, 50), l(this, B).observe(l(this, q), {
+      P.isPanelOpened(l(this, v)) && this.openAll({ skipTransition: !0 });
+    }, 50), l(this, q).observe(l(this, Q), {
       childList: !0
     });
   }
@@ -721,44 +721,45 @@ let z = class extends Te {
       const e = l(this, c).current.find(
         (r) => r.key === t.store.passport.name
       );
-      e instanceof ee ? e.addStore(t.store) : l(this, c).current = [
+      e instanceof te ? e.addStore(t.store) : l(this, c).current = [
         ...l(this, c).current,
-        new ee({
+        new te({
           store: t.store
         })
       ];
     }
   }
 };
-g = /* @__PURE__ */ new WeakMap();
-Y = /* @__PURE__ */ new WeakMap();
-c = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
+c = /* @__PURE__ */ new WeakMap();
 q = /* @__PURE__ */ new WeakMap();
-de = /* @__PURE__ */ new WeakMap();
+Q = /* @__PURE__ */ new WeakMap();
+pe = /* @__PURE__ */ new WeakMap();
 z = bt([
-  u("e-tweaker-folder")
+  f("e-tweaker-folder")
 ], z);
-var yt = Object.defineProperty, Ct = Object.getOwnPropertyDescriptor, kt = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Ct(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && yt(e, r, a), a;
-}, xt = (t, e, r) => {
+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;
+}, kt = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, fe = (t, e, r) => (xt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), $t = (t, e, r) => {
+}, G = (t, e, r) => (kt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), ge = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, Q;
-const Pt = w({
+}, U, X;
+const xt = m({
   ":host": {
+    fontFamily: "sans-serif",
     position: "absolute",
-    top: i.tweakerOffset.var,
-    right: i.tweakerOffset.var,
-    width: i.tweakerWidth.var,
-    backgroundColor: i.colorDark.var,
-    borderRadius: i.borderRadius.var,
+    top: s.tweakerOffset.var,
+    right: s.tweakerOffset.var,
+    width: s.tweakerWidth.var,
+    backgroundColor: s.colorDark.var,
+    borderRadius: s.borderRadius.var,
     transition: "opacity 0.2s",
     zIndex: "100",
     opacity: "0.1"
@@ -769,7 +770,7 @@ const Pt = w({
   ".tweaker-buttons": {
     display: "flex",
     alignItems: "center",
-    gap: i.gapExtraSmall.var
+    gap: s.gapExtraSmall.var
   },
   ".tweaker-button": {
     width: "18px",
@@ -778,12 +779,12 @@ const Pt = w({
     margin: "0",
     background: "none",
     border: "none",
-    fill: i.colorLight.var,
+    fill: s.colorLight.var,
     transitionProperty: "fill",
-    transitionDuration: i.durationShort.var
+    transitionDuration: s.durationShort.var
   },
   ".tweaker-button:hover": {
-    fill: i.colorActive.var
+    fill: s.colorActive.var
   },
   ".tweaker-button svg": {
     width: "100%",
@@ -793,8 +794,8 @@ const Pt = w({
     maxHeight: `calc(
       100dvh - 
       (
-        ${i.tweakerOffset.var} * 2 + 
-        ${i.tweakerFolderHeight.var}
+        ${s.tweakerOffset.var} * 2 + 
+        ${s.tweakerFolderHeight.var}
       )
     )`,
     overflow: "hidden auto",
@@ -804,7 +805,7 @@ const Pt = w({
   ":host .body-content::-webkit-scrollbar": {
     display: "none"
   },
-  [`@media ${Ee["<=mobile"]}`]: {
+  [`@media ${Me["<=mobile"]}`]: {
     ":host": {
       position: "absolute",
       top: "0",
@@ -816,16 +817,18 @@ const Pt = w({
     ":host .body-content": {
       maxHeight: `calc(
         100dvh - 
-        ${i.tweakerFolderHeight.var}
+        ${s.tweakerFolderHeight.var}
       )`
     }
   }
 });
-let pe = class extends z {
+let ue = class extends z {
   constructor() {
     super({
       key: ""
-    }), $t(this, Q, Me(() => {
+    }), ge(this, U, () => {
+      P.save();
+    }), ge(this, X, xe(() => {
       $.current.forEach((t) => {
         if (t.passport) {
           const e = t.passport.name.split(".");
@@ -835,8 +838,8 @@ let pe = class extends z {
           });
         }
       });
-    }, 10)), this.addStylesheet(Pt), this.head.current = [
-      m({
+    }, 10)), P.load(), this.addStylesheet(xt), this.head.current = [
+      w({
         class: "tweaker-buttons",
         onClick: (t) => {
           t.stopPropagation();
@@ -844,14 +847,14 @@ let pe = class extends z {
         children: [
           A({
             class: "tweaker-button",
-            children: me,
+            children: we,
             onClick: () => {
               S.resetState();
             }
           }),
           A({
             class: ["tweaker-button"],
-            children: [_e],
+            children: [me],
             onClick: () => {
               navigator.clipboard.writeText(
                 JSON.stringify(S.getState())
@@ -860,19 +863,19 @@ let pe = class extends z {
           }),
           A({
             class: "tweaker-button",
-            children: Le,
+            children: We,
             onClick: () => {
-              Oe(
+              ke(
                 S.projectName,
                 S.getState()
               );
             }
           }),
-          Pe({
+          Oe({
             class: "tweaker-button",
             children: [
-              Ie,
-              te({
+              Le,
+              re({
                 type: "file",
                 style: {
                   display: "none"
@@ -885,18 +888,16 @@ let pe = class extends z {
                     if (r) {
                       const a = new FileReader();
                       a.onload = (o) => {
-                        var _, H;
-                        const s = (H = (_ = o.target) == null ? void 0 : _.result) == null ? void 0 : H.toString();
-                        s && S.loadState(s);
+                        var b, H;
+                        const i = (H = (b = o.target) == null ? void 0 : b.result) == null ? void 0 : H.toString();
+                        i && S.loadState(i);
                       }, a.readAsText(r);
                     }
                     e.onchange = null;
                   }, e.click();
                 }
               })
-            ],
-            onClick: () => {
-            }
+            ]
           })
         ]
       })
@@ -905,53 +906,15 @@ let pe = class extends z {
     });
   }
   connectedCallback() {
-    super.connectedCallback(), $.subscribe(fe(this, Q));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), $.unsubscribe(fe(this, Q));
-  }
-};
-Q = /* @__PURE__ */ new WeakMap();
-pe = kt([
-  u("e-tweaker")
-], pe);
-var Ot = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Et = (t, e, r, n) => {
-  for (var a = n > 1 ? void 0 : n ? Mt(e, r) : e, o = t.length - 1, s; o >= 0; o--)
-    (s = t[o]) && (a = (n ? s(e, r, a) : s(a)) || a);
-  return n && a && Ot(e, r, a), a;
-}, Tt = (t, e, r) => {
-  if (!e.has(t))
-    throw TypeError("Cannot " + r);
-}, we = (t, e, r) => (Tt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Dt = (t, e, r) => {
-  if (e.has(t))
-    throw TypeError("Cannot add the same private member more than once");
-  e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, U;
-const Rt = w({
-  ":host": {
-    fontFamily: "sans-serif"
-  }
-});
-let ue = class extends ve {
-  constructor() {
-    super(), Dt(this, U, () => {
-      P.save();
-    }), this.openShadow(Rt), P.load(), d(this, {
-      children: [new pe()]
-    });
-  }
-  connectedCallback() {
-    window.addEventListener("beforeunload", we(this, U));
+    super.connectedCallback(), window.addEventListener("beforeunload", G(this, U)), $.subscribe(G(this, X));
   }
   disconnectedCallback() {
-    window.removeEventListener("beforeunload", we(this, U)), P.save();
+    super.disconnectedCallback(), window.removeEventListener("beforeunload", G(this, U)), P.save(), $.unsubscribe(G(this, X));
   }
 };
 U = /* @__PURE__ */ new WeakMap();
-ue = Et([
-  u("e-studio")
+X = /* @__PURE__ */ new WeakMap();
+ue = Ct([
+  f("e-tweaker")
 ], ue);
-ke && document.body.appendChild(new ue());
-export {
-  ue as StudioElement
-};
+Ce && document.body.appendChild(new ue());