aptechka 0.13.0 → 0.14.0

package/lib/tweaker/index.js

@@ -1,992 +0,0 @@
-var ke = (l) => {
-  throw TypeError(l);
-};
-var fe = (l, r, e) => r.has(l) || ke("Cannot " + e);
-var t = (l, r, e) => (fe(l, r, "read from private field"), e ? e.call(l) : r.get(l)), o = (l, r, e) => r.has(l) ? ke("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(l) : r.set(l, e), n = (l, r, e, s) => (fe(l, r, "write to private field"), s ? s.call(l, e) : r.set(l, e), e), f = (l, r, e) => (fe(l, r, "access private method"), e);
-import { i as je } from "../browser-0zX67oeU.js";
-import { s as T, a as $, S as xe } from "../Store-DGtldlBH.js";
-import { c as Be } from "../file-lxi_oXJf.js";
-import { d as Je } from "../function-C10DGppn.js";
-import { s as ze } from "../gestures-D2Fdra_G.js";
-import "../ticker/index.js";
-import { e as m, a0 as pe, a as We, D as g, aB as Xe, p as J, a3 as Ye } from "../tags-4AoxVUe3.js";
-import { c as C } from "../createStylesheet-DO5t5q-m.js";
-import { a as qe } from "../Viewport-DTlImj28.js";
-import { aptechkaTheme as h } from "../theme/index.js";
-import { a as Ge } from "../index-BhbT9PrL.js";
-import { a as Qe } from "../events-CJTUMSLU.js";
-import "../checkbox/index.js";
-import { c as Ue } from "../math-BOBiC4TN.js";
-import { n as Ee, t as _e } from "../polyfills-X6KXuHg-.js";
-import { elementResizer as Ce } from "../element-resizer/index.js";
-const Re = '<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>', Te = '<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>', et = '<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>', tt = '<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 P, b, x;
-class st {
-  constructor() {
-    o(this, P);
-    o(this, b);
-    o(this, x);
-    this.scrollValue = 0, n(this, P, ""), n(this, b, []), n(this, x, {}), n(this, P, T.projectName + "-studio");
-  }
-  openPanel(r) {
-    t(this, b).includes(r) || t(this, b).push(r);
-  }
-  closePanel(r) {
-    n(this, b, t(this, b).filter((e) => e !== r));
-  }
-  isPanelOpened(r) {
-    return t(this, b).includes(r);
-  }
-  changedSizes(r) {
-    return t(this, x)[r];
-  }
-  changeSize(r, e) {
-    e ? t(this, x)[r] = e : delete t(this, x)[r];
-  }
-  save() {
-    const r = {
-      openedPanels: t(this, b),
-      changedSizes: t(this, x),
-      scrollValue: this.scrollValue
-    };
-    localStorage.setItem(t(this, P), JSON.stringify(r)), T.saveState();
-  }
-  load() {
-    T.loadState();
-    const r = localStorage.getItem(t(this, P));
-    if (r)
-      try {
-        const e = JSON.parse(r);
-        e.openedPanels && n(this, b, e.openedPanels), e.changedSizes && n(this, x, e.changedSizes), e.scrollValue && (this.scrollValue = e.scrollValue);
-      } catch (e) {
-        console.error(e);
-      }
-  }
-}
-P = new WeakMap(), b = new WeakMap(), x = new WeakMap();
-const w = new st();
-var F;
-class j extends HTMLElement {
-  constructor(...e) {
-    super();
-    o(this, F);
-    n(this, F, e);
-  }
-  addStore(e) {
-    t(this, F).push(e);
-  }
-  get firstStore() {
-    return t(this, F)[0];
-  }
-  get stores() {
-    return t(this, F);
-  }
-  updateStores(e) {
-    t(this, F).forEach((s) => {
-      s.current = e;
-    });
-  }
-}
-F = new WeakMap();
-const it = C({
-  ":host": {
-    width: "100%",
-    display: "inline-flex",
-    height: "max-content"
-  },
-  "e-checkbox": {
-    "--size": "calc(var(--height-input) * 0.8)",
-    width: "var(--size)",
-    height: "var(--size)",
-    borderRadius: h.borderRadiusSmall.var
-  }
-});
-class Fe extends j {
-  constructor(...r) {
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(it), m(this, {
-      children: [
-        m("e-checkbox", {
-          onChange: (s) => {
-            this.updateStores(s.currentTarget.checked);
-          },
-          ref: (s) => {
-            this.firstStore.subscribe((i) => {
-              s.checked = i.current;
-            });
-          }
-        })
-      ]
-    });
-  }
-}
-customElements.get("e-tweaker-boolean-manager") || customElements.define(
-  "e-tweaker-boolean-manager",
-  Fe
-);
-const rt = C({
-  ":host": {
-    width: "100%",
-    display: "inline-flex",
-    height: "max-content"
-  },
-  input: {
-    width: "100%",
-    height: "var(--height-input)",
-    padding: "0",
-    background: "none",
-    borderRadius: h.borderRadius.var,
-    border: "none",
-    blockSize: "unset"
-  },
-  "input::-webkit-color-swatch, input::-webkit-color-swatch-wrapper": {
-    boxSizing: "border-box",
-    padding: "0px",
-    border: "none",
-    borderRadius: h.borderRadius.var,
-    height: "calc(var(--height-input) * 0.93)"
-  }
-});
-class Me extends j {
-  constructor(...r) {
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(rt), m(this, {
-      children: [
-        pe({
-          type: "color",
-          value: this.firstStore,
-          onInput: (s) => {
-            this.updateStores(s.currentTarget.value);
-          }
-        })
-      ]
-    });
-  }
-}
-customElements.get("e-tweaker-color-manager") || customElements.define("e-tweaker-color-manager", Me);
-const ot = C({
-  a: {
-    color: "inherit",
-    fontSize: "var(--font-size-small)"
-  }
-});
-class Le extends j {
-  constructor(...r) {
-    var s, i;
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(ot), console.log(this.firstStore), m(this, {
-      children: [
-        We({
-          href: this.firstStore,
-          target: (i = (s = this.firstStore.passport) == null ? void 0 : s.manager) != null && i.sameWindow ? "_self" : "_blank",
-          children: this.firstStore
-        })
-      ]
-    });
-  }
-}
-customElements.get("e-tweaker-link-manager") || customElements.define("e-tweaker-link-manager", Le);
-const nt = C({
-  ":host": {
-    width: "100%",
-    display: "flex",
-    alignItems: "center",
-    gap: "var(--gap-small)"
-  },
-  ".inputs-wrapper": {
-    display: "grid",
-    gap: "var(--gap-small)",
-    width: "100%"
-  },
-  input: {
-    boxSizing: "border-box",
-    outline: "none",
-    fontVariantNumeric: "tabular-nums",
-    fontFamily: "inherit",
-    color: "inherit",
-    border: "none",
-    fontSize: "var(--font-size-small)",
-    width: "100%",
-    height: "var(--height-input)",
-    margin: "0",
-    padding: "0 var(--gap-small)",
-    backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: h.borderRadius.var
-  },
-  ".drag": {
-    position: "relative",
-    width: "100%",
-    height: "calc(var(--height-input) * 0.2)",
-    display: "flex",
-    alignItems: "center"
-  },
-  ".drag::before": {
-    content: '""',
-    position: "absolute",
-    left: "0",
-    width: "100%",
-    zIndex: "-1",
-    height: "1px",
-    borderBottom: `1px solid ${h.colorFont.var}`,
-    transform: "translateY(-50%)",
-    opacity: "0.3"
-  },
-  ":host(.infinite) .drag::before": {
-    borderBottom: `1px dashed ${h.colorFont.var}`
-  },
-  ".drag-knob": {
-    "--size": "calc(var(--height-input) * 0.4)",
-    width: "var(--size)",
-    height: "var(--size)"
-  },
-  ".drag-knob-inner": {
-    width: "100%",
-    height: "100%",
-    backgroundColor: h.colorFont.var,
-    borderRadius: h.borderRadiusSmall.var,
-    transition: "opacity var(--duration-short)"
-  },
-  ":host(.infinite) .grabbing .drag-knob-inner": {
-    opacity: 0.3
-  }
-});
-var I, A, D, E, M, W, X, k, V, Y, q, c, N, we, be, le, G;
-class Pe extends j {
-  constructor(...e) {
-    var i, a, d, p, y, L, B, Se;
-    super(...e);
-    o(this, c);
-    o(this, I, []);
-    o(this, A, []);
-    o(this, D);
-    o(this, E);
-    o(this, M);
-    o(this, W);
-    o(this, X);
-    o(this, k);
-    o(this, V, !1);
-    o(this, Y, (e) => {
-      const s = f(this, c, N).call(this, e);
-      return s.map((i, a) => {
-        const d = typeof i == "string" ? parseFloat(i) || t(this, E) : i, p = Ue(d, t(this, E), t(this, M)), y = _e(p, t(this, D));
-        s[a] = y;
-      }), t(this, X) === "number" ? s[0] : s;
-    });
-    o(this, q, () => {
-      f(this, c, N).call(this).map((e, s) => {
-        const i = t(this, I)[s];
-        i && (i.value = (e || 0).toString());
-      }), f(this, c, we).call(this);
-    });
-    o(this, G, () => {
-      f(this, c, we).call(this);
-    });
-    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(nt), n(this, E, Ee(
-      (a = (i = this.firstStore.passport) == null ? void 0 : i.manager) == null ? void 0 : a.min,
-      -1 / 0
-    )), n(this, M, Ee(
-      (p = (d = this.firstStore.passport) == null ? void 0 : d.manager) == null ? void 0 : p.max,
-      1 / 0
-    )), n(this, D, ((L = (y = this.firstStore.passport) == null ? void 0 : y.manager) == null ? void 0 : L.step) || 0.01), n(this, W, ((Se = (B = this.firstStore.passport) == null ? void 0 : B.manager) == null ? void 0 : Se.ease) || 1), n(this, X, Array.isArray(this.firstStore.current) ? "array" : "number"), n(this, k, isFinite(t(this, M)) && isFinite(t(this, E))), m(this, {
-      class: t(this, k) ? "" : "infinite",
-      children: f(this, c, N).call(this).map(($e, ae) => g({
-        class: "inputs-wrapper",
-        children: [
-          pe({
-            type: "number",
-            step: t(this, D),
-            min: t(this, E),
-            max: t(this, M),
-            ref: (z) => t(this, I).push(z),
-            value: $e,
-            onChange: () => {
-              this.updateStores(
-                t(this, I).map((z) => parseFloat(z.value))
-              );
-            }
-          }),
-          g({
-            class: "drag",
-            children: [
-              g({
-                class: "drag-knob",
-                ref: (z) => t(this, A).push(z),
-                onPointerdown: (z) => {
-                  z.preventDefault(), n(this, V, !0);
-                  const ue = f(this, c, N).call(this), Ae = ue[ae], R = t(this, A)[ae], De = t(this, I)[ae];
-                  if (R && De) {
-                    const ge = R.parentElement, He = f(this, c, be).call(this);
-                    ge.classList.add("grabbing"), ze(
-                      (me) => {
-                        const ye = me.x - z.x, Ke = t(this, k) ? ge.offsetWidth / (He || 1) : 1, Oe = Ae + ye / Ke * t(this, W);
-                        if (ue[ae] = Oe, !t(this, k)) {
-                          const Ze = f(this, c, le).call(this, R, 0);
-                          R.style.transform = `translateX(${Ze + ye}px)`;
-                        }
-                        this.updateStores([...ue]);
-                      },
-                      () => {
-                        if (n(this, V, !1), !t(this, k)) {
-                          const me = f(this, c, le).call(this, R, 0);
-                          R.style.transition = "transform 0.1s", R.style.transform = `translateX(${me}px)`, ge.classList.remove("grabbing"), setTimeout(() => {
-                            R.style.transition = "";
-                          }, 100);
-                        }
-                      }
-                    );
-                  }
-                },
-                children: g({
-                  class: "drag-knob-inner"
-                })
-              })
-            ]
-          })
-        ]
-      }))
-    });
-  }
-  connectedCallback() {
-    this.firstStore.addMiddleware(t(this, Y)), this.firstStore.subscribe(t(this, q)), Ce.subscribe(this, t(this, G));
-  }
-  disconnectedCallback() {
-    this.firstStore.removeMiddleware(t(this, Y)), this.firstStore.unsubscribe(t(this, q)), Ce.unsubscribe(t(this, G));
-  }
-}
-I = new WeakMap(), A = new WeakMap(), D = new WeakMap(), E = new WeakMap(), M = new WeakMap(), W = new WeakMap(), X = new WeakMap(), k = new WeakMap(), V = new WeakMap(), Y = new WeakMap(), q = new WeakMap(), c = new WeakSet(), N = function(e = this.firstStore.current) {
-  return Array.isArray(e) ? e : [e];
-}, we = function() {
-  f(this, c, N).call(this).map((e, s) => {
-    const i = t(this, A)[s];
-    if (i && (!t(this, V) || t(this, V) && t(this, k))) {
-      const a = f(this, c, le).call(this, i, e);
-      i.style.transform = `translateX(${a}px)`;
-    }
-  });
-}, be = function() {
-  return t(this, k) ? t(this, M) - t(this, E) : 0;
-}, le = function(e, s) {
-  const i = e.parentElement, a = f(this, c, be).call(this), d = a ? s / a : 0.5;
-  return (i.offsetWidth - e.offsetWidth) * d;
-}, G = new WeakMap();
-customElements.get("e-tweaker-number-manager") || customElements.define("e-tweaker-number-manager", Pe);
-const at = C({
-  "e-select": {
-    display: "block",
-    width: "100%",
-    "--arrow-color": h.colorFont.var
-  },
-  "e-select-head": {
-    width: "100%",
-    height: "var(--height-input)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    fontSize: "var(--font-size-small)"
-  },
-  "e-select-option": {
-    height: "var(--height-input)",
-    transitionDuration: "var(--duration-short)",
-    transitionProperty: "color",
-    fontSize: "var(--font-size-small)"
-  },
-  "e-select-option:hover": {
-    color: h.colorActive.var
-  },
-  svg: {
-    width: "16px",
-    height: "16px",
-    fill: h.colorFont.var,
-    transitionProperty: "transform",
-    transitionDuration: "var(--duration-short)"
-  },
-  ".opened svg": {
-    transform: "scaleY(-1)"
-  }
-});
-class Ie extends j {
-  constructor(...r) {
-    var i, a;
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(at);
-    const s = ((a = (i = this.firstStore.passport) == null ? void 0 : i.manager) == null ? void 0 : a.variants) || [];
-    m(this, {
-      children: m("e-select", {
-        value: this.firstStore,
-        onChange: (d) => {
-          this.updateStores(d.currentTarget.value);
-        },
-        lightChildren: [
-          m("e-select-head", {
-            lightChildren: [
-              Xe({
-                "data-value-holder": ""
-              })
-            ]
-          }),
-          ...s.map(
-            (d, p) => m("e-select-option", {
-              lightChildren: d,
-              default: p === 0 ? !0 : null
-            })
-          )
-        ]
-      })
-    });
-  }
-}
-customElements.get("e-tweaker-select-manager") || customElements.define("e-tweaker-select-manager", Ie);
-const lt = C({
-  ":host": {
-    width: "100%",
-    display: "flex",
-    alignItems: "center"
-  },
-  input: {
-    boxSizing: "border-box",
-    outline: "none",
-    fontVariantNumeric: "tabular-nums",
-    fontFamily: "inherit",
-    color: "inherit",
-    border: "none",
-    fontSize: "var(--font-size-small)",
-    height: "var(--height-input)",
-    width: "100%",
-    margin: "0",
-    padding: "0 var(--gap-small)",
-    backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: h.borderRadius.var
-  }
-});
-class Ve extends j {
-  constructor(...r) {
-    super(...r), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(lt), m(this, {
-      children: [
-        pe({
-          class: "text-input",
-          type: "string",
-          value: this.firstStore,
-          onChange: (s) => {
-            this.updateStores(
-              s.currentTarget.value
-            );
-          }
-        })
-      ]
-    });
-  }
-}
-customElements.get("e-tweaker-string-manager") || customElements.define("e-tweaker-string-manager", Ve);
-const ht = {
-  boolean: Fe,
-  color: Me,
-  link: Le,
-  number: Pe,
-  select: Ie,
-  string: Ve
-}, dt = C({
-  ":host": {
-    display: "grid",
-    gridAutoFlow: "column",
-    gridTemplateColumns: "0.5fr 1fr",
-    alignItems: "center",
-    color: h.colorFont.var,
-    gap: "var(--gap-medium)"
-  },
-  ":host(.disabled)": {
-    pointerEvents: "none",
-    opacity: 0.5
-  },
-  ".head": {
-    fontSize: "var(--font-size-medium)",
-    display: "flex",
-    alignItems: "center",
-    gap: "var(--gap-extra-small)"
-  },
-  ".head-buttons": {
-    display: "flex"
-  },
-  ".head-button": {
-    width: "14px",
-    height: "14px",
-    padding: "0",
-    margin: "0",
-    border: "none",
-    background: "none",
-    fill: h.colorFont.var,
-    transitionDuration: "var(--duration-short)",
-    transitionProperty: "fill, opacity",
-    opacity: "0"
-  },
-  ":host(:hover) .head-button": {
-    opacity: "1"
-  },
-  ".head-button:hover": {
-    fill: h.colorActive.var
-  },
-  ".head-button svg": {
-    width: "100%",
-    height: "100%"
-  }
-});
-var v, H, K, O, Z, Q, U;
-class ve extends HTMLElement {
-  constructor(e) {
-    var a, d, p, y;
-    super();
-    o(this, v, []);
-    o(this, H);
-    o(this, K);
-    o(this, O, !1);
-    o(this, Z);
-    o(this, Q, () => {
-      $.current.find((e) => t(this, v).includes(e)) || this.remove();
-    });
-    o(this, U, (e) => {
-      t(this, O) && ((e.metaKey || e.ctrlKey) && e.code === "KeyC" ? navigator.clipboard.writeText(t(this, v)[0].current) : (e.metaKey || e.ctrlKey) && e.code === "KeyR" && (t(this, v).forEach((s) => {
-        s.reset();
-      }), e.preventDefault()));
-    });
-    n(this, v, [e.store]), n(this, H, e.store.passport.name), n(this, K, t(this, H).split(".").slice(-1).toString());
-    const s = ((d = (a = e.store.passport) == null ? void 0 : a.manager) == null ? void 0 : d.type) || "string";
-    n(this, Z, new ht[s](t(this, v)[0])), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(dt), m(this, {
-      class: {
-        disabled: ((y = (p = e.store.passport) == null ? void 0 : p.manager) == null ? void 0 : y.disabled) || !1
-      },
-      onPointerleave: () => {
-        n(this, O, !1);
-      },
-      onPointerenter: () => {
-        n(this, O, !0);
-      },
-      children: [
-        g({
-          class: "head",
-          children: [
-            g({ class: "name", children: t(this, K) + ":" }),
-            g({
-              class: "head-buttons",
-              children: [
-                J({
-                  class: "head-button",
-                  children: Te,
-                  onClick: () => {
-                    navigator.clipboard.writeText(t(this, v)[0].current);
-                  }
-                }),
-                J({
-                  class: "head-button",
-                  children: Re,
-                  onClick: () => {
-                    t(this, v).forEach((L) => {
-                      L.reset();
-                    });
-                  }
-                })
-              ]
-            })
-          ]
-        }),
-        t(this, Z)
-      ]
-    });
-  }
-  get key() {
-    return t(this, H);
-  }
-  get name() {
-    return t(this, K);
-  }
-  get stores() {
-    return t(this, v);
-  }
-  addStore(e) {
-    t(this, Z).addStore(e);
-  }
-  connectedCallback() {
-    $.subscribe(t(this, Q)), addEventListener("keydown", t(this, U)), Qe(this);
-  }
-  disconnectedCallback() {
-    $.unsubscribe(t(this, Q)), removeEventListener("keydown", t(this, U));
-  }
-}
-v = new WeakMap(), H = new WeakMap(), K = new WeakMap(), O = new WeakMap(), Z = new WeakMap(), Q = new WeakMap(), U = new WeakMap();
-customElements.get("e-tweaker-field") || customElements.define("e-tweaker-field", ve);
-const ct = C({
-  ".wrapper": {
-    boxSizing: "border-box",
-    backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: h.borderRadius.var
-  },
-  ".head": {
-    boxSizing: "border-box",
-    width: "100%",
-    height: "var(--tweaker-folder-height)",
-    paddingLeft: "var(--gap-medium)",
-    paddingRight: "var(--gap-medium)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    backgroundColor: h.colorMainAux.var,
-    borderRadius: h.borderRadius.var
-  },
-  ".name": {
-    fontSize: "var(--font-size-large)",
-    color: h.colorFont.var
-  },
-  ".body": {
-    display: "none",
-    overflow: "hidden",
-    "@supports (height: calc-size(auto))": {
-      height: "0"
-    }
-  },
-  ":host(.transition-allowed) .body": {
-    transition: "height var(--duration-short), display var(--duration-short) allow-discrete"
-  },
-  ":host(.opened) .body": {
-    height: "calc-size(auto)",
-    display: "block",
-    "@starting-style": {
-      height: "0"
-    }
-  },
-  ".body-content": {
-    boxSizing: "border-box",
-    padding: "var(--gap-large)",
-    display: "grid",
-    gap: "var(--gap-medium)"
-  },
-  ".arrow": {
-    width: "20px",
-    height: "20px",
-    fill: h.colorFont.var,
-    transition: "transform var(--duration-short)"
-  },
-  ".opened .arrow": {
-    transform: "scaleY(-1)"
-  }
-});
-var S, _, u, ee, te, se, ie, de;
-const ce = class ce extends HTMLElement {
-  constructor(e) {
-    super();
-    o(this, S);
-    o(this, _, new xe(null));
-    o(this, u, new xe([]));
-    o(this, ee);
-    o(this, te, null);
-    o(this, se, null);
-    o(this, ie, null);
-    o(this, de, (e) => {
-      let s = [], i = [];
-      e.forEach((a) => {
-        s = [...s, ...a.removedNodes], i = [...i, ...a.addedNodes];
-      }), t(this, u).current = t(this, u).current.filter(
-        (a) => !s.includes(a)
-      ), t(this, S) && !t(this, u).current.length && !i.length && this.remove();
-    });
-    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(ct), n(this, S, e.key), n(this, ee, new MutationObserver(t(this, de))), m(this, {
-      children: [
-        g({
-          class: "wrapper",
-          children: [
-            g({
-              class: "head",
-              onClick: (i) => {
-                this.classList.toggle("opened"), this.classList.contains("opened") ? w.openPanel(t(this, S)) : w.closePanel(t(this, S));
-              },
-              children: [
-                t(this, S) ? g({
-                  class: "name",
-                  children: [t(this, S).split(".").slice(-1).toString()]
-                }) : null,
-                t(this, _),
-                m(Ge, {
-                  class: "arrow"
-                })
-              ]
-            }),
-            g({
-              class: "body",
-              ref: (i) => {
-                n(this, te, i);
-              },
-              children: g({
-                class: "body-content",
-                children: t(this, u),
-                ref: (i) => {
-                  n(this, se, i), n(this, ie, i.firstElementChild);
-                }
-              })
-            })
-          ]
-        })
-      ]
-    }), e != null && e.storeBox && this.handleStore(e.storeBox);
-  }
-  get key() {
-    return t(this, S);
-  }
-  get head() {
-    return t(this, _);
-  }
-  get content() {
-    return t(this, u);
-  }
-  get bodyElement() {
-    return t(this, te);
-  }
-  get contentElement() {
-    return t(this, se);
-  }
-  connectedCallback() {
-    w.isPanelOpened(t(this, S)) && this.classList.add("opened"), setTimeout(() => {
-      this.classList.add("transition-allowed");
-    }), t(this, ee).observe(t(this, ie), {
-      childList: !0
-    });
-  }
-  handleStore(e) {
-    if (e.remainingFolders.length) {
-      const i = e.store.passport.name.split("."), a = i.slice(0, i.length - e.remainingFolders.length).join("."), d = t(this, u).current.find((p) => p.key === a);
-      d instanceof ce ? d.handleStore({
-        store: e.store,
-        remainingFolders: e.remainingFolders.slice(1)
-      }) : t(this, u).current = [
-        ...t(this, u).current,
-        new ce({
-          key: a,
-          storeBox: {
-            store: e.store,
-            remainingFolders: e.remainingFolders.slice(1)
-          }
-        })
-      ];
-    } else {
-      const s = t(this, u).current.find(
-        (i) => i.key === e.store.passport.name
-      );
-      s instanceof ve ? s.addStore(e.store) : t(this, u).current = [
-        ...t(this, u).current,
-        new ve({
-          store: e.store
-        })
-      ];
-    }
-  }
-};
-S = new WeakMap(), _ = new WeakMap(), u = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), de = new WeakMap();
-let he = ce;
-customElements.get("e-tweaker-folder") || customElements.define("e-tweaker-folder", he);
-const pt = C({
-  ":host": {
-    "--tweaker-width": "550px",
-    "--tweaker-offset": "20px",
-    "--tweaker-folder-height": "35px",
-    "--height-input": "25px",
-    "--gap-large": "12px",
-    "--gap-medium": "10px",
-    "--gap-small": "8px",
-    "--gap-extra-small": "4px",
-    "--font-size-large": "16px",
-    "--font-size-medium": "14px",
-    "--font-size-small": "12px",
-    "--duration-short": "0.2s",
-    fontFamily: "sans-serif",
-    position: "absolute",
-    top: "var(--tweaker-offset)",
-    right: "var(--tweaker-offset)",
-    width: "var(--tweaker-width)",
-    backgroundColor: h.colorMain.var,
-    borderRadius: h.borderRadius.var,
-    transition: "opacity 0.1s",
-    zIndex: "100",
-    opacity: "0.1"
-  },
-  ":host(:hover)": {
-    opacity: "1 !important"
-  },
-  ".resize": {
-    position: "absolute",
-    left: "0",
-    top: "0",
-    width: "calc(var(--tweaker-width) * 0.025)",
-    height: "100%",
-    zIndex: "1",
-    cursor: "ew-resize"
-  },
-  ".tweaker-buttons": {
-    display: "flex",
-    alignItems: "center",
-    gap: "var(--gap-extra-small)"
-  },
-  ".tweaker-button": {
-    width: "18px",
-    height: "18px",
-    padding: "0",
-    margin: "0",
-    background: "none",
-    border: "none",
-    fill: h.colorFont.var,
-    transitionProperty: "fill",
-    transitionDuration: "var(--duration-short)"
-  },
-  ".tweaker-button:hover": {
-    fill: h.colorActive.var
-  },
-  ".tweaker-button svg": {
-    width: "100%",
-    height: "100%"
-  },
-  ":host .body-content": {
-    maxHeight: `calc(
-      100dvh - 
-      (
-        var(--tweaker-offset) * 2 + 
-        var(--tweaker-folder-height)
-      )
-    )`,
-    overflow: "hidden auto",
-    "-ms-overflow-style": "none",
-    "scrollbar-width": "none"
-  },
-  ":host .body-content::-webkit-scrollbar": {
-    display: "none"
-  },
-  [`@media ${qe["<=mobile"]}`]: {
-    ":host": {
-      position: "absolute",
-      top: "0",
-      right: "0",
-      width: "100% !important",
-      borderTopLeftRadius: "0",
-      borderTopRightRadius: "0"
-    },
-    ":host .body-content": {
-      maxHeight: `calc(
-        100dvh - 
-        var(--tweaker-folder-height)
-      )`
-    }
-  }
-});
-var re, oe, ne;
-class Ne extends he {
-  constructor() {
-    super({
-      key: ""
-    });
-    o(this, re, !1);
-    o(this, oe, () => {
-      w.save();
-    });
-    o(this, ne, Je(() => {
-      $.current.forEach((e) => {
-        var s;
-        if (e.passport && !((s = e.passport.manager) != null && s.invisible)) {
-          const i = e.passport.name.split(".");
-          this.handleStore({
-            store: e,
-            remainingFolders: i.length > 1 ? i.slice(0, -1) : []
-          });
-        }
-      }), t(this, re) || (n(this, re, !0), this.contentElement.scroll({
-        top: w.scrollValue
-      }), this.contentElement.addEventListener("scroll", () => {
-        w.scrollValue = this.contentElement.scrollTop;
-      }));
-    }, 10));
-    w.load(), this.shadowRoot.adoptedStyleSheets.push(pt), this.head.current = [
-      g({
-        class: "tweaker-buttons",
-        onClick: (e) => {
-          e.stopPropagation();
-        },
-        children: [
-          J({
-            class: "tweaker-button",
-            children: Re,
-            onClick: () => {
-              T.resetState();
-            }
-          }),
-          J({
-            class: ["tweaker-button"],
-            children: [Te],
-            onClick: () => {
-              navigator.clipboard.writeText(
-                JSON.stringify(T.getState())
-              );
-            }
-          }),
-          J({
-            class: "tweaker-button",
-            children: et,
-            onClick: () => {
-              Be(
-                T.projectName,
-                T.getState()
-              );
-            }
-          }),
-          Ye({
-            class: "tweaker-button",
-            children: [
-              tt,
-              pe({
-                type: "file",
-                style: {
-                  display: "none"
-                },
-                onChange: (e) => {
-                  var a;
-                  const i = (a = e.currentTarget.files) == null ? void 0 : a[0];
-                  if (i) {
-                    const d = new FileReader();
-                    d.onload = (p) => {
-                      var L, B;
-                      const y = (B = (L = p.target) == null ? void 0 : L.result) == null ? void 0 : B.toString();
-                      y && T.loadState(y);
-                    }, d.readAsText(i);
-                  }
-                }
-              })
-            ]
-          })
-        ]
-      })
-    ], m(this.bodyElement, {
-      children: [
-        g({
-          class: "resize",
-          onPointerdown: (e) => {
-            e.preventDefault();
-            const s = this.getBoundingClientRect(), i = this.contentElement.scrollTop;
-            ze(
-              (a) => {
-                const d = e.x - a.x, p = Math.max(400, s.width + d);
-                this.style.width = p + "px", w.changeSize("tweaker", p);
-              },
-              () => {
-                setTimeout(() => {
-                  this.contentElement.scroll({
-                    top: i
-                  });
-                }, 10);
-              }
-            );
-          },
-          onDblclick: () => {
-            this.style.width = "", w.changeSize("tweaker", null);
-          }
-        })
-      ]
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("beforeunload", t(this, oe)), $.subscribe(t(this, ne)), w.changedSizes("tweaker") && (this.style.width = w.changedSizes("tweaker") + "px");
-  }
-  disconnectedCallback() {
-    window.removeEventListener("beforeunload", t(this, oe)), w.save(), $.unsubscribe(t(this, ne));
-  }
-}
-re = new WeakMap(), oe = new WeakMap(), ne = new WeakMap();
-customElements.get("e-tweaker") || customElements.define("e-tweaker", Ne);
-je && document.body.appendChild(new Ne());