aptechka 0.83.1 → 0.84.0

package/lib/need_redo_tweaker/index.js

@@ -1,25 +1,27 @@
-var vt = (r) => {
-  throw TypeError(r);
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
-var Xe = (r, s, e) => s.has(r) || vt("Cannot " + e);
-var t = (r, s, e) => (Xe(r, s, "read from private field"), e ? e.call(r) : s.get(r)), o = (r, s, e) => s.has(r) ? vt("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(r) : s.set(r, e), c = (r, s, e, i) => (Xe(r, s, "write to private field"), i ? i.call(r, e) : s.set(r, e), e), l = (r, s, e) => (Xe(r, s, "access private method"), e);
-import { i as p } from "../index-e9eDuagL.js";
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)), __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value), __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value), __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+import { i as isBrowser } from "../index-DpKsHe97.js";
 import "construct-style-sheets-polyfill";
 import "../ticker/index.js";
-import { S as $, s as K, a as j } from "../Store-ZThXYBQd.js";
-import { c as Ut } from "../file-GHShUlue.js";
-import { d as Xt } from "../function-C10DGppn.js";
-import { s as Et } from "../gestures-CcXV6fCp.js";
-import { connector as Qt } from "../connector/index.js";
-import { c as Oe, u as jt } from "../string-BlMQbe8b.js";
-import { i as yt } from "../object-CcMK4y_r.js";
-import { a as es } from "../Viewport-Dt-d9DPi.js";
-import { c as ts } from "../math-BOBiC4TN.js";
-import { t as ss } from "../number-CumqY64S.js";
-import { n as St } from "../polyfills-DJrTJQky.js";
-import { elementResizer as kt } from "../element-resizer/index.js";
-import { g as is } from "../style-j2TwriJ_.js";
-const ns = /* @__PURE__ */ new Set([
+import { S as Store, s as storeRegistry, a as activeStores } from "../Store-uLDYY9ed.js";
+import { c as createJSONAndSave } from "../file-DwQs6bB6.js";
+import { d as debounce } from "../function-UmbPrOHm.js";
+import { s as setupDrag } from "../gestures-DmKKNnh4.js";
+import { connector } from "../connector/index.js";
+import { c as camelToKebab, u as uncapitalize } from "../string-B3lm2b7v.js";
+import { i as isESClass } from "../object-CiIdEmJx.js";
+import { a as ViewportMediaRules } from "../Viewport-BiDoiU8M.js";
+import { c as clamp } from "../math-r8V23YFe.js";
+import { t as toStep } from "../number-DiVt2xnh.js";
+import { n as nullishCoalescing } from "../polyfills-CG1XJNia.js";
+import { elementResizer } from "../element-resizer/index.js";
+import { g as getElementTransitionDurationMS } from "../style-DBoQWK0d.js";
+const knownSvgTags = /* @__PURE__ */ new Set([
   // 'a', 'style', 'title', 'script',
   "animate",
   "animateMotion",
@@ -84,241 +86,241 @@ const ns = /* @__PURE__ */ new Set([
   "view",
   "use"
 ]);
-var d, I, y, we, H, D, a, xt, Ct, Lt, Qe, je, Tt, zt, Mt, At, et, tt, Nt, st, it, Rt, nt, Be, ot, rt, at, We, qe;
-const Je = class Je {
-  constructor(...s) {
-    o(this, a);
-    o(this, d, null);
-    o(this, I, /* @__PURE__ */ new Set());
-    o(this, y, /* @__PURE__ */ new Set());
-    o(this, we);
-    o(this, H);
-    o(this, D);
-    o(this, We, (s) => {
-      t(this, I).forEach((e) => {
-        e(s);
-      }), t(this, I).clear();
-    });
-    o(this, qe, (s, e) => {
-      t(this, y).forEach((i) => {
-        i(s, e);
-      }), t(this, y).clear(), l(this, a, it).call(this);
-    });
-    if (p) {
-      const e = s[0], i = s[1];
-      c(this, d, l(this, a, xt).call(this, e, i == null ? void 0 : i.forceSvg)), l(this, a, Lt).call(this, i);
+var _node, _connectCallbacks, _disconnectCallbacks, _connectorUnsubscribeCallback, _storeRootElements, _events, _ElementConstructor_instances, createNode_fn, isSvgOrHtmlElement_fn, applyProperties_fn, watchNode_fn, createClassList_fn, manageStringStoreClass_fn, manageBooleanStoreClass_fn, createStyle_fn, createAttributeStyle_fn, createJSSStyle_fn, setStyleProperty_fn, createEvents_fn, attachEvents_fn, detachEvents_fn, createAttributes_fn, setAttribute_fn, createChildren_fn, appendChild_fn, getNode_fn, getOrCreateNode_fn, _connect, _disconnect;
+const _ElementConstructor = class _ElementConstructor {
+  constructor(...args) {
+    __privateAdd(this, _ElementConstructor_instances);
+    __privateAdd(this, _node, null);
+    __privateAdd(this, _connectCallbacks, /* @__PURE__ */ new Set());
+    __privateAdd(this, _disconnectCallbacks, /* @__PURE__ */ new Set());
+    __privateAdd(this, _connectorUnsubscribeCallback);
+    __privateAdd(this, _storeRootElements);
+    __privateAdd(this, _events);
+    __privateAdd(this, _connect, /* @__PURE__ */ __name((node) => {
+      __privateGet(this, _connectCallbacks).forEach((callback) => {
+        callback(node);
+      }), __privateGet(this, _connectCallbacks).clear();
+    }, "#connect"));
+    __privateAdd(this, _disconnect, /* @__PURE__ */ __name((node, expired) => {
+      __privateGet(this, _disconnectCallbacks).forEach((callback) => {
+        callback(node, expired);
+      }), __privateGet(this, _disconnectCallbacks).clear(), __privateMethod(this, _ElementConstructor_instances, detachEvents_fn).call(this);
+    }, "#disconnect"));
+    if (isBrowser) {
+      const p1 = args[0], p2 = args[1];
+      __privateSet(this, _node, __privateMethod(this, _ElementConstructor_instances, createNode_fn).call(this, p1, p2 == null ? void 0 : p2.forceSvg)), __privateMethod(this, _ElementConstructor_instances, applyProperties_fn).call(this, p2);
     }
   }
   get node() {
-    return t(this, d);
+    return __privateGet(this, _node);
   }
-  set node(s) {
-    var e;
-    l(this, a, it).call(this), c(this, d, s), (e = t(this, we)) == null || e.call(this), t(this, d) instanceof Element && c(this, H, [
-      ...t(this, d).querySelectorAll("store-root")
-    ]), l(this, a, st).call(this), l(this, a, Qe).call(this);
+  set node(v) {
+    var _a;
+    __privateMethod(this, _ElementConstructor_instances, detachEvents_fn).call(this), __privateSet(this, _node, v), (_a = __privateGet(this, _connectorUnsubscribeCallback)) == null || _a.call(this), __privateGet(this, _node) instanceof Element && __privateSet(this, _storeRootElements, [
+      ...__privateGet(this, _node).querySelectorAll("store-root")
+    ]), __privateMethod(this, _ElementConstructor_instances, attachEvents_fn).call(this), __privateMethod(this, _ElementConstructor_instances, watchNode_fn).call(this);
   }
 };
-d = new WeakMap(), I = new WeakMap(), y = new WeakMap(), we = new WeakMap(), H = new WeakMap(), D = new WeakMap(), a = new WeakSet(), xt = function(s, e) {
-  let i = null;
-  if (s instanceof Node)
-    i = s;
-  else if (typeof s == "string")
-    if (!s.includes("<") && s.includes("-"))
-      i = new (customElements.get(s))();
-    else if (s.includes("<")) {
-      const n = document.createElement("div");
-      n.innerHTML = s, i = n.firstElementChild;
-    } else ns.has(s) || e ? i = document.createElementNS(
+_node = new WeakMap(), _connectCallbacks = new WeakMap(), _disconnectCallbacks = new WeakMap(), _connectorUnsubscribeCallback = new WeakMap(), _storeRootElements = new WeakMap(), _events = new WeakMap(), _ElementConstructor_instances = new WeakSet(), createNode_fn = /* @__PURE__ */ __name(function(value, forceSvg) {
+  let node = null;
+  if (value instanceof Node)
+    node = value;
+  else if (typeof value == "string")
+    if (!value.includes("<") && value.includes("-"))
+      node = new (customElements.get(value))();
+    else if (value.includes("<")) {
+      const wrapper = document.createElement("div");
+      wrapper.innerHTML = value, node = wrapper.firstElementChild;
+    } else knownSvgTags.has(value) || forceSvg ? node = document.createElementNS(
       "http://www.w3.org/2000/svg",
-      s
-    ) : i = document.createElement(s);
+      value
+    ) : node = document.createElement(value);
   else
-    i = document.createElement("div");
-  return i;
-}, Ct = function(s) {
-  return s instanceof HTMLElement || s instanceof SVGElement;
-}, Lt = function(s) {
-  if (!s) return;
-  const e = l(this, a, Ct).call(this, t(this, d)), i = s.ref;
-  delete s.ref, s != null && s.onConnect && (t(this, I).add(s.onConnect), delete s.onConnect), s != null && s.onDisconnect && (t(this, y).add(s.onDisconnect), delete s.onDisconnect);
-  let n, h;
-  for (const u in s) {
-    const m = s[u];
-    u === "class" && e ? l(this, a, je).call(this, m) : u === "style" && e ? l(this, a, Mt).call(this, m) : u === "lightChildren" ? l(this, a, Be).call(this, t(this, d), m) : u === "children" ? l(this, a, Be).call(this, t(this, d) instanceof Element ? t(this, d).shadowRoot || t(this, d) : t(this, d), m) : u === "connectedClass" ? t(this, I).add(() => {
+    node = document.createElement("div");
+  return node;
+}, "#createNode"), isSvgOrHtmlElement_fn = /* @__PURE__ */ __name(function(node) {
+  return node instanceof HTMLElement || node instanceof SVGElement;
+}, "#isSvgOrHtmlElement"), applyProperties_fn = /* @__PURE__ */ __name(function(properties) {
+  if (!properties) return;
+  const isSvgOrHtml = __privateMethod(this, _ElementConstructor_instances, isSvgOrHtmlElement_fn).call(this, __privateGet(this, _node)), ref = properties.ref;
+  delete properties.ref, properties != null && properties.onConnect && (__privateGet(this, _connectCallbacks).add(properties.onConnect), delete properties.onConnect), properties != null && properties.onDisconnect && (__privateGet(this, _disconnectCallbacks).add(properties.onDisconnect), delete properties.onDisconnect);
+  let attributes, events;
+  for (const propertyName in properties) {
+    const value = properties[propertyName];
+    propertyName === "class" && isSvgOrHtml ? __privateMethod(this, _ElementConstructor_instances, createClassList_fn).call(this, value) : propertyName === "style" && isSvgOrHtml ? __privateMethod(this, _ElementConstructor_instances, createStyle_fn).call(this, value) : propertyName === "lightChildren" ? __privateMethod(this, _ElementConstructor_instances, createChildren_fn).call(this, __privateGet(this, _node), value) : propertyName === "children" ? __privateMethod(this, _ElementConstructor_instances, createChildren_fn).call(this, __privateGet(this, _node) instanceof Element ? __privateGet(this, _node).shadowRoot || __privateGet(this, _node) : __privateGet(this, _node), value) : propertyName === "connectedClass" ? __privateGet(this, _connectCallbacks).add(() => {
       requestAnimationFrame(() => {
-        t(this, d).classList.add(
-          typeof m == "boolean" ? "connected" : m
+        __privateGet(this, _node).classList.add(
+          typeof value == "boolean" ? "connected" : value
         );
       });
-    }) : u.startsWith("on") ? (h || (h = {}), h[u] = m) : (n || (n = {}), n[u] = m);
-  }
-  l(this, a, Rt).call(this, n), l(this, a, Nt).call(this, h), i && (typeof i == "function" ? i(t(this, d)) : i.current = t(this, d)), l(this, a, Qe).call(this);
-}, Qe = function() {
-  if (p && (t(this, y).size || t(this, I).size)) {
-    const s = t(this, d) instanceof DocumentFragment ? t(this, d).firstChild : t(this, d);
-    c(this, we, Qt.subscribe(
-      s,
+    }) : propertyName.startsWith("on") ? (events || (events = {}), events[propertyName] = value) : (attributes || (attributes = {}), attributes[propertyName] = value);
+  }
+  __privateMethod(this, _ElementConstructor_instances, createAttributes_fn).call(this, attributes), __privateMethod(this, _ElementConstructor_instances, createEvents_fn).call(this, events), ref && (typeof ref == "function" ? ref(__privateGet(this, _node)) : ref.current = __privateGet(this, _node)), __privateMethod(this, _ElementConstructor_instances, watchNode_fn).call(this);
+}, "#applyProperties"), watchNode_fn = /* @__PURE__ */ __name(function() {
+  if (isBrowser && (__privateGet(this, _disconnectCallbacks).size || __privateGet(this, _connectCallbacks).size)) {
+    const watchNode = __privateGet(this, _node) instanceof DocumentFragment ? __privateGet(this, _node).firstChild : __privateGet(this, _node);
+    __privateSet(this, _connectorUnsubscribeCallback, connector.subscribe(
+      watchNode,
       {
-        connectCallback: t(this, We),
-        disconnectCallback: t(this, qe),
+        connectCallback: __privateGet(this, _connect),
+        disconnectCallback: __privateGet(this, _disconnect),
         unsubscribeAfterDisconnect: !0,
         maxWaitSec: 20
       }
     ));
   }
-}, je = function(s) {
-  if (s) {
-    if (typeof s == "string")
-      t(this, d).classList.add(s);
-    else if (Array.isArray(s))
-      s.forEach((e) => {
-        e && l(this, a, je).call(this, e);
+}, "#watchNode"), createClassList_fn = /* @__PURE__ */ __name(function(classObject) {
+  if (classObject) {
+    if (typeof classObject == "string")
+      __privateGet(this, _node).classList.add(classObject);
+    else if (Array.isArray(classObject))
+      classObject.forEach((v) => {
+        v && __privateMethod(this, _ElementConstructor_instances, createClassList_fn).call(this, v);
       });
-    else if (typeof s == "object")
-      if (s instanceof $)
-        l(this, a, Tt).call(this, s);
+    else if (typeof classObject == "object")
+      if (classObject instanceof Store)
+        __privateMethod(this, _ElementConstructor_instances, manageStringStoreClass_fn).call(this, classObject);
       else
-        for (const e in s) {
-          const i = s[e];
-          i instanceof $ ? l(this, a, zt).call(this, e, i) : i ? t(this, d).classList.add(e) : t(this, d).classList.remove(e);
+        for (const className in classObject) {
+          const isActive = classObject[className];
+          isActive instanceof Store ? __privateMethod(this, _ElementConstructor_instances, manageBooleanStoreClass_fn).call(this, className, isActive) : isActive ? __privateGet(this, _node).classList.add(className) : __privateGet(this, _node).classList.remove(className);
         }
   } else return;
-}, Tt = function(s) {
-  t(this, y).add(
-    s.subscribe(({ current: e, previous: i }) => {
-      i && [i].flat().forEach((n) => {
-        n && t(this, d).classList.remove(n);
-      }), e && [e].flat().forEach((n) => {
-        n && t(this, d).classList.add(n);
+}, "#createClassList"), manageStringStoreClass_fn = /* @__PURE__ */ __name(function(store) {
+  __privateGet(this, _disconnectCallbacks).add(
+    store.subscribe(({ current, previous }) => {
+      previous && [previous].flat().forEach((v) => {
+        v && __privateGet(this, _node).classList.remove(v);
+      }), current && [current].flat().forEach((v) => {
+        v && __privateGet(this, _node).classList.add(v);
       });
     })
   );
-}, zt = function(s, e) {
-  t(this, y).add(
-    e.subscribe(({ current: i }) => {
-      i ? t(this, d).classList.add(s) : t(this, d).classList.remove(s);
+}, "#manageStringStoreClass"), manageBooleanStoreClass_fn = /* @__PURE__ */ __name(function(className, store) {
+  __privateGet(this, _disconnectCallbacks).add(
+    store.subscribe(({ current }) => {
+      current ? __privateGet(this, _node).classList.add(className) : __privateGet(this, _node).classList.remove(className);
     })
   );
-}, Mt = function(s) {
-  if (!s)
+}, "#manageBooleanStoreClass"), createStyle_fn = /* @__PURE__ */ __name(function(object) {
+  if (!object)
     return;
-  t(this, d).tagName === "style" || t(this, d).tagName === "STYLE" ? l(this, a, et).call(this, s) : l(this, a, At).call(this, s);
-}, At = function(s) {
-  for (const e in s) {
-    const i = e, n = s[i];
-    n instanceof $ ? t(this, y).add(
-      n.subscribe(({ current: h }) => {
-        l(this, a, tt).call(this, i, h);
+  __privateGet(this, _node).tagName === "style" || __privateGet(this, _node).tagName === "STYLE" ? __privateMethod(this, _ElementConstructor_instances, createJSSStyle_fn).call(this, object) : __privateMethod(this, _ElementConstructor_instances, createAttributeStyle_fn).call(this, object);
+}, "#createStyle"), createAttributeStyle_fn = /* @__PURE__ */ __name(function(object) {
+  for (const k in object) {
+    const token = k, value = object[token];
+    value instanceof Store ? __privateGet(this, _disconnectCallbacks).add(
+      value.subscribe(({ current }) => {
+        __privateMethod(this, _ElementConstructor_instances, setStyleProperty_fn).call(this, token, current);
       })
-    ) : l(this, a, tt).call(this, i, n);
-  }
-}, et = function(s) {
-  for (const e in s) {
-    const i = s[e];
-    if (typeof i == "object" && !(i instanceof $))
-      t(this, d).appendChild(
-        document.createTextNode(`${e} {`)
-      ), l(this, a, et).call(this, i), t(this, d).appendChild(document.createTextNode("}"));
-    else if (i instanceof $) {
-      const n = document.createTextNode("");
-      t(this, y).add(
-        i.subscribe((h) => {
-          h.current ? n.nodeValue = `${Oe(e)}: ${h.current};` : n.nodeValue = "";
+    ) : __privateMethod(this, _ElementConstructor_instances, setStyleProperty_fn).call(this, token, value);
+  }
+}, "#createAttributeStyle"), createJSSStyle_fn = /* @__PURE__ */ __name(function(object) {
+  for (const key in object) {
+    const value = object[key];
+    if (typeof value == "object" && !(value instanceof Store))
+      __privateGet(this, _node).appendChild(
+        document.createTextNode(`${key} {`)
+      ), __privateMethod(this, _ElementConstructor_instances, createJSSStyle_fn).call(this, value), __privateGet(this, _node).appendChild(document.createTextNode("}"));
+    else if (value instanceof Store) {
+      const text = document.createTextNode("");
+      __privateGet(this, _disconnectCallbacks).add(
+        value.subscribe((e) => {
+          e.current ? text.nodeValue = `${camelToKebab(key)}: ${e.current};` : text.nodeValue = "";
         })
-      ), t(this, d).appendChild(n);
+      ), __privateGet(this, _node).appendChild(text);
     } else
-      t(this, d).appendChild(
-        document.createTextNode(`${Oe(e)}: ${i};`)
+      __privateGet(this, _node).appendChild(
+        document.createTextNode(`${camelToKebab(key)}: ${value};`)
       );
   }
-}, tt = function(s, e) {
-  s.includes("--") ? e ? t(this, d).style.setProperty(s, e.toString()) : t(this, d).style.removeProperty(s) : e ? t(this, d).style[s] = e.toString() : t(this, d).style[s] = "";
-}, Nt = function(s) {
-  if (s) {
-    t(this, D) || c(this, D, []);
-    for (const e in s) {
-      const i = e, n = jt(
-        i.split("on").slice(1).join("on")
-      ), h = s[i];
-      typeof h == "object" ? t(this, D).push({
-        name: n,
-        callback: h.callback,
-        options: h.options
-      }) : typeof h == "function" && t(this, D).push({
-        name: n,
-        callback: h
+}, "#createJSSStyle"), setStyleProperty_fn = /* @__PURE__ */ __name(function(token, value) {
+  token.includes("--") ? value ? __privateGet(this, _node).style.setProperty(token, value.toString()) : __privateGet(this, _node).style.removeProperty(token) : value ? __privateGet(this, _node).style[token] = value.toString() : __privateGet(this, _node).style[token] = "";
+}, "#setStyleProperty"), createEvents_fn = /* @__PURE__ */ __name(function(events) {
+  if (events) {
+    __privateGet(this, _events) || __privateSet(this, _events, []);
+    for (const k in events) {
+      const eventName = k, readyEventName = uncapitalize(
+        eventName.split("on").slice(1).join("on")
+      ), listener = events[eventName];
+      typeof listener == "object" ? __privateGet(this, _events).push({
+        name: readyEventName,
+        callback: listener.callback,
+        options: listener.options
+      }) : typeof listener == "function" && __privateGet(this, _events).push({
+        name: readyEventName,
+        callback: listener
       });
     }
-    l(this, a, st).call(this);
-  }
-}, st = function() {
-  var s;
-  (s = t(this, D)) == null || s.forEach((e) => {
-    t(this, d).addEventListener(
-      e.name,
-      e.callback,
-      e.options
+    __privateMethod(this, _ElementConstructor_instances, attachEvents_fn).call(this);
+  }
+}, "#createEvents"), attachEvents_fn = /* @__PURE__ */ __name(function() {
+  var _a;
+  (_a = __privateGet(this, _events)) == null || _a.forEach((event) => {
+    __privateGet(this, _node).addEventListener(
+      event.name,
+      event.callback,
+      event.options
     );
   });
-}, it = function() {
-  var s;
-  (s = t(this, D)) == null || s.forEach((e) => {
-    t(this, d).removeEventListener(
-      e.name,
-      e.callback,
-      e.options
+}, "#attachEvents"), detachEvents_fn = /* @__PURE__ */ __name(function() {
+  var _a;
+  (_a = __privateGet(this, _events)) == null || _a.forEach((event) => {
+    __privateGet(this, _node).removeEventListener(
+      event.name,
+      event.callback,
+      event.options
     );
   });
-}, Rt = function(s) {
-  for (const e in s) {
-    const i = s[e];
-    i instanceof $ ? t(this, y).add(
-      i.subscribe(({ current: n }) => {
-        l(this, a, nt).call(this, e, n);
+}, "#detachEvents"), createAttributes_fn = /* @__PURE__ */ __name(function(attributes) {
+  for (const attributeName in attributes) {
+    const value = attributes[attributeName];
+    value instanceof Store ? __privateGet(this, _disconnectCallbacks).add(
+      value.subscribe(({ current }) => {
+        __privateMethod(this, _ElementConstructor_instances, setAttribute_fn).call(this, attributeName, current);
       })
-    ) : l(this, a, nt).call(this, e, i);
-  }
-}, nt = function(s, e) {
-  var n, h;
-  const i = t(this, d);
-  if (s in i && !((h = (n = i.constructor) == null ? void 0 : n.observedAttributes) != null && h.includes(s)))
-    e != null && (i[s] = e.toString());
-  else if (e != null) {
-    const u = e.toString();
-    s.includes("xlink") ? i.setAttributeNS("http://www.w3.org/1999/xlink", s, u) : i.setAttribute(s, u);
-  }
-}, Be = function(s, e) {
-  e && (e = [e].flat(), e.forEach((i) => {
-    if (i instanceof $) {
-      const n = document.createElement("div");
-      n.style.display = "contents", s.appendChild(n), t(this, H) || c(this, H, []);
-      const h = t(this, H).length;
-      n.setAttribute("store-root", ""), t(this, H).push(n), t(this, y).add(
-        i.subscribe(({ current: u, previous: m }) => {
-          const k = t(this, H)[h];
-          k.dispatchEvent(
+    ) : __privateMethod(this, _ElementConstructor_instances, setAttribute_fn).call(this, attributeName, value);
+  }
+}, "#createAttributes"), setAttribute_fn = /* @__PURE__ */ __name(function(name, value) {
+  var _a, _b;
+  const element2 = __privateGet(this, _node);
+  if (name in element2 && !((_b = (_a = element2.constructor) == null ? void 0 : _a.observedAttributes) != null && _b.includes(name)))
+    value != null && (element2[name] = value.toString());
+  else if (value != null) {
+    const str = value.toString();
+    name.includes("xlink") ? element2.setAttributeNS("http://www.w3.org/1999/xlink", name, str) : element2.setAttribute(name, str);
+  }
+}, "#setAttribute"), createChildren_fn = /* @__PURE__ */ __name(function(root, children) {
+  children && (children = [children].flat(), children.forEach((child) => {
+    if (child instanceof Store) {
+      const storeRootElement = document.createElement("div");
+      storeRootElement.style.display = "contents", root.appendChild(storeRootElement), __privateGet(this, _storeRootElements) || __privateSet(this, _storeRootElements, []);
+      const storeRootElementIndex = __privateGet(this, _storeRootElements).length;
+      storeRootElement.setAttribute("store-root", ""), __privateGet(this, _storeRootElements).push(storeRootElement), __privateGet(this, _disconnectCallbacks).add(
+        child.subscribe(({ current, previous }) => {
+          const rootElement = __privateGet(this, _storeRootElements)[storeRootElementIndex];
+          rootElement.dispatchEvent(
             new CustomEvent("beforeChildrenChange", {
               bubbles: !0,
               composed: !0
             })
           );
-          const L = Array.from(k.childNodes), v = Array.isArray(u) ? u : [u], ge = Array.isArray(m) ? m : [m], _e = [], x = [];
-          L.length && ge.forEach((R, P) => {
-            v.includes(R) ? x.push(R) : _e.push(L[P]);
-          }), v.forEach((R, P) => {
-            if (x[P] != null) {
-              if (R !== x[P]) {
-                const B = l(this, a, rt).call(this, R), q = L[P];
-                B instanceof Node && !q.isEqualNode(B) ? k.replaceChild(B, q) : k.removeChild(q);
+          const currentNodes = Array.from(rootElement.childNodes), currentItems = Array.isArray(current) ? current : [current], previousItems = Array.isArray(previous) ? previous : [previous], nodesToDelete = [], similarPreviousItems = [];
+          currentNodes.length && previousItems.forEach((previousItem, index) => {
+            currentItems.includes(previousItem) ? similarPreviousItems.push(previousItem) : nodesToDelete.push(currentNodes[index]);
+          }), currentItems.forEach((currentItem, index) => {
+            if (similarPreviousItems[index] != null) {
+              if (currentItem !== similarPreviousItems[index]) {
+                const newNode = __privateMethod(this, _ElementConstructor_instances, getNode_fn).call(this, currentItem), currentNode = currentNodes[index];
+                newNode instanceof Node && !currentNode.isEqualNode(newNode) ? rootElement.replaceChild(newNode, currentNode) : rootElement.removeChild(currentNode);
               }
             } else {
-              const B = l(this, a, rt).call(this, R);
-              B instanceof Node && n.appendChild(B);
+              const newNode = __privateMethod(this, _ElementConstructor_instances, getNode_fn).call(this, currentItem);
+              newNode instanceof Node && storeRootElement.appendChild(newNode);
             }
-          }), _e.forEach((R) => {
-            k.removeChild(R);
-          }), k.dispatchEvent(
+          }), nodesToDelete.forEach((node) => {
+            rootElement.removeChild(node);
+          }), rootElement.dispatchEvent(
             new CustomEvent("afterChildrenChange", {
               bubbles: !0,
               composed: !0
@@ -326,82 +328,93 @@ d = new WeakMap(), I = new WeakMap(), y = new WeakMap(), we = new WeakMap(), H =
           );
         })
       );
-    } else if (i instanceof Je)
-      l(this, a, ot).call(this, s, i.node);
-    else if (i instanceof Function)
-      l(this, a, Be).call(this, s, yt(i) ? new i() : i());
+    } else if (child instanceof _ElementConstructor)
+      __privateMethod(this, _ElementConstructor_instances, appendChild_fn).call(this, root, child.node);
+    else if (child instanceof Function)
+      __privateMethod(this, _ElementConstructor_instances, createChildren_fn).call(this, root, isESClass(child) ? new child() : child());
     else {
-      const n = l(this, a, at).call(this, i);
-      n instanceof Node && l(this, a, ot).call(this, s, n);
+      const childNodeOrUndefined = __privateMethod(this, _ElementConstructor_instances, getOrCreateNode_fn).call(this, child);
+      childNodeOrUndefined instanceof Node && __privateMethod(this, _ElementConstructor_instances, appendChild_fn).call(this, root, childNodeOrUndefined);
     }
   }));
-}, ot = function(s, e) {
-  !(s instanceof ShadowRoot) && e instanceof HTMLElement && e.tagName === "STYLE" ? (t(this, I).add(() => {
-    [...document.head.querySelectorAll("style")].find((n) => n.outerHTML === e.outerHTML) || document.head.appendChild(e);
-  }), t(this, y).add(() => {
-    e.remove();
-  })) : s.appendChild(e);
-}, rt = function(s) {
-  return s instanceof Je ? s.node : typeof s == "function" ? yt(s) ? new s() : s() : l(this, a, at).call(this, s);
-}, at = function(s) {
-  if (s instanceof Node)
-    return s;
-  if (s != null) {
-    const e = String(s);
-    if (e.trim().startsWith("<") && e.trim().endsWith(">")) {
-      const i = document.createElement("div");
-      return i.innerHTML = e, i.firstElementChild;
+}, "#createChildren"), appendChild_fn = /* @__PURE__ */ __name(function(root, node) {
+  !(root instanceof ShadowRoot) && node instanceof HTMLElement && node.tagName === "STYLE" ? (__privateGet(this, _connectCallbacks).add(() => {
+    [...document.head.querySelectorAll("style")].find((s) => s.outerHTML === node.outerHTML) || document.head.appendChild(node);
+  }), __privateGet(this, _disconnectCallbacks).add(() => {
+    node.remove();
+  })) : root.appendChild(node);
+}, "#appendChild"), getNode_fn = /* @__PURE__ */ __name(function(child) {
+  return child instanceof _ElementConstructor ? child.node : typeof child == "function" ? isESClass(child) ? new child() : child() : __privateMethod(this, _ElementConstructor_instances, getOrCreateNode_fn).call(this, child);
+}, "#getNode"), getOrCreateNode_fn = /* @__PURE__ */ __name(function(child) {
+  if (child instanceof Node)
+    return child;
+  if (child != null) {
+    const str = String(child);
+    if (str.trim().startsWith("<") && str.trim().endsWith(">")) {
+      const wrapper = document.createElement("div");
+      return wrapper.innerHTML = str, wrapper.firstElementChild;
     } else
-      return document.createTextNode(e);
+      return document.createTextNode(str);
   } else
     return;
-}, We = new WeakMap(), qe = new WeakMap();
-let N = Je;
-function g(...r) {
-  return new N(...r);
+}, "#getOrCreateNode"), _connect = new WeakMap(), _disconnect = new WeakMap(), __name(_ElementConstructor, "ElementConstructor");
+let ElementConstructor = _ElementConstructor;
+function element(...args) {
+  return new ElementConstructor(...args);
 }
-function os(r) {
-  return new N("a", r);
+__name(element, "element");
+function a(object2) {
+  return new ElementConstructor("a", object2);
 }
-function ee(r) {
-  return new N("button", r);
+__name(a, "a");
+function button(object2) {
+  return new ElementConstructor("button", object2);
 }
-function w(r) {
-  return new N("div", r);
+__name(button, "button");
+function div(object2) {
+  return new ElementConstructor("div", object2);
 }
-function Ve(r) {
-  return new N("input", r);
+__name(div, "div");
+function input(object2) {
+  return new ElementConstructor("input", object2);
 }
-function Ft(r) {
-  return new N("label", r);
+__name(input, "input");
+function label(object2) {
+  return new ElementConstructor("label", object2);
 }
-function me(r) {
-  return new N("slot", r);
+__name(label, "label");
+function slot(object2) {
+  return new ElementConstructor("slot", object2);
 }
-function lt(r) {
-  return new N("span", r);
+__name(slot, "slot");
+function span(object2) {
+  return new ElementConstructor("span", object2);
 }
-function Pt(r) {
-  return new N("style", {
-    style: r
+__name(span, "span");
+function style(object2) {
+  return new ElementConstructor("style", {
+    style: object2
   });
 }
-function E(r) {
-  const s = new CSSStyleSheet();
-  return s.replaceSync(Pt(r).node.innerHTML), s;
+__name(style, "style");
+function createStylesheet(object) {
+  const sheet = new CSSStyleSheet();
+  return sheet.replaceSync(style(object).node.innerHTML), sheet;
 }
-function rs(r, s) {
-  const e = s == null ? void 0 : s.prefix, i = {
+__name(createStylesheet, "createStylesheet");
+function createTheme(object, options) {
+  const prefix = options == null ? void 0 : options.prefix, result = {
     style: {}
   };
-  for (const n in r)
-    i[n] = {
-      var: `var(--${e}${Oe(n)})`,
-      value: r[n]
-    }, i.style[`--${e}${Oe(n)}`] = r[n];
-  return i;
+  for (const key in object)
+    result[key] = {
+      var: `var(--${prefix}${camelToKebab(key)})`,
+      value: object[key]
+    }, result.style[`--${prefix}${camelToKebab(key)}`] = object[key];
+  return result;
 }
-const f = rs(
+__name(createTheme, "createTheme");
+const aptechkaTheme = createTheme(
   {
     colorMain: "#1c1c1c",
     colorMainAux: "#282828",
@@ -412,13 +425,13 @@ const f = rs(
   },
   { prefix: "aptechka-" }
 );
-if (p) {
-  const r = Pt({
-    ":root": f.style
+if (isBrowser) {
+  const styleNode = style({
+    ":root": aptechkaTheme.style
   }).node;
-  r.setAttribute("data-permanent", ""), document.head.appendChild(r);
+  styleNode.setAttribute("data-permanent", ""), document.head.appendChild(styleNode);
 }
-const $t = '<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>', as = '<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>', ls = '<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>', Ht = `<svg
+const resetIcon = '<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>', copyIcon = '<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>', downloadIcon = '<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>', uploadIcon = '<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>', arrowIcon = `<svg
   xmlns="http://www.w3.org/2000/svg"
   width="32"
   height="32"
@@ -427,57 +440,58 @@ const $t = '<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewB
   <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 J, T, V;
-class hs {
+var _localStorageStudioName, _openedPanels, _changedSizes;
+const _TweakerStorage = class _TweakerStorage {
   constructor() {
-    o(this, J);
-    o(this, T);
-    o(this, V);
-    this.scrollValue = 0, c(this, J, ""), c(this, T, []), c(this, V, {}), c(this, J, K.name + "-tweaker");
+    __privateAdd(this, _localStorageStudioName);
+    __privateAdd(this, _openedPanels);
+    __privateAdd(this, _changedSizes);
+    this.scrollValue = 0, __privateSet(this, _localStorageStudioName, ""), __privateSet(this, _openedPanels, []), __privateSet(this, _changedSizes, {}), __privateSet(this, _localStorageStudioName, storeRegistry.name + "-tweaker");
   }
-  openPanel(s) {
-    t(this, T).includes(s) || t(this, T).push(s);
+  openPanel(key) {
+    __privateGet(this, _openedPanels).includes(key) || __privateGet(this, _openedPanels).push(key);
   }
-  closePanel(s) {
-    c(this, T, t(this, T).filter((e) => e !== s));
+  closePanel(key) {
+    __privateSet(this, _openedPanels, __privateGet(this, _openedPanels).filter((v) => v !== key));
   }
-  isPanelOpened(s) {
-    return t(this, T).includes(s);
+  isPanelOpened(key) {
+    return __privateGet(this, _openedPanels).includes(key);
   }
-  changedSizes(s) {
-    return t(this, V)[s];
+  changedSizes(key) {
+    return __privateGet(this, _changedSizes)[key];
   }
-  changeSize(s, e) {
-    e ? t(this, V)[s] = e : delete t(this, V)[s];
+  changeSize(key, value) {
+    value ? __privateGet(this, _changedSizes)[key] = value : delete __privateGet(this, _changedSizes)[key];
   }
   save() {
-    const s = {
-      openedPanels: t(this, T),
-      changedSizes: t(this, V),
+    const state = {
+      openedPanels: __privateGet(this, _openedPanels),
+      changedSizes: __privateGet(this, _changedSizes),
       scrollValue: this.scrollValue
     };
-    localStorage.setItem(t(this, J), JSON.stringify(s)), K.saveState();
+    localStorage.setItem(__privateGet(this, _localStorageStudioName), JSON.stringify(state)), storeRegistry.saveState();
   }
   load() {
-    K.loadState();
-    const s = localStorage.getItem(t(this, J));
-    if (s)
+    storeRegistry.loadState();
+    const stringState = localStorage.getItem(__privateGet(this, _localStorageStudioName));
+    if (stringState)
       try {
-        const e = JSON.parse(s);
-        e.openedPanels && c(this, T, e.openedPanels), e.changedSizes && c(this, V, e.changedSizes), e.scrollValue && (this.scrollValue = e.scrollValue);
+        const state = JSON.parse(stringState);
+        state.openedPanels && __privateSet(this, _openedPanels, state.openedPanels), state.changedSizes && __privateSet(this, _changedSizes, state.changedSizes), state.scrollValue && (this.scrollValue = state.scrollValue);
       } catch (e) {
         console.error(e);
       }
   }
-}
-J = new WeakMap(), T = new WeakMap(), V = new WeakMap();
-const C = new hs(), cs = '<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>', ds = E({
+};
+_localStorageStudioName = new WeakMap(), _openedPanels = new WeakMap(), _changedSizes = new WeakMap(), __name(_TweakerStorage, "TweakerStorage");
+let TweakerStorage = _TweakerStorage;
+const tweakerStorage = new TweakerStorage(), checkIcon = '<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>', stylesheet$c = createStylesheet({
   ":host": {
     position: "relative",
     display: "inline-block",
     width: "30px",
     height: "30px",
-    borderRadius: f.borderRadiusSmall.var,
+    borderRadius: aptechkaTheme.borderRadiusSmall.var,
     overflow: "hidden"
   },
   "label, .fake": {
@@ -500,12 +514,12 @@ const C = new hs(), cs = '<svg xmlns="http://www.w3.org/2000/svg" width="32" hei
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
-    backgroundColor: f.colorMainAux.var
+    backgroundColor: aptechkaTheme.colorMainAux.var
   },
   ".default svg": {
     width: "60%",
     height: "60%",
-    fill: f.colorFont.var,
+    fill: aptechkaTheme.colorFont.var,
     opacity: 0,
     transition: "var(--duration-short)"
   },
@@ -513,88 +527,89 @@ const C = new hs(), cs = '<svg xmlns="http://www.w3.org/2000/svg" width="32" hei
     opacity: 1
   }
 });
-var O, te, Y, be;
-const gt = class gt extends HTMLElement {
+var _inputElement, _internals, _CheckboxElement_instances, setFormValue_fn;
+const _CheckboxElement = class _CheckboxElement extends HTMLElement {
   constructor() {
     super();
-    o(this, Y);
-    o(this, O, null);
-    o(this, te);
-    const e = this.attachShadow({ mode: "open" });
-    e.adoptedStyleSheets = [...e.adoptedStyleSheets, ds], c(this, te, this.attachInternals()), g(this, {
-      children: Ft({
+    __privateAdd(this, _CheckboxElement_instances);
+    __privateAdd(this, _inputElement, null);
+    __privateAdd(this, _internals);
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$c], __privateSet(this, _internals, this.attachInternals()), element(this, {
+      children: label({
         children: [
-          lt({
+          span({
             class: "fake",
-            children: me({
+            children: slot({
               children: [
-                lt({
+                span({
                   class: "default",
-                  children: [cs]
+                  children: [checkIcon]
                 })
               ]
             })
           }),
-          Ve({
-            ref: (i) => {
-              c(this, O, i), i.required = this.hasAttribute("required"), i.value = this.getAttribute("value") || "", i.checked = this.hasAttribute("checked"), i.name = this.getAttribute("name") || "", l(this, Y, be).call(this);
-            },
+          input({
+            ref: /* @__PURE__ */ __name((e) => {
+              __privateSet(this, _inputElement, e), e.required = this.hasAttribute("required"), e.value = this.getAttribute("value") || "", e.checked = this.hasAttribute("checked"), e.name = this.getAttribute("name") || "", __privateMethod(this, _CheckboxElement_instances, setFormValue_fn).call(this);
+            }, "ref"),
             class: "real",
             type: "checkbox",
-            onChange: () => {
-              l(this, Y, be).call(this), this.dispatchEvent(
+            onChange: /* @__PURE__ */ __name(() => {
+              __privateMethod(this, _CheckboxElement_instances, setFormValue_fn).call(this), this.dispatchEvent(
                 new Event("change", {
                   composed: !0
                 })
               );
-            }
+            }, "onChange")
           })
         ]
       })
     });
   }
   get checked() {
-    return t(this, O).checked;
+    return __privateGet(this, _inputElement).checked;
   }
-  set checked(e) {
-    t(this, O).checked = e, l(this, Y, be).call(this);
+  set checked(state) {
+    __privateGet(this, _inputElement).checked = state, __privateMethod(this, _CheckboxElement_instances, setFormValue_fn).call(this);
   }
   get value() {
-    return t(this, O).value;
+    return __privateGet(this, _inputElement).value;
   }
-  set value(e) {
-    t(this, O).value = e, l(this, Y, be).call(this);
+  set value(value) {
+    __privateGet(this, _inputElement).value = value, __privateMethod(this, _CheckboxElement_instances, setFormValue_fn).call(this);
   }
 };
-O = new WeakMap(), te = new WeakMap(), Y = new WeakSet(), be = function() {
-  this.checked ? t(this, te).setFormValue(this.value) : t(this, te).setFormValue(null), this.classList.toggle("checked", this.checked);
-}, gt.formAssociated = !0;
-let ht = gt;
-p && !customElements.get("e-checkbox") && customElements.define("e-checkbox", ht);
-var Z;
-class pe extends HTMLElement {
-  constructor(...e) {
+_inputElement = new WeakMap(), _internals = new WeakMap(), _CheckboxElement_instances = new WeakSet(), setFormValue_fn = /* @__PURE__ */ __name(function() {
+  this.checked ? __privateGet(this, _internals).setFormValue(this.value) : __privateGet(this, _internals).setFormValue(null), this.classList.toggle("checked", this.checked);
+}, "#setFormValue"), __name(_CheckboxElement, "CheckboxElement"), _CheckboxElement.formAssociated = !0;
+let CheckboxElement = _CheckboxElement;
+isBrowser && !customElements.get("e-checkbox") && customElements.define("e-checkbox", CheckboxElement);
+var _stores;
+const _TweakerStoreManagerElement = class _TweakerStoreManagerElement extends HTMLElement {
+  constructor(...stores) {
     super();
-    o(this, Z);
-    c(this, Z, e);
+    __privateAdd(this, _stores);
+    __privateSet(this, _stores, stores);
   }
-  addStore(e) {
-    t(this, Z).push(e);
+  addStore(store) {
+    __privateGet(this, _stores).push(store);
   }
   get firstStore() {
-    return t(this, Z)[0];
+    return __privateGet(this, _stores)[0];
   }
   get stores() {
-    return t(this, Z);
+    return __privateGet(this, _stores);
   }
-  updateStores(e) {
-    t(this, Z).forEach((i) => {
-      i.current = e;
+  updateStores(value) {
+    __privateGet(this, _stores).forEach((store) => {
+      store.current = value;
     });
   }
-}
-Z = new WeakMap();
-const us = E({
+};
+_stores = new WeakMap(), __name(_TweakerStoreManagerElement, "TweakerStoreManagerElement");
+let TweakerStoreManagerElement = _TweakerStoreManagerElement;
+const stylesheet$b = createStylesheet({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -604,34 +619,35 @@ const us = E({
     "--size": "calc(var(--height-input) * 0.8)",
     width: "var(--size)",
     height: "var(--size)",
-    borderRadius: f.borderRadiusSmall.var
+    borderRadius: aptechkaTheme.borderRadiusSmall.var
   }
-});
-class Dt extends pe {
-  constructor(...s) {
-    super(...s);
-    const e = this.attachShadow({ mode: "open" });
-    e.adoptedStyleSheets = [...e.adoptedStyleSheets, us], g(this, {
+}), _TweakerBooleanManagerElement = class _TweakerBooleanManagerElement extends TweakerStoreManagerElement {
+  constructor(...stores) {
+    super(...stores);
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$b], element(this, {
       children: [
-        g("e-checkbox", {
-          onChange: (i) => {
-            this.updateStores(i.currentTarget.checked);
-          },
-          ref: (i) => {
-            this.firstStore.subscribe((n) => {
-              i.checked = n.current;
+        element("e-checkbox", {
+          onChange: /* @__PURE__ */ __name((e) => {
+            this.updateStores(e.currentTarget.checked);
+          }, "onChange"),
+          ref: /* @__PURE__ */ __name((e) => {
+            this.firstStore.subscribe((d) => {
+              e.checked = d.current;
             });
-          }
+          }, "ref")
         })
       ]
     });
   }
-}
-p && !customElements.get("e-tweaker-boolean-manager") && customElements.define(
+};
+__name(_TweakerBooleanManagerElement, "TweakerBooleanManagerElement");
+let TweakerBooleanManagerElement = _TweakerBooleanManagerElement;
+isBrowser && !customElements.get("e-tweaker-boolean-manager") && customElements.define(
   "e-tweaker-boolean-manager",
-  Dt
+  TweakerBooleanManagerElement
 );
-const fs = E({
+const stylesheet$a = createStylesheet({
   ":host": {
     width: "100%",
     display: "inline-flex",
@@ -642,7 +658,7 @@ const fs = E({
     height: "var(--height-input)",
     padding: "0",
     background: "none",
-    borderRadius: f.borderRadius.var,
+    borderRadius: aptechkaTheme.borderRadius.var,
     border: "none",
     blockSize: "unset"
   },
@@ -650,52 +666,54 @@ const fs = E({
     boxSizing: "border-box",
     padding: "0px",
     border: "none",
-    borderRadius: f.borderRadius.var,
+    borderRadius: aptechkaTheme.borderRadius.var,
     height: "calc(var(--height-input) * 0.93)"
   }
-});
-class Vt extends pe {
-  constructor(...s) {
-    super(...s);
-    const e = this.attachShadow({ mode: "open" });
-    e.adoptedStyleSheets = [...e.adoptedStyleSheets, fs], g(this, {
+}), _TweakerColorManagerElement = class _TweakerColorManagerElement extends TweakerStoreManagerElement {
+  constructor(...stores) {
+    super(...stores);
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$a], element(this, {
       children: [
-        Ve({
+        input({
           type: "color",
           value: this.firstStore,
-          onInput: (i) => {
-            this.updateStores(i.currentTarget.value);
-          }
+          onInput: /* @__PURE__ */ __name((e) => {
+            this.updateStores(e.currentTarget.value);
+          }, "onInput")
         })
       ]
     });
   }
-}
-p && !customElements.get("e-tweaker-color-manager") && customElements.define("e-tweaker-color-manager", Vt);
-const ms = E({
+};
+__name(_TweakerColorManagerElement, "TweakerColorManagerElement");
+let TweakerColorManagerElement = _TweakerColorManagerElement;
+isBrowser && !customElements.get("e-tweaker-color-manager") && customElements.define("e-tweaker-color-manager", TweakerColorManagerElement);
+const stylesheet$9 = createStylesheet({
   a: {
     color: "inherit",
     fontSize: "var(--font-size-small)"
   }
-});
-class _t extends pe {
-  constructor(...s) {
-    var i;
-    super(...s);
-    const e = this.attachShadow({ mode: "open" });
-    e.adoptedStyleSheets = [...e.adoptedStyleSheets, ms], g(this, {
+}), _TweakerLinkManagerElement = class _TweakerLinkManagerElement extends TweakerStoreManagerElement {
+  constructor(...stores) {
+    var _a;
+    super(...stores);
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$9], element(this, {
       children: [
-        os({
+        a({
           href: this.firstStore,
-          target: (i = this.firstStore.__manager) != null && i.sameWindow ? "_self" : "_blank",
+          target: (_a = this.firstStore.__manager) != null && _a.sameWindow ? "_self" : "_blank",
           children: this.firstStore
         })
       ]
     });
   }
-}
-p && !customElements.get("e-tweaker-link-manager") && customElements.define("e-tweaker-link-manager", _t);
-const ps = E({
+};
+__name(_TweakerLinkManagerElement, "TweakerLinkManagerElement");
+let TweakerLinkManagerElement = _TweakerLinkManagerElement;
+isBrowser && !customElements.get("e-tweaker-link-manager") && customElements.define("e-tweaker-link-manager", TweakerLinkManagerElement);
+const stylesheet$8 = createStylesheet({
   ":host": {
     width: "100%",
     display: "flex",
@@ -720,7 +738,7 @@ const ps = E({
     margin: "0",
     padding: "0 var(--gap-small)",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: f.borderRadius.var
+    borderRadius: aptechkaTheme.borderRadius.var
   },
   ".drag": {
     position: "relative",
@@ -736,12 +754,12 @@ const ps = E({
     width: "100%",
     zIndex: "-1",
     height: "1px",
-    borderBottom: `1px solid ${f.colorFont.var}`,
+    borderBottom: `1px solid ${aptechkaTheme.colorFont.var}`,
     transform: "translateY(-50%)",
     opacity: "0.3"
   },
   ":host(.infinite) .drag::before": {
-    borderBottom: `1px dashed ${f.colorFont.var}`
+    borderBottom: `1px dashed ${aptechkaTheme.colorFont.var}`
   },
   ".drag-knob": {
     "--size": "calc(var(--height-input) * 0.4)",
@@ -751,96 +769,96 @@ const ps = E({
   ".drag-knob-inner": {
     width: "100%",
     height: "100%",
-    backgroundColor: f.colorFont.var,
-    borderRadius: f.borderRadiusSmall.var,
+    backgroundColor: aptechkaTheme.colorFont.var,
+    borderRadius: aptechkaTheme.borderRadiusSmall.var,
     transition: "opacity var(--duration-short)"
   },
   ":host(.infinite) .grabbing .drag-knob-inner": {
     opacity: 0.3
   }
 });
-var G, se, ie, _, W, ve, ye, F, U, Se, ke, b, Q, ct, dt, Ke, Ee;
-class Bt extends pe {
-  constructor(...e) {
-    var n, h, u, m;
-    super(...e);
-    o(this, b);
-    o(this, G, []);
-    o(this, se, []);
-    o(this, ie);
-    o(this, _);
-    o(this, W);
-    o(this, ve);
-    o(this, ye);
-    o(this, F);
-    o(this, U, !1);
-    o(this, Se, (e) => {
-      const i = l(this, b, Q).call(this, e);
-      return i.map((n, h) => {
-        const u = typeof n == "string" ? parseFloat(n) || t(this, _) : n, m = ts(u, t(this, _), t(this, W)), k = ss(m, t(this, ie));
-        i[h] = k;
-      }), t(this, ye) === "number" ? i[0] : i;
-    });
-    o(this, ke, () => {
-      l(this, b, Q).call(this).map((e, i) => {
-        const n = t(this, G)[i];
-        n && (n.value = (e || 0).toString());
-      }), l(this, b, ct).call(this);
-    });
-    o(this, Ee, () => {
-      l(this, b, ct).call(this);
-    });
-    const i = this.attachShadow({ mode: "open" });
-    i.adoptedStyleSheets = [...i.adoptedStyleSheets, ps], c(this, _, St((n = this.firstStore.__manager) == null ? void 0 : n.min, -1 / 0)), c(this, W, St((h = this.firstStore.__manager) == null ? void 0 : h.max, 1 / 0)), c(this, ie, ((u = this.firstStore.__manager) == null ? void 0 : u.step) || 0.01), c(this, ve, ((m = this.firstStore.__manager) == null ? void 0 : m.ease) || 1), c(this, ye, Array.isArray(this.firstStore.current) ? "array" : "number"), c(this, F, isFinite(t(this, W)) && isFinite(t(this, _))), g(this, {
-      class: t(this, F) ? "" : "infinite",
-      children: l(this, b, Q).call(this).map((k, L) => w({
+var _inputElements, _knobElements, _step, _min, _max, _ease, _type, _isFinite, _isDragging, _storeMiddleware, _storeChangeListener, _TweakerNumberManagerElement_instances, getArray_fn, updateKnobPositions_fn, getDistance_fn, getKnobPosition_fn, _resizeListener;
+const _TweakerNumberManagerElement = class _TweakerNumberManagerElement extends TweakerStoreManagerElement {
+  constructor(...stores) {
+    var _a, _b, _c, _d;
+    super(...stores);
+    __privateAdd(this, _TweakerNumberManagerElement_instances);
+    __privateAdd(this, _inputElements, []);
+    __privateAdd(this, _knobElements, []);
+    __privateAdd(this, _step);
+    __privateAdd(this, _min);
+    __privateAdd(this, _max);
+    __privateAdd(this, _ease);
+    __privateAdd(this, _type);
+    __privateAdd(this, _isFinite);
+    __privateAdd(this, _isDragging, !1);
+    __privateAdd(this, _storeMiddleware, /* @__PURE__ */ __name((value) => {
+      const arr = __privateMethod(this, _TweakerNumberManagerElement_instances, getArray_fn).call(this, value);
+      return arr.map((v, i) => {
+        const number = typeof v == "string" ? parseFloat(v) || __privateGet(this, _min) : v, clamped = clamp(number, __privateGet(this, _min), __privateGet(this, _max)), fixed = toStep(clamped, __privateGet(this, _step));
+        arr[i] = fixed;
+      }), __privateGet(this, _type) === "number" ? arr[0] : arr;
+    }, "#storeMiddleware"));
+    __privateAdd(this, _storeChangeListener, /* @__PURE__ */ __name(() => {
+      __privateMethod(this, _TweakerNumberManagerElement_instances, getArray_fn).call(this).map((v, i) => {
+        const inputElement = __privateGet(this, _inputElements)[i];
+        inputElement && (inputElement.value = (v || 0).toString());
+      }), __privateMethod(this, _TweakerNumberManagerElement_instances, updateKnobPositions_fn).call(this);
+    }, "#storeChangeListener"));
+    __privateAdd(this, _resizeListener, /* @__PURE__ */ __name(() => {
+      __privateMethod(this, _TweakerNumberManagerElement_instances, updateKnobPositions_fn).call(this);
+    }, "#resizeListener"));
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$8], __privateSet(this, _min, nullishCoalescing((_a = this.firstStore.__manager) == null ? void 0 : _a.min, -1 / 0)), __privateSet(this, _max, nullishCoalescing((_b = this.firstStore.__manager) == null ? void 0 : _b.max, 1 / 0)), __privateSet(this, _step, ((_c = this.firstStore.__manager) == null ? void 0 : _c.step) || 0.01), __privateSet(this, _ease, ((_d = this.firstStore.__manager) == null ? void 0 : _d.ease) || 1), __privateSet(this, _type, Array.isArray(this.firstStore.current) ? "array" : "number"), __privateSet(this, _isFinite, isFinite(__privateGet(this, _max)) && isFinite(__privateGet(this, _min))), element(this, {
+      class: __privateGet(this, _isFinite) ? "" : "infinite",
+      children: __privateMethod(this, _TweakerNumberManagerElement_instances, getArray_fn).call(this).map((v, i) => div({
         class: "inputs-wrapper",
         children: [
-          Ve({
+          input({
             type: "number",
-            step: t(this, ie),
-            min: t(this, _),
-            max: t(this, W),
-            ref: (v) => t(this, G).push(v),
-            value: k,
-            onChange: () => {
+            step: __privateGet(this, _step),
+            min: __privateGet(this, _min),
+            max: __privateGet(this, _max),
+            ref: /* @__PURE__ */ __name((e) => __privateGet(this, _inputElements).push(e), "ref"),
+            value: v,
+            onChange: /* @__PURE__ */ __name(() => {
               this.updateStores(
-                t(this, G).map((v) => parseFloat(v.value))
+                __privateGet(this, _inputElements).map((el) => parseFloat(el.value))
               );
-            }
+            }, "onChange")
           }),
-          w({
+          div({
             class: "drag",
             children: [
-              w({
+              div({
                 class: "drag-knob",
-                ref: (v) => t(this, se).push(v),
-                onPointerdown: (v) => {
-                  v.preventDefault(), c(this, U, !0);
-                  const ge = l(this, b, Q).call(this), _e = ge[L], x = t(this, se)[L], R = t(this, G)[L];
-                  if (x && R) {
-                    const P = x.parentElement, B = l(this, b, dt).call(this);
-                    P.classList.add("grabbing"), Et(
-                      (q) => {
-                        const wt = q.x - v.x, Jt = t(this, F) ? P.offsetWidth / (B || 1) : 1, Yt = _e + wt / Jt * t(this, ve);
-                        if (ge[L] = Yt, !t(this, F)) {
-                          const Gt = l(this, b, Ke).call(this, x, 0);
-                          x.style.transform = `translateX(${Gt + wt}px)`;
+                ref: /* @__PURE__ */ __name((e) => __privateGet(this, _knobElements).push(e), "ref"),
+                onPointerdown: /* @__PURE__ */ __name((grabEvent) => {
+                  grabEvent.preventDefault(), __privateSet(this, _isDragging, !0);
+                  const arr = __privateMethod(this, _TweakerNumberManagerElement_instances, getArray_fn).call(this), startValue = arr[i], knobElement = __privateGet(this, _knobElements)[i], inputElement = __privateGet(this, _inputElements)[i];
+                  if (knobElement && inputElement) {
+                    const knobParentElement = knobElement.parentElement, distance = __privateMethod(this, _TweakerNumberManagerElement_instances, getDistance_fn).call(this);
+                    knobParentElement.classList.add("grabbing"), setupDrag(
+                      (moveEvent) => {
+                        const delta = moveEvent.x - grabEvent.x, del = __privateGet(this, _isFinite) ? knobParentElement.offsetWidth / (distance || 1) : 1, newValue = startValue + delta / del * __privateGet(this, _ease);
+                        if (arr[i] = newValue, !__privateGet(this, _isFinite)) {
+                          const pos = __privateMethod(this, _TweakerNumberManagerElement_instances, getKnobPosition_fn).call(this, knobElement, 0);
+                          knobElement.style.transform = `translateX(${pos + delta}px)`;
                         }
-                        this.updateStores([...ge]);
+                        this.updateStores([...arr]);
                       },
                       () => {
-                        if (c(this, U, !1), !t(this, F)) {
-                          const q = l(this, b, Ke).call(this, x, 0);
-                          x.style.transition = "transform 0.1s", x.style.transform = `translateX(${q}px)`, P.classList.remove("grabbing"), setTimeout(() => {
-                            x.style.transition = "";
+                        if (__privateSet(this, _isDragging, !1), !__privateGet(this, _isFinite)) {
+                          const pos = __privateMethod(this, _TweakerNumberManagerElement_instances, getKnobPosition_fn).call(this, knobElement, 0);
+                          knobElement.style.transition = "transform 0.1s", knobElement.style.transform = `translateX(${pos}px)`, knobParentElement.classList.remove("grabbing"), setTimeout(() => {
+                            knobElement.style.transition = "";
                           }, 100);
                         }
                       }
                     );
                   }
-                },
-                children: w({
+                }, "onPointerdown"),
+                children: div({
                   class: "drag-knob-inner"
                 })
               })
@@ -851,46 +869,49 @@ class Bt extends pe {
     });
   }
   connectedCallback() {
-    this.firstStore.addMiddleware(t(this, Se)), this.firstStore.subscribe(t(this, ke)), kt.subscribe(this, t(this, Ee));
+    this.firstStore.addMiddleware(__privateGet(this, _storeMiddleware)), this.firstStore.subscribe(__privateGet(this, _storeChangeListener)), elementResizer.subscribe(this, __privateGet(this, _resizeListener));
   }
   disconnectedCallback() {
-    this.firstStore.removeMiddleware(t(this, Se)), this.firstStore.unsubscribe(t(this, ke)), kt.unsubscribe(t(this, Ee));
+    this.firstStore.removeMiddleware(__privateGet(this, _storeMiddleware)), this.firstStore.unsubscribe(__privateGet(this, _storeChangeListener)), elementResizer.unsubscribe(__privateGet(this, _resizeListener));
   }
-}
-G = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), _ = new WeakMap(), W = new WeakMap(), ve = new WeakMap(), ye = new WeakMap(), F = new WeakMap(), U = new WeakMap(), Se = new WeakMap(), ke = new WeakMap(), b = new WeakSet(), Q = function(e = this.firstStore.current) {
-  return Array.isArray(e) ? e : [e];
-}, ct = function() {
-  l(this, b, Q).call(this).map((e, i) => {
-    const n = t(this, se)[i];
-    if (n && (!t(this, U) || t(this, U) && t(this, F))) {
-      const h = l(this, b, Ke).call(this, n, e);
-      n.style.transform = `translateX(${h}px)`;
+};
+_inputElements = new WeakMap(), _knobElements = new WeakMap(), _step = new WeakMap(), _min = new WeakMap(), _max = new WeakMap(), _ease = new WeakMap(), _type = new WeakMap(), _isFinite = new WeakMap(), _isDragging = new WeakMap(), _storeMiddleware = new WeakMap(), _storeChangeListener = new WeakMap(), _TweakerNumberManagerElement_instances = new WeakSet(), getArray_fn = /* @__PURE__ */ __name(function(value = this.firstStore.current) {
+  return Array.isArray(value) ? value : [value];
+}, "#getArray"), updateKnobPositions_fn = /* @__PURE__ */ __name(function() {
+  __privateMethod(this, _TweakerNumberManagerElement_instances, getArray_fn).call(this).map((v, i) => {
+    const knobElement = __privateGet(this, _knobElements)[i];
+    if (knobElement && (!__privateGet(this, _isDragging) || __privateGet(this, _isDragging) && __privateGet(this, _isFinite))) {
+      const position = __privateMethod(this, _TweakerNumberManagerElement_instances, getKnobPosition_fn).call(this, knobElement, v);
+      knobElement.style.transform = `translateX(${position}px)`;
     }
   });
-}, dt = function() {
-  return t(this, F) ? t(this, W) - t(this, _) : 0;
-}, Ke = function(e, i) {
-  const n = e.parentElement, h = l(this, b, dt).call(this), u = h ? i / h : 0.5;
-  return (n.offsetWidth - e.offsetWidth) * u;
-}, Ee = new WeakMap();
-p && !customElements.get("e-tweaker-number-manager") && customElements.define("e-tweaker-number-manager", Bt);
-function Kt(r) {
-  r.dispatchEvent(
+}, "#updateKnobPositions"), getDistance_fn = /* @__PURE__ */ __name(function() {
+  return __privateGet(this, _isFinite) ? __privateGet(this, _max) - __privateGet(this, _min) : 0;
+}, "#getDistance"), getKnobPosition_fn = /* @__PURE__ */ __name(function(knobElement, inputValue) {
+  const parentElement = knobElement.parentElement, distance = __privateMethod(this, _TweakerNumberManagerElement_instances, getDistance_fn).call(this), progress = distance ? inputValue / distance : 0.5;
+  return (parentElement.offsetWidth - knobElement.offsetWidth) * progress;
+}, "#getKnobPosition"), _resizeListener = new WeakMap(), __name(_TweakerNumberManagerElement, "TweakerNumberManagerElement");
+let TweakerNumberManagerElement = _TweakerNumberManagerElement;
+isBrowser && !customElements.get("e-tweaker-number-manager") && customElements.define("e-tweaker-number-manager", TweakerNumberManagerElement);
+function dispatchSizeChangeEvent(node) {
+  node.dispatchEvent(
     new CustomEvent("sizeChange", {
       bubbles: !0,
       composed: !0
     })
   );
 }
-function gs(r) {
-  r.dispatchEvent(
+__name(dispatchSizeChangeEvent, "dispatchSizeChangeEvent");
+function dispatchBeforeSizeChangeEvent(node) {
+  node.dispatchEvent(
     new CustomEvent("beforeSizeChange", {
       bubbles: !0,
       composed: !0
     })
   );
 }
-const bs = E({
+__name(dispatchBeforeSizeChangeEvent, "dispatchBeforeSizeChangeEvent");
+const stylesheet$7 = createStylesheet({
   ":host": {
     position: "relative"
   },
@@ -925,112 +946,113 @@ const bs = E({
     paddingTop: "var(--gap, 0px)"
   }
 });
-var ne, oe, z, X, re, ae, Ye, xe, ft;
-const bt = class bt extends HTMLElement {
+var _internals2, _value, _bodyElement, _opened, _timeoutId, _resizeObserver, _resizeObserverListener, _SelectElement_instances, dispatchToggleEvent_fn;
+const _SelectElement = class _SelectElement extends HTMLElement {
   constructor() {
     super();
-    o(this, xe);
-    o(this, ne, null);
-    o(this, oe, "");
-    o(this, z, null);
-    o(this, X, !1);
-    o(this, re);
-    o(this, ae, null);
-    o(this, Ye, () => {
-      Kt(this);
-    });
-    if (p) {
-      const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [...e.adoptedStyleSheets, bs], c(this, ne, this.attachInternals()), c(this, ae, new ResizeObserver(t(this, Ye))), g(this, {
+    __privateAdd(this, _SelectElement_instances);
+    __privateAdd(this, _internals2, null);
+    __privateAdd(this, _value, "");
+    __privateAdd(this, _bodyElement, null);
+    __privateAdd(this, _opened, !1);
+    __privateAdd(this, _timeoutId);
+    __privateAdd(this, _resizeObserver, null);
+    __privateAdd(this, _resizeObserverListener, /* @__PURE__ */ __name(() => {
+      dispatchSizeChangeEvent(this);
+    }, "#resizeObserverListener"));
+    if (isBrowser) {
+      const shadow = this.attachShadow({ mode: "open" });
+      shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$7], __privateSet(this, _internals2, this.attachInternals()), __privateSet(this, _resizeObserver, new ResizeObserver(__privateGet(this, _resizeObserverListener))), element(this, {
         children: [
-          ee({
+          button({
             class: "head",
-            children: me({ name: "head" }),
-            onClick: () => {
+            children: slot({ name: "head" }),
+            onClick: /* @__PURE__ */ __name(() => {
               this.opened ? this.close() : this.open();
-            }
+            }, "onClick")
           }),
-          w({
+          div({
             class: "body",
             style: {
               height: "0px"
             },
-            children: w({
+            children: div({
               class: "body-inner",
-              children: me()
+              children: slot()
             }),
-            ref: (i) => {
-              c(this, z, i);
-            }
+            ref: /* @__PURE__ */ __name((e) => {
+              __privateSet(this, _bodyElement, e);
+            }, "ref")
           })
         ]
       });
     }
   }
   get value() {
-    return t(this, oe);
+    return __privateGet(this, _value);
   }
-  set value(e) {
-    c(this, oe, e), this.dispatchEvent(
+  set value(value) {
+    __privateSet(this, _value, value), this.dispatchEvent(
       new Event("change", {
         bubbles: !0,
         composed: !0
       })
-    ), t(this, ne).setFormValue(t(this, oe));
+    ), __privateGet(this, _internals2).setFormValue(__privateGet(this, _value));
   }
   get internals() {
-    return t(this, ne);
+    return __privateGet(this, _internals2);
   }
   get opened() {
-    return t(this, X);
+    return __privateGet(this, _opened);
   }
   open() {
-    clearTimeout(t(this, re)), c(this, X, !0), t(this, z).style.display = "grid", this.classList.add("triggered"), setTimeout(() => {
-      this.classList.add("opened"), t(this, z).style.height = t(this, z).scrollHeight + "px", l(this, xe, ft).call(this);
+    clearTimeout(__privateGet(this, _timeoutId)), __privateSet(this, _opened, !0), __privateGet(this, _bodyElement).style.display = "grid", this.classList.add("triggered"), setTimeout(() => {
+      this.classList.add("opened"), __privateGet(this, _bodyElement).style.height = __privateGet(this, _bodyElement).scrollHeight + "px", __privateMethod(this, _SelectElement_instances, dispatchToggleEvent_fn).call(this);
     }, 0);
   }
   close() {
-    c(this, X, !1), t(this, z).style.height = "0px", this.classList.remove("opened"), l(this, xe, ft).call(this), c(this, re, setTimeout(() => {
-      this.classList.remove("triggered"), t(this, z).style.display = "none";
-    }, is(t(this, z))));
+    __privateSet(this, _opened, !1), __privateGet(this, _bodyElement).style.height = "0px", this.classList.remove("opened"), __privateMethod(this, _SelectElement_instances, dispatchToggleEvent_fn).call(this), __privateSet(this, _timeoutId, setTimeout(() => {
+      this.classList.remove("triggered"), __privateGet(this, _bodyElement).style.display = "none";
+    }, getElementTransitionDurationMS(__privateGet(this, _bodyElement))));
   }
   connectedCallback() {
-    t(this, ae).observe(t(this, z));
+    __privateGet(this, _resizeObserver).observe(__privateGet(this, _bodyElement));
   }
   disconnectedCallback() {
-    clearTimeout(t(this, re)), t(this, ae).disconnect();
+    clearTimeout(__privateGet(this, _timeoutId)), __privateGet(this, _resizeObserver).disconnect();
   }
 };
-ne = new WeakMap(), oe = new WeakMap(), z = new WeakMap(), X = new WeakMap(), re = new WeakMap(), ae = new WeakMap(), Ye = new WeakMap(), xe = new WeakSet(), ft = function() {
-  gs(this), this.dispatchEvent(
+_internals2 = new WeakMap(), _value = new WeakMap(), _bodyElement = new WeakMap(), _opened = new WeakMap(), _timeoutId = new WeakMap(), _resizeObserver = new WeakMap(), _resizeObserverListener = new WeakMap(), _SelectElement_instances = new WeakSet(), dispatchToggleEvent_fn = /* @__PURE__ */ __name(function() {
+  dispatchBeforeSizeChangeEvent(this), this.dispatchEvent(
     new CustomEvent("selectToggle", {
       bubbles: !0,
       composed: !0,
       detail: {
-        opened: t(this, X)
+        opened: __privateGet(this, _opened)
       }
     })
   );
-}, bt.formAssociated = !0;
-let ut = bt;
-p && !customElements.get("e-select") && customElements.define("e-select", ut);
-var Ce;
-class Ot extends HTMLElement {
+}, "#dispatchToggleEvent"), __name(_SelectElement, "SelectElement"), _SelectElement.formAssociated = !0;
+let SelectElement = _SelectElement;
+isBrowser && !customElements.get("e-select") && customElements.define("e-select", SelectElement);
+var _selectElement;
+const _SelectUserElement = class _SelectUserElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    o(this, Ce, null);
+    __privateAdd(this, _selectElement, null);
   }
   get selectElement() {
-    return t(this, Ce);
+    return __privateGet(this, _selectElement);
   }
   connectedCallback() {
-    var i, n;
-    const e = (n = (i = this.assignedSlot) == null ? void 0 : i.getRootNode()) == null ? void 0 : n.host;
-    e ? c(this, Ce, e) : console.log(this, "e-select not found");
+    var _a, _b;
+    const selectElement = (_b = (_a = this.assignedSlot) == null ? void 0 : _a.getRootNode()) == null ? void 0 : _b.host;
+    selectElement ? __privateSet(this, _selectElement, selectElement) : console.log(this, "e-select not found");
   }
-}
-Ce = new WeakMap();
-const ws = E({
+};
+_selectElement = new WeakMap(), __name(_SelectUserElement, "SelectUserElement");
+let SelectUserElement = _SelectUserElement;
+const stylesheet$6 = createStylesheet({
   ":host": {
     width: "100%",
     height: "40px",
@@ -1038,25 +1060,25 @@ const ws = E({
     alignItems: "center"
   }
 });
-var le, Le, mt;
-class vs extends Ot {
+var _changeListener, _SelectOptionElement_instances, pick_fn;
+const _SelectOptionElement = class _SelectOptionElement extends SelectUserElement {
   constructor() {
     super();
-    o(this, Le);
-    o(this, le, () => {
+    __privateAdd(this, _SelectOptionElement_instances);
+    __privateAdd(this, _changeListener, /* @__PURE__ */ __name(() => {
       this.selectElement.value === this.value ? this.style.display = "none" : this.style.display = "";
-    });
-    if (p) {
-      const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [...e.adoptedStyleSheets, ws], g(this, {
+    }, "#changeListener"));
+    if (isBrowser) {
+      const shadow = this.attachShadow({ mode: "open" });
+      shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$6], element(this, {
         tabindex: 0,
-        onClick: () => {
-          l(this, Le, mt).call(this);
-        },
-        onKeydown: (i) => {
-          i.code === "Space" && l(this, Le, mt).call(this);
-        },
-        children: me()
+        onClick: /* @__PURE__ */ __name(() => {
+          __privateMethod(this, _SelectOptionElement_instances, pick_fn).call(this);
+        }, "onClick"),
+        onKeydown: /* @__PURE__ */ __name((e) => {
+          e.code === "Space" && __privateMethod(this, _SelectOptionElement_instances, pick_fn).call(this);
+        }, "onKeydown"),
+        children: slot()
       });
     }
   }
@@ -1064,19 +1086,20 @@ class vs extends Ot {
     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", t(this, le)), setTimeout(() => {
-      t(this, le).call(this);
+    super.connectedCallback(), this.hasAttribute("default") && (this.selectElement.value || (this.selectElement.value = this.value)), this.selectElement.addEventListener("change", __privateGet(this, _changeListener)), setTimeout(() => {
+      __privateGet(this, _changeListener).call(this);
     });
   }
   disconnectedCallback() {
-    this.selectElement.removeEventListener("change", t(this, le));
+    this.selectElement.removeEventListener("change", __privateGet(this, _changeListener));
   }
-}
-le = new WeakMap(), Le = new WeakSet(), mt = function() {
-  this.selectElement.value = this.value, this.selectElement.close();
 };
-p && !customElements.get("e-select-option") && customElements.define("e-select-option", vs);
-const ys = E({
+_changeListener = new WeakMap(), _SelectOptionElement_instances = new WeakSet(), pick_fn = /* @__PURE__ */ __name(function() {
+  this.selectElement.value = this.value, this.selectElement.close();
+}, "#pick"), __name(_SelectOptionElement, "SelectOptionElement");
+let SelectOptionElement = _SelectOptionElement;
+isBrowser && !customElements.get("e-select-option") && customElements.define("e-select-option", SelectOptionElement);
+const stylesheet$5 = createStylesheet({
   ":host": {
     width: "100%",
     height: "40px",
@@ -1088,7 +1111,7 @@ const ys = E({
     flexShrink: "0",
     width: "var(--arrow-size, 1em)",
     height: "var(--arrow-size, 1em)",
-    fill: `var(--arrow-color, ${f.colorMain.var})`,
+    fill: `var(--arrow-color, ${aptechkaTheme.colorMain.var})`,
     transitionProperty: "transform",
     transitionDuration: "var(--duration, var(--duration-short))"
   },
@@ -1096,47 +1119,48 @@ const ys = E({
     transform: "scaleY(-1)"
   }
 });
-var Te, he, ze;
-class Ss extends Ot {
+var _valueElement, _changeListener2, _toggleListener;
+const _SelectHeadElement = class _SelectHeadElement extends SelectUserElement {
   constructor() {
     super();
-    o(this, Te, null);
-    o(this, he, () => {
-      const i = this.selectElement.shadowRoot.querySelector(
+    __privateAdd(this, _valueElement, null);
+    __privateAdd(this, _changeListener2, /* @__PURE__ */ __name(() => {
+      const currentOption = this.selectElement.shadowRoot.querySelector(
         ".body slot"
-      ).assignedElements().find((n) => n.value === this.selectElement.value);
-      i && (t(this, Te).innerHTML = i.innerHTML);
-    });
-    o(this, ze, () => {
+      ).assignedElements().find((e) => e.value === this.selectElement.value);
+      currentOption && (__privateGet(this, _valueElement).innerHTML = currentOption.innerHTML);
+    }, "#changeListener"));
+    __privateAdd(this, _toggleListener, /* @__PURE__ */ __name(() => {
       this.classList.toggle("opened", this.selectElement.opened);
-    });
-    if (p) {
-      const e = this.attachShadow({ mode: "open" });
-      e.adoptedStyleSheets = [...e.adoptedStyleSheets, ys], g(this, {
+    }, "#toggleListener"));
+    if (isBrowser) {
+      const shadow = this.attachShadow({ mode: "open" });
+      shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$5], element(this, {
         children: [
-          me(),
-          me({
+          slot(),
+          slot({
             name: "arrow",
-            children: g(Ht, { class: "default-arrow" })
+            children: element(arrowIcon, { class: "default-arrow" })
           })
         ]
       }), this.slot = "head";
     }
   }
   connectedCallback() {
-    super.connectedCallback(), c(this, Te, this.querySelector("[data-value-holder]") || this), this.selectElement.addEventListener("change", t(this, he)), t(this, he).call(this), this.selectElement.addEventListener("selectToggle", t(this, ze));
+    super.connectedCallback(), __privateSet(this, _valueElement, this.querySelector("[data-value-holder]") || this), this.selectElement.addEventListener("change", __privateGet(this, _changeListener2)), __privateGet(this, _changeListener2).call(this), this.selectElement.addEventListener("selectToggle", __privateGet(this, _toggleListener));
   }
   disconnectedCallback() {
-    this.selectElement.removeEventListener("change", t(this, he)), this.selectElement.removeEventListener("selectToggle", t(this, ze));
+    this.selectElement.removeEventListener("change", __privateGet(this, _changeListener2)), this.selectElement.removeEventListener("selectToggle", __privateGet(this, _toggleListener));
   }
-}
-Te = new WeakMap(), he = new WeakMap(), ze = new WeakMap();
-p && !customElements.get("e-select-head") && customElements.define("e-select-head", Ss);
-const ks = E({
+};
+_valueElement = new WeakMap(), _changeListener2 = new WeakMap(), _toggleListener = new WeakMap(), __name(_SelectHeadElement, "SelectHeadElement");
+let SelectHeadElement = _SelectHeadElement;
+isBrowser && !customElements.get("e-select-head") && customElements.define("e-select-head", SelectHeadElement);
+const stylesheet$4 = createStylesheet({
   "e-select": {
     display: "block",
     width: "100%",
-    "--arrow-color": f.colorFont.var
+    "--arrow-color": aptechkaTheme.colorFont.var
   },
   "e-select-head": {
     width: "100%",
@@ -1153,54 +1177,55 @@ const ks = E({
     fontSize: "var(--font-size-small)"
   },
   "e-select-option:hover": {
-    color: f.colorActive.var
+    color: aptechkaTheme.colorActive.var
   },
   svg: {
     width: "16px",
     height: "16px",
-    fill: f.colorFont.var,
+    fill: aptechkaTheme.colorFont.var,
     transitionProperty: "transform",
     transitionDuration: "var(--duration-short)"
   },
   ".opened svg": {
     transform: "scaleY(-1)"
   }
-});
-class Zt extends pe {
-  constructor(...s) {
-    var n;
-    super(...s);
-    const e = this.attachShadow({ mode: "open" });
-    e.adoptedStyleSheets = [...e.adoptedStyleSheets, ks];
-    const i = ((n = this.firstStore.__manager) == null ? void 0 : n.variants) || [];
-    g(this, {
-      children: g("e-select", {
+}), _TweakerSelectManagerElement = class _TweakerSelectManagerElement extends TweakerStoreManagerElement {
+  constructor(...stores) {
+    var _a;
+    super(...stores);
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$4];
+    const variants = ((_a = this.firstStore.__manager) == null ? void 0 : _a.variants) || [];
+    element(this, {
+      children: element("e-select", {
         value: this.firstStore,
-        onChange: (h) => {
-          this.updateStores(h.currentTarget.value);
-        },
+        onChange: /* @__PURE__ */ __name((e) => {
+          this.updateStores(e.currentTarget.value);
+        }, "onChange"),
         lightChildren: [
-          g("e-select-head", {
+          element("e-select-head", {
             lightChildren: [
-              lt({
+              span({
                 "data-value-holder": ""
               })
             ]
           }),
           // @ts-ignore
-          ...i.map(
-            (h, u) => g("e-select-option", {
-              lightChildren: h,
-              default: u === 0 ? !0 : null
+          ...variants.map(
+            (v, i) => element("e-select-option", {
+              lightChildren: v,
+              default: i === 0 ? !0 : null
             })
           )
         ]
       })
     });
   }
-}
-p && !customElements.get("e-tweaker-select-manager") && customElements.define("e-tweaker-select-manager", Zt);
-const Es = E({
+};
+__name(_TweakerSelectManagerElement, "TweakerSelectManagerElement");
+let TweakerSelectManagerElement = _TweakerSelectManagerElement;
+isBrowser && !customElements.get("e-tweaker-select-manager") && customElements.define("e-tweaker-select-manager", TweakerSelectManagerElement);
+const stylesheet$3 = createStylesheet({
   ":host": {
     width: "100%",
     display: "flex",
@@ -1219,44 +1244,45 @@ const Es = E({
     margin: "0",
     padding: "0 var(--gap-small)",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: f.borderRadius.var
+    borderRadius: aptechkaTheme.borderRadius.var
   }
-});
-class Wt extends pe {
-  constructor(...s) {
-    super(...s);
-    const e = this.attachShadow({ mode: "open" });
-    e.adoptedStyleSheets = [...e.adoptedStyleSheets, Es], g(this, {
+}), _TweakerStringManagerElement = class _TweakerStringManagerElement extends TweakerStoreManagerElement {
+  constructor(...stores) {
+    super(...stores);
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$3], element(this, {
       children: [
-        Ve({
+        input({
           class: "text-input",
           type: "string",
           value: this.firstStore,
-          onChange: (i) => {
+          onChange: /* @__PURE__ */ __name((e) => {
             this.updateStores(
-              i.currentTarget.value
+              e.currentTarget.value
             );
-          }
+          }, "onChange")
         })
       ]
     });
   }
-}
-p && !customElements.get("e-tweaker-string-manager") && customElements.define("e-tweaker-string-manager", Wt);
-const xs = {
-  boolean: Dt,
-  color: Vt,
-  link: _t,
-  number: Bt,
-  select: Zt,
-  string: Wt
-}, Cs = E({
+};
+__name(_TweakerStringManagerElement, "TweakerStringManagerElement");
+let TweakerStringManagerElement = _TweakerStringManagerElement;
+isBrowser && !customElements.get("e-tweaker-string-manager") && customElements.define("e-tweaker-string-manager", TweakerStringManagerElement);
+const tweakerManagerConstructors = {
+  boolean: TweakerBooleanManagerElement,
+  color: TweakerColorManagerElement,
+  link: TweakerLinkManagerElement,
+  number: TweakerNumberManagerElement,
+  select: TweakerSelectManagerElement,
+  string: TweakerStringManagerElement
+}, stylesheet$2 = createStylesheet({
   ":host": {
     display: "grid",
     gridAutoFlow: "column",
     gridTemplateColumns: "0.5fr 1fr",
     alignItems: "center",
-    color: f.colorFont.var,
+    color: aptechkaTheme.colorFont.var,
     gap: "var(--gap-medium)"
   },
   ":host(.disabled)": {
@@ -1279,7 +1305,7 @@ const xs = {
     margin: "0",
     border: "none",
     background: "none",
-    fill: f.colorFont.var,
+    fill: aptechkaTheme.colorFont.var,
     transitionDuration: "var(--duration-short)",
     transitionProperty: "fill, opacity",
     opacity: "0"
@@ -1288,105 +1314,106 @@ const xs = {
     opacity: "1"
   },
   ".head-button:hover": {
-    fill: f.colorActive.var
+    fill: aptechkaTheme.colorActive.var
   },
   ".head-button svg": {
     width: "100%",
     height: "100%"
   }
 });
-var M, ce, de, ue, fe, Me, Ae;
-class pt extends HTMLElement {
-  constructor(e) {
-    var h, u;
+var _stores2, _key, _name, _pointerEnter, _storeManager, _storesChangeListener, _keydownListener;
+const _TweakerFieldElement = class _TweakerFieldElement extends HTMLElement {
+  constructor(parameters) {
+    var _a, _b;
     super();
-    o(this, M, []);
-    o(this, ce);
-    o(this, de);
-    o(this, ue, !1);
-    o(this, fe);
-    o(this, Me, () => {
-      j.current.find((e) => t(this, M).includes(e)) || this.remove();
-    });
-    o(this, Ae, (e) => {
-      t(this, ue) && ((e.metaKey || e.ctrlKey) && e.code === "KeyC" ? navigator.clipboard.writeText(t(this, M)[0].current) : (e.metaKey || e.ctrlKey) && e.code === "KeyR" && (t(this, M).forEach((i) => {
-        i.reset();
+    __privateAdd(this, _stores2, []);
+    __privateAdd(this, _key);
+    __privateAdd(this, _name);
+    __privateAdd(this, _pointerEnter, !1);
+    __privateAdd(this, _storeManager);
+    __privateAdd(this, _storesChangeListener, /* @__PURE__ */ __name(() => {
+      activeStores.current.find((s) => __privateGet(this, _stores2).includes(s)) || this.remove();
+    }, "#storesChangeListener"));
+    __privateAdd(this, _keydownListener, /* @__PURE__ */ __name((e) => {
+      __privateGet(this, _pointerEnter) && ((e.metaKey || e.ctrlKey) && e.code === "KeyC" ? navigator.clipboard.writeText(__privateGet(this, _stores2)[0].current) : (e.metaKey || e.ctrlKey) && e.code === "KeyR" && (__privateGet(this, _stores2).forEach((store) => {
+        store.reset();
       }), e.preventDefault()));
-    });
-    c(this, M, [e.store]), c(this, ce, e.store.name), c(this, de, t(this, ce).split(".").slice(-1).toString());
-    const i = ((h = e.store.__manager) == null ? void 0 : h.type) || "string";
-    c(this, fe, new xs[i](
-      t(this, M)[0]
+    }, "#keydownListener"));
+    __privateSet(this, _stores2, [parameters.store]), __privateSet(this, _key, parameters.store.name), __privateSet(this, _name, __privateGet(this, _key).split(".").slice(-1).toString());
+    const type = ((_a = parameters.store.__manager) == null ? void 0 : _a.type) || "string";
+    __privateSet(this, _storeManager, new tweakerManagerConstructors[type](
+      __privateGet(this, _stores2)[0]
     ));
-    const n = this.attachShadow({ mode: "open" });
-    n.adoptedStyleSheets = [...n.adoptedStyleSheets, Cs], g(this, {
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$2], element(this, {
       class: {
-        disabled: ((u = e.store.__manager) == null ? void 0 : u.disabled) || !1
-      },
-      onPointerleave: () => {
-        c(this, ue, !1);
-      },
-      onPointerenter: () => {
-        c(this, ue, !0);
+        disabled: ((_b = parameters.store.__manager) == null ? void 0 : _b.disabled) || !1
       },
+      onPointerleave: /* @__PURE__ */ __name(() => {
+        __privateSet(this, _pointerEnter, !1);
+      }, "onPointerleave"),
+      onPointerenter: /* @__PURE__ */ __name(() => {
+        __privateSet(this, _pointerEnter, !0);
+      }, "onPointerenter"),
       children: [
-        w({
+        div({
           class: "head",
           children: [
-            w({ class: "name", children: t(this, de) + ":" }),
-            w({
+            div({ class: "name", children: __privateGet(this, _name) + ":" }),
+            div({
               class: "head-buttons",
               children: [
-                ee({
+                button({
                   class: "head-button",
-                  children: It,
-                  onClick: () => {
-                    navigator.clipboard.writeText(t(this, M)[0].current);
-                  }
+                  children: copyIcon,
+                  onClick: /* @__PURE__ */ __name(() => {
+                    navigator.clipboard.writeText(__privateGet(this, _stores2)[0].current);
+                  }, "onClick")
                 }),
-                ee({
+                button({
                   class: "head-button",
-                  children: $t,
-                  onClick: () => {
-                    t(this, M).forEach((m) => {
-                      m.reset();
+                  children: resetIcon,
+                  onClick: /* @__PURE__ */ __name(() => {
+                    __privateGet(this, _stores2).forEach((store) => {
+                      store.reset();
                     });
-                  }
+                  }, "onClick")
                 })
               ]
             })
           ]
         }),
-        t(this, fe)
+        __privateGet(this, _storeManager)
       ]
     });
   }
   get key() {
-    return t(this, ce);
+    return __privateGet(this, _key);
   }
   get name() {
-    return t(this, de);
+    return __privateGet(this, _name);
   }
   get stores() {
-    return t(this, M);
+    return __privateGet(this, _stores2);
   }
-  addStore(e) {
-    t(this, fe).addStore(e);
+  addStore(store) {
+    __privateGet(this, _storeManager).addStore(store);
   }
   connectedCallback() {
-    j.subscribe(t(this, Me)), addEventListener("keydown", t(this, Ae)), Kt(this);
+    activeStores.subscribe(__privateGet(this, _storesChangeListener)), addEventListener("keydown", __privateGet(this, _keydownListener)), dispatchSizeChangeEvent(this);
   }
   disconnectedCallback() {
-    j.unsubscribe(t(this, Me)), removeEventListener("keydown", t(this, Ae));
+    activeStores.unsubscribe(__privateGet(this, _storesChangeListener)), removeEventListener("keydown", __privateGet(this, _keydownListener));
   }
-}
-M = new WeakMap(), ce = new WeakMap(), de = new WeakMap(), ue = new WeakMap(), fe = new WeakMap(), Me = new WeakMap(), Ae = new WeakMap();
-p && !customElements.get("e-tweaker-field") && customElements.define("e-tweaker-field", pt);
-const Ls = E({
+};
+_stores2 = new WeakMap(), _key = new WeakMap(), _name = new WeakMap(), _pointerEnter = new WeakMap(), _storeManager = new WeakMap(), _storesChangeListener = new WeakMap(), _keydownListener = new WeakMap(), __name(_TweakerFieldElement, "TweakerFieldElement");
+let TweakerFieldElement = _TweakerFieldElement;
+isBrowser && !customElements.get("e-tweaker-field") && customElements.define("e-tweaker-field", TweakerFieldElement);
+const stylesheet$1 = createStylesheet({
   ".wrapper": {
     boxSizing: "border-box",
     backgroundColor: "rgba(255, 255, 255, 0.1)",
-    borderRadius: f.borderRadius.var
+    borderRadius: aptechkaTheme.borderRadius.var
   },
   ".head": {
     boxSizing: "border-box",
@@ -1397,12 +1424,12 @@ const Ls = E({
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    backgroundColor: f.colorMainAux.var,
-    borderRadius: f.borderRadius.var
+    backgroundColor: aptechkaTheme.colorMainAux.var,
+    borderRadius: aptechkaTheme.borderRadius.var
   },
   ".name": {
     fontSize: "var(--font-size-large)",
-    color: f.colorFont.var
+    color: aptechkaTheme.colorFont.var
   },
   ".body": {
     display: "none",
@@ -1430,127 +1457,127 @@ const Ls = E({
   ".arrow": {
     width: "20px",
     height: "20px",
-    fill: f.colorFont.var,
+    fill: aptechkaTheme.colorFont.var,
     transition: "transform var(--duration-short)"
   },
   ".opened .arrow": {
     transform: "scaleY(-1)"
   }
 });
-var A, Ne, S, Re, Fe, Pe, $e, Ge;
-const Ue = class Ue extends HTMLElement {
-  constructor(e) {
+var _key2, _head, _content, _mutationObserver, _bodyElement2, _contentElement, _contentRootElement, _mutationListener;
+const _TweakerFolderElement = class _TweakerFolderElement extends HTMLElement {
+  constructor(parameters) {
     super();
-    o(this, A);
-    o(this, Ne, new $(null));
-    o(this, S, new $([]));
-    o(this, Re);
-    o(this, Fe, null);
-    o(this, Pe, null);
-    o(this, $e, null);
-    o(this, Ge, (e) => {
-      let i = [], n = [];
-      e.forEach((h) => {
-        i = [...i, ...h.removedNodes], n = [...n, ...h.addedNodes];
-      }), t(this, S).current = t(this, S).current.filter(
-        (h) => !i.includes(h)
-      ), t(this, A) && !t(this, S).current.length && !n.length && this.remove();
-    });
-    const i = this.attachShadow({ mode: "open" });
-    i.adoptedStyleSheets = [...i.adoptedStyleSheets, Ls], c(this, A, e.key), c(this, Re, new MutationObserver(t(this, Ge))), g(this, {
+    __privateAdd(this, _key2);
+    __privateAdd(this, _head, new Store(null));
+    __privateAdd(this, _content, new Store([]));
+    __privateAdd(this, _mutationObserver);
+    __privateAdd(this, _bodyElement2, null);
+    __privateAdd(this, _contentElement, null);
+    __privateAdd(this, _contentRootElement, null);
+    __privateAdd(this, _mutationListener, /* @__PURE__ */ __name((mutations) => {
+      let removedNodes = [], addedNodes = [];
+      mutations.forEach((m) => {
+        removedNodes = [...removedNodes, ...m.removedNodes], addedNodes = [...addedNodes, ...m.addedNodes];
+      }), __privateGet(this, _content).current = __privateGet(this, _content).current.filter(
+        (v) => !removedNodes.includes(v)
+      ), __privateGet(this, _key2) && !__privateGet(this, _content).current.length && !addedNodes.length && this.remove();
+    }, "#mutationListener"));
+    const shadow = this.attachShadow({ mode: "open" });
+    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, stylesheet$1], __privateSet(this, _key2, parameters.key), __privateSet(this, _mutationObserver, new MutationObserver(__privateGet(this, _mutationListener))), element(this, {
       children: [
-        w({
+        div({
           class: "wrapper",
           children: [
-            w({
+            div({
               class: "head",
-              onClick: (n) => {
-                this.classList.toggle("opened"), this.classList.contains("opened") ? C.openPanel(t(this, A)) : C.closePanel(t(this, A));
-              },
+              onClick: /* @__PURE__ */ __name((e) => {
+                this.classList.toggle("opened"), this.classList.contains("opened") ? tweakerStorage.openPanel(__privateGet(this, _key2)) : tweakerStorage.closePanel(__privateGet(this, _key2));
+              }, "onClick"),
               children: [
-                t(this, A) ? w({
+                __privateGet(this, _key2) ? div({
                   class: "name",
-                  children: [t(this, A).split(".").slice(-1).toString()]
+                  children: [__privateGet(this, _key2).split(".").slice(-1).toString()]
                 }) : null,
-                t(this, Ne),
-                g(Ht, {
+                __privateGet(this, _head),
+                element(arrowIcon, {
                   class: "arrow"
                 })
               ]
             }),
-            w({
+            div({
               class: "body",
-              ref: (n) => {
-                c(this, Fe, n);
-              },
-              children: w({
+              ref: /* @__PURE__ */ __name((e) => {
+                __privateSet(this, _bodyElement2, e);
+              }, "ref"),
+              children: div({
                 class: "body-content",
-                children: t(this, S),
-                ref: (n) => {
-                  c(this, Pe, n), c(this, $e, n.firstElementChild);
-                }
+                children: __privateGet(this, _content),
+                ref: /* @__PURE__ */ __name((e) => {
+                  __privateSet(this, _contentElement, e), __privateSet(this, _contentRootElement, e.firstElementChild);
+                }, "ref")
               })
             })
           ]
         })
       ]
-    }), e != null && e.storeBox && this.handleStore(e.storeBox);
+    }), parameters != null && parameters.storeBox && this.handleStore(parameters.storeBox);
   }
   get key() {
-    return t(this, A);
+    return __privateGet(this, _key2);
   }
   get head() {
-    return t(this, Ne);
+    return __privateGet(this, _head);
   }
   get content() {
-    return t(this, S);
+    return __privateGet(this, _content);
   }
   get bodyElement() {
-    return t(this, Fe);
+    return __privateGet(this, _bodyElement2);
   }
   get contentElement() {
-    return t(this, Pe);
+    return __privateGet(this, _contentElement);
   }
   connectedCallback() {
-    C.isPanelOpened(t(this, A)) && this.classList.add("opened"), setTimeout(() => {
+    tweakerStorage.isPanelOpened(__privateGet(this, _key2)) && this.classList.add("opened"), setTimeout(() => {
       this.classList.add("transition-allowed");
-    }), t(this, Re).observe(t(this, $e), {
+    }), __privateGet(this, _mutationObserver).observe(__privateGet(this, _contentRootElement), {
       childList: !0
     });
   }
-  handleStore(e) {
-    if (e.remainingFolders.length) {
-      const n = e.store.name.split("."), h = n.slice(0, n.length - e.remainingFolders.length).join("."), u = t(this, S).current.find((m) => m.key === h);
-      u instanceof Ue ? u.handleStore({
-        store: e.store,
-        remainingFolders: e.remainingFolders.slice(1)
-      }) : t(this, S).current = [
-        ...t(this, S).current,
-        new Ue({
-          key: h,
+  handleStore(storeBox) {
+    if (storeBox.remainingFolders.length) {
+      const splittedName = storeBox.store.name.split("."), key = splittedName.slice(0, splittedName.length - storeBox.remainingFolders.length).join("."), found = __privateGet(this, _content).current.find((v) => v.key === key);
+      found instanceof _TweakerFolderElement ? found.handleStore({
+        store: storeBox.store,
+        remainingFolders: storeBox.remainingFolders.slice(1)
+      }) : __privateGet(this, _content).current = [
+        ...__privateGet(this, _content).current,
+        new _TweakerFolderElement({
+          key,
           storeBox: {
-            store: e.store,
-            remainingFolders: e.remainingFolders.slice(1)
+            store: storeBox.store,
+            remainingFolders: storeBox.remainingFolders.slice(1)
           }
         })
       ];
     } else {
-      const i = t(this, S).current.find(
-        (n) => n.key === e.store.name
+      const found = __privateGet(this, _content).current.find(
+        (v) => v.key === storeBox.store.name
       );
-      i instanceof pt ? i.addStore(e.store) : t(this, S).current = [
-        ...t(this, S).current,
-        new pt({
-          store: e.store
+      found instanceof TweakerFieldElement ? found.addStore(storeBox.store) : __privateGet(this, _content).current = [
+        ...__privateGet(this, _content).current,
+        new TweakerFieldElement({
+          store: storeBox.store
         })
       ];
     }
   }
 };
-A = new WeakMap(), Ne = new WeakMap(), S = new WeakMap(), Re = new WeakMap(), Fe = new WeakMap(), Pe = new WeakMap(), $e = new WeakMap(), Ge = new WeakMap();
-let Ze = Ue;
-p && !customElements.get("e-tweaker-folder") && customElements.define("e-tweaker-folder", Ze);
-const Ts = E({
+_key2 = new WeakMap(), _head = new WeakMap(), _content = new WeakMap(), _mutationObserver = new WeakMap(), _bodyElement2 = new WeakMap(), _contentElement = new WeakMap(), _contentRootElement = new WeakMap(), _mutationListener = new WeakMap(), __name(_TweakerFolderElement, "TweakerFolderElement");
+let TweakerFolderElement = _TweakerFolderElement;
+isBrowser && !customElements.get("e-tweaker-folder") && customElements.define("e-tweaker-folder", TweakerFolderElement);
+const stylesheet = createStylesheet({
   ":host": {
     "--tweaker-width": "550px",
     "--tweaker-offset": "20px",
@@ -1569,8 +1596,8 @@ const Ts = E({
     top: "var(--tweaker-offset)",
     right: "var(--tweaker-offset)",
     width: "var(--tweaker-width)",
-    backgroundColor: f.colorMain.var,
-    borderRadius: f.borderRadius.var,
+    backgroundColor: aptechkaTheme.colorMain.var,
+    borderRadius: aptechkaTheme.borderRadius.var,
     transition: "opacity 0.1s",
     zIndex: "100",
     opacity: "0.1"
@@ -1599,12 +1626,12 @@ const Ts = E({
     margin: "0",
     background: "none",
     border: "none",
-    fill: f.colorFont.var,
+    fill: aptechkaTheme.colorFont.var,
     transitionProperty: "fill",
     transitionDuration: "var(--duration-short)"
   },
   ".tweaker-button:hover": {
-    fill: f.colorActive.var
+    fill: aptechkaTheme.colorActive.var
   },
   ".tweaker-button svg": {
     width: "100%",
@@ -1625,7 +1652,7 @@ const Ts = E({
   ":host .body-content::-webkit-scrollbar": {
     display: "none"
   },
-  [`@media ${es["<=mobile"]}`]: {
+  [`@media ${ViewportMediaRules["<=mobile"]}`]: {
     ":host": {
       position: "absolute",
       top: "0",
@@ -1642,125 +1669,126 @@ const Ts = E({
     }
   }
 });
-var Ie, He, De;
-class qt extends Ze {
+var _scrollRestored, _unloadListener, _storesChangeListener2;
+const _TweakerElement = class _TweakerElement extends TweakerFolderElement {
   constructor() {
     super({
       key: ""
     });
-    o(this, Ie, !1);
-    o(this, He, () => {
-      C.save();
-    });
-    o(this, De, Xt(() => {
-      j.current.forEach((e) => {
-        if (e.name) {
-          const i = e.name.split(".");
+    __privateAdd(this, _scrollRestored, !1);
+    __privateAdd(this, _unloadListener, /* @__PURE__ */ __name(() => {
+      tweakerStorage.save();
+    }, "#unloadListener"));
+    __privateAdd(this, _storesChangeListener2, debounce(() => {
+      activeStores.current.forEach((store) => {
+        if (store.name) {
+          const sname = store.name.split(".");
           this.handleStore({
-            store: e,
-            remainingFolders: i.length > 1 ? i.slice(0, -1) : []
+            store,
+            remainingFolders: sname.length > 1 ? sname.slice(0, -1) : []
           });
         }
-      }), t(this, Ie) || (c(this, Ie, !0), this.contentElement.scroll({
-        top: C.scrollValue
+      }), __privateGet(this, _scrollRestored) || (__privateSet(this, _scrollRestored, !0), this.contentElement.scroll({
+        top: tweakerStorage.scrollValue
       }), this.contentElement.addEventListener("scroll", () => {
-        C.scrollValue = this.contentElement.scrollTop;
+        tweakerStorage.scrollValue = this.contentElement.scrollTop;
       }));
     }, 10));
-    C.load(), this.shadowRoot.adoptedStyleSheets = [
+    tweakerStorage.load(), this.shadowRoot.adoptedStyleSheets = [
       ...this.shadowRoot.adoptedStyleSheets,
-      Ts
+      stylesheet
     ], this.head.current = [
-      w({
+      div({
         class: "tweaker-buttons",
-        onClick: (e) => {
+        onClick: /* @__PURE__ */ __name((e) => {
           e.stopPropagation();
-        },
+        }, "onClick"),
         children: [
-          ee({
+          button({
             class: "tweaker-button",
-            children: $t,
-            onClick: () => {
-              K.resetState();
-            }
+            children: resetIcon,
+            onClick: /* @__PURE__ */ __name(() => {
+              storeRegistry.resetState();
+            }, "onClick")
           }),
-          ee({
+          button({
             class: ["tweaker-button"],
-            children: [It],
-            onClick: () => {
+            children: [copyIcon],
+            onClick: /* @__PURE__ */ __name(() => {
               navigator.clipboard.writeText(
-                JSON.stringify(K.getState())
+                JSON.stringify(storeRegistry.getState())
               );
-            }
+            }, "onClick")
           }),
-          ee({
+          button({
             class: "tweaker-button",
-            children: as,
-            onClick: () => {
-              Ut(K.name, K.getState());
-            }
+            children: downloadIcon,
+            onClick: /* @__PURE__ */ __name(() => {
+              createJSONAndSave(storeRegistry.name, storeRegistry.getState());
+            }, "onClick")
           }),
-          Ft({
+          label({
             class: "tweaker-button",
             children: [
-              ls,
-              Ve({
+              uploadIcon,
+              input({
                 type: "file",
                 style: {
                   display: "none"
                 },
-                onChange: (e) => {
-                  var h;
-                  const n = (h = e.currentTarget.files) == null ? void 0 : h[0];
-                  if (n) {
-                    const u = new FileReader();
-                    u.onload = (m) => {
-                      var L, v;
-                      const k = (v = (L = m.target) == null ? void 0 : L.result) == null ? void 0 : v.toString();
-                      k && K.loadState(k);
-                    }, u.readAsText(n);
+                onChange: /* @__PURE__ */ __name((e) => {
+                  var _a;
+                  const file = (_a = e.currentTarget.files) == null ? void 0 : _a[0];
+                  if (file) {
+                    const reader = new FileReader();
+                    reader.onload = (e2) => {
+                      var _a2, _b;
+                      const result = (_b = (_a2 = e2.target) == null ? void 0 : _a2.result) == null ? void 0 : _b.toString();
+                      result && storeRegistry.loadState(result);
+                    }, reader.readAsText(file);
                   }
-                }
+                }, "onChange")
               })
             ]
           })
         ]
       })
-    ], g(this.bodyElement, {
+    ], element(this.bodyElement, {
       children: [
-        w({
+        div({
           class: "resize",
-          onPointerdown: (e) => {
-            e.preventDefault();
-            const i = this.getBoundingClientRect(), n = this.contentElement.scrollTop;
-            Et(
-              (h) => {
-                const u = e.x - h.x, m = Math.max(400, i.width + u);
-                this.style.width = m + "px", C.changeSize("tweaker", m);
+          onPointerdown: /* @__PURE__ */ __name((grabEvent) => {
+            grabEvent.preventDefault();
+            const rect = this.getBoundingClientRect(), scrollValue = this.contentElement.scrollTop;
+            setupDrag(
+              (moveEvent) => {
+                const dx = grabEvent.x - moveEvent.x, newSize = Math.max(400, rect.width + dx);
+                this.style.width = newSize + "px", tweakerStorage.changeSize("tweaker", newSize);
               },
               () => {
                 setTimeout(() => {
                   this.contentElement.scroll({
-                    top: n
+                    top: scrollValue
                   });
                 }, 10);
               }
             );
-          },
-          onDblclick: () => {
-            this.style.width = "", C.changeSize("tweaker", null);
-          }
+          }, "onPointerdown"),
+          onDblclick: /* @__PURE__ */ __name(() => {
+            this.style.width = "", tweakerStorage.changeSize("tweaker", null);
+          }, "onDblclick")
         })
       ]
     });
   }
   connectedCallback() {
-    super.connectedCallback(), window.addEventListener("beforeunload", t(this, He)), j.subscribe(t(this, De)), C.changedSizes("tweaker") && (this.style.width = C.changedSizes("tweaker") + "px");
+    super.connectedCallback(), window.addEventListener("beforeunload", __privateGet(this, _unloadListener)), activeStores.subscribe(__privateGet(this, _storesChangeListener2)), tweakerStorage.changedSizes("tweaker") && (this.style.width = tweakerStorage.changedSizes("tweaker") + "px");
   }
   disconnectedCallback() {
-    window.removeEventListener("beforeunload", t(this, He)), C.save(), j.unsubscribe(t(this, De));
+    window.removeEventListener("beforeunload", __privateGet(this, _unloadListener)), tweakerStorage.save(), activeStores.unsubscribe(__privateGet(this, _storesChangeListener2));
   }
-}
-Ie = new WeakMap(), He = new WeakMap(), De = new WeakMap();
-p && !customElements.get("e-tweaker") && customElements.define("e-tweaker", qt);
-p && document.body.appendChild(new qt());
+};
+_scrollRestored = new WeakMap(), _unloadListener = new WeakMap(), _storesChangeListener2 = new WeakMap(), __name(_TweakerElement, "TweakerElement");
+let TweakerElement = _TweakerElement;
+isBrowser && !customElements.get("e-tweaker") && customElements.define("e-tweaker", TweakerElement);
+isBrowser && document.body.appendChild(new TweakerElement());