aptechka 0.13.0 → 0.14.0

package/lib/need_redo_tweaker/index.js

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