aptechka 0.1.3 → 0.1.6

package/lib/studio/index.js

@@ -0,0 +1,1004 @@
+var fe = (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) => {
+  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 { e as m } from "../ElementConstructor-CoKM2CTK.js";
+import { c as f } from "../createStylesheet-BON7aJYs.js";
+import { s as S, S as ie, a as $ } from "../Store-JOKrNVEr.js";
+import { c as $e } from "../file-lxi_oXJf.js";
+import { d as Pe } from "../function-C10DGppn.js";
+import { _ as N, a as Oe, aW as re, az as Me, C as w, p as I, a1 as Ee } from "../htmlTags-BCNUG7oK.js";
+import { A as Te } from "../Animated-CJcYqJzq.js";
+import { a as De } from "../Viewport-CXY5xcGJ.js";
+import { AccordionElement as We } from "../accordion/index.js";
+import { a as Re } from "../index-DgtdcBEI.js";
+import { d as Le } from "../events-CoqmkUxo.js";
+import { aptechkaTheme as i } from "../theme/index.js";
+import { c as Fe } from "../math-BOBiC4TN.js";
+const be = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M20.536 3.464C19.07 2 16.714 2 12 2C7.286 2 4.929 2 3.464 3.464C2 4.93 2 7.286 2 12c0 4.714 0 7.071 1.464 8.535C4.93 22 7.286 22 12 22c4.714 0 7.071 0 8.535-1.465C22 19.072 22 16.714 22 12s0-7.071-1.465-8.536M16.75 12a.75.75 0 0 1-.75.75H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 .75.75" clip-rule="evenodd"/></svg>', _e = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path d="M15.24 2h-3.894c-1.764 0-3.162 0-4.255.148c-1.126.152-2.037.472-2.755 1.193c-.719.721-1.038 1.636-1.189 2.766C3 7.205 3 8.608 3 10.379v5.838c0 1.508.92 2.8 2.227 3.342c-.067-.91-.067-2.185-.067-3.247v-5.01c0-1.281 0-2.386.118-3.27c.127-.948.413-1.856 1.147-2.593c.734-.737 1.639-1.024 2.583-1.152c.88-.118 1.98-.118 3.257-.118h3.07c1.276 0 2.374 0 3.255.118A3.601 3.601 0 0 0 15.24 2Z"/><path  d="M6.6 11.397c0-2.726 0-4.089.844-4.936c.843-.847 2.2-.847 4.916-.847h2.88c2.715 0 4.073 0 4.917.847c.843.847.843 2.21.843 4.936v4.82c0 2.726 0 4.089-.843 4.936c-.844.847-2.202.847-4.917.847h-2.88c-2.715 0-4.073 0-4.916-.847c-.844-.847-.844-2.21-.844-4.936v-4.82Z"/></svg>', Ae = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10-5.75a.75.75 0 0 1 .75.75v5.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 1 1 1.06-1.06l1.72 1.72V7a.75.75 0 0 1 .75-.75Zm-4 10a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5H8Z" clip-rule="evenodd"/></svg>', Ie = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';
+var O, g;
+class ze {
+  constructor() {
+    G(this, O, "");
+    G(this, g, []);
+    M(this, O, S.projectName + "-studio");
+  }
+  openPanel(e) {
+    d(this, g).includes(e) || d(this, g).push(e);
+  }
+  closePanel(e) {
+    M(this, g, d(this, g).filter((r) => r !== e));
+  }
+  isPanelOpened(e) {
+    return d(this, g).includes(e);
+  }
+  save() {
+    const e = {
+      openedPanels: d(this, g)
+    };
+    localStorage.setItem(d(this, O), JSON.stringify(e)), S.saveState();
+  }
+  load() {
+    S.loadState();
+    const e = localStorage.getItem(d(this, O));
+    if (e)
+      try {
+        const r = JSON.parse(e);
+        r.openedPanels && M(this, g, r.openedPanels);
+      } catch (r) {
+        console.error(r);
+      }
+  }
+}
+O = new WeakMap(), g = new WeakMap();
+const P = new ze();
+var y;
+class H extends ge {
+  constructor(...r) {
+    super();
+    G(this, y, void 0);
+    M(this, y, r);
+  }
+  addStore(r) {
+    d(this, y).push(r);
+  }
+  get firstStore() {
+    return d(this, y)[0];
+  }
+  get stores() {
+    return d(this, y);
+  }
+  updateStores(r) {
+    d(this, y).forEach((s) => {
+      s.current = r;
+    });
+  }
+}
+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;
+};
+const Ge = f({
+  ":host": {
+    width: "100%",
+    display: "inline-flex",
+    height: "max-content"
+  },
+  input: {
+    padding: "0",
+    margin: "0",
+    width: `calc(${i.heightInput.var} * 0.5)`,
+    height: `calc(${i.heightInput.var} * 0.5)`,
+    borderRadius: i.borderRadius.var,
+    overflow: "hidden",
+    accentColor: i.colorLight.var
+  }
+});
+let oe = class extends H {
+  constructor(...t) {
+    super(...t), this.openShadow(Ge), m(this, {
+      shadowChildren: [
+        N({
+          attributes: {
+            type: "checkbox"
+          },
+          events: {
+            change: (e) => {
+              this.updateStores(e.currentTarget.checked);
+            }
+          },
+          ref: (e) => {
+            this.firstStore.subscribe((r) => {
+              e.checked = r.current;
+            });
+          }
+        })
+      ]
+    });
+  }
+};
+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;
+};
+const Ye = f({
+  ":host": {
+    width: "100%",
+    display: "inline-flex",
+    height: "max-content"
+  },
+  input: {
+    width: "100%",
+    height: i.heightInput.var,
+    padding: "0",
+    background: "none",
+    borderRadius: i.borderRadius.var,
+    border: "none",
+    blockSize: "unset"
+  },
+  "input::-webkit-color-swatch, input::-webkit-color-swatch-wrapper": {
+    boxSizing: "border-box",
+    padding: "0px",
+    border: "none",
+    borderRadius: i.borderRadius.var,
+    height: `calc(${i.heightInput.var} * 0.93)`
+  }
+});
+let le = class extends H {
+  constructor(...t) {
+    super(...t), this.openShadow(Ye), m(this, {
+      shadowChildren: [
+        N({
+          attributes: {
+            type: "color",
+            value: this.firstStore
+          },
+          events: {
+            input: (e) => {
+              this.updateStores(e.currentTarget.value);
+            }
+          }
+        })
+      ]
+    });
+  }
+};
+le = Ve([
+  p("e-tweaker-color-manager")
+], le);
+var qe = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, Qe = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? Be(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (a = (s ? n(e, r, a) : n(a)) || a);
+  return s && a && qe(e, r, a), a;
+};
+const Ue = f({
+  a: {
+    color: "inherit"
+  }
+});
+let he = class extends H {
+  constructor(...t) {
+    var e, r;
+    super(...t), this.openShadow(Ue), m(this, {
+      shadowChildren: [
+        Oe({
+          attributes: {
+            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) => {
+  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) => {
+  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({
+  ":host": {
+    width: "100%",
+    display: "flex",
+    alignItems: "center"
+  },
+  input: {
+    boxSizing: "border-box",
+    outline: "none",
+    fontVariantNumeric: "tabular-nums",
+    fontFamily: "inherit",
+    color: "inherit",
+    border: "none",
+    fontSize: i.fontSizeSmall.var
+  },
+  ".text-input": {
+    height: i.heightInput.var,
+    width: "100%",
+    margin: "0",
+    padding: `0 ${i.gapSmall.var}`,
+    backgroundColor: "rgba(255, 255, 255, 0.1)",
+    borderRadius: i.borderRadius.var
+  }
+});
+let j = class extends H {
+  constructor(...t) {
+    super(...t), rt(this, E, new ie([])), this.openShadow(at), m(this, {
+      shadowChildren: [
+        N({
+          class: "text-input",
+          attributes: {
+            type: "string",
+            value: this.firstStore
+          },
+          events: {
+            change: (e) => {
+              this.updateStores(
+                e.currentTarget.value
+              );
+            }
+          }
+        }),
+        ae(this, E)
+      ]
+    });
+  }
+  appendContent(t) {
+    ae(this, E).current = [...ae(this, E).current, t];
+  }
+};
+E = /* @__PURE__ */ new WeakMap();
+j = et([
+  p("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) => {
+  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) => {
+  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, W, 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, W, void 0), K(this, J, (b) => {
+      const Z = typeof b == "string" ? parseFloat(b) || this.min : b, ke = Fe(Z, _(this, D), _(this, W));
+      return this.toFixed(ke);
+    }), se(this, D, ((r = (e = this.firstStore.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min) || 0), se(this, W, ((a = (s = this.firstStore.passport) == null ? void 0 : s.manager) == null ? void 0 : a.max) || 1), se(this, T, ((n = (o = this.firstStore.passport) == null ? void 0 : o.manager) == null ? void 0 : n.step) || 0.01);
+  }
+  get min() {
+    return _(this, D);
+  }
+  get max() {
+    return _(this, W);
+  }
+  get step() {
+    return _(this, T);
+  }
+  toFixed(t) {
+    var r;
+    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(_(this, J));
+  }
+  disconnectedCallback() {
+    this.firstStore.removeMiddleware(_(this, J));
+  }
+};
+T = /* @__PURE__ */ new WeakMap();
+D = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+J = /* @__PURE__ */ new WeakMap();
+ee = it([
+  p("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;
+};
+const ct = f({
+  ":host": {
+    width: "100%"
+  },
+  ".text-input": {
+    width: "60px",
+    marginRight: i.gapLarge.var,
+    textAlign: "center"
+  },
+  ".range-input": {
+    boxSizing: "border-box",
+    "-webkit-appearance": "none",
+    height: "8px",
+    width: "100%",
+    margin: "0",
+    padding: "0",
+    backgroundColor: "rgba(255, 255, 255, 0.1)",
+    borderRadius: i.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,
+    transitionProperty: "background-color",
+    transitionDuration: i.durationShort.var
+  },
+  ".range-input:focus::-webkit-slider-thumb": {
+    backgroundColor: i.colorActive.var
+  },
+  ".range-input::-webkit-slider-runnable-track": {
+    "-webkit-appearance": "none",
+    "box-shadow": "none",
+    border: "none",
+    background: "transparent"
+  }
+});
+let ce = class extends ee {
+  constructor(...t) {
+    super(...t), this.addStylesheet(ct), this.appendContent(
+      N({
+        class: "range-input",
+        attributes: {
+          type: "range",
+          min: this.min,
+          max: this.max,
+          step: this.step,
+          value: this.firstStore
+        },
+        events: {
+          input: (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;
+};
+const vt = f({
+  "e-select": {
+    width: "100%",
+    "--arrow-color": i.colorLight.var
+  },
+  "e-select-head": {
+    width: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  "e-select-option": {
+    transitionDuration: i.durationShort.var,
+    transitionProperty: "color"
+  },
+  "e-select-option:hover": {
+    color: i.colorActive.var
+  },
+  svg: {
+    width: "16px",
+    height: "16px",
+    fill: i.colorLight.var,
+    transitionProperty: "transform",
+    transitionDuration: i.durationShort.var
+  },
+  ".opened svg": {
+    transform: "scaleY(-1)"
+  }
+});
+let de = 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
+        },
+        events: {
+          change: (a) => {
+            this.updateStores(a.currentTarget.value);
+          }
+        },
+        children: [
+          re("e-select-head", {
+            children: [
+              Me({
+                attributes: {
+                  "data-value-holder": ""
+                }
+              })
+            ]
+          }),
+          ...e.map(
+            (a, o) => re("e-select-option", {
+              children: a,
+              attributes: {
+                default: o === 0 ? !0 : null
+              }
+            })
+          )
+        ]
+      })
+    });
+  }
+};
+de = ut([
+  p("e-tweaker-select-manager")
+], de);
+const gt = {
+  boolean: oe,
+  color: le,
+  link: he,
+  number: ee,
+  range: ce,
+  select: de,
+  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) => {
+  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) => {
+  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, R, L, F, A, V, Y;
+const bt = f({
+  ":host": {
+    display: "grid",
+    gridAutoFlow: "column",
+    gridTemplateColumns: "0.3fr 1fr",
+    alignItems: "center",
+    color: i.colorLight.var,
+    gap: i.gapMedium.var
+  },
+  ":host(.disabled)": {
+    pointerEvents: "none",
+    opacity: 0.5
+  },
+  ".head": {
+    fontSize: i.fontSizeMedium.var,
+    display: "flex",
+    alignItems: "center",
+    gap: i.gapExtraSmall.var
+  },
+  ".head-buttons": {
+    display: "flex"
+  },
+  ".head-button": {
+    width: "14px",
+    height: "14px",
+    padding: "0",
+    margin: "0",
+    border: "none",
+    background: "none",
+    fill: i.colorLight.var,
+    transitionDuration: i.durationShort.var,
+    transitionProperty: "fill, opacity",
+    opacity: "0"
+  },
+  ":host(:hover) .head-button": {
+    opacity: "1"
+  },
+  ".head-button:hover": {
+    fill: i.colorActive.var
+  },
+  ".head-button svg": {
+    width: "100%",
+    height: "100%"
+  }
+});
+let te = class extends ge {
+  constructor(t) {
+    var r, s, a, o;
+    super(), C(this, u, []), C(this, R, void 0), C(this, L, void 0), C(this, F, !1), C(this, A, void 0), C(this, V, () => {
+      $.current.find((n) => h(this, u).includes(n)) || this.remove();
+    }), C(this, Y, (n) => {
+      h(this, F) && ((n.metaKey || n.ctrlKey) && n.code === "KeyC" ? navigator.clipboard.writeText(h(this, u)[0].current) : (n.metaKey || n.ctrlKey) && n.code === "KeyR" && (h(this, u).forEach((b) => {
+        b.reset();
+      }), n.preventDefault()));
+    }), k(this, u, [t.store]), k(this, R, t.store.passport.name), k(this, L, h(this, R).split(".").slice(-1).toString());
+    const e = ((s = (r = t.store.passport) == null ? void 0 : r.manager) == null ? void 0 : s.type) || "string";
+    k(this, A, new gt[e](h(this, u)[0])), this.openShadow(bt), m(this, {
+      class: {
+        disabled: ((o = (a = 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);
+        }
+      },
+      shadowChildren: [
+        w({
+          class: "head",
+          children: [
+            w({ class: "name", children: h(this, L) + ":" }),
+            w({
+              class: "head-buttons",
+              children: [
+                I({
+                  class: "head-button",
+                  children: _e,
+                  events: {
+                    click: () => {
+                      navigator.clipboard.writeText(h(this, u)[0].current);
+                    }
+                  }
+                }),
+                I({
+                  class: "head-button",
+                  children: be,
+                  events: {
+                    click: () => {
+                      h(this, u).forEach((n) => {
+                        n.reset();
+                      });
+                    }
+                  }
+                })
+              ]
+            })
+          ]
+        }),
+        h(this, A)
+      ]
+    });
+  }
+  get key() {
+    return h(this, R);
+  }
+  get name() {
+    return h(this, L);
+  }
+  get stores() {
+    return h(this, u);
+  }
+  addStore(t) {
+    h(this, A).addStore(t);
+  }
+  connectedCallback() {
+    $.subscribe(h(this, V)), addEventListener("keydown", h(this, Y)), Le(this);
+  }
+  disconnectedCallback() {
+    $.unsubscribe(h(this, V)), removeEventListener("keydown", h(this, Y));
+  }
+};
+u = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
+V = /* @__PURE__ */ new WeakMap();
+Y = /* @__PURE__ */ new WeakMap();
+te = mt([
+  p("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) => {
+  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) => {
+  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, q, c, B, Q, pe;
+const Ct = f({
+  ".wrapper": {
+    boxSizing: "border-box",
+    backgroundColor: "rgba(255, 255, 255, 0.1)",
+    borderRadius: i.borderRadius.var
+  },
+  ".head": {
+    boxSizing: "border-box",
+    width: "100%",
+    height: i.tweakerFolderHeight.var,
+    paddingLeft: i.gapMedium.var,
+    paddingRight: i.gapMedium.var,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    backgroundColor: i.colorDarkAux.var,
+    borderRadius: i.borderRadius.var
+  },
+  ".name": {
+    fontSize: i.fontSizeLarge.var,
+    color: i.colorLight.var
+  },
+  ".body": {
+    transitionProperty: "height",
+    transitionDuration: i.durationShort.var,
+    overflow: "hidden",
+    height: "0px"
+  },
+  ".body-content": {
+    boxSizing: "border-box",
+    padding: i.gapLarge.var,
+    display: "grid",
+    gap: i.gapMedium.var
+  },
+  ".arrow": {
+    width: "20px",
+    height: "20px",
+    fill: i.colorLight.var,
+    transition: `transform ${i.durationShort.var}`
+  },
+  ".opened .arrow": {
+    transform: "scaleY(-1)"
+  }
+});
+let z = class extends We {
+  constructor(t) {
+    super(), x(this, v, void 0), x(this, q, new ie(null)), x(this, c, new ie([])), x(this, B, void 0), x(this, Q, null), x(this, pe, (e) => {
+      let r = [], s = [];
+      e.forEach((a) => {
+        r = [...r, ...a.removedNodes], s = [...s, ...a.addedNodes];
+      }), l(this, 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, B, 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));
+        }
+      },
+      shadowChildren: [
+        w({
+          class: "wrapper",
+          children: [
+            w({
+              class: "head",
+              children: [
+                l(this, v) ? w({
+                  class: "name",
+                  children: [l(this, v).split(".").slice(-1).toString()]
+                }) : null,
+                l(this, q),
+                m(Re, {
+                  class: "arrow"
+                })
+              ]
+            }),
+            w({
+              class: "body",
+              children: w({
+                class: "body-content",
+                children: l(this, c),
+                ref: (e) => ne(this, Q, e.firstElementChild)
+              })
+            })
+          ]
+        })
+      ]
+    }), t != null && t.storeBox && this.handleStore(t.storeBox);
+  }
+  get key() {
+    return l(this, v);
+  }
+  get head() {
+    return l(this, q);
+  }
+  get content() {
+    return l(this, c);
+  }
+  connectedCallback() {
+    super.connectedCallback(), setTimeout(() => {
+      P.isPanelOpened(l(this, v)) && this.openAll({ skipTransition: !0 });
+    }, 50), l(this, B).observe(l(this, Q), {
+      childList: !0
+    });
+  }
+  handleStore(t) {
+    if (t.remainingFolders.length) {
+      const r = t.store.passport.name.split("."), s = r.slice(0, r.length - t.remainingFolders.length).join("."), a = l(this, c).current.find((o) => o.key === s);
+      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,
+          storeBox: {
+            store: t.store,
+            remainingFolders: t.remainingFolders.slice(1)
+          }
+        })
+      ];
+    } else {
+      const e = l(this, c).current.find(
+        (r) => r.key === t.store.passport.name
+      );
+      e instanceof te ? e.addStore(t.store) : l(this, c).current = [
+        ...l(this, c).current,
+        new te({
+          store: t.store
+        })
+      ];
+    }
+  }
+};
+v = /* @__PURE__ */ new WeakMap();
+q = /* @__PURE__ */ new WeakMap();
+c = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
+Q = /* @__PURE__ */ new WeakMap();
+pe = /* @__PURE__ */ new WeakMap();
+z = yt([
+  p("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) => {
+  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) => {
+  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({
+  ":host": {
+    position: "absolute",
+    top: i.tweakerOffset.var,
+    right: i.tweakerOffset.var,
+    width: i.tweakerWidth.var,
+    backgroundColor: i.colorDark.var,
+    borderRadius: i.borderRadius.var,
+    transition: "opacity 0.2s"
+  },
+  ":host(:hover)": {
+    opacity: "1 !important"
+  },
+  ".tweaker-buttons": {
+    display: "flex",
+    alignItems: "center",
+    gap: i.gapExtraSmall.var
+  },
+  ".tweaker-button": {
+    width: "18px",
+    height: "18px",
+    padding: "0",
+    margin: "0",
+    background: "none",
+    border: "none",
+    fill: i.colorLight.var,
+    transitionProperty: "fill"
+  },
+  ".tweaker-button:hover": {
+    fill: i.colorActive.var
+  },
+  ".tweaker-button svg": {
+    width: "100%",
+    height: "100%"
+  },
+  ":host .body-content": {
+    maxHeight: `calc(
+      100dvh - 
+      (
+        ${i.tweakerOffset.var} * 2 + 
+        ${i.tweakerFolderHeight.var}
+      )
+    )`,
+    overflow: "hidden auto",
+    "-ms-overflow-style": "none",
+    "scrollbar-width": "none"
+  },
+  ":host .body-content::-webkit-scrollbar": {
+    display: "none"
+  },
+  [`@media ${De["<=mobile"]}`]: {
+    ":host": {
+      position: "absolute",
+      top: "0",
+      right: "0",
+      width: "100%",
+      borderTopLeftRadius: "0",
+      borderTopRightRadius: "0"
+    },
+    ":host .body-content": {
+      maxHeight: `calc(
+        100dvh - 
+        ${i.tweakerFolderHeight.var}
+      )`
+    }
+  }
+});
+let ue = class extends z {
+  constructor() {
+    super({
+      key: ""
+    }), Ot(this, U, Pe(() => {
+      $.current.forEach((t) => {
+        if (!(t instanceof Te)) {
+          const e = t.passport.name.split(".");
+          this.handleStore({
+            store: t,
+            remainingFolders: e.length > 1 ? e.slice(0, -1) : []
+          });
+        }
+      });
+    }, 10)), this.addStylesheet(Mt), this.head.current = [
+      w({
+        class: "tweaker-buttons",
+        events: {
+          click: (t) => {
+            t.stopPropagation();
+          }
+        },
+        children: [
+          I({
+            class: "tweaker-button",
+            children: be,
+            events: {
+              click: () => {
+                S.resetState();
+              }
+            }
+          }),
+          I({
+            class: ["tweaker-button"],
+            children: [_e],
+            events: {
+              click: () => {
+                navigator.clipboard.writeText(
+                  JSON.stringify(S.getState())
+                );
+              }
+            }
+          }),
+          I({
+            class: "tweaker-button",
+            children: Ae,
+            events: {
+              click: () => {
+                $e(
+                  S.projectName,
+                  S.getState()
+                );
+              }
+            }
+          }),
+          Ee({
+            class: "tweaker-button",
+            children: [
+              Ie,
+              N({
+                attributes: {
+                  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();
+                  }
+                }
+              })
+            ],
+            events: {
+              click: () => {
+              }
+            }
+          })
+        ]
+      })
+    ], this.addEventListener("e-accordion-item-toggle", (t) => {
+      t.detail.opened ? this.style.opacity = "1" : this.style.opacity = "0.1";
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback(), $.subscribe(we(this, U));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), $.unsubscribe(we(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;
+}, Wt = (t, e, r) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + r);
+}, me = (t, e, r) => (Wt(t, e, "read from private field"), r ? r.call(t) : e.get(t)), Rt = (t, e, r) => {
+  if (e.has(t))
+    throw TypeError("Cannot add the same private member more than once");
+  e instanceof WeakSet ? e.add(t) : e.set(t, r);
+}, X;
+const Lt = f({
+  ":host": {
+    fontFamily: "sans-serif"
+  }
+});
+let ve = class extends ge {
+  constructor() {
+    super(), Rt(this, X, () => {
+      P.save();
+    }), this.openShadow(Lt), P.load(), m(this, {
+      shadowChildren: [new ue()]
+    });
+  }
+  connectedCallback() {
+    window.addEventListener("beforeunload", me(this, X));
+  }
+  disconnectedCallback() {
+    window.removeEventListener("beforeunload", me(this, X)), P.save();
+  }
+};
+X = /* @__PURE__ */ new WeakMap();
+ve = Dt([
+  p("e-studio")
+], ve);
+xe && document.body.appendChild(new ve());
+export {
+  ve as StudioElement
+};