aptechka 0.1.3 → 0.1.5

package/lib/studio/index.js

@@ -0,0 +1,985 @@
+var ge = (t, e, r) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + r);
+};
+var w = (t, e, r) => (ge(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);
+}, P = (t, e, r, s) => (ge(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 ue, define as p } from "../custom-element/index.js";
+import { e as m } from "../ElementConstructor-DB0xOoat.js";
+import { c as g } from "../createStylesheet-74ZP3AZm.js";
+import { s as _, S as se, a as x } from "../Store-uTyReFzx.js";
+import { c as Se } from "../file-lxi_oXJf.js";
+import { d as $e } from "../function-C10DGppn.js";
+import { _ as z, a as Pe, aW as ee, az as Oe, C as f, p as F, a1 as Me } from "../htmlTags-CNEFIHPp.js";
+import { A as Ee } from "../Animated-CzBHCHNm.js";
+import { a as Te } from "../Viewport-Cj0i-H5d.js";
+import { AccordionElement as De } from "../accordion/index.js";
+import { a as Re } from "../index-DyJhLxk8.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>', be = '<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>', Fe = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';
+var $, u;
+class Ae {
+  constructor() {
+    Z(this, $, "");
+    Z(this, u, []);
+    P(this, $, _.projectName + "-studio");
+  }
+  openPanel(e) {
+    w(this, u).includes(e) || w(this, u).push(e);
+  }
+  closePanel(e) {
+    P(this, u, w(this, u).filter((r) => r !== e));
+  }
+  isPanelOpened(e) {
+    return w(this, u).includes(e);
+  }
+  save() {
+    const e = {
+      openedPanels: w(this, u)
+    };
+    localStorage.setItem(w(this, $), JSON.stringify(e)), _.saveState();
+  }
+  load() {
+    _.loadState();
+    const e = localStorage.getItem(w(this, $));
+    if (e)
+      try {
+        const r = JSON.parse(e);
+        r.openedPanels && P(this, u, r.openedPanels);
+      } catch (r) {
+        console.error(r);
+      }
+  }
+}
+$ = new WeakMap(), u = new WeakMap();
+const S = new Ae();
+var I;
+class N extends ue {
+  constructor(r) {
+    super();
+    Z(this, I, void 0);
+    P(this, I, r);
+  }
+  get store() {
+    return w(this, I);
+  }
+}
+I = new WeakMap();
+var Ie = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, Ne = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? ze(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 && Ie(e, r, a), a;
+};
+const He = g({
+  ":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 ne = class extends N {
+  constructor(t) {
+    super(t), this.openShadow(He), m(this, {
+      shadowChildren: [
+        z({
+          attributes: {
+            type: "checkbox"
+          },
+          events: {
+            change: (e) => {
+              this.store.current = e.currentTarget.checked;
+            }
+          },
+          ref: (e) => {
+            this.store.subscribe((r) => {
+              e.checked = r.current;
+            });
+          }
+        })
+      ]
+    });
+  }
+};
+ne = Ne([
+  p("e-tweaker-boolean-manager")
+], ne);
+var Ze = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, Ke = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ge(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 && Ze(e, r, a), a;
+};
+const Je = g({
+  ":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 ie = class extends N {
+  constructor(t) {
+    super(t), this.openShadow(Je), m(this, {
+      shadowChildren: [
+        z({
+          attributes: {
+            type: "color",
+            value: this.store
+          },
+          events: {
+            input: (e) => {
+              this.store.current = e.currentTarget.value;
+            }
+          }
+        })
+      ]
+    });
+  }
+};
+ie = Ke([
+  p("e-tweaker-color-manager")
+], ie);
+var Ve = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, Ye = (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 && Ve(e, r, a), a;
+};
+const qe = g({
+  a: {
+    color: "inherit"
+  }
+});
+let oe = class extends N {
+  constructor(t) {
+    var e, r;
+    super(t), this.openShadow(qe), m(this, {
+      shadowChildren: [
+        Pe({
+          attributes: {
+            href: this.store,
+            target: (r = (e = this.store.passport) == null ? void 0 : e.manager) != null && r.sameWindow ? "_self" : "_blank"
+          },
+          children: this.store
+        })
+      ]
+    });
+  }
+};
+oe = Ye([
+  p("e-tweaker-link-manager")
+], oe);
+var Qe = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, Xe = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? Ue(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;
+}, je = (t, e, r) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + r);
+}, te = (t, e, r) => (je(t, e, "read from private field"), r ? r.call(t) : e.get(t)), et = (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;
+const tt = g({
+  ":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 X = class extends N {
+  constructor(t) {
+    super(t), et(this, M, new se([])), this.openShadow(tt), m(this, {
+      shadowChildren: [
+        z({
+          class: "text-input",
+          attributes: {
+            type: "string",
+            value: this.store
+          },
+          events: {
+            change: (e) => {
+              this.store.current = e.currentTarget.value;
+            }
+          }
+        }),
+        te(this, M)
+      ]
+    });
+  }
+  appendContent(t) {
+    te(this, M).current = [...te(this, M).current, t];
+  }
+};
+M = /* @__PURE__ */ new WeakMap();
+X = Xe([
+  p("e-tweaker-string-manager")
+], X);
+var rt = Object.defineProperty, at = Object.getOwnPropertyDescriptor, st = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? at(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 && rt(e, r, a), a;
+}, _e = (t, e, r) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + r);
+}, b = (t, e, r) => (_e(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);
+}, re = (t, e, r, s) => (_e(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), E, T, D, K;
+let j = class extends X {
+  constructor(t) {
+    var e, r, s, a, o, n;
+    super(t), G(this, E, void 0), G(this, T, void 0), G(this, D, void 0), G(this, K, (y) => {
+      const H = typeof y == "string" ? parseFloat(y) || this.min : y, ke = We(H, b(this, T), b(this, D));
+      return this.toFixed(ke);
+    }), re(this, T, ((r = (e = this.store.passport) == null ? void 0 : e.manager) == null ? void 0 : r.min) || 0), re(this, D, ((a = (s = this.store.passport) == null ? void 0 : s.manager) == null ? void 0 : a.max) || 1), re(this, E, ((n = (o = this.store.passport) == null ? void 0 : o.manager) == null ? void 0 : n.step) || 0.01);
+  }
+  get min() {
+    return b(this, T);
+  }
+  get max() {
+    return b(this, D);
+  }
+  get step() {
+    return b(this, E);
+  }
+  toFixed(t) {
+    var r;
+    const e = ((r = b(this, E).toString().split(".")[1]) == null ? void 0 : r.length) || 0;
+    return e ? +t.toFixed(e) : Math.ceil(t);
+  }
+  connectedCallback() {
+    this.store.addMiddleware(b(this, K));
+  }
+  disconnectedCallback() {
+    this.store.removeMiddleware(b(this, K));
+  }
+};
+E = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
+D = /* @__PURE__ */ new WeakMap();
+K = /* @__PURE__ */ new WeakMap();
+j = st([
+  p("e-tweaker-number-manager")
+], j);
+var nt = Object.defineProperty, it = Object.getOwnPropertyDescriptor, ot = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? it(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 && nt(e, r, a), a;
+};
+const lt = g({
+  ":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 le = class extends j {
+  constructor(t) {
+    super(t), this.addStylesheet(lt), this.appendContent(
+      z({
+        class: "range-input",
+        attributes: {
+          type: "range",
+          min: this.min,
+          max: this.max,
+          step: this.step,
+          value: this.store
+        },
+        events: {
+          input: (e) => {
+            this.store.current = parseFloat(
+              e.currentTarget.value
+            );
+          }
+        }
+      })
+    );
+  }
+};
+le = ot([
+  p("e-tweaker-range-manager")
+], le);
+var ct = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, dt = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? ht(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 && ct(e, r, a), a;
+};
+const pt = g({
+  "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 ce = class extends N {
+  constructor(t) {
+    var r, s;
+    super(t), this.openShadow(pt);
+    const e = ((s = (r = this.store.passport) == null ? void 0 : r.manager) == null ? void 0 : s.variants) || [];
+    m(this, {
+      shadowChildren: ee("e-select", {
+        attributes: {
+          value: this.store
+        },
+        events: {
+          change: (a) => {
+            this.store.current = a.currentTarget.value;
+          }
+        },
+        children: [
+          ee("e-select-head", {
+            children: [
+              Oe({
+                attributes: {
+                  "data-value-holder": ""
+                }
+              })
+            ]
+          }),
+          ...e.map(
+            (a, o) => ee("e-select-option", {
+              children: a,
+              attributes: {
+                default: o === 0 ? !0 : null
+              }
+            })
+          )
+        ]
+      })
+    });
+  }
+};
+ce = dt([
+  p("e-tweaker-select-manager")
+], ce);
+const vt = {
+  boolean: ne,
+  color: ie,
+  link: oe,
+  number: j,
+  range: le,
+  select: ce,
+  string: X
+};
+var ut = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, wt = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? gt(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 && ut(e, r, a), a;
+}, ye = (t, e, r) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + r);
+}, c = (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);
+}, O = (t, e, r, s) => (ye(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), h, R, W, L, J, V;
+const ft = g({
+  ":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 he = class extends ue {
+  constructor(t) {
+    var r, s, a, o;
+    super(), C(this, h, null), C(this, R, void 0), C(this, W, void 0), C(this, L, !1), C(this, J, () => {
+      x.current.includes(c(this, h)) || this.remove();
+    }), C(this, V, (n) => {
+      c(this, L) && ((n.metaKey || n.ctrlKey) && n.code === "KeyC" ? navigator.clipboard.writeText(c(this, h).current) : (n.metaKey || n.ctrlKey) && n.code === "KeyR" && (c(this, h).reset(), n.preventDefault()));
+    }), O(this, h, t.store), O(this, R, c(this, h).passport.name), O(this, W, c(this, R).split(".").slice(-1).toString()), this.openShadow(ft);
+    const e = ((s = (r = c(this, h).passport) == null ? void 0 : r.manager) == null ? void 0 : s.type) || "string";
+    m(this, {
+      class: {
+        disabled: ((o = (a = c(this, h).passport) == null ? void 0 : a.manager) == null ? void 0 : o.disabled) || !1
+      },
+      events: {
+        pointerleave: () => {
+          O(this, L, !1);
+        },
+        pointerenter: () => {
+          O(this, L, !0);
+        }
+      },
+      shadowChildren: [
+        f({
+          class: "head",
+          children: [
+            f({ class: "name", children: c(this, W) + ":" }),
+            f({
+              class: "head-buttons",
+              children: [
+                F({
+                  class: "head-button",
+                  children: be,
+                  events: {
+                    click: () => {
+                      navigator.clipboard.writeText(c(this, h).current);
+                    }
+                  }
+                }),
+                F({
+                  class: "head-button",
+                  children: me,
+                  events: {
+                    click: () => {
+                      c(this, h).reset();
+                    }
+                  }
+                })
+              ]
+            })
+          ]
+        }),
+        new vt[e](c(this, h))
+      ]
+    });
+  }
+  get key() {
+    return c(this, R);
+  }
+  get name() {
+    return c(this, W);
+  }
+  get store() {
+    return c(this, h);
+  }
+  connectedCallback() {
+    x.subscribe(c(this, J)), addEventListener("keydown", c(this, V));
+  }
+  disconnectedCallback() {
+    x.unsubscribe(c(this, J)), removeEventListener("keydown", c(this, V));
+  }
+};
+h = /* @__PURE__ */ new WeakMap();
+R = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+L = /* @__PURE__ */ new WeakMap();
+J = /* @__PURE__ */ new WeakMap();
+V = /* @__PURE__ */ new WeakMap();
+he = wt([
+  p("e-tweaker-field")
+], he);
+var mt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, _t = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? bt(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 && mt(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)), 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, s) => (Ce(t, e, "write to private field"), s ? s.call(t, r) : e.set(t, r), r), v, B, d, Y, q, de;
+const yt = g({
+  ".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 A = class extends De {
+  constructor(t) {
+    super(), k(this, v, void 0), k(this, B, new se(null)), k(this, d, new se([])), k(this, Y, void 0), k(this, q, null), k(this, de, (e) => {
+      let r = [], s = [];
+      e.forEach((a) => {
+        r = [...r, ...a.removedNodes], s = [...s, ...a.addedNodes];
+      }), l(this, d).current = l(this, d).current.filter(
+        (a) => !r.includes(a)
+      ), l(this, v) && !l(this, d).current.length && !s.length && this.remove();
+    }), this.openShadow(yt), ae(this, v, t.key), ae(this, Y, new MutationObserver(l(this, de))), m(this, {
+      events: {
+        "e-accordion-item-toggle": (e) => {
+          e.stopPropagation(), e.detail.opened ? S.openPanel(l(this, v)) : S.closePanel(l(this, v));
+        }
+      },
+      shadowChildren: [
+        f({
+          class: "wrapper",
+          children: [
+            f({
+              class: "head",
+              children: [
+                l(this, v) ? f({
+                  class: "name",
+                  children: [l(this, v).split(".").slice(-1).toString()]
+                }) : null,
+                l(this, B),
+                m(Re, {
+                  class: "arrow"
+                })
+              ]
+            }),
+            f({
+              class: "body",
+              children: f({
+                class: "body-content",
+                children: l(this, d),
+                ref: (e) => ae(this, q, e.firstElementChild)
+              })
+            })
+          ]
+        })
+      ]
+    }), t != null && t.storeBox && this.handleStore(t.storeBox);
+  }
+  get key() {
+    return l(this, v);
+  }
+  get head() {
+    return l(this, B);
+  }
+  get content() {
+    return l(this, d);
+  }
+  connectedCallback() {
+    super.connectedCallback(), setTimeout(() => {
+      S.isPanelOpened(l(this, v)) && this.openAll({ skipTransition: !0 });
+    }, 50), l(this, Y).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, d).current.find((o) => o.key === s);
+      a instanceof A ? a.handleStore({
+        store: t.store,
+        remainingFolders: t.remainingFolders.slice(1)
+      }) : l(this, d).current = [
+        ...l(this, d).current,
+        new A({
+          key: s,
+          storeBox: {
+            store: t.store,
+            remainingFolders: t.remainingFolders.slice(1)
+          }
+        })
+      ];
+    } else
+      l(this, d).current = [
+        ...l(this, d).current,
+        new he({
+          store: t.store
+        })
+      ];
+  }
+};
+v = /* @__PURE__ */ new WeakMap();
+B = /* @__PURE__ */ new WeakMap();
+d = /* @__PURE__ */ new WeakMap();
+Y = /* @__PURE__ */ new WeakMap();
+q = /* @__PURE__ */ new WeakMap();
+de = /* @__PURE__ */ new WeakMap();
+A = _t([
+  p("e-tweaker-folder")
+], A);
+var Ct = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, xt = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? kt(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 && Ct(e, r, a), a;
+}, St = (t, e, r) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + r);
+}, we = (t, e, r) => (St(t, e, "read from private field"), r ? r.call(t) : e.get(t)), $t = (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 = g({
+  ":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 ${Te["<=mobile"]}`]: {
+    ":host": {
+      position: "absolute",
+      top: "0",
+      right: "0",
+      width: "100%",
+      borderTopLeftRadius: "0",
+      borderTopRightRadius: "0"
+    },
+    ":host .body-content": {
+      maxHeight: `calc(
+        100dvh - 
+        ${i.tweakerFolderHeight.var}
+      )`
+    }
+  }
+});
+let pe = class extends A {
+  constructor() {
+    super({
+      key: ""
+    }), $t(this, Q, $e(() => {
+      x.current.forEach((t) => {
+        if (!(t instanceof Ee)) {
+          const e = t.passport.name.split(".");
+          this.handleStore({
+            store: t,
+            remainingFolders: e.length > 1 ? e.slice(0, -1) : []
+          });
+        }
+      });
+    }, 10)), this.addStylesheet(Pt), this.head.current = [
+      f({
+        class: "tweaker-buttons",
+        events: {
+          click: (t) => {
+            t.stopPropagation();
+          }
+        },
+        children: [
+          F({
+            class: "tweaker-button",
+            children: me,
+            events: {
+              click: () => {
+                _.resetState();
+              }
+            }
+          }),
+          F({
+            class: ["tweaker-button"],
+            children: [be],
+            events: {
+              click: () => {
+                navigator.clipboard.writeText(
+                  JSON.stringify(_.getState())
+                );
+              }
+            }
+          }),
+          F({
+            class: "tweaker-button",
+            children: Le,
+            events: {
+              click: () => {
+                Se(
+                  _.projectName,
+                  _.getState()
+                );
+              }
+            }
+          }),
+          Me({
+            class: "tweaker-button",
+            children: [
+              Fe,
+              z({
+                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 y, H;
+                          const n = (H = (y = o.target) == null ? void 0 : y.result) == null ? void 0 : H.toString();
+                          n && _.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(), x.subscribe(we(this, Q));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), x.unsubscribe(we(this, Q));
+  }
+};
+Q = /* @__PURE__ */ new WeakMap();
+pe = xt([
+  p("e-tweaker")
+], pe);
+var Ot = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, Et = (t, e, r, s) => {
+  for (var a = s > 1 ? void 0 : s ? Mt(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;
+}, Tt = (t, e, r) => {
+  if (!e.has(t))
+    throw TypeError("Cannot " + r);
+}, fe = (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 = g({
+  ":host": {
+    fontFamily: "sans-serif",
+    position: "fixed",
+    top: "0",
+    left: "0",
+    zIndex: "1000",
+    display: "block",
+    width: "100%",
+    height: "100%"
+  }
+});
+let ve = class extends ue {
+  constructor() {
+    super(), Dt(this, U, () => {
+      S.save();
+    }), this.openShadow(Rt), S.load(), m(this, {
+      shadowChildren: [new pe()]
+    });
+  }
+  connectedCallback() {
+    window.addEventListener("beforeunload", fe(this, U));
+  }
+  disconnectedCallback() {
+    window.removeEventListener("beforeunload", fe(this, U)), S.save();
+  }
+};
+U = /* @__PURE__ */ new WeakMap();
+ve = Et([
+  p("e-studio")
+], ve);
+xe && document.body.appendChild(new ve());
+export {
+  ve as StudioElement
+};