aptechka 0.1.7 → 0.1.9

package/lib/studio/index.js

@@ -1,46 +1,46 @@
-var fe = (t, e, r) => {
+var ge = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
 };
-var d = (t, e, r) => (fe(t, e, "read from private field"), r ? r.call(t) : e.get(t)), G = (t, e, r) => {
+var d = (t, e, r) => (ge(t, e, "read from private field"), r ? r.call(t) : e.get(t)), G = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
-}, M = (t, e, r, s) => (fe(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r);
-import { i as xe } from "../browser-0zX67oeU.js";
-import { CustomElement as ge, define as p } from "../custom-element/index.js";
-import { s as S, S as ie, a as $ } from "../Store-JOKrNVEr.js";
-import { e as m, a0 as N, a as $e, aY as re, aB as Pe, D as w, p as I, a3 as Oe } from "../tags-D-lzPz_v.js";
-import { c as f } from "../createStylesheet-BSXZrWW6.js";
-import { c as Me } from "../file-lxi_oXJf.js";
-import { d as Ee } from "../function-C10DGppn.js";
-import { A as Te } from "../Animated-Br_4OSth.js";
-import { a as De } from "../Viewport-CXY5xcGJ.js";
-import { AccordionElement as Re } from "../accordion/index.js";
-import { a as We } from "../index-dBwVZz_v.js";
-import { d as Le } from "../events-CoqmkUxo.js";
+}, 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";
+import { s as S, S as se, a as $ } from "../Store-JOKrNVEr.js";
+import { e as p, a0 as N, a as xe, aB as $e, D as m, p as F, a3 as Pe } from "../tags-kZqsS_nJ.js";
+import { c as w } from "../createStylesheet-DSgkNlUZ.js";
+import { c as Oe } from "../file-lxi_oXJf.js";
+import { d as Me } from "../function-C10DGppn.js";
+import { A as Ee } from "../Animated-Br_4OSth.js";
+import { a as Te } from "../Viewport-CXY5xcGJ.js";
+import { AccordionElement as De } from "../accordion/index.js";
+import { a as Re } from "../index-228VqUsZ.js";
+import { d as We } from "../events-_C2CztxR.js";
 import { aptechkaTheme as i } from "../theme/index.js";
-import { c as Fe } from "../math-BOBiC4TN.js";
-const be = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>', _e = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>', Ae = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>', Ie = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';
-var O, g;
-class ze {
+import { c as Le } 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>', 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 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>', Ae = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 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 {
   constructor() {
     G(this, O, "");
-    G(this, g, []);
+    G(this, f, []);
     M(this, O, S.projectName + "-studio");
   }
   openPanel(e) {
-    d(this, g).includes(e) || d(this, g).push(e);
+    d(this, f).includes(e) || d(this, f).push(e);
   }
   closePanel(e) {
-    M(this, g, d(this, g).filter((r) => r !== e));
+    M(this, f, d(this, f).filter((r) => r !== e));
   }
   isPanelOpened(e) {
-    return d(this, g).includes(e);
+    return d(this, f).includes(e);
   }
   save() {
     const e = {
-      openedPanels: d(this, g)
+      openedPanels: d(this, f)
     };
     localStorage.setItem(d(this, O), JSON.stringify(e)), S.saveState();
   }
@@ -50,16 +50,16 @@ class ze {
     if (e)
       try {
         const r = JSON.parse(e);
-        r.openedPanels && M(this, g, r.openedPanels);
+        r.openedPanels && M(this, f, r.openedPanels);
       } catch (r) {
         console.error(r);
       }
   }
 }
-O = new WeakMap(), g = new WeakMap();
-const P = new ze();
+O = new WeakMap(), f = new WeakMap();
+const P = new Fe();
 var y;
-class H extends ge {
+class H extends ve {
   constructor(...r) {
     super();
     G(this, y, void 0);
@@ -75,18 +75,18 @@ class H extends ge {
     return d(this, y);
   }
   updateStores(r) {
-    d(this, y).forEach((s) => {
-      s.current = r;
+    d(this, y).forEach((n) => {
+      n.current = r;
     });
   }
 }
 y = new WeakMap();
-var Ne = Object.defineProperty, He = Object.getOwnPropertyDescriptor, Ze = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? He(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Ne(e, r, a), a;
+var ze = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, He = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? Ne(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;
 };
-const Ge = f({
+const Ze = w({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -102,18 +102,14 @@ const Ge = f({
     accentColor: i.colorLight.var
   }
 });
-let oe = class extends H {
+let ie = class extends H {
   constructor(...t) {
-    super(...t), this.openShadow(Ge), m(this, {
-      shadowChildren: [
+    super(...t), this.openShadow(Ze), p(this, {
+      children: [
         N({
-          attributes: {
-            type: "checkbox"
-          },
-          events: {
-            change: (e) => {
-              this.updateStores(e.currentTarget.checked);
-            }
+          type: "checkbox",
+          onChange: (e) => {
+            this.updateStores(e.currentTarget.checked);
           },
           ref: (e) => {
             this.firstStore.subscribe((r) => {
@@ -125,15 +121,15 @@ let oe = class extends H {
     });
   }
 };
-oe = Ze([
-  p("e-tweaker-boolean-manager")
-], oe);
-var Ke = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Ve = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? Je(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Ke(e, r, a), a;
+ie = He([
+  u("e-tweaker-boolean-manager")
+], ie);
+var Ge = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, Je = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? Ke(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 && Ge(e, r, a), a;
 };
-const Ye = f({
+const Ve = w({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -156,70 +152,64 @@ const Ye = f({
     height: `calc(${i.heightInput.var} * 0.93)`
   }
 });
-let le = class extends H {
+let oe = class extends H {
   constructor(...t) {
-    super(...t), this.openShadow(Ye), m(this, {
-      shadowChildren: [
+    super(...t), this.openShadow(Ve), p(this, {
+      children: [
         N({
-          attributes: {
-            type: "color",
-            value: this.firstStore
-          },
-          events: {
-            input: (e) => {
-              this.updateStores(e.currentTarget.value);
-            }
+          type: "color",
+          value: this.firstStore,
+          onInput: (e) => {
+            this.updateStores(e.currentTarget.value);
           }
         })
       ]
     });
   }
 };
-le = Ve([
-  p("e-tweaker-color-manager")
-], le);
-var Be = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, Qe = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? qe(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Be(e, r, a), a;
+oe = Je([
+  u("e-tweaker-color-manager")
+], oe);
+var Ye = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, qe = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? Be(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 && Ye(e, r, a), a;
 };
-const Ue = f({
+const Qe = w({
   a: {
     color: "inherit"
   }
 });
-let he = class extends H {
+let le = class extends H {
   constructor(...t) {
     var e, r;
-    super(...t), this.openShadow(Ue), m(this, {
-      shadowChildren: [
-        $e({
-          attributes: {
-            href: this.firstStore,
-            target: (r = (e = this.firstStore.passport) == null ? void 0 : e.manager) != null && r.sameWindow ? "_self" : "_blank"
-          },
+    super(...t), this.openShadow(Qe), p(this, {
+      children: [
+        xe({
+          href: this.firstStore,
+          target: (r = (e = this.firstStore.passport) == null ? void 0 : e.manager) != null && r.sameWindow ? "_self" : "_blank",
           children: this.firstStore
         })
       ]
     });
   }
 };
-he = Qe([
-  p("e-tweaker-link-manager")
-], he);
-var Xe = Object.defineProperty, je = Object.getOwnPropertyDescriptor, et = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? je(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Xe(e, r, a), a;
-}, tt = (t, e, r) => {
+le = qe([
+  u("e-tweaker-link-manager")
+], le);
+var Ue = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, je = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? Xe(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 && Ue(e, r, a), a;
+}, et = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, ae = (t, e, r) => (tt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), rt = (t, e, r) => {
+}, re = (t, e, r) => (et(t, e, "read from private field"), r ? r.call(t) : e.get(t)), tt = (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 at = f({
+const rt = w({
   ":host": {
     width: "100%",
     display: "flex",
@@ -245,88 +235,84 @@ const at = f({
 });
 let j = class extends H {
   constructor(...t) {
-    super(...t), rt(this, E, new ie([])), this.openShadow(at), m(this, {
-      shadowChildren: [
+    super(...t), tt(this, E, new se([])), this.openShadow(rt), p(this, {
+      children: [
         N({
           class: "text-input",
-          attributes: {
-            type: "string",
-            value: this.firstStore
-          },
-          events: {
-            change: (e) => {
-              this.updateStores(
-                e.currentTarget.value
-              );
-            }
+          type: "string",
+          value: this.firstStore,
+          onChange: (e) => {
+            this.updateStores(
+              e.currentTarget.value
+            );
           }
         }),
-        ae(this, E)
+        re(this, E)
       ]
     });
   }
   appendContent(t) {
-    ae(this, E).current = [...ae(this, E).current, t];
+    re(this, E).current = [...re(this, E).current, t];
   }
 };
 E = /* @__PURE__ */ new WeakMap();
-j = et([
-  p("e-tweaker-string-manager")
+j = je([
+  u("e-tweaker-string-manager")
 ], j);
-var st = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, it = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? nt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && st(e, r, a), a;
-}, Se = (t, e, r) => {
+var at = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, st = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? nt(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 && at(e, r, a), a;
+}, be = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, _ = (t, e, r) => (Se(t, e, "read from private field"), r ? r.call(t) : e.get(t)), K = (t, e, r) => {
+}, b = (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);
-}, se = (t, e, r, s) => (Se(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), T, D, R, J;
+}, 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, J;
 let ee = class extends j {
   constructor(...t) {
-    var e, r, s, a, o, n;
-    super(...t), K(this, T, void 0), K(this, D, void 0), K(this, R, void 0), K(this, J, (b) => {
-      const Z = typeof b == "string" ? parseFloat(b) || this.min : b, ke = Fe(Z, _(this, D), _(this, R));
-      return this.toFixed(ke);
-    }), se(this, D, ((r = (e = this.firstStore.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min) || 0), se(this, R, ((a = (s = this.firstStore.passport) == null ? void 0 : s.manager) == null ? void 0 : a.max) || 1), se(this, T, ((n = (o = this.firstStore.passport) == null ? void 0 : o.manager) == null ? void 0 : n.step) || 0.01);
+    var e, r, n, a, o, s;
+    super(...t), K(this, T, void 0), K(this, D, void 0), K(this, R, void 0), K(this, J, (_) => {
+      const Z = typeof _ == "string" ? parseFloat(_) || this.min : _, Ce = Le(Z, 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);
   }
   get min() {
-    return _(this, D);
+    return b(this, D);
   }
   get max() {
-    return _(this, R);
+    return b(this, R);
   }
   get step() {
-    return _(this, T);
+    return b(this, T);
   }
   toFixed(t) {
     var r;
-    const e = ((r = _(this, T).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
+    const e = ((r = b(this, T).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
     return e ? +t.toFixed(e) : Math.ceil(t);
   }
   connectedCallback() {
-    this.firstStore.addMiddleware(_(this, J));
+    this.firstStore.addMiddleware(b(this, J));
   }
   disconnectedCallback() {
-    this.firstStore.removeMiddleware(_(this, J));
+    this.firstStore.removeMiddleware(b(this, J));
   }
 };
 T = /* @__PURE__ */ new WeakMap();
 D = /* @__PURE__ */ new WeakMap();
 R = /* @__PURE__ */ new WeakMap();
 J = /* @__PURE__ */ new WeakMap();
-ee = it([
-  p("e-tweaker-number-manager")
+ee = st([
+  u("e-tweaker-number-manager")
 ], ee);
-var ot = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, ht = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? lt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && ot(e, r, a), a;
+var it = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, lt = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? ot(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 && it(e, r, a), a;
 };
-const ct = f({
+const ht = w({
   ":host": {
     width: "100%"
   },
@@ -364,38 +350,34 @@ const ct = f({
     background: "transparent"
   }
 });
-let ce = class extends ee {
+let he = class extends ee {
   constructor(...t) {
-    super(...t), this.addStylesheet(ct), this.appendContent(
+    super(...t), this.addStylesheet(ht), this.appendContent(
       N({
         class: "range-input",
-        attributes: {
-          type: "range",
-          min: this.min,
-          max: this.max,
-          step: this.step,
-          value: this.firstStore
-        },
-        events: {
-          input: (e) => {
-            this.updateStores(
-              parseFloat(e.currentTarget.value)
-            );
-          }
+        type: "range",
+        min: this.min,
+        max: this.max,
+        step: this.step,
+        value: this.firstStore,
+        onInput: (e) => {
+          this.updateStores(
+            parseFloat(e.currentTarget.value)
+          );
         }
       })
     );
   }
 };
-ce = ht([
-  p("e-tweaker-range-manager")
-], ce);
-var dt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, ut = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? pt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && dt(e, r, a), a;
+he = lt([
+  u("e-tweaker-range-manager")
+], he);
+var ct = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, pt = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? dt(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 && ct(e, r, a), a;
 };
-const vt = f({
+const ut = w({
   "e-select": {
     width: "100%",
     "--arrow-color": i.colorLight.var
@@ -424,37 +406,29 @@ const vt = f({
     transform: "scaleY(-1)"
   }
 });
-let de = class extends H {
+let ce = class extends H {
   constructor(...t) {
-    var r, s;
-    super(...t), this.openShadow(vt);
-    const e = ((s = (r = this.firstStore.passport) == null ? void 0 : r.manager) == null ? void 0 : s.variants) || [];
-    m(this, {
-      shadowChildren: re("e-select", {
-        attributes: {
-          value: this.firstStore
+    var r, n;
+    super(...t), this.openShadow(ut);
+    const e = ((n = (r = this.firstStore.passport) == null ? void 0 : r.manager) == null ? void 0 : n.variants) || [];
+    p(this, {
+      children: p("e-select", {
+        value: this.firstStore,
+        onChange: (a) => {
+          this.updateStores(a.currentTarget.value);
         },
-        events: {
-          change: (a) => {
-            this.updateStores(a.currentTarget.value);
-          }
-        },
-        children: [
-          re("e-select-head", {
-            children: [
-              Pe({
-                attributes: {
-                  "data-value-holder": ""
-                }
+        lightChildren: [
+          p("e-select-head", {
+            lightChildren: [
+              $e({
+                "data-value-holder": ""
               })
             ]
           }),
           ...e.map(
-            (a, o) => re("e-select-option", {
-              children: a,
-              attributes: {
-                default: o === 0 ? !0 : null
-              }
+            (a, o) => p("e-select-option", {
+              lightChildren: a,
+              default: o === 0 ? !0 : null
             })
           )
         ]
@@ -462,31 +436,31 @@ let de = class extends H {
     });
   }
 };
-de = ut([
-  p("e-tweaker-select-manager")
-], de);
-const gt = {
-  boolean: oe,
-  color: le,
-  link: he,
+ce = pt([
+  u("e-tweaker-select-manager")
+], ce);
+const vt = {
+  boolean: ie,
+  color: oe,
+  link: le,
   number: ee,
-  range: ce,
-  select: de,
+  range: he,
+  select: ce,
   string: j
 };
-var ft = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, mt = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? wt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && ft(e, r, a), a;
-}, ye = (t, e, r) => {
+var gt = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, wt = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? ft(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 && gt(e, r, a), a;
+}, Se = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, h = (t, e, r) => (ye(t, e, "read from private field"), r ? r.call(t) : e.get(t)), C = (t, e, r) => {
+}, h = (t, e, r) => (Se(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, s) => (ye(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), u, W, L, F, A, V, Y;
-const bt = f({
+}, 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, A, V, Y;
+const mt = w({
   ":host": {
     display: "grid",
     gridAutoFlow: "column",
@@ -531,55 +505,49 @@ const bt = f({
     height: "100%"
   }
 });
-let te = class extends ge {
+let te = class extends ve {
   constructor(t) {
-    var r, s, a, o;
-    super(), C(this, u, []), C(this, W, void 0), C(this, L, void 0), C(this, F, !1), C(this, A, void 0), C(this, V, () => {
-      $.current.find((n) => h(this, u).includes(n)) || this.remove();
-    }), C(this, Y, (n) => {
-      h(this, F) && ((n.metaKey || n.ctrlKey) && n.code === "KeyC" ? navigator.clipboard.writeText(h(this, u)[0].current) : (n.metaKey || n.ctrlKey) && n.code === "KeyR" && (h(this, u).forEach((b) => {
-        b.reset();
-      }), n.preventDefault()));
-    }), k(this, u, [t.store]), k(this, W, t.store.passport.name), k(this, L, h(this, W).split(".").slice(-1).toString());
-    const e = ((s = (r = t.store.passport) == null ? void 0 : r.manager) == null ? void 0 : s.type) || "string";
-    k(this, A, new gt[e](h(this, u)[0])), this.openShadow(bt), m(this, {
+    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, A, void 0), C(this, V, () => {
+      $.current.find((s) => h(this, v).includes(s)) || this.remove();
+    }), C(this, Y, (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());
+    const e = ((n = (r = t.store.passport) == null ? void 0 : r.manager) == null ? void 0 : n.type) || "string";
+    k(this, A, new vt[e](h(this, v)[0])), this.openShadow(mt), p(this, {
       class: {
         disabled: ((o = (a = t.store.passport) == null ? void 0 : a.manager) == null ? void 0 : o.disabled) || !1
       },
-      events: {
-        pointerleave: () => {
-          k(this, F, !1);
-        },
-        pointerenter: () => {
-          k(this, F, !0);
-        }
+      onPointerleave: () => {
+        k(this, I, !1);
       },
-      shadowChildren: [
-        w({
+      onPointerenter: () => {
+        k(this, I, !0);
+      },
+      children: [
+        m({
           class: "head",
           children: [
-            w({ class: "name", children: h(this, L) + ":" }),
-            w({
+            m({ class: "name", children: h(this, L) + ":" }),
+            m({
               class: "head-buttons",
               children: [
-                I({
+                F({
                   class: "head-button",
                   children: _e,
-                  events: {
-                    click: () => {
-                      navigator.clipboard.writeText(h(this, u)[0].current);
-                    }
+                  onClick: () => {
+                    navigator.clipboard.writeText(h(this, v)[0].current);
                   }
                 }),
-                I({
+                F({
                   class: "head-button",
-                  children: be,
-                  events: {
-                    click: () => {
-                      h(this, u).forEach((n) => {
-                        n.reset();
-                      });
-                    }
+                  children: me,
+                  onClick: () => {
+                    h(this, v).forEach((s) => {
+                      s.reset();
+                    });
                   }
                 })
               ]
@@ -597,41 +565,41 @@ let te = class extends ge {
     return h(this, L);
   }
   get stores() {
-    return h(this, u);
+    return h(this, v);
   }
   addStore(t) {
     h(this, A).addStore(t);
   }
   connectedCallback() {
-    $.subscribe(h(this, V)), addEventListener("keydown", h(this, Y)), Le(this);
+    $.subscribe(h(this, V)), addEventListener("keydown", h(this, Y)), We(this);
   }
   disconnectedCallback() {
     $.unsubscribe(h(this, V)), removeEventListener("keydown", h(this, Y));
   }
 };
-u = /* @__PURE__ */ new WeakMap();
+v = /* @__PURE__ */ new WeakMap();
 W = /* @__PURE__ */ new WeakMap();
 L = /* @__PURE__ */ new WeakMap();
-F = /* @__PURE__ */ new WeakMap();
+I = /* @__PURE__ */ new WeakMap();
 A = /* @__PURE__ */ new WeakMap();
 V = /* @__PURE__ */ new WeakMap();
 Y = /* @__PURE__ */ new WeakMap();
-te = mt([
-  p("e-tweaker-field")
+te = wt([
+  u("e-tweaker-field")
 ], te);
-var _t = Object.defineProperty, St = Object.getOwnPropertyDescriptor, yt = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? St(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && _t(e, r, a), a;
-}, Ce = (t, e, r) => {
+var _t = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, St = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? bt(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 && _t(e, r, a), a;
+}, ye = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, l = (t, e, r) => (Ce(t, e, "read from private field"), r ? r.call(t) : e.get(t)), x = (t, e, r) => {
+}, l = (t, e, r) => (ye(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, s) => (Ce(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), v, B, c, q, Q, pe;
-const Ct = f({
+}, ne = (t, e, r, n) => (ye(t, e, "write to private field"), n ? n.call(t, r) : e.set(t, r), r), g, B, c, q, Q, de;
+const yt = w({
   ".wrapper": {
     boxSizing: "border-box",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
@@ -675,41 +643,39 @@ const Ct = f({
     transform: "scaleY(-1)"
   }
 });
-let z = class extends Re {
+let z = class extends De {
   constructor(t) {
-    super(), x(this, v, void 0), x(this, B, new ie(null)), x(this, c, new ie([])), x(this, q, void 0), x(this, Q, null), x(this, pe, (e) => {
-      let r = [], s = [];
+    super(), x(this, g, void 0), x(this, B, new se(null)), x(this, c, new se([])), x(this, q, void 0), x(this, Q, null), x(this, de, (e) => {
+      let r = [], n = [];
       e.forEach((a) => {
-        r = [...r, ...a.removedNodes], s = [...s, ...a.addedNodes];
+        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 && !s.length && this.remove();
-    }), this.openShadow(Ct), ne(this, v, t.key), ne(this, q, new MutationObserver(l(this, pe))), m(this, {
-      events: {
-        "e-accordion-item-toggle": (e) => {
-          e.stopPropagation(), e.detail.opened ? P.openPanel(l(this, v)) : P.closePanel(l(this, v));
-        }
+      ), l(this, g) && !l(this, c).current.length && !n.length && this.remove();
+    }), this.openShadow(yt), ne(this, g, t.key), ne(this, q, new MutationObserver(l(this, de))), p(this, {
+      onAccordionItemToggle: (e) => {
+        e.stopPropagation(), e.detail.opened ? P.openPanel(l(this, g)) : P.closePanel(l(this, g));
       },
-      shadowChildren: [
-        w({
+      children: [
+        m({
           class: "wrapper",
           children: [
-            w({
+            m({
               class: "head",
               children: [
-                l(this, v) ? w({
+                l(this, g) ? m({
                   class: "name",
-                  children: [l(this, v).split(".").slice(-1).toString()]
+                  children: [l(this, g).split(".").slice(-1).toString()]
                 }) : null,
                 l(this, B),
-                m(We, {
+                p(Re, {
                   class: "arrow"
                 })
               ]
             }),
-            w({
+            m({
               class: "body",
-              children: w({
+              children: m({
                 class: "body-content",
                 children: l(this, c),
                 ref: (e) => ne(this, Q, e.firstElementChild)
@@ -721,7 +687,7 @@ let z = class extends Re {
     }), t != null && t.storeBox && this.handleStore(t.storeBox);
   }
   get key() {
-    return l(this, v);
+    return l(this, g);
   }
   get head() {
     return l(this, B);
@@ -731,21 +697,21 @@ let z = class extends Re {
   }
   connectedCallback() {
     super.connectedCallback(), setTimeout(() => {
-      P.isPanelOpened(l(this, v)) && this.openAll({ skipTransition: !0 });
+      P.isPanelOpened(l(this, g)) && 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("."), s = r.slice(0, r.length - t.remainingFolders.length).join("."), a = l(this, c).current.find((o) => o.key === s);
+      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({
         store: t.store,
         remainingFolders: t.remainingFolders.slice(1)
       }) : l(this, c).current = [
         ...l(this, c).current,
         new z({
-          key: s,
+          key: n,
           storeBox: {
             store: t.store,
             remainingFolders: t.remainingFolders.slice(1)
@@ -765,28 +731,28 @@ let z = class extends Re {
     }
   }
 };
-v = /* @__PURE__ */ new WeakMap();
+g = /* @__PURE__ */ new WeakMap();
 B = /* @__PURE__ */ new WeakMap();
 c = /* @__PURE__ */ new WeakMap();
 q = /* @__PURE__ */ new WeakMap();
 Q = /* @__PURE__ */ new WeakMap();
-pe = /* @__PURE__ */ new WeakMap();
-z = yt([
-  p("e-tweaker-folder")
+de = /* @__PURE__ */ new WeakMap();
+z = St([
+  u("e-tweaker-folder")
 ], z);
-var kt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, $t = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? xt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && kt(e, r, a), a;
-}, Pt = (t, e, r) => {
+var Ct = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, xt = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? kt(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 && Ct(e, r, a), a;
+}, $t = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, we = (t, e, r) => (Pt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Ot = (t, e, r) => {
+}, fe = (t, e, r) => ($t(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Pt = (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 Mt = f({
+const Ot = w({
   ":host": {
     position: "absolute",
     top: i.tweakerOffset.var,
@@ -813,7 +779,8 @@ const Mt = f({
     background: "none",
     border: "none",
     fill: i.colorLight.var,
-    transitionProperty: "fill"
+    transitionProperty: "fill",
+    transitionDuration: i.durationShort.var
   },
   ".tweaker-button:hover": {
     fill: i.colorActive.var
@@ -837,7 +804,7 @@ const Mt = f({
   ":host .body-content::-webkit-scrollbar": {
     display: "none"
   },
-  [`@media ${De["<=mobile"]}`]: {
+  [`@media ${Te["<=mobile"]}`]: {
     ":host": {
       position: "absolute",
       top: "0",
@@ -854,13 +821,13 @@ const Mt = f({
     }
   }
 });
-let ue = class extends z {
+let pe = class extends z {
   constructor() {
     super({
       key: ""
-    }), Ot(this, U, Ee(() => {
+    }), Pt(this, U, Me(() => {
       $.current.forEach((t) => {
-        if (!(t instanceof Te)) {
+        if (!(t instanceof Ee)) {
           const e = t.passport.name.split(".");
           this.handleStore({
             store: t,
@@ -868,137 +835,123 @@ let ue = class extends z {
           });
         }
       });
-    }, 10)), this.addStylesheet(Mt), this.head.current = [
-      w({
+    }, 10)), this.addStylesheet(Ot), this.head.current = [
+      m({
         class: "tweaker-buttons",
-        events: {
-          click: (t) => {
-            t.stopPropagation();
-          }
+        onClick: (t) => {
+          t.stopPropagation();
         },
         children: [
-          I({
+          F({
             class: "tweaker-button",
-            children: be,
-            events: {
-              click: () => {
-                S.resetState();
-              }
+            children: me,
+            onClick: () => {
+              S.resetState();
             }
           }),
-          I({
+          F({
             class: ["tweaker-button"],
             children: [_e],
-            events: {
-              click: () => {
-                navigator.clipboard.writeText(
-                  JSON.stringify(S.getState())
-                );
-              }
+            onClick: () => {
+              navigator.clipboard.writeText(
+                JSON.stringify(S.getState())
+              );
             }
           }),
-          I({
+          F({
             class: "tweaker-button",
-            children: Ae,
-            events: {
-              click: () => {
-                Me(
-                  S.projectName,
-                  S.getState()
-                );
-              }
+            children: Ie,
+            onClick: () => {
+              Oe(
+                S.projectName,
+                S.getState()
+              );
             }
           }),
-          Oe({
+          Pe({
             class: "tweaker-button",
             children: [
-              Ie,
+              Ae,
               N({
-                attributes: {
-                  type: "file"
-                },
+                type: "file",
                 style: {
                   display: "none"
                 },
-                events: {
-                  change: (t) => {
-                    const e = t.currentTarget;
-                    e.onchange = () => {
-                      var s;
-                      const r = (s = e.files) == null ? void 0 : s[0];
-                      if (r) {
-                        const a = new FileReader();
-                        a.onload = (o) => {
-                          var b, Z;
-                          const n = (Z = (b = o.target) == null ? void 0 : b.result) == null ? void 0 : Z.toString();
-                          n && S.loadState(n);
-                        }, a.readAsText(r);
-                      }
-                      e.onchange = null;
-                    }, e.click();
-                  }
+                onChange: (t) => {
+                  const e = t.currentTarget;
+                  e.onchange = () => {
+                    var n;
+                    const r = (n = e.files) == null ? void 0 : n[0];
+                    if (r) {
+                      const a = new FileReader();
+                      a.onload = (o) => {
+                        var _, Z;
+                        const s = (Z = (_ = o.target) == null ? void 0 : _.result) == null ? void 0 : Z.toString();
+                        s && S.loadState(s);
+                      }, a.readAsText(r);
+                    }
+                    e.onchange = null;
+                  }, e.click();
                 }
               })
             ],
-            events: {
-              click: () => {
-              }
+            onClick: () => {
             }
           })
         ]
       })
-    ], this.addEventListener("e-accordion-item-toggle", (t) => {
+    ], this.addEventListener("accordionItemToggle", (t) => {
       t.detail.opened ? this.style.opacity = "1" : this.style.opacity = "0.1";
     });
   }
   connectedCallback() {
-    super.connectedCallback(), $.subscribe(we(this, U));
+    super.connectedCallback(), $.subscribe(fe(this, U));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), $.unsubscribe(we(this, U));
+    super.disconnectedCallback(), $.unsubscribe(fe(this, U));
   }
 };
 U = /* @__PURE__ */ new WeakMap();
-ue = $t([
-  p("e-tweaker")
-], ue);
-var Et = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, Dt = (t, e, r, s) => {
-  for (var a = s > 1 ? void 0 : s ? Tt(e, r) : e, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
-  return s && a && Et(e, r, a), a;
-}, Rt = (t, e, r) => {
+pe = xt([
+  u("e-tweaker")
+], pe);
+var Mt = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, Tt = (t, e, r, n) => {
+  for (var a = n > 1 ? void 0 : n ? Et(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;
+}, Dt = (t, e, r) => {
   if (!e.has(t))
     throw TypeError("Cannot " + r);
-}, me = (t, e, r) => (Rt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Wt = (t, e, r) => {
+}, we = (t, e, r) => (Dt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Rt = (t, e, r) => {
   if (e.has(t))
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(t) : e.set(t, r);
 }, X;
-const Lt = f({
+const Wt = w({
   ":host": {
     fontFamily: "sans-serif"
   }
 });
-let ve = class extends ge {
+let ue = class extends ve {
   constructor() {
-    super(), Wt(this, X, () => {
+    super(), Rt(this, X, () => {
       P.save();
-    }), this.openShadow(Lt), P.load(), m(this, {
-      shadowChildren: [new ue()]
+    }), this.openShadow(Wt), P.load(), p(this, {
+      children: [new pe()]
     });
   }
   connectedCallback() {
-    window.addEventListener("beforeunload", me(this, X));
+    window.addEventListener("beforeunload", we(this, X));
   }
   disconnectedCallback() {
-    window.removeEventListener("beforeunload", me(this, X)), P.save();
+    window.removeEventListener("beforeunload", we(this, X)), P.save();
   }
 };
 X = /* @__PURE__ */ new WeakMap();
-ve = Dt([
-  p("e-studio")
-], ve);
-xe && document.body.appendChild(new ve());
+ue = Tt([
+  u("e-studio")
+], ue);
+ke && document.body.appendChild(new ue());
 export {
-  ve as StudioElement
+  ue as StudioElement
 };