aptechka 0.2.2 → 0.3.0

package/build-browser-lib/scroll/index.js

@@ -0,0 +1,523 @@
+var Mt = (e, s, i) => {
+  if (!s.has(e))
+    throw TypeError("Cannot " + i);
+};
+var n = (e, s, i) => (Mt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), D = (e, s, i) => {
+  if (s.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  s instanceof WeakSet ? s.add(e) : s.set(e, i);
+}, V = (e, s, i, r) => (Mt(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i);
+import { D as Ft } from "../Damped-DEHDBwBz.js";
+import { S as Bt } from "../Store-JOKrNVEr.js";
+import { D as Kt } from "../Derived-Bc88XJ8J.js";
+import { i as At } from "../browser-0zX67oeU.js";
+import { a as wt, g as vt } from "../layout-HoBT_Da2.js";
+import { c as zt } from "../math-BOBiC4TN.js";
+import "../ticker/index.js";
+import { Attribute as E } from "../attribute/index.js";
+import { W as Gt, K as Ut } from "../WheelControls-BJdZsEkS.js";
+import { CustomElement as Lt, define as Vt } from "../custom-element/index.js";
+import { TICK_ORDER as Zt, RESIZE_ORDER as $t } from "../order/index.js";
+import { windowResizer as ct } from "../window-resizer/index.js";
+import { scrollEntries as H } from "../scroll-entries/index.js";
+import { e as Ot, D as Ct, ax as bt } from "../tags-C2jg1zYB.js";
+import { c as Rt } from "../createStylesheet-CD11E4C8.js";
+import { cssUnitParser as qt } from "../css-unit-parser/index.js";
+import { f as Jt } from "../dom-BY7JhTx5.js";
+var Nt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, Xt = (e, s, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Qt(s, i) : s, f = e.length - 1, v; f >= 0; f--)
+    (v = e[f]) && (a = (r ? v(s, i, a) : v(a)) || a);
+  return r && a && Nt(s, i, a), a;
+}, kt = (e, s, i) => {
+  if (!s.has(e))
+    throw TypeError("Cannot " + i);
+}, t = (e, s, i) => (kt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), h = (e, s, i) => {
+  if (s.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  s instanceof WeakSet ? s.add(e) : s.set(e, i);
+}, d = (e, s, i, r) => (kt(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), m = (e, s, i) => (kt(e, s, "access private method"), i), l, C, T, O, I, Q, k, K, X, Y, u, ut, c, j, tt, _, p, z, W, F, w, G, $, q, pt, B, J, ft, Wt, dt, yt, et, _t, st, St, R, gt, xt, Dt, it, rt, Et, S, g, L, y;
+class Yt {
+  constructor(s, i) {
+    D(this, S, void 0);
+    D(this, g, void 0);
+    D(this, L, 0);
+    D(this, y, 0);
+    V(this, S, s), V(this, g, i), H.register(n(this, S));
+  }
+  get size() {
+    return n(this, L);
+  }
+  get position() {
+    return n(this, y);
+  }
+  destroy() {
+    H.unregister(n(this, S)), n(this, S).style.transform = "";
+  }
+  resize() {
+    V(this, L, n(this, g).vertical ? n(this, S).offsetHeight : n(this, S).offsetWidth), V(this, y, n(this, g).vertical ? wt(n(this, S)) : vt(n(this, S))), V(this, y, n(this, y) - n(this, g).contentPosition);
+  }
+  transform() {
+    let s = 0;
+    const i = n(this, g).viewportSize - n(this, L);
+    n(this, g).infiniteAttribute.current && n(this, g).overscroll && n(this, y) + n(this, L) < n(this, g).currentScrollValue && (s = n(this, g).distance * -1 - n(this, g).gap), H.update(
+      n(this, S),
+      n(this, g).axisAttibute.current,
+      s
+    );
+    const r = n(this, g).currentScrollValue + s, a = n(this, y) - n(this, g).viewportSize - i, f = n(this, y) + n(this, L) + i, v = zt(r, a, f);
+    n(this, g).vertical ? n(this, S).style.transform = `translate3d(0px, ${v * -1}px, 0px)` : n(this, S).style.transform = `translate3d(${v * -1}px, 0px, 0px)`;
+  }
+}
+S = new WeakMap(), g = new WeakMap(), L = new WeakMap(), y = new WeakMap();
+const jt = Rt({
+  ":host": {
+    position: "relative",
+    width: "100%",
+    height: "100%",
+    display: "block",
+    outline: "none"
+  },
+  ':host([hibernated="true"])': {
+    display: "contents"
+  },
+  ".static": {
+    position: "absolute",
+    top: "0",
+    left: "0",
+    width: "100%",
+    height: "100%"
+  },
+  ".content": {
+    position: "relative",
+    display: "flex",
+    width: "100%",
+    height: "100%",
+    gap: "var(--gap, 0px)"
+  },
+  ':host([hibernated="true"]) .content': {
+    display: "contents"
+  },
+  "::slotted(*)": {
+    flexShrink: "0"
+  }
+});
+let mt = class extends Lt {
+  constructor() {
+    super(), h(this, q), h(this, B), h(this, ft), h(this, dt), h(this, et), h(this, st), h(this, xt), h(this, rt), h(this, l, null), h(this, C, new E(this, "axis", "y")), h(this, T, new E(this, "pages", 0, {
+      validate: (e) => Math.max(0, e - 1)
+    })), h(this, O, new E(this, "split", !1)), h(this, I, new E(this, "sectional", !1)), h(this, Q, new E(
+      this,
+      "wheel-max-delta",
+      !1
+    )), h(this, k, new E(this, "infinite", !1)), h(this, K, new E(this, "damping", 0.03)), h(this, X, new E(this, "disabled", !1)), h(this, Y, new E(this, "hibernated", !1)), h(this, u, null), h(this, ut, null), h(this, c, []), h(this, j, 0), h(this, tt, 0), h(this, _, 0), h(this, p, 0), h(this, z, 0), h(this, W, null), h(this, F, null), h(this, w, new Bt(0)), h(this, G, 0), h(this, $, 0), h(this, R, () => {
+      const e = this.currentScrollValue / t(this, p) || 0;
+      if (d(this, j, this.vertical ? wt(this) : vt(this)), d(this, tt, this.vertical ? wt(t(this, u)) : vt(t(this, u))), d(this, _, this.vertical ? this.offsetHeight : this.offsetWidth), t(this, T).current) {
+        d(this, p, t(this, _) * t(this, T).current);
+        const s = t(this, p) + t(this, _);
+        this.vertical ? (t(this, u).style.width = s + "px", t(this, u).style.height = "100%") : (t(this, u).style.height = s + "px", t(this, u).style.width = "100%");
+      } else
+        this.vertical ? (t(this, u).style.width = "100%", t(this, u).style.height = "max-content", d(this, p, t(this, u).offsetHeight - t(this, _))) : (t(this, u).style.width = "max-content", t(this, u).style.height = "100%", d(this, p, t(this, u).offsetWidth - t(this, _)));
+      if (d(this, z, qt.parse(getComputedStyle(t(this, u)).gap)), !t(this, k).current) {
+        const s = getComputedStyle(this);
+        d(this, p, t(this, p) + (this.vertical ? parseFloat(s.paddingBlockStart) + parseFloat(s.paddingBlockEnd) : parseFloat(s.paddingInlineStart) + parseFloat(s.paddingInlineEnd))), t(this, l).max = t(this, p);
+      }
+      if (t(this, c).forEach((s) => {
+        s.resize(), s.transform();
+      }), t(this, k).current && t(this, c).length) {
+        const s = t(this, c)[t(this, c).length - 1], i = s.position + s.size - t(this, _), r = t(this, p) - i;
+        d(this, $, s.position + s.size + r);
+      } else
+        d(this, $, t(this, p));
+      if (t(this, I).current && t(this, c).length) {
+        const s = t(this, c)[t(this, w).current];
+        t(this, l).set(s.position, !0);
+      } else
+        t(this, l).set(e * t(this, p), !0);
+    }), h(this, gt, () => {
+      const e = this.currentScrollValue;
+      if (d(this, G, Math.max(0, e - t(this, p))), t(this, c).length) {
+        let s = 0;
+        for (let i = 0; i < t(this, c).length; i++) {
+          const r = t(this, c)[i];
+          r.transform(), // this.targetScrollValue + this.viewportSize / 2 >=
+          this.targetScrollValue + this.viewportSize / 2 >= r.position && (s = i);
+        }
+        t(this, w).current = s;
+      } else
+        this.vertical ? t(this, u).style.transform = `translate3d(0px, ${e * -1}px, 0px)` : t(this, u).style.transform = `translate3d(${e * -1}px, 0px, 0px)`;
+      H.update(this, t(this, C).current, e);
+    }), h(this, it, (e) => {
+      if (typeof e == "number")
+        if (t(this, I).current) {
+          const s = Math.sign(e);
+          t(this, c).length ? this.shiftSections(s) : t(this, l).shift(s * t(this, _));
+        } else
+          t(this, l).shift(e);
+      else
+        e === "min" ? t(this, l).set(t(this, l).min) : e === "max" && t(this, l).set(t(this, l).length);
+    }), At && (d(this, l, new Ft(0, {
+      damping: 0.01,
+      min: 0,
+      order: Zt.SCROLL
+    })), this.openShadow(jt), Ot(this, {
+      tabIndex: 0,
+      children: [
+        Ct({
+          class: "static",
+          children: [bt({ name: "static" })]
+        }),
+        Ct({
+          class: "content",
+          children: [bt({ ref: (e) => d(this, ut, e) })],
+          style: {
+            flexDirection: new Kt(
+              t(this, C),
+              (e) => e === "x" ? "row" : "column"
+            )
+          },
+          ref: (e) => d(this, u, e)
+        })
+      ]
+    }), d(this, W, new Gt({ element: this })), t(this, W).changeEvent.subscribe(t(this, it)), d(this, F, new Ut({ element: this })), t(this, F).changeEvent.subscribe(t(this, it)), t(this, C).subscribe(({ current: e }) => {
+      t(this, u).style.flexDirection = e === "x" ? "row" : "column", t(this, W).axis = t(this, Q).current ? "max" : e, this.isConnected && t(this, R).call(this);
+    }), t(this, Q).subscribe((e) => {
+      t(this, W).axis = e.current ? "max" : t(this, C).current;
+    }), t(this, T).subscribe(() => {
+      this.isConnected && t(this, R).call(this);
+    }), t(this, O).subscribe(({ current: e }) => {
+      this.isConnected && (e ? m(this, q, pt).call(this) : m(this, B, J).call(this));
+    }), t(this, I).subscribe((e) => {
+      t(this, w).current = 0, t(this, W).debounce = e.current, t(this, l).reset(), this.isConnected && (e.current && !e.previous ? m(this, q, pt).call(this) : !e.current && e.previous && m(this, B, J).call(this));
+    }), t(this, k).subscribe((e) => {
+      e.current ? (this.isConnected && (t(this, c).length || (t(this, O).current = !0)), t(this, c).length && (t(this, l).max = 1 / 0, t(this, l).min = -1 / 0)) : (d(this, G, 0), t(this, l).max = t(this, p), t(this, l).min = 0);
+    }), t(this, K).subscribe((e) => {
+      t(this, l).damping = e.current;
+    }), t(this, X).subscribe((e) => {
+      e.current && !e.previous ? m(this, ft, Wt).call(this) : !e.current && e.previous && m(this, dt, yt).call(this);
+    }), t(this, Y).subscribe((e) => {
+      e.current && !e.previous ? m(this, et, _t).call(this) : !e.current && e.previous && m(this, st, St).call(this);
+    }));
+  }
+  get dampingAttribute() {
+    return t(this, K);
+  }
+  get axisAttibute() {
+    return t(this, C);
+  }
+  get pagesAttibute() {
+    return t(this, T);
+  }
+  get splitAttibute() {
+    return t(this, O);
+  }
+  get sectionalAttibute() {
+    return t(this, I);
+  }
+  get infiniteAttribute() {
+    return t(this, k);
+  }
+  get dampingAttibute() {
+    return t(this, K);
+  }
+  get disabledAttibute() {
+    return t(this, X);
+  }
+  get hibernatedAttibute() {
+    return t(this, Y);
+  }
+  get currentScrollValue() {
+    return m(this, rt, Et).call(this, "current");
+  }
+  get targetScrollValue() {
+    return m(this, rt, Et).call(this, "target");
+  }
+  get contentElement() {
+    return t(this, u);
+  }
+  get position() {
+    return t(this, j);
+  }
+  get contentPosition() {
+    return t(this, tt);
+  }
+  get viewportSize() {
+    return t(this, _);
+  }
+  get scrollSize() {
+    return t(this, p);
+  }
+  get gap() {
+    return t(this, z);
+  }
+  get counter() {
+    return t(this, w);
+  }
+  get distance() {
+    return t(this, $);
+  }
+  get overscroll() {
+    return t(this, G);
+  }
+  get vertical() {
+    return t(this, C).current === "y";
+  }
+  get currentProgress() {
+    return this.currentScrollValue / t(this, $) || 0;
+  }
+  get targetProgress() {
+    return this.targetScrollValue / t(this, $) || 0;
+  }
+  get speed() {
+    return t(this, l).speed;
+  }
+  get direction() {
+    return t(this, l).direction;
+  }
+  get isRunning() {
+    return t(this, l).isRunning;
+  }
+  onScroll(...e) {
+    return t(this, l).subscribe(...e);
+  }
+  offScroll(...e) {
+    t(this, l).unsubscribe(...e);
+  }
+  get context() {
+    return {
+      currentScrollValue: this.currentScrollValue,
+      targetScrollValue: this.targetScrollValue,
+      contentElement: this.contentElement,
+      position: this.position,
+      contentPosition: this.contentPosition,
+      viewportSize: this.viewportSize,
+      scrollSize: this.scrollSize,
+      gap: this.gap,
+      counter: this.counter,
+      distance: this.distance,
+      overscroll: this.overscroll,
+      vertical: this.vertical,
+      currentProgress: this.currentProgress,
+      targetProgress: this.targetProgress,
+      speed: this.speed,
+      direction: this.direction,
+      isRunning: this.isRunning,
+      range: this.range,
+      curve: this.curve,
+      visible: this.visible
+    };
+  }
+  //https://github.com/pmndrs/drei/blob/d3282cdd02d170ef603a5e096505d83dc93cd57a/src/web/ScrollControls.tsx#L85C7-L100C9
+  range(e, s, i = 0) {
+    const r = e - i, a = r + s + i * 2;
+    return this.currentProgress < r ? 0 : this.currentProgress > a ? 1 : (this.currentProgress - r) / (a - r);
+  }
+  curve(e, s, i = 0) {
+    return Math.sin(this.range(e, s, i) * Math.PI);
+  }
+  visible(e, s, i = 0) {
+    const r = e - i, a = r + s + i * 2;
+    return this.currentProgress >= r && this.currentProgress <= a;
+  }
+  // TODO: Поправить значение когда скролл не секционный ??
+  scrollToSection(e, s = "smooth") {
+    if (!t(this, c).length)
+      return;
+    const i = t(this, w).current;
+    m(this, xt, Dt).call(this, e);
+    const r = t(this, c)[i], a = t(this, c)[t(this, w).current];
+    if (r && a) {
+      let f = 0;
+      const v = t(this, c).length - 1;
+      t(this, k).current ? t(this, w).current === 0 && i === v ? f = t(this, p) + t(this, _) - r.position + t(this, z) : t(this, w).current === v && i === 0 ? f = a.position - (t(this, p) + t(this, _) + t(this, z)) : f = a.position - r.position : f = a.position - r.position, t(this, l).shift(f, s === "instant");
+    }
+  }
+  shiftSections(e, s = "smooth") {
+    t(this, c).length && this.scrollToSection(t(this, w).current + e, s);
+  }
+  setPosition(e, s = "smooth") {
+    t(this, l).set(e, s === "instant");
+  }
+  connectedCallback() {
+    m(this, st, St).call(this);
+  }
+  disconnectedCallback() {
+    m(this, et, _t).call(this);
+  }
+};
+l = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
+O = /* @__PURE__ */ new WeakMap();
+I = /* @__PURE__ */ new WeakMap();
+Q = /* @__PURE__ */ new WeakMap();
+k = /* @__PURE__ */ new WeakMap();
+K = /* @__PURE__ */ new WeakMap();
+X = /* @__PURE__ */ new WeakMap();
+Y = /* @__PURE__ */ new WeakMap();
+u = /* @__PURE__ */ new WeakMap();
+ut = /* @__PURE__ */ new WeakMap();
+c = /* @__PURE__ */ new WeakMap();
+j = /* @__PURE__ */ new WeakMap();
+tt = /* @__PURE__ */ new WeakMap();
+_ = /* @__PURE__ */ new WeakMap();
+p = /* @__PURE__ */ new WeakMap();
+z = /* @__PURE__ */ new WeakMap();
+W = /* @__PURE__ */ new WeakMap();
+F = /* @__PURE__ */ new WeakMap();
+w = /* @__PURE__ */ new WeakMap();
+G = /* @__PURE__ */ new WeakMap();
+$ = /* @__PURE__ */ new WeakMap();
+q = /* @__PURE__ */ new WeakSet();
+pt = function() {
+  m(this, B, J).call(this), t(this, ut).assignedElements().forEach((e) => {
+    e instanceof HTMLElement && t(this, c).push(new Yt(e, this));
+  }), t(this, u).style.transform = "", t(this, R).call(this);
+};
+B = /* @__PURE__ */ new WeakSet();
+J = function() {
+  t(this, c).forEach((e) => {
+    e.destroy();
+  }), d(this, c, []);
+};
+ft = /* @__PURE__ */ new WeakSet();
+Wt = function() {
+  t(this, l).unsubscribe(t(this, gt)), t(this, l).stopAnimation(), t(this, W).disconnect(), t(this, F).disconnect();
+};
+dt = /* @__PURE__ */ new WeakSet();
+yt = function() {
+  t(this, l).subscribe(t(this, gt)), t(this, W).connect(), t(this, F).connect();
+};
+et = /* @__PURE__ */ new WeakSet();
+_t = function() {
+  ct.unsubscribe(t(this, R)), t(this, l).reset(), m(this, ft, Wt).call(this), t(this, u).style.transform = "", t(this, O).current && m(this, B, J).call(this), H.unregister(this);
+};
+st = /* @__PURE__ */ new WeakSet();
+St = function() {
+  t(this, O).current && m(this, q, pt).call(this), H.register(this), ct.subscribe(t(this, R), $t.SCROLL), m(this, dt, yt).call(this);
+};
+R = /* @__PURE__ */ new WeakMap();
+gt = /* @__PURE__ */ new WeakMap();
+xt = /* @__PURE__ */ new WeakSet();
+Dt = function(e) {
+  t(this, k).current ? (t(this, w).current = e % t(this, c).length, t(this, w).current = t(this, w).current < 0 ? t(this, c).length + t(this, w).current : t(this, w).current) : t(this, w).current = zt(e, 0, t(this, c).length - 1);
+};
+it = /* @__PURE__ */ new WeakMap();
+rt = /* @__PURE__ */ new WeakSet();
+Et = function(e = "current") {
+  if (t(this, k).current && t(this, c).length) {
+    const s = t(this, l)[e] % (t(this, p) + t(this, _) + t(this, z));
+    return s < 0 ? t(this, p) + s + t(this, _) + t(this, z) : s;
+  } else
+    return t(this, l)[e];
+};
+mt = Xt([
+  Vt("e-scroll")
+], mt);
+var N;
+class te extends Lt {
+  constructor() {
+    super(...arguments);
+    D(this, N, null);
+  }
+  get scrollElement() {
+    return n(this, N);
+  }
+  connectedCallback() {
+    const i = Jt(this, mt);
+    i instanceof mt ? V(this, N, i) : console.error(this, "e-scroll not found");
+  }
+}
+N = new WeakMap();
+var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, ie = (e, s, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? se(s, i) : s, f = e.length - 1, v; f >= 0; f--)
+    (v = e[f]) && (a = (r ? v(s, i, a) : v(a)) || a);
+  return r && a && ee(s, i, a), a;
+}, Tt = (e, s, i) => {
+  if (!s.has(e))
+    throw TypeError("Cannot " + i);
+}, o = (e, s, i) => (Tt(e, s, "read from private field"), i ? i.call(e) : s.get(e)), x = (e, s, i) => {
+  if (s.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  s instanceof WeakSet ? s.add(e) : s.set(e, i);
+}, M = (e, s, i, r) => (Tt(e, s, "write to private field"), r ? r.call(e, i) : s.set(e, i), i), nt, b, P, A, U, Z, ht, ot, lt, at;
+const re = Rt({
+  ":host": {
+    display: "inline-block",
+    zIndex: "1",
+    backgroundColor: "#efefef"
+  },
+  ':host([axis="y"])': {
+    position: "absolute",
+    right: "0",
+    top: "0",
+    width: "1vmin",
+    height: "100%"
+  },
+  ':host([axis="x"])': {
+    position: "absolute",
+    left: "0",
+    bottom: "0",
+    width: "100%",
+    height: "1vmin"
+  },
+  ".default-thumb": {
+    backgroundColor: "#181818",
+    borderRadius: "1vmin",
+    touchAction: "none"
+  },
+  "::slotted(*)": {
+    touchAction: "none"
+  }
+});
+let Pt = class extends te {
+  constructor() {
+    super(), x(this, nt, null), x(this, b, null), x(this, P, !1), x(this, A, 0), x(this, U, 0), x(this, Z, 0), x(this, ht, () => {
+      M(this, P, this.offsetWidth > this.offsetHeight);
+      const e = o(this, P) ? this.offsetWidth : this.offsetHeight;
+      M(this, A, e / ((this.scrollElement.scrollSize + this.scrollElement.viewportSize) / e)), M(this, A, Math.max(o(this, A), 30)), o(this, P) ? (o(this, b).style.width = o(this, A) + "px", o(this, b).style.height = "100%") : (o(this, b).style.width = "100%", o(this, b).style.height = o(this, A) + "px"), M(this, U, e - o(this, A)), this.scrollElement.scrollSize || (this.style.display = "none");
+    }), x(this, ot, () => {
+      M(this, Z, this.scrollElement.currentProgress * o(this, U)), o(this, P) ? o(this, b).style.transform = `translate3d(${o(this, Z)}px, 0px, 0px)` : o(this, b).style.transform = `translate3d(0px, ${o(this, Z)}px, 0px)`;
+    }), x(this, lt, () => {
+      this.setAttribute("axis", this.scrollElement.axisAttibute.current);
+    }), x(this, at, (e) => {
+      const s = (f) => {
+        const v = o(this, P) ? f.x : f.y, It = this.scrollElement.distance / o(this, U), Ht = (v - a) * It;
+        this.scrollElement.setPosition(r + Ht);
+      }, i = () => {
+        removeEventListener("pointermove", s), removeEventListener("pointerup", i), removeEventListener("touchend", i);
+      };
+      addEventListener("pointermove", s), addEventListener("pointerup", i), addEventListener("touchend", i);
+      const r = this.scrollElement.targetScrollValue, a = o(this, P) ? e.x : e.y;
+    }), At && (this.openShadow(re), Ot(this, {
+      children: [bt({ ref: (e) => M(this, nt, e) })]
+    }));
+  }
+  get thumbElement() {
+    return o(this, b);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    const e = o(this, nt).assignedElements()[0];
+    e instanceof HTMLElement ? M(this, b, e) : (M(this, b, document.createElement("div")), o(this, b).classList.add("default-thumb"), this.shadowRoot.appendChild(o(this, b))), o(this, b).addEventListener("pointerdown", o(this, at)), ct.subscribe(o(this, ht), $t.SCROLL + 1), this.scrollElement.onScroll(o(this, ot)), this.scrollElement.axisAttibute.subscribe(o(this, lt));
+  }
+  disconnectedCallback() {
+    o(this, b).removeEventListener("pointerdown", o(this, at)), ct.unsubscribe(o(this, ht)), this.scrollElement.offScroll(o(this, ot)), this.scrollElement.axisAttibute.unsubscribe(o(this, lt));
+  }
+};
+nt = /* @__PURE__ */ new WeakMap();
+b = /* @__PURE__ */ new WeakMap();
+P = /* @__PURE__ */ new WeakMap();
+A = /* @__PURE__ */ new WeakMap();
+U = /* @__PURE__ */ new WeakMap();
+Z = /* @__PURE__ */ new WeakMap();
+ht = /* @__PURE__ */ new WeakMap();
+ot = /* @__PURE__ */ new WeakMap();
+lt = /* @__PURE__ */ new WeakMap();
+at = /* @__PURE__ */ new WeakMap();
+Pt = ie([
+  Vt("e-scrollbar")
+], Pt);
+export {
+  mt as ScrollElement,
+  Pt as ScrollbarElement
+};

package/build-browser-lib/store/hooks/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../createStore-CUWrqVrV.cjs"),o=require("../../Store-D0_rDIsE.cjs"),c=require("../../Derived-SjPdLJiZ.cjs"),t=require("../../Composed-Mdr4ZFbI.cjs");function n(...e){return r._createStore(new o.Store(...e))}function a(...e){return r._createStore(new c.Derived(...e))}function u(...e){return r._createStore(new t.DerivedArray(...e))}function i(...e){return r._createStore(new t.Composed(...e))}function d(...e){return r._createStore(new t.Resource(...e))}exports.createComposed=i;exports.createDerived=a;exports.createDerivedArray=u;exports.createResource=d;exports.createStore=n;

package/build-browser-lib/store/hooks/index.d.ts

@@ -0,0 +1,6 @@
+import { StoreManagerType, StoreEntry, Store, Derived, DerivedArray, Composed, Resource } from '..';
+export declare function createStore<StoreType = unknown, StoreManager extends StoreManagerType = StoreManagerType, Entry extends StoreEntry<StoreType> = StoreEntry<StoreType>>(...parameters: ConstructorParameters<typeof Store<StoreType, StoreManager, Entry>>): Store<StoreType, StoreManager, StoreEntry<StoreType>>;
+export declare function createDerived<DerivedType, StoreType>(...parameters: ConstructorParameters<typeof Derived<DerivedType, StoreType>>): Derived<DerivedType, StoreType>;
+export declare function createDerivedArray<DerivedType, StoreType extends Array<any> = Array<any>>(...parameters: ConstructorParameters<typeof DerivedArray<DerivedType, StoreType>>): DerivedArray<DerivedType, StoreType>;
+export declare function createComposed<ComposedType>(...parameters: ConstructorParameters<typeof Composed<ComposedType>>): Composed<ComposedType>;
+export declare function createResource<StoreType>(...parameters: ConstructorParameters<typeof Resource<StoreType>>): Resource<StoreType>;

package/build-browser-lib/store/hooks/index.js

@@ -0,0 +1,26 @@
+import { _ as r } from "../../createStore-DncUX-yj.js";
+import { S as t } from "../../Store-JOKrNVEr.js";
+import { D as o } from "../../Derived-Bc88XJ8J.js";
+import { D as n, C as a, R as c } from "../../Composed-ClTo1f0b.js";
+function f(...e) {
+  return r(new t(...e));
+}
+function p(...e) {
+  return r(new o(...e));
+}
+function d(...e) {
+  return r(new n(...e));
+}
+function D(...e) {
+  return r(new a(...e));
+}
+function w(...e) {
+  return r(new c(...e));
+}
+export {
+  D as createComposed,
+  p as createDerived,
+  d as createDerivedArray,
+  w as createResource,
+  f as createStore
+};

package/build-browser-lib/studio/index.cjs

@@ -0,0 +1,10 @@
+"use strict";var he=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)};var v=(t,e,r)=>(he(t,e,"read from private field"),r?r.call(t):e.get(t)),z=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},$=(t,e,r,n)=>(he(t,e,"write to private field"),n?n.call(t,r):e.set(t,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const we=require("../browser-CpzFX2xg.cjs"),p=require("../custom-element/index.cjs"),d=require("../Store-D0_rDIsE.cjs"),h=require("../tags-DX-eNxbA.cjs"),m=require("../createStylesheet-C0OnN0Br.cjs"),me=require("../file-EevnUtRj.cjs"),ke=require("../function-MthRj-GJ.cjs"),_e=require("../Viewport-COsaberc.cjs"),be=require("../accordion/index.cjs"),Se=require("../index--wI4MTuv.cjs"),ye=require("../events-Crwi8fz6.cjs"),s=require("../theme/index.cjs"),Te=require("../math-GDWEqu7y.cjs"),de='<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>',pe='<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>',Ce='<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>',xe='<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2c4.714 0 7.071 0 8.535 1.464C22 4.93 22 7.286 22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12Zm10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75Zm-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5H8Z" clip-rule="evenodd"/></svg>';var x,w;class $e{constructor(){z(this,x,"");z(this,w,[]);$(this,x,d.storeRegistry.projectName+"-studio")}openPanel(e){v(this,w).includes(e)||v(this,w).push(e)}closePanel(e){$(this,w,v(this,w).filter(r=>r!==e))}isPanelOpened(e){return v(this,w).includes(e)}save(){const e={openedPanels:v(this,w)};localStorage.setItem(v(this,x),JSON.stringify(e)),d.storeRegistry.saveState()}load(){d.storeRegistry.loadState();const e=localStorage.getItem(v(this,x));if(e)try{const r=JSON.parse(e);r.openedPanels&&$(this,w,r.openedPanels)}catch(r){console.error(r)}}}x=new WeakMap,w=new WeakMap;const C=new $e;var b;class F extends p.CustomElement{constructor(...r){super();z(this,b,void 0);$(this,b,r)}addStore(r){v(this,b).push(r)}get firstStore(){return v(this,b)[0]}get stores(){return v(this,b)}updateStores(r){v(this,b).forEach(n=>{n.current=r})}}b=new WeakMap;var Pe=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,Ee=(t,e,r,n)=>{for(var a=n>1?void 0:n?Oe(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&Pe(e,r,a),a};const Me=m.createStylesheet({":host":{width:"100%",display:"inline-flex",height:"max-content"},input:{padding:"0",margin:"0",width:`calc(${s.aptechkaTheme.heightInput.var} * 0.5)`,height:`calc(${s.aptechkaTheme.heightInput.var} * 0.5)`,borderRadius:s.aptechkaTheme.borderRadius.var,overflow:"hidden",accentColor:s.aptechkaTheme.colorLight.var}});let te=class extends F{constructor(...t){super(...t),this.openShadow(Me),h.element(this,{children:[h.input({type:"checkbox",onChange:e=>{this.updateStores(e.currentTarget.checked)},ref:e=>{this.firstStore.subscribe(r=>{e.checked=r.current})}})]})}};te=Ee([p.define("e-tweaker-boolean-manager")],te);var Re=Object.defineProperty,De=Object.getOwnPropertyDescriptor,We=(t,e,r,n)=>{for(var a=n>1?void 0:n?De(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&Re(e,r,a),a};const Le=m.createStylesheet({":host":{width:"100%",display:"inline-flex",height:"max-content"},input:{width:"100%",height:s.aptechkaTheme.heightInput.var,padding:"0",background:"none",borderRadius:s.aptechkaTheme.borderRadius.var,border:"none",blockSize:"unset"},"input::-webkit-color-swatch, input::-webkit-color-swatch-wrapper":{boxSizing:"border-box",padding:"0px",border:"none",borderRadius:s.aptechkaTheme.borderRadius.var,height:`calc(${s.aptechkaTheme.heightInput.var} * 0.93)`}});let re=class extends F{constructor(...t){super(...t),this.openShadow(Le),h.element(this,{children:[h.input({type:"color",value:this.firstStore,onInput:e=>{this.updateStores(e.currentTarget.value)}})]})}};re=We([p.define("e-tweaker-color-manager")],re);var Ie=Object.defineProperty,Fe=Object.getOwnPropertyDescriptor,Ae=(t,e,r,n)=>{for(var a=n>1?void 0:n?Fe(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&Ie(e,r,a),a};const ze=m.createStylesheet({a:{color:"inherit"}});let ae=class extends F{constructor(...t){var e,r;super(...t),this.openShadow(ze),h.element(this,{children:[h.a({href:this.firstStore,target:(r=(e=this.firstStore.passport)==null?void 0:e.manager)!=null&&r.sameWindow?"_self":"_blank",children:this.firstStore})]})}};ae=Ae([p.define("e-tweaker-link-manager")],ae);var Ne=Object.defineProperty,qe=Object.getOwnPropertyDescriptor,He=(t,e,r,n)=>{for(var a=n>1?void 0:n?qe(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&Ne(e,r,a),a},Ze=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},X=(t,e,r)=>(Ze(t,e,"read from private field"),r?r.call(t):e.get(t)),Ge=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},P;const Ke=m.createStylesheet({":host":{width:"100%",display:"flex",alignItems:"center"},input:{boxSizing:"border-box",outline:"none",fontVariantNumeric:"tabular-nums",fontFamily:"inherit",color:"inherit",border:"none",fontSize:s.aptechkaTheme.fontSizeSmall.var},".text-input":{height:s.aptechkaTheme.heightInput.var,width:"100%",margin:"0",padding:`0 ${s.aptechkaTheme.gapSmall.var}`,backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:s.aptechkaTheme.borderRadius.var}});let B=class extends F{constructor(...t){super(...t),Ge(this,P,new d.Store([])),this.openShadow(Ke),h.element(this,{children:[h.input({class:"text-input",type:"string",value:this.firstStore,onChange:e=>{this.updateStores(e.currentTarget.value)}}),X(this,P)]})}appendContent(t){X(this,P).current=[...X(this,P).current,t]}};P=new WeakMap;B=He([p.define("e-tweaker-string-manager")],B);var Ve=Object.defineProperty,Je=Object.getOwnPropertyDescriptor,Ye=(t,e,r,n)=>{for(var a=n>1?void 0:n?Je(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&Ve(e,r,a),a},ue=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},_=(t,e,r)=>(ue(t,e,"read from private field"),r?r.call(t):e.get(t)),N=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},j=(t,e,r,n)=>(ue(t,e,"write to private field"),n?n.call(t,r):e.set(t,r),r),O,E,M,q;let Q=class extends B{constructor(...t){var e,r,n,a,o,i;super(...t),N(this,O,void 0),N(this,E,void 0),N(this,M,void 0),N(this,q,k=>{const A=typeof k=="string"?parseFloat(k)||this.min:k,fe=Te.clamp(A,_(this,E),_(this,M));return this.toFixed(fe)}),j(this,E,((r=(e=this.firstStore.passport)==null?void 0:e.manager)==null?void 0:r.min)||0),j(this,M,((a=(n=this.firstStore.passport)==null?void 0:n.manager)==null?void 0:a.max)||1),j(this,O,((i=(o=this.firstStore.passport)==null?void 0:o.manager)==null?void 0:i.step)||.01)}get min(){return _(this,E)}get max(){return _(this,M)}get step(){return _(this,O)}toFixed(t){var r;const e=((r=_(this,O).toString().split(".")[1])==null?void 0:r.length)||0;return e?+t.toFixed(e):Math.ceil(t)}connectedCallback(){this.firstStore.addMiddleware(_(this,q))}disconnectedCallback(){this.firstStore.removeMiddleware(_(this,q))}};O=new WeakMap;E=new WeakMap;M=new WeakMap;q=new WeakMap;Q=Ye([p.define("e-tweaker-number-manager")],Q);var Be=Object.defineProperty,Qe=Object.getOwnPropertyDescriptor,Ue=(t,e,r,n)=>{for(var a=n>1?void 0:n?Qe(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&Be(e,r,a),a};const Xe=m.createStylesheet({":host":{width:"100%"},".text-input":{width:"60px",marginRight:s.aptechkaTheme.gapLarge.var,textAlign:"center"},".range-input":{boxSizing:"border-box","-webkit-appearance":"none",height:"8px",width:"100%",margin:"0",padding:"0",backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:s.aptechkaTheme.borderRadius.var},".range-input::-webkit-slider-thumb":{"-webkit-appearance":"none",height:`calc(${s.aptechkaTheme.heightInput.var} * 0.7)`,width:s.aptechkaTheme.borderRadius.var,borderRadius:s.aptechkaTheme.borderRadius.var,backgroundColor:s.aptechkaTheme.colorLight.var,transitionProperty:"background-color",transitionDuration:s.aptechkaTheme.durationShort.var},".range-input:focus::-webkit-slider-thumb":{backgroundColor:s.aptechkaTheme.colorActive.var},".range-input::-webkit-slider-runnable-track":{"-webkit-appearance":"none","box-shadow":"none",border:"none",background:"transparent"}});let ne=class extends Q{constructor(...t){super(...t),this.addStylesheet(Xe),this.appendContent(h.input({class:"range-input",type:"range",min:this.min,max:this.max,step:this.step,value:this.firstStore,onInput:e=>{this.updateStores(parseFloat(e.currentTarget.value))}}))}};ne=Ue([p.define("e-tweaker-range-manager")],ne);var je=Object.defineProperty,et=Object.getOwnPropertyDescriptor,tt=(t,e,r,n)=>{for(var a=n>1?void 0:n?et(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&je(e,r,a),a};const rt=m.createStylesheet({"e-select":{width:"100%","--arrow-color":s.aptechkaTheme.colorLight.var},"e-select-head":{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between"},"e-select-option":{transitionDuration:s.aptechkaTheme.durationShort.var,transitionProperty:"color"},"e-select-option:hover":{color:s.aptechkaTheme.colorActive.var},svg:{width:"16px",height:"16px",fill:s.aptechkaTheme.colorLight.var,transitionProperty:"transform",transitionDuration:s.aptechkaTheme.durationShort.var},".opened svg":{transform:"scaleY(-1)"}});let ie=class extends F{constructor(...t){var r,n;super(...t),this.openShadow(rt);const e=((n=(r=this.firstStore.passport)==null?void 0:r.manager)==null?void 0:n.variants)||[];h.element(this,{children:h.element("e-select",{value:this.firstStore,onChange:a=>{this.updateStores(a.currentTarget.value)},lightChildren:[h.element("e-select-head",{lightChildren:[h.span({"data-value-holder":""})]}),...e.map((a,o)=>h.element("e-select-option",{lightChildren:a,default:o===0?!0:null}))]})})}};ie=tt([p.define("e-tweaker-select-manager")],ie);const at={boolean:te,color:re,link:ae,number:Q,range:ne,select:ie,string:B};var nt=Object.defineProperty,it=Object.getOwnPropertyDescriptor,st=(t,e,r,n)=>{for(var a=n>1?void 0:n?it(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&nt(e,r,a),a},ve=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},l=(t,e,r)=>(ve(t,e,"read from private field"),r?r.call(t):e.get(t)),S=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},y=(t,e,r,n)=>(ve(t,e,"write to private field"),n?n.call(t,r):e.set(t,r),r),g,R,D,W,L,H,Z;const ot=m.createStylesheet({":host":{display:"grid",gridAutoFlow:"column",gridTemplateColumns:"0.4fr 1fr",alignItems:"center",color:s.aptechkaTheme.colorLight.var,gap:s.aptechkaTheme.gapMedium.var},":host(.disabled)":{pointerEvents:"none",opacity:.5},".head":{fontSize:s.aptechkaTheme.fontSizeMedium.var,display:"flex",alignItems:"center",gap:s.aptechkaTheme.gapExtraSmall.var},".head-buttons":{display:"flex"},".head-button":{width:"14px",height:"14px",padding:"0",margin:"0",border:"none",background:"none",fill:s.aptechkaTheme.colorLight.var,transitionDuration:s.aptechkaTheme.durationShort.var,transitionProperty:"fill, opacity",opacity:"0"},":host(:hover) .head-button":{opacity:"1"},".head-button:hover":{fill:s.aptechkaTheme.colorActive.var},".head-button svg":{width:"100%",height:"100%"}});let U=class extends p.CustomElement{constructor(t){var r,n,a,o;super(),S(this,g,[]),S(this,R,void 0),S(this,D,void 0),S(this,W,!1),S(this,L,void 0),S(this,H,()=>{d.activeStores.current.find(i=>l(this,g).includes(i))||this.remove()}),S(this,Z,i=>{l(this,W)&&((i.metaKey||i.ctrlKey)&&i.code==="KeyC"?navigator.clipboard.writeText(l(this,g)[0].current):(i.metaKey||i.ctrlKey)&&i.code==="KeyR"&&(l(this,g).forEach(k=>{k.reset()}),i.preventDefault()))}),y(this,g,[t.store]),y(this,R,t.store.passport.name),y(this,D,l(this,R).split(".").slice(-1).toString());const e=((n=(r=t.store.passport)==null?void 0:r.manager)==null?void 0:n.type)||"string";y(this,L,new at[e](l(this,g)[0])),this.openShadow(ot),h.element(this,{class:{disabled:((o=(a=t.store.passport)==null?void 0:a.manager)==null?void 0:o.disabled)||!1},onPointerleave:()=>{y(this,W,!1)},onPointerenter:()=>{y(this,W,!0)},children:[h.div({class:"head",children:[h.div({class:"name",children:l(this,D)+":"}),h.div({class:"head-buttons",children:[h.button({class:"head-button",children:pe,onClick:()=>{navigator.clipboard.writeText(l(this,g)[0].current)}}),h.button({class:"head-button",children:de,onClick:()=>{l(this,g).forEach(i=>{i.reset()})}})]})]}),l(this,L)]})}get key(){return l(this,R)}get name(){return l(this,D)}get stores(){return l(this,g)}addStore(t){l(this,L).addStore(t)}connectedCallback(){d.activeStores.subscribe(l(this,H)),addEventListener("keydown",l(this,Z)),ye.dispatchSizeChangeEvent(this)}disconnectedCallback(){d.activeStores.unsubscribe(l(this,H)),removeEventListener("keydown",l(this,Z))}};g=new WeakMap;R=new WeakMap;D=new WeakMap;W=new WeakMap;L=new WeakMap;H=new WeakMap;Z=new WeakMap;U=st([p.define("e-tweaker-field")],U);var ht=Object.defineProperty,ct=Object.getOwnPropertyDescriptor,lt=(t,e,r,n)=>{for(var a=n>1?void 0:n?ct(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&ht(e,r,a),a},ge=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},c=(t,e,r)=>(ge(t,e,"read from private field"),r?r.call(t):e.get(t)),T=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},ee=(t,e,r,n)=>(ge(t,e,"write to private field"),n?n.call(t,r):e.set(t,r),r),f,G,u,K,V,se;const dt=m.createStylesheet({".wrapper":{boxSizing:"border-box",backgroundColor:"rgba(255, 255, 255, 0.1)",borderRadius:s.aptechkaTheme.borderRadius.var},".head":{boxSizing:"border-box",width:"100%",height:s.aptechkaTheme.tweakerFolderHeight.var,paddingLeft:s.aptechkaTheme.gapMedium.var,paddingRight:s.aptechkaTheme.gapMedium.var,display:"flex",alignItems:"center",justifyContent:"space-between",backgroundColor:s.aptechkaTheme.colorDarkAux.var,borderRadius:s.aptechkaTheme.borderRadius.var},".name":{fontSize:s.aptechkaTheme.fontSizeLarge.var,color:s.aptechkaTheme.colorLight.var},".body":{transitionProperty:"height",transitionDuration:s.aptechkaTheme.durationShort.var,overflow:"hidden",height:"0px"},".body-content":{boxSizing:"border-box",padding:s.aptechkaTheme.gapLarge.var,display:"grid",gap:s.aptechkaTheme.gapMedium.var},".arrow":{width:"20px",height:"20px",fill:s.aptechkaTheme.colorLight.var,transition:`transform ${s.aptechkaTheme.durationShort.var}`},".opened .arrow":{transform:"scaleY(-1)"}});let I=class extends be.AccordionElement{constructor(t){super(),T(this,f,void 0),T(this,G,new d.Store(null)),T(this,u,new d.Store([])),T(this,K,void 0),T(this,V,null),T(this,se,e=>{let r=[],n=[];e.forEach(a=>{r=[...r,...a.removedNodes],n=[...n,...a.addedNodes]}),c(this,u).current=c(this,u).current.filter(a=>!r.includes(a)),c(this,f)&&!c(this,u).current.length&&!n.length&&this.remove()}),this.openShadow(dt),ee(this,f,t.key),ee(this,K,new MutationObserver(c(this,se))),h.element(this,{onAccordionItemToggle:e=>{e.stopPropagation(),e.detail.opened?C.openPanel(c(this,f)):C.closePanel(c(this,f))},children:[h.div({class:"wrapper",children:[h.div({class:"head",children:[c(this,f)?h.div({class:"name",children:[c(this,f).split(".").slice(-1).toString()]}):null,c(this,G),h.element(Se.arrowIcon,{class:"arrow"})]}),h.div({class:"body",children:h.div({class:"body-content",children:c(this,u),ref:e=>ee(this,V,e.firstElementChild)})})]})]}),t!=null&&t.storeBox&&this.handleStore(t.storeBox)}get key(){return c(this,f)}get head(){return c(this,G)}get content(){return c(this,u)}connectedCallback(){super.connectedCallback(),setTimeout(()=>{C.isPanelOpened(c(this,f))&&this.openAll({skipTransition:!0})},50),c(this,K).observe(c(this,V),{childList:!0})}handleStore(t){if(t.remainingFolders.length){const r=t.store.passport.name.split("."),n=r.slice(0,r.length-t.remainingFolders.length).join("."),a=c(this,u).current.find(o=>o.key===n);a instanceof I?a.handleStore({store:t.store,remainingFolders:t.remainingFolders.slice(1)}):c(this,u).current=[...c(this,u).current,new I({key:n,storeBox:{store:t.store,remainingFolders:t.remainingFolders.slice(1)}})]}else{const e=c(this,u).current.find(r=>r.key===t.store.passport.name);e instanceof U?e.addStore(t.store):c(this,u).current=[...c(this,u).current,new U({store:t.store})]}}};f=new WeakMap;G=new WeakMap;u=new WeakMap;K=new WeakMap;V=new WeakMap;se=new WeakMap;I=lt([p.define("e-tweaker-folder")],I);var pt=Object.defineProperty,ut=Object.getOwnPropertyDescriptor,vt=(t,e,r,n)=>{for(var a=n>1?void 0:n?ut(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&pt(e,r,a),a},gt=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},ce=(t,e,r)=>(gt(t,e,"read from private field"),r?r.call(t):e.get(t)),ft=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},J;const wt=m.createStylesheet({":host":{position:"absolute",top:s.aptechkaTheme.tweakerOffset.var,right:s.aptechkaTheme.tweakerOffset.var,width:s.aptechkaTheme.tweakerWidth.var,backgroundColor:s.aptechkaTheme.colorDark.var,borderRadius:s.aptechkaTheme.borderRadius.var,transition:"opacity 0.2s",zIndex:"100",opacity:"0.1"},":host(:hover)":{opacity:"1 !important"},".tweaker-buttons":{display:"flex",alignItems:"center",gap:s.aptechkaTheme.gapExtraSmall.var},".tweaker-button":{width:"18px",height:"18px",padding:"0",margin:"0",background:"none",border:"none",fill:s.aptechkaTheme.colorLight.var,transitionProperty:"fill",transitionDuration:s.aptechkaTheme.durationShort.var},".tweaker-button:hover":{fill:s.aptechkaTheme.colorActive.var},".tweaker-button svg":{width:"100%",height:"100%"},":host .body-content":{maxHeight:`calc(
+      100dvh - 
+      (
+        ${s.aptechkaTheme.tweakerOffset.var} * 2 + 
+        ${s.aptechkaTheme.tweakerFolderHeight.var}
+      )
+    )`,overflow:"hidden auto","-ms-overflow-style":"none","scrollbar-width":"none"},":host .body-content::-webkit-scrollbar":{display:"none"},[`@media ${_e.ViewportMediaRules["<=mobile"]}`]:{":host":{position:"absolute",top:"0",right:"0",width:"100%",borderTopLeftRadius:"0",borderTopRightRadius:"0"},":host .body-content":{maxHeight:`calc(
+        100dvh - 
+        ${s.aptechkaTheme.tweakerFolderHeight.var}
+      )`}}});let oe=class extends I{constructor(){super({key:""}),ft(this,J,ke.debounce(()=>{d.activeStores.current.forEach(t=>{const e=t.passport.name.split(".");this.handleStore({store:t,remainingFolders:e.length>1?e.slice(0,-1):[]})})},10)),this.addStylesheet(wt),this.head.current=[h.div({class:"tweaker-buttons",onClick:t=>{t.stopPropagation()},children:[h.button({class:"tweaker-button",children:de,onClick:()=>{d.storeRegistry.resetState()}}),h.button({class:["tweaker-button"],children:[pe],onClick:()=>{navigator.clipboard.writeText(JSON.stringify(d.storeRegistry.getState()))}}),h.button({class:"tweaker-button",children:Ce,onClick:()=>{me.createJSONAndSave(d.storeRegistry.projectName,d.storeRegistry.getState())}}),h.label({class:"tweaker-button",children:[xe,h.input({type:"file",style:{display:"none"},onChange:t=>{const e=t.currentTarget;e.onchange=()=>{var n;const r=(n=e.files)==null?void 0:n[0];if(r){const a=new FileReader;a.onload=o=>{var k,A;const i=(A=(k=o.target)==null?void 0:k.result)==null?void 0:A.toString();i&&d.storeRegistry.loadState(i)},a.readAsText(r)}e.onchange=null},e.click()}})],onClick:()=>{}})]})],this.addEventListener("accordionItemToggle",t=>{t.detail.opened?this.style.opacity="1":this.style.opacity="0.1"})}connectedCallback(){super.connectedCallback(),d.activeStores.subscribe(ce(this,J))}disconnectedCallback(){super.disconnectedCallback(),d.activeStores.unsubscribe(ce(this,J))}};J=new WeakMap;oe=vt([p.define("e-tweaker")],oe);var mt=Object.defineProperty,kt=Object.getOwnPropertyDescriptor,_t=(t,e,r,n)=>{for(var a=n>1?void 0:n?kt(e,r):e,o=t.length-1,i;o>=0;o--)(i=t[o])&&(a=(n?i(e,r,a):i(a))||a);return n&&a&&mt(e,r,a),a},bt=(t,e,r)=>{if(!e.has(t))throw TypeError("Cannot "+r)},le=(t,e,r)=>(bt(t,e,"read from private field"),r?r.call(t):e.get(t)),St=(t,e,r)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,r)},Y;const yt=m.createStylesheet({":host":{fontFamily:"sans-serif"}});exports.StudioElement=class extends p.CustomElement{constructor(){super(),St(this,Y,()=>{C.save()}),this.openShadow(yt),C.load(),h.element(this,{children:[new oe]})}connectedCallback(){window.addEventListener("beforeunload",le(this,Y))}disconnectedCallback(){window.removeEventListener("beforeunload",le(this,Y)),C.save()}};Y=new WeakMap;exports.StudioElement=_t([p.define("e-studio")],exports.StudioElement);we.isBrowser&&document.body.appendChild(new exports.StudioElement);