aptechka 0.13.1 → 0.15.0

package/lib/need_redo_tweaker/index.js

@@ -0,0 +1,1337 @@
+var We = (a) => {
+  throw TypeError(a);
+};
+var Pe = (a, n, t) => n.has(a) || We("Cannot " + t);
+var e = (a, n, t) => (Pe(a, n, "read from private field"), t ? t.call(a) : n.get(a)), i = (a, n, t) => n.has(a) ? We("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(a) : n.set(a, t), o = (a, n, t, s) => (Pe(a, n, "write to private field"), s ? s.call(a, t) : n.set(a, t), t), c = (a, n, t) => (Pe(a, n, "access private method"), t);
+import { i as Ee } from "../browser-0zX67oeU.js";
+import { s as L, a as _, S as qe } from "../Store-OTdcl6SX.js";
+import { d as Xe, a as ft, c as wt } from "../file-BEr-o55N.js";
+import { d as vt } from "../function-C10DGppn.js";
+import { s as Ue } from "../gestures-D2Fdra_G.js";
+import "../ticker/index.js";
+import { createTheme as bt, style as yt, createStylesheet as w, element as u, label as Ge, span as $e, slot as te, input as Ce, a as kt, div as g, button as O } from "../element-constructor/index.js";
+import { a as St } from "../Viewport-taEXS8Uv.js";
+import { c as xt } from "../math-BOBiC4TN.js";
+import { n as Je, t as Et } from "../polyfills-X6KXuHg-.js";
+import { elementResizer as Ye } from "../element-resizer/index.js";
+import { g as Ct } from "../style-j2TwriJ_.js";
+const h = bt(
+  {
+    colorMain: "#1c1c1c",
+    colorMainAux: "#282828",
+    colorFont: "#ffffff",
+    colorActive: "#00E5B0",
+    borderRadius: "12px",
+    borderRadiusSmall: "4px"
+  },
+  { prefix: "aptechka-" }
+);
+if (Ee) {
+  const a = yt({
+    ":root": h.style
+  }).node;
+  a.setAttribute("data-permanent", ""), document.head.appendChild(a);
+}
+const Qe = '<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>', et = '<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>', zt = '<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>', tt = `<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="32"
+  height="32"
+  viewBox="0 0 24 24"
+>
+  <path d="m12.37 15.835l6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0Z" />
+</svg>
+`;
+var A, y, C;
+class Lt {
+  constructor() {
+    i(this, A);
+    i(this, y);
+    i(this, C);
+    this.scrollValue = 0, o(this, A, ""), o(this, y, []), o(this, C, {}), o(this, A, L.name + "-tweaker");
+  }
+  openPanel(n) {
+    e(this, y).includes(n) || e(this, y).push(n);
+  }
+  closePanel(n) {
+    o(this, y, e(this, y).filter((t) => t !== n));
+  }
+  isPanelOpened(n) {
+    return e(this, y).includes(n);
+  }
+  changedSizes(n) {
+    return e(this, C)[n];
+  }
+  changeSize(n, t) {
+    t ? e(this, C)[n] = t : delete e(this, C)[n];
+  }
+  save() {
+    const n = {
+      openedPanels: e(this, y),
+      changedSizes: e(this, C),
+      scrollValue: this.scrollValue
+    };
+    localStorage.setItem(e(this, A), JSON.stringify(n)), L.saveState();
+  }
+  load() {
+    L.loadState();
+    const n = localStorage.getItem(e(this, A));
+    if (n)
+      try {
+        const t = JSON.parse(n);
+        t.openedPanels && o(this, y, t.openedPanels), t.changedSizes && o(this, C, t.changedSizes), t.scrollValue && (this.scrollValue = t.scrollValue);
+      } catch (t) {
+        console.error(t);
+      }
+  }
+}
+A = new WeakMap(), y = new WeakMap(), C = new WeakMap();
+const v = new Lt(), Rt = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path d="m243.33 90.91l-128.41 128.4a16 16 0 0 1-22.63 0l-71.62-72a16 16 0 0 1 0-22.61l24-24a16 16 0 0 1 22.57-.06l36.64 35.27l.11.11l92.73-91.37a16 16 0 0 1 22.58 0l24 23.56a16 16 0 0 1 .03 22.7Z"/></svg>', Mt = w({
+  ":host": {
+    position: "relative",
+    display: "inline-block",
+    width: "30px",
+    height: "30px",
+    borderRadius: h.borderRadiusSmall.var,
+    overflow: "hidden"
+  },
+  "label, .fake": {
+    display: "block"
+  },
+  "label, .fake, .default": {
+    width: "100%",
+    height: "100%"
+  },
+  ".real": {
+    position: "absolute",
+    top: "0",
+    left: "0",
+    width: "0px",
+    height: "0px",
+    visibility: "hidden",
+    margin: "0"
+  },
+  ".default": {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: h.colorMainAux.var
+  },
+  ".default svg": {
+    width: "60%",
+    height: "60%",
+    fill: h.colorFont.var,
+    opacity: 0,
+    transition: "var(--duration-short)"
+  },
+  ":host(.checked) .default svg": {
+    opacity: 1
+  }
+});
+var R, Z, P, ie;
+const Ke = class Ke extends HTMLElement {
+  constructor() {
+    super();
+    i(this, P);
+    i(this, R, null);
+    i(this, Z);
+    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Mt), o(this, Z, this.attachInternals()), u(this, {
+      children: Ge({
+        children: [
+          $e({
+            class: "fake",
+            children: te({
+              children: [
+                $e({
+                  class: "default",
+                  children: [Rt]
+                })
+              ]
+            })
+          }),
+          Ce({
+            ref: (s) => {
+              o(this, R, s), s.required = this.hasAttribute("required"), s.value = this.getAttribute("value") || "", s.checked = this.hasAttribute("checked"), s.name = this.getAttribute("name") || "", c(this, P, ie).call(this);
+            },
+            class: "real",
+            type: "checkbox",
+            onChange: () => {
+              c(this, P, ie).call(this), this.dispatchEvent(
+                new Event("change", {
+                  composed: !0
+                })
+              );
+            }
+          })
+        ]
+      })
+    });
+  }
+  get checked() {
+    return e(this, R).checked;
+  }
+  set checked(t) {
+    e(this, R).checked = t, c(this, P, ie).call(this);
+  }
+  get value() {
+    return e(this, R).value;
+  }
+  set value(t) {
+    e(this, R).value = t, c(this, P, ie).call(this);
+  }
+};
+R = new WeakMap(), Z = new WeakMap(), P = new WeakSet(), ie = function() {
+  this.checked ? e(this, Z).setFormValue(this.value) : e(this, Z).setFormValue(null), this.classList.toggle("checked", this.checked);
+}, Ke.formAssociated = !0;
+let Ve = Ke;
+customElements.get("e-checkbox") || customElements.define("e-checkbox", Ve);
+var M;
+class se extends HTMLElement {
+  constructor(...t) {
+    super();
+    i(this, M);
+    o(this, M, t);
+  }
+  addStore(t) {
+    e(this, M).push(t);
+  }
+  get firstStore() {
+    return e(this, M)[0];
+  }
+  get stores() {
+    return e(this, M);
+  }
+  updateStores(t) {
+    e(this, M).forEach((s) => {
+      s.current = t;
+    });
+  }
+}
+M = new WeakMap();
+const Ft = w({
+  ":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 st extends se {
+  constructor(...n) {
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Ft), u(this, {
+      children: [
+        u("e-checkbox", {
+          onChange: (s) => {
+            this.updateStores(s.currentTarget.checked);
+          },
+          ref: (s) => {
+            this.firstStore.subscribe((r) => {
+              s.checked = r.current;
+            });
+          }
+        })
+      ]
+    });
+  }
+}
+customElements.get("e-tweaker-boolean-manager") || customElements.define(
+  "e-tweaker-boolean-manager",
+  st
+);
+const It = w({
+  ":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 it extends se {
+  constructor(...n) {
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(It), u(this, {
+      children: [
+        Ce({
+          type: "color",
+          value: this.firstStore,
+          onInput: (s) => {
+            this.updateStores(s.currentTarget.value);
+          }
+        })
+      ]
+    });
+  }
+}
+customElements.get("e-tweaker-color-manager") || customElements.define("e-tweaker-color-manager", it);
+const At = w({
+  a: {
+    color: "inherit",
+    fontSize: "var(--font-size-small)"
+  }
+});
+class nt extends se {
+  constructor(...n) {
+    var s;
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(At), u(this, {
+      children: [
+        kt({
+          href: this.firstStore,
+          target: (s = this.firstStore.__manager) != null && s.sameWindow ? "_self" : "_blank",
+          children: this.firstStore
+        })
+      ]
+    });
+  }
+}
+customElements.get("e-tweaker-link-manager") || customElements.define("e-tweaker-link-manager", nt);
+const Pt = w({
+  ":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 $, K, B, z, F, ne, re, E, V, oe, ae, p, D, He, Ne, ze, le;
+class rt extends se {
+  constructor(...t) {
+    var r, l, d, m;
+    super(...t);
+    i(this, p);
+    i(this, $, []);
+    i(this, K, []);
+    i(this, B);
+    i(this, z);
+    i(this, F);
+    i(this, ne);
+    i(this, re);
+    i(this, E);
+    i(this, V, !1);
+    i(this, oe, (t) => {
+      const s = c(this, p, D).call(this, t);
+      return s.map((r, l) => {
+        const d = typeof r == "string" ? parseFloat(r) || e(this, z) : r, m = xt(d, e(this, z), e(this, F)), N = Et(m, e(this, B));
+        s[l] = N;
+      }), e(this, re) === "number" ? s[0] : s;
+    });
+    i(this, ae, () => {
+      c(this, p, D).call(this).map((t, s) => {
+        const r = e(this, $)[s];
+        r && (r.value = (t || 0).toString());
+      }), c(this, p, He).call(this);
+    });
+    i(this, le, () => {
+      c(this, p, He).call(this);
+    });
+    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Pt), o(this, z, Je((r = this.firstStore.__manager) == null ? void 0 : r.min, -1 / 0)), o(this, F, Je((l = this.firstStore.__manager) == null ? void 0 : l.max, 1 / 0)), o(this, B, ((d = this.firstStore.__manager) == null ? void 0 : d.step) || 0.01), o(this, ne, ((m = this.firstStore.__manager) == null ? void 0 : m.ease) || 1), o(this, re, Array.isArray(this.firstStore.current) ? "array" : "number"), o(this, E, isFinite(e(this, F)) && isFinite(e(this, z))), u(this, {
+      class: e(this, E) ? "" : "infinite",
+      children: c(this, p, D).call(this).map((N, I) => g({
+        class: "inputs-wrapper",
+        children: [
+          Ce({
+            type: "number",
+            step: e(this, B),
+            min: e(this, z),
+            max: e(this, F),
+            ref: (b) => e(this, $).push(b),
+            value: N,
+            onChange: () => {
+              this.updateStores(
+                e(this, $).map((b) => parseFloat(b.value))
+              );
+            }
+          }),
+          g({
+            class: "drag",
+            children: [
+              g({
+                class: "drag-knob",
+                ref: (b) => e(this, K).push(b),
+                onPointerdown: (b) => {
+                  b.preventDefault(), o(this, V, !0);
+                  const Fe = c(this, p, D).call(this), ct = Fe[I], T = e(this, K)[I], dt = e(this, $)[I];
+                  if (T && dt) {
+                    const Ie = T.parentElement, ut = c(this, p, Ne).call(this);
+                    Ie.classList.add("grabbing"), Ue(
+                      (Ae) => {
+                        const je = Ae.x - b.x, pt = e(this, E) ? Ie.offsetWidth / (ut || 1) : 1, gt = ct + je / pt * e(this, ne);
+                        if (Fe[I] = gt, !e(this, E)) {
+                          const mt = c(this, p, ze).call(this, T, 0);
+                          T.style.transform = `translateX(${mt + je}px)`;
+                        }
+                        this.updateStores([...Fe]);
+                      },
+                      () => {
+                        if (o(this, V, !1), !e(this, E)) {
+                          const Ae = c(this, p, ze).call(this, T, 0);
+                          T.style.transition = "transform 0.1s", T.style.transform = `translateX(${Ae}px)`, Ie.classList.remove("grabbing"), setTimeout(() => {
+                            T.style.transition = "";
+                          }, 100);
+                        }
+                      }
+                    );
+                  }
+                },
+                children: g({
+                  class: "drag-knob-inner"
+                })
+              })
+            ]
+          })
+        ]
+      }))
+    });
+  }
+  connectedCallback() {
+    this.firstStore.addMiddleware(e(this, oe)), this.firstStore.subscribe(e(this, ae)), Ye.subscribe(this, e(this, le));
+  }
+  disconnectedCallback() {
+    this.firstStore.removeMiddleware(e(this, oe)), this.firstStore.unsubscribe(e(this, ae)), Ye.unsubscribe(e(this, le));
+  }
+}
+$ = new WeakMap(), K = new WeakMap(), B = new WeakMap(), z = new WeakMap(), F = new WeakMap(), ne = new WeakMap(), re = new WeakMap(), E = new WeakMap(), V = new WeakMap(), oe = new WeakMap(), ae = new WeakMap(), p = new WeakSet(), D = function(t = this.firstStore.current) {
+  return Array.isArray(t) ? t : [t];
+}, He = function() {
+  c(this, p, D).call(this).map((t, s) => {
+    const r = e(this, K)[s];
+    if (r && (!e(this, V) || e(this, V) && e(this, E))) {
+      const l = c(this, p, ze).call(this, r, t);
+      r.style.transform = `translateX(${l}px)`;
+    }
+  });
+}, Ne = function() {
+  return e(this, E) ? e(this, F) - e(this, z) : 0;
+}, ze = function(t, s) {
+  const r = t.parentElement, l = c(this, p, Ne).call(this), d = l ? s / l : 0.5;
+  return (r.offsetWidth - t.offsetWidth) * d;
+}, le = new WeakMap();
+customElements.get("e-tweaker-number-manager") || customElements.define("e-tweaker-number-manager", rt);
+const $t = w({
+  ":host": {
+    position: "relative"
+  },
+  ".head": {
+    width: "100%",
+    cursor: "default",
+    background: "none",
+    border: "none",
+    color: "inherit",
+    fontFamily: "inherit",
+    fontSize: "inherit",
+    fontWeight: "inherit",
+    textAlign: "start",
+    padding: "0",
+    margin: "0"
+  },
+  ".body": {
+    boxSizing: "border-box",
+    position: "var(--position, unset)",
+    top: "100%",
+    left: "0",
+    width: "100%",
+    overflow: "hidden",
+    transitionDuration: "var(--duration, var(--duration-short))",
+    transitionProperty: "height",
+    cursor: "default"
+  },
+  ".body-inner": {
+    display: "grid",
+    gap: "var(--gap, 0px)",
+    width: "100%",
+    paddingTop: "var(--gap, 0px)"
+  }
+});
+var j, W, k, H, q, J, Le, he, _e;
+const Be = class Be extends HTMLElement {
+  constructor() {
+    super();
+    i(this, he);
+    i(this, j, null);
+    i(this, W, "");
+    i(this, k, null);
+    i(this, H, !1);
+    i(this, q);
+    i(this, J, null);
+    i(this, Le, () => {
+      Xe(this);
+    });
+    Ee && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push($t), o(this, j, this.attachInternals()), o(this, J, new ResizeObserver(e(this, Le))), u(this, {
+      children: [
+        O({
+          class: "head",
+          children: te({ name: "head" }),
+          onClick: () => {
+            this.opened ? this.close() : this.open();
+          }
+        }),
+        g({
+          class: "body",
+          style: {
+            height: "0px"
+          },
+          children: g({
+            class: "body-inner",
+            children: te()
+          }),
+          ref: (s) => {
+            o(this, k, s);
+          }
+        })
+      ]
+    }));
+  }
+  get value() {
+    return e(this, W);
+  }
+  set value(t) {
+    o(this, W, t), this.dispatchEvent(
+      new Event("change", {
+        bubbles: !0,
+        composed: !0
+      })
+    ), e(this, j).setFormValue(e(this, W));
+  }
+  get internals() {
+    return e(this, j);
+  }
+  get opened() {
+    return e(this, H);
+  }
+  open() {
+    clearTimeout(e(this, q)), o(this, H, !0), e(this, k).style.display = "grid", this.classList.add("triggered"), setTimeout(() => {
+      this.classList.add("opened"), e(this, k).style.height = e(this, k).scrollHeight + "px", c(this, he, _e).call(this);
+    }, 0);
+  }
+  close() {
+    o(this, H, !1), e(this, k).style.height = "0px", this.classList.remove("opened"), c(this, he, _e).call(this), o(this, q, setTimeout(() => {
+      this.classList.remove("triggered"), e(this, k).style.display = "none";
+    }, Ct(e(this, k))));
+  }
+  connectedCallback() {
+    e(this, J).observe(e(this, k));
+  }
+  disconnectedCallback() {
+    clearTimeout(e(this, q)), e(this, J).disconnect();
+  }
+};
+j = new WeakMap(), W = new WeakMap(), k = new WeakMap(), H = new WeakMap(), q = new WeakMap(), J = new WeakMap(), Le = new WeakMap(), he = new WeakSet(), _e = function() {
+  ft(this), this.dispatchEvent(
+    new CustomEvent("selectToggle", {
+      bubbles: !0,
+      composed: !0,
+      detail: {
+        opened: e(this, H)
+      }
+    })
+  );
+}, Be.formAssociated = !0;
+let De = Be;
+customElements.get("e-select") || customElements.define("e-select", De);
+var ce;
+class ot extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    i(this, ce, null);
+  }
+  get selectElement() {
+    return e(this, ce);
+  }
+  connectedCallback() {
+    var s, r;
+    const t = (r = (s = this.assignedSlot) == null ? void 0 : s.getRootNode()) == null ? void 0 : r.host;
+    t ? o(this, ce, t) : console.log(this, "e-select not found");
+  }
+}
+ce = new WeakMap();
+const Vt = w({
+  ":host": {
+    width: "100%",
+    height: "40px",
+    display: "inline-flex",
+    alignItems: "center"
+  }
+});
+var Y, de, Oe;
+class Ht extends ot {
+  constructor() {
+    super();
+    i(this, de);
+    i(this, Y, () => {
+      this.selectElement.value === this.value ? this.style.display = "none" : this.style.display = "";
+    });
+    Ee && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Vt), u(this, {
+      tabindex: 0,
+      onClick: () => {
+        c(this, de, Oe).call(this);
+      },
+      onKeydown: (s) => {
+        s.code === "Space" && c(this, de, Oe).call(this);
+      },
+      children: te()
+    }));
+  }
+  get value() {
+    return (this.hasAttribute("value") ? this.getAttribute("value") : this.innerText) || "";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.hasAttribute("default") && (this.selectElement.value || (this.selectElement.value = this.value)), this.selectElement.addEventListener("change", e(this, Y)), setTimeout(() => {
+      e(this, Y).call(this);
+    });
+  }
+  disconnectedCallback() {
+    this.selectElement.removeEventListener("change", e(this, Y));
+  }
+}
+Y = new WeakMap(), de = new WeakSet(), Oe = function() {
+  this.selectElement.value = this.value, this.selectElement.close();
+};
+customElements.get("e-select-option") || customElements.define("e-select-option", Ht);
+const Nt = w({
+  ":host": {
+    width: "100%",
+    height: "40px",
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  ".default-arrow": {
+    flexShrink: "0",
+    width: "var(--arrow-size, 1em)",
+    height: "var(--arrow-size, 1em)",
+    fill: `var(--arrow-color, ${h.colorMain.var})`,
+    transitionProperty: "transform",
+    transitionDuration: "var(--duration, var(--duration-short))"
+  },
+  ":host(.opened) .default-arrow": {
+    transform: "scaleY(-1)"
+  }
+});
+var ue, X, pe;
+class Dt extends ot {
+  constructor() {
+    super();
+    i(this, ue, null);
+    i(this, X, () => {
+      const s = this.selectElement.shadowRoot.querySelector(
+        ".body slot"
+      ).assignedElements().find((r) => r.value === this.selectElement.value);
+      s && (e(this, ue).innerHTML = s.innerHTML);
+    });
+    i(this, pe, () => {
+      this.classList.toggle("opened", this.selectElement.opened);
+    });
+    Ee && (this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Nt), u(this, {
+      children: [
+        te(),
+        te({
+          name: "arrow",
+          children: u(tt, { class: "default-arrow" })
+        })
+      ]
+    }), this.slot = "head");
+  }
+  connectedCallback() {
+    super.connectedCallback(), o(this, ue, this.querySelector("[data-value-holder]") || this), this.selectElement.addEventListener("change", e(this, X)), e(this, X).call(this), this.selectElement.addEventListener("selectToggle", e(this, pe));
+  }
+  disconnectedCallback() {
+    this.selectElement.removeEventListener("change", e(this, X)), this.selectElement.removeEventListener("selectToggle", e(this, pe));
+  }
+}
+ue = new WeakMap(), X = new WeakMap(), pe = new WeakMap();
+customElements.get("e-select-head") || customElements.define("e-select-head", Dt);
+const _t = w({
+  "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 at extends se {
+  constructor(...n) {
+    var r;
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(_t);
+    const s = ((r = this.firstStore.__manager) == null ? void 0 : r.variants) || [];
+    u(this, {
+      children: u("e-select", {
+        value: this.firstStore,
+        onChange: (l) => {
+          this.updateStores(l.currentTarget.value);
+        },
+        lightChildren: [
+          u("e-select-head", {
+            lightChildren: [
+              $e({
+                "data-value-holder": ""
+              })
+            ]
+          }),
+          // @ts-ignore
+          ...s.map(
+            (l, d) => u("e-select-option", {
+              lightChildren: l,
+              default: d === 0 ? !0 : null
+            })
+          )
+        ]
+      })
+    });
+  }
+}
+customElements.get("e-tweaker-select-manager") || customElements.define("e-tweaker-select-manager", at);
+const Ot = w({
+  ":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 lt extends se {
+  constructor(...n) {
+    super(...n), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Ot), u(this, {
+      children: [
+        Ce({
+          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", lt);
+const Zt = {
+  boolean: st,
+  color: it,
+  link: nt,
+  number: rt,
+  select: at,
+  string: lt
+}, Kt = w({
+  ":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 S, U, G, Q, ee, ge, me;
+class Ze extends HTMLElement {
+  constructor(t) {
+    var l, d;
+    super();
+    i(this, S, []);
+    i(this, U);
+    i(this, G);
+    i(this, Q, !1);
+    i(this, ee);
+    i(this, ge, () => {
+      _.current.find((t) => e(this, S).includes(t)) || this.remove();
+    });
+    i(this, me, (t) => {
+      e(this, Q) && ((t.metaKey || t.ctrlKey) && t.code === "KeyC" ? navigator.clipboard.writeText(e(this, S)[0].current) : (t.metaKey || t.ctrlKey) && t.code === "KeyR" && (e(this, S).forEach((s) => {
+        s.reset();
+      }), t.preventDefault()));
+    });
+    o(this, S, [t.store]), o(this, U, t.store.name), o(this, G, e(this, U).split(".").slice(-1).toString());
+    const s = ((l = t.store.__manager) == null ? void 0 : l.type) || "string";
+    o(this, ee, new Zt[s](
+      e(this, S)[0]
+    )), this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Kt), u(this, {
+      class: {
+        disabled: ((d = t.store.__manager) == null ? void 0 : d.disabled) || !1
+      },
+      onPointerleave: () => {
+        o(this, Q, !1);
+      },
+      onPointerenter: () => {
+        o(this, Q, !0);
+      },
+      children: [
+        g({
+          class: "head",
+          children: [
+            g({ class: "name", children: e(this, G) + ":" }),
+            g({
+              class: "head-buttons",
+              children: [
+                O({
+                  class: "head-button",
+                  children: et,
+                  onClick: () => {
+                    navigator.clipboard.writeText(e(this, S)[0].current);
+                  }
+                }),
+                O({
+                  class: "head-button",
+                  children: Qe,
+                  onClick: () => {
+                    e(this, S).forEach((m) => {
+                      m.reset();
+                    });
+                  }
+                })
+              ]
+            })
+          ]
+        }),
+        e(this, ee)
+      ]
+    });
+  }
+  get key() {
+    return e(this, U);
+  }
+  get name() {
+    return e(this, G);
+  }
+  get stores() {
+    return e(this, S);
+  }
+  addStore(t) {
+    e(this, ee).addStore(t);
+  }
+  connectedCallback() {
+    _.subscribe(e(this, ge)), addEventListener("keydown", e(this, me)), Xe(this);
+  }
+  disconnectedCallback() {
+    _.unsubscribe(e(this, ge)), removeEventListener("keydown", e(this, me));
+  }
+}
+S = new WeakMap(), U = new WeakMap(), G = new WeakMap(), Q = new WeakMap(), ee = new WeakMap(), ge = new WeakMap(), me = new WeakMap();
+customElements.get("e-tweaker-field") || customElements.define("e-tweaker-field", Ze);
+const Bt = w({
+  ".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 x, fe, f, we, ve, be, ye, Re;
+const Me = class Me extends HTMLElement {
+  constructor(t) {
+    super();
+    i(this, x);
+    i(this, fe, new qe(null));
+    i(this, f, new qe([]));
+    i(this, we);
+    i(this, ve, null);
+    i(this, be, null);
+    i(this, ye, null);
+    i(this, Re, (t) => {
+      let s = [], r = [];
+      t.forEach((l) => {
+        s = [...s, ...l.removedNodes], r = [...r, ...l.addedNodes];
+      }), e(this, f).current = e(this, f).current.filter(
+        (l) => !s.includes(l)
+      ), e(this, x) && !e(this, f).current.length && !r.length && this.remove();
+    });
+    this.attachShadow({ mode: "open" }).adoptedStyleSheets.push(Bt), o(this, x, t.key), o(this, we, new MutationObserver(e(this, Re))), u(this, {
+      children: [
+        g({
+          class: "wrapper",
+          children: [
+            g({
+              class: "head",
+              onClick: (r) => {
+                this.classList.toggle("opened"), this.classList.contains("opened") ? v.openPanel(e(this, x)) : v.closePanel(e(this, x));
+              },
+              children: [
+                e(this, x) ? g({
+                  class: "name",
+                  children: [e(this, x).split(".").slice(-1).toString()]
+                }) : null,
+                e(this, fe),
+                u(tt, {
+                  class: "arrow"
+                })
+              ]
+            }),
+            g({
+              class: "body",
+              ref: (r) => {
+                o(this, ve, r);
+              },
+              children: g({
+                class: "body-content",
+                children: e(this, f),
+                ref: (r) => {
+                  o(this, be, r), o(this, ye, r.firstElementChild);
+                }
+              })
+            })
+          ]
+        })
+      ]
+    }), t != null && t.storeBox && this.handleStore(t.storeBox);
+  }
+  get key() {
+    return e(this, x);
+  }
+  get head() {
+    return e(this, fe);
+  }
+  get content() {
+    return e(this, f);
+  }
+  get bodyElement() {
+    return e(this, ve);
+  }
+  get contentElement() {
+    return e(this, be);
+  }
+  connectedCallback() {
+    v.isPanelOpened(e(this, x)) && this.classList.add("opened"), setTimeout(() => {
+      this.classList.add("transition-allowed");
+    }), e(this, we).observe(e(this, ye), {
+      childList: !0
+    });
+  }
+  handleStore(t) {
+    if (t.remainingFolders.length) {
+      const r = t.store.name.split("."), l = r.slice(0, r.length - t.remainingFolders.length).join("."), d = e(this, f).current.find((m) => m.key === l);
+      d instanceof Me ? d.handleStore({
+        store: t.store,
+        remainingFolders: t.remainingFolders.slice(1)
+      }) : e(this, f).current = [
+        ...e(this, f).current,
+        new Me({
+          key: l,
+          storeBox: {
+            store: t.store,
+            remainingFolders: t.remainingFolders.slice(1)
+          }
+        })
+      ];
+    } else {
+      const s = e(this, f).current.find(
+        (r) => r.key === t.store.name
+      );
+      s instanceof Ze ? s.addStore(t.store) : e(this, f).current = [
+        ...e(this, f).current,
+        new Ze({
+          store: t.store
+        })
+      ];
+    }
+  }
+};
+x = new WeakMap(), fe = new WeakMap(), f = new WeakMap(), we = new WeakMap(), ve = new WeakMap(), be = new WeakMap(), ye = new WeakMap(), Re = new WeakMap();
+let Te = Me;
+customElements.get("e-tweaker-folder") || customElements.define("e-tweaker-folder", Te);
+const jt = w({
+  ":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 ${St["<=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 ke, Se, xe;
+class ht extends Te {
+  constructor() {
+    super({
+      key: ""
+    });
+    i(this, ke, !1);
+    i(this, Se, () => {
+      v.save();
+    });
+    i(this, xe, vt(() => {
+      _.current.forEach((t) => {
+        if (t.name) {
+          const s = t.name.split(".");
+          this.handleStore({
+            store: t,
+            remainingFolders: s.length > 1 ? s.slice(0, -1) : []
+          });
+        }
+      }), e(this, ke) || (o(this, ke, !0), this.contentElement.scroll({
+        top: v.scrollValue
+      }), this.contentElement.addEventListener("scroll", () => {
+        v.scrollValue = this.contentElement.scrollTop;
+      }));
+    }, 10));
+    v.load(), this.shadowRoot.adoptedStyleSheets.push(jt), this.head.current = [
+      g({
+        class: "tweaker-buttons",
+        onClick: (t) => {
+          t.stopPropagation();
+        },
+        children: [
+          O({
+            class: "tweaker-button",
+            children: Qe,
+            onClick: () => {
+              L.resetState();
+            }
+          }),
+          O({
+            class: ["tweaker-button"],
+            children: [et],
+            onClick: () => {
+              navigator.clipboard.writeText(
+                JSON.stringify(L.getState())
+              );
+            }
+          }),
+          O({
+            class: "tweaker-button",
+            children: zt,
+            onClick: () => {
+              wt(L.name, L.getState());
+            }
+          }),
+          Ge({
+            class: "tweaker-button",
+            children: [
+              Tt,
+              Ce({
+                type: "file",
+                style: {
+                  display: "none"
+                },
+                onChange: (t) => {
+                  var l;
+                  const r = (l = t.currentTarget.files) == null ? void 0 : l[0];
+                  if (r) {
+                    const d = new FileReader();
+                    d.onload = (m) => {
+                      var I, b;
+                      const N = (b = (I = m.target) == null ? void 0 : I.result) == null ? void 0 : b.toString();
+                      N && L.loadState(N);
+                    }, d.readAsText(r);
+                  }
+                }
+              })
+            ]
+          })
+        ]
+      })
+    ], u(this.bodyElement, {
+      children: [
+        g({
+          class: "resize",
+          onPointerdown: (t) => {
+            t.preventDefault();
+            const s = this.getBoundingClientRect(), r = this.contentElement.scrollTop;
+            Ue(
+              (l) => {
+                const d = t.x - l.x, m = Math.max(400, s.width + d);
+                this.style.width = m + "px", v.changeSize("tweaker", m);
+              },
+              () => {
+                setTimeout(() => {
+                  this.contentElement.scroll({
+                    top: r
+                  });
+                }, 10);
+              }
+            );
+          },
+          onDblclick: () => {
+            this.style.width = "", v.changeSize("tweaker", null);
+          }
+        })
+      ]
+    });
+  }
+  connectedCallback() {
+    super.connectedCallback(), window.addEventListener("beforeunload", e(this, Se)), _.subscribe(e(this, xe)), v.changedSizes("tweaker") && (this.style.width = v.changedSizes("tweaker") + "px");
+  }
+  disconnectedCallback() {
+    window.removeEventListener("beforeunload", e(this, Se)), v.save(), _.unsubscribe(e(this, xe));
+  }
+}
+ke = new WeakMap(), Se = new WeakMap(), xe = new WeakMap();
+customElements.get("e-tweaker") || customElements.define("e-tweaker", ht);
+Ee && document.body.appendChild(new ht());