aptechka 0.5.42 → 0.7.0

package/lib/scroll/index.js

@@ -18,43 +18,32 @@ var a = (e, i, r) => (Ms(e, i, "read from private field"), r ? r.call(e) : i.get
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
 }, $ = (e, i, r, h) => (Ms(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r);
-import { S as yt } from "../Store-BQXXikps.js";
-import { D as ri } from "../Derived-kPJs5JC5.js";
+import { S as yt } from "../Store-BI2xxXOA.js";
+import { D as ri } from "../Derived-DlCvc0xQ.js";
 import { i as ds } from "../browser-0zX67oeU.js";
 import { p as hi } from "../easings-BKi40vHz.js";
 import { a as Ne, g as Ue } from "../layout-HoBT_Da2.js";
 import { c as Ts, s as ni } from "../math-BOBiC4TN.js";
 import "../ticker/index.js";
 import { TICK_ORDER as Is, RESIZE_ORDER as Ss } from "../order/index.js";
-import { D as As } from "../Damped-P4MkCGoY.js";
-import { T as ai } from "../Tweened-CwDC2zl8.js";
-import { WheelControls as oi, KeyboardControls as ci, DragControls as li, AutoplayControls as ui } from "../controls/index.js";
+import { D as As } from "../Damped-Mx_FNNVz.js";
+import { T as ai } from "../Tweened-NE8M9onF.js";
+import { WheelControls as oi, KeyboardControls as li, DragControls as ci, AutoplayControls as ui } from "../controls/index.js";
 import { CustomElement as Rs, define as de } from "../custom-element/index.js";
 import { windowResizer as ue } from "../window-resizer/index.js";
 import { scrollEntries as Gt } from "../scroll-entries/index.js";
-import { e as vs, D as es, ay as Ke, p as pi } from "../tags-CMPg9ETZ.js";
-import { c as ms } from "../createStylesheet-DBCEbDjI.js";
+import { e as vs, D as es, ax as Ke, p as pi } from "../tags-BqJKcIve.js";
+import { c as ms } from "../createStylesheet-CR_yi5tp.js";
 import { cssUnitParser as Es } from "../css-unit-parser/index.js";
-import { CSSProperty as l } from "../css-property/index.js";
-import { d as fi } from "../Viewport-CFFhFKqX.js";
+import { CSSProperty as c } from "../css-property/index.js";
+import { d as fi } from "../Viewport-D9IL7kUQ.js";
 import { elementResizer as Ze } from "../element-resizer/index.js";
 import { s as di } from "../gestures-D2Fdra_G.js";
 import { aptechkaTheme as xs } from "../theme/index.js";
 import { f as Si } from "../dom-0S_WDL4g.js";
 import { d as Bs } from "../function-C10DGppn.js";
-var vi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, bi = (e, i, r, h) => {
-  for (var n = h > 1 ? void 0 : h ? mi(i, r) : i, p = e.length - 1, d; p >= 0; p--)
-    (d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
-  return h && n && vi(i, r, n), n;
-}, bs = (e, i, r) => {
-  if (!i.has(e))
-    throw TypeError("Cannot " + r);
-}, t = (e, i, r) => (bs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), o = (e, i, r) => {
-  if (i.has(e))
-    throw TypeError("Cannot add the same private member more than once");
-  i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, w = (e, i, r, h) => (bs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), v = (e, i, r) => (bs(e, i, "access private method"), r), S, Nt, T, it, rt, Y, ht, Pt, kt, J, A, Ut, Kt, Zt, Jt, Se, Q, Qt, Wt, X, Ot, vt, Mt, Xt, Yt, jt, g, Je, u, Le, Ve, M, C, R, j, At, mt, D, P, ve, Et, pe, fe, Pe, ct, ae, ke, Rt, oe, Qe, ws, Xe, gs, ze, ss, $e, is, B, je, rs, Hs, me, Fe, De, hs, lt, Tt, Oe, ns, _, We, y, Ht, et, gt;
-class wi {
+var _, We, y, Ht, et, gt;
+class vi {
   constructor(i, r, h) {
     L(this, _, void 0);
     L(this, We, void 0);
@@ -85,7 +74,7 @@ class wi {
   transform() {
     let i = 0;
     const r = a(this, y).viewportSize * a(this, y).sectionDistanceScaleCSSProperty.current;
-    a(this, y).infiniteCSSProperty.current && a(this, y).overscroll && a(this, et) + a(this, Ht) < a(this, y).currentScrollValue && (i = a(this, y).distance * -1 - a(this, y).gap), Gt.update(
+    a(this, y).loopCSSProperty.current && a(this, y).overscroll && a(this, et) + a(this, Ht) < a(this, y).currentScrollValue && (i = a(this, y).distance * -1 - a(this, y).gap), Gt.update(
       a(this, _),
       a(this, y).axisCSSProperty.current,
       i
@@ -95,16 +84,31 @@ class wi {
   }
   mark(i) {
     a(this, gt) !== i && (a(this, gt) && a(this, _).classList.remove(a(this, gt)), i && a(this, _).classList.add(i), $(this, gt, i), a(this, _).dispatchEvent(
-      new CustomEvent("sectionsChange", {
-        composed: !0,
-        detail: {
-          mark: a(this, gt)
+      new CustomEvent(
+        "sectionsChange",
+        {
+          composed: !0,
+          detail: {
+            mark: a(this, gt)
+          }
         }
-      })
+      )
     ));
   }
 }
 _ = new WeakMap(), We = new WeakMap(), y = new WeakMap(), Ht = new WeakMap(), et = new WeakMap(), gt = new WeakMap();
+var mi = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, wi = (e, i, r, h) => {
+  for (var n = h > 1 ? void 0 : h ? bi(i, r) : i, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (n = (h ? d(i, r, n) : d(n)) || n);
+  return h && n && mi(i, r, n), n;
+}, bs = (e, i, r) => {
+  if (!i.has(e))
+    throw TypeError("Cannot " + r);
+}, t = (e, i, r) => (bs(e, i, "read from private field"), r ? r.call(e) : i.get(e)), o = (e, i, r) => {
+  if (i.has(e))
+    throw TypeError("Cannot add the same private member more than once");
+  i instanceof WeakSet ? i.add(e) : i.set(e, r);
+}, w = (e, i, r, h) => (bs(e, i, "write to private field"), i.set(e, r), r), v = (e, i, r) => (bs(e, i, "access private method"), r), S, Nt, T, it, rt, Y, ht, Pt, kt, J, A, Ut, Kt, Zt, Jt, Se, Q, Qt, Wt, X, Ot, vt, Mt, Xt, Yt, jt, g, Je, u, Le, Ve, M, C, R, j, At, mt, D, P, ve, Et, pe, fe, Pe, lt, ae, ke, Rt, oe, Qe, ws, Xe, gs, ze, ss, $e, is, B, je, rs, Hs, me, Fe, De, hs, ct, Tt, Oe, ns;
 const gi = ms({
   ":host": {
     position: "relative",
@@ -140,41 +144,41 @@ const gi = ms({
 });
 let Ye = class extends Rs {
   constructor() {
-    super(), o(this, ae), o(this, Rt), o(this, Qe), o(this, Xe), o(this, ze), o(this, $e), o(this, rs), o(this, De), o(this, lt), o(this, Oe), o(this, S, null), o(this, Nt, new l(this, "--controls", !0)), o(this, T, new l(this, "--axis", "y")), o(this, it, new l(this, "--direction", 0)), o(this, rt, new l(this, "--pages", 0, {
+    super(), o(this, ae), o(this, Rt), o(this, Qe), o(this, Xe), o(this, ze), o(this, $e), o(this, rs), o(this, De), o(this, ct), o(this, Oe), o(this, S, null), o(this, Nt, new c(this, "--controls", !0)), o(this, T, new c(this, "--axis", "y")), o(this, it, new c(this, "--direction", 0)), o(this, rt, new c(this, "--pages", 0, {
       validate: (e) => Math.max(0, e - 1)
-    })), o(this, Y, new l(this, "--split", !1)), o(this, ht, new l(this, "--sectional", !1)), o(this, Pt, new l(this, "--auto-size", !1)), o(this, kt, new l(
+    })), o(this, Y, new c(this, "--split", !1)), o(this, ht, new c(this, "--sectional", !1)), o(this, Pt, new c(this, "--auto-size", !1)), o(this, kt, new c(
       this,
       "--wheel-max-delta",
       !1
-    )), o(this, J, new l(
+    )), o(this, J, new c(
       this,
       "--sections-in-view",
       1
-    )), o(this, A, new l(this, "--infinite", !1)), o(this, Ut, new l(this, "--damping", 20)), o(this, Kt, new l(this, "--mass", 0)), o(this, Zt, new l(this, "--stiffness", 0)), o(this, Jt, new l(this, "--mouse-drag", !1)), o(this, Se, new l(
+    )), o(this, A, new c(this, "--loop", !1)), o(this, Ut, new c(this, "--damping", 20)), o(this, Kt, new c(this, "--mass", 0)), o(this, Zt, new c(this, "--stiffness", 0)), o(this, Jt, new c(this, "--mouse-drag", !1)), o(this, Se, new c(
       this,
       "--section-distance-scale",
       0.5
-    )), o(this, Q, new l(this, "--autoplay", 0)), o(this, Qt, new l(
+    )), o(this, Q, new c(this, "--autoplay", 0)), o(this, Qt, new c(
       this,
       "--autoplay-pause-duration",
       0
-    )), o(this, Wt, new l(
+    )), o(this, Wt, new c(
       this,
       "--autoplay-user-direction",
       !1
-    )), o(this, X, new l(this, "--classes", 0)), o(this, Ot, new l(
+    )), o(this, X, new c(this, "--classes", 0)), o(this, Ot, new c(
       this,
       "--current-index-start-offset",
       0
-    )), o(this, vt, new l(
+    )), o(this, vt, new c(
       this,
       "--current-index-end-offset",
       0
-    )), o(this, Mt, new l(this, "--focus-delay", 0)), o(this, Xt, new l(
+    )), o(this, Mt, new c(this, "--focus-delay", 0)), o(this, Xt, new c(
       this,
       "--focus-duration",
       3e3
-    )), o(this, Yt, new l(this, "--disabled", !1)), o(this, jt, new l(this, "--hibernated", !1)), o(this, g, null), o(this, Je, null), o(this, u, []), o(this, Le, 0), o(this, Ve, 0), o(this, M, 0), o(this, C, 0), o(this, R, 0), o(this, j, null), o(this, At, null), o(this, mt, null), o(this, D, null), o(this, P, new yt(0)), o(this, ve, 0), o(this, Et, 0), o(this, pe, !0), o(this, fe, !0), o(this, Pe, void 0), o(this, ct, new ai()), o(this, B, () => {
+    )), o(this, Yt, new c(this, "--disabled", !1)), o(this, jt, new c(this, "--hibernated", !1)), o(this, g, null), o(this, Je, null), o(this, u, []), o(this, Le, 0), o(this, Ve, 0), o(this, M, 0), o(this, C, 0), o(this, R, 0), o(this, j, null), o(this, At, null), o(this, mt, null), o(this, D, null), o(this, P, new yt(0)), o(this, ve, 0), o(this, Et, 0), o(this, pe, !0), o(this, fe, !0), o(this, Pe, void 0), o(this, lt, new ai()), o(this, B, () => {
       t(this, S).unlistenAnimationFrame();
       const e = this.currentScrollValue / t(this, C) || 0, i = t(this, P).current;
       if (w(this, Le, this.vertical ? Ne(this) : Ue(this)), w(this, Ve, this.vertical ? Ne(t(this, g)) : Ue(t(this, g))), w(this, M, this.vertical ? this.offsetHeight : this.offsetWidth), this.vertical ? w(this, R, Es.parse(
@@ -243,7 +247,7 @@ let Ye = class extends Rs {
         if (t(this, it).current > 0 && i < 0)
           return;
       }
-      if (t(this, ct).unlistenAnimationFrame(), !t(this, Q).current && t(this, Mt).current && (clearInterval(t(this, Pe)), w(this, Pe, setTimeout(() => {
+      if (t(this, lt).unlistenAnimationFrame(), !t(this, Q).current && t(this, Mt).current && (clearInterval(t(this, Pe)), w(this, Pe, setTimeout(() => {
         const r = v(this, Oe, ns).call(this);
         r && this.scrollToSection(r.index, {
           tween: {
@@ -282,11 +286,11 @@ let Ye = class extends Rs {
       ]
     }), w(this, j, new oi({ element: t(this, g) })), t(this, j).changeEvent.subscribe(
       t(this, me)
-    ), w(this, At, new ci({
+    ), w(this, At, new li({
       element: this
     })), t(this, At).changeEvent.subscribe(
       t(this, me)
-    ), w(this, mt, new li({ element: t(this, g) })), t(this, mt).changeEvent.subscribe(t(this, me)), w(this, D, new ui()), t(this, D).changeEvent.subscribe(t(this, Fe)), t(this, T).subscribe(({ current: e }) => {
+    ), w(this, mt, new ci({ element: t(this, g) })), t(this, mt).changeEvent.subscribe(t(this, me)), w(this, D, new ui()), t(this, D).changeEvent.subscribe(t(this, Fe)), t(this, T).subscribe(({ current: e }) => {
       t(this, g).style.flexDirection = e === "x" ? "row" : "column", t(this, j).axis = t(this, kt).current ? "max" : e, t(this, At).dimension = e === "x" ? "width" : "height", t(this, mt).axis = e, e === "x" ? this.style.touchAction = "pan-y" : e === "y" && (this.style.touchAction = "pan-x"), this.isConnected && t(this, B).call(this);
     }), t(this, kt).subscribe((e) => {
       t(this, j).axis = e.current ? "max" : t(this, T).current;
@@ -299,7 +303,7 @@ let Ye = class extends Rs {
     }), t(this, Pt).subscribe((e) => {
       this.isConnected && (t(this, B).call(this), e.current && !e.previous && !t(this, u).length ? v(this, ae, ke).call(this) : !e.current && e.previous && t(this, u).length && v(this, Rt, oe).call(this));
     }), t(this, J).subscribe((e) => {
-      this.isConnected && (t(this, B).call(this), v(this, lt, Tt).call(this));
+      this.isConnected && (t(this, B).call(this), v(this, ct, Tt).call(this));
     }), t(this, A).subscribe((e) => {
       e.current ? (this.isConnected && (t(this, u).length || (t(this, Y).current = !0)), t(this, u).length && (t(this, S).max = 1 / 0, t(this, S).min = -1 / 0)) : (w(this, ve, 0), t(this, S).max = t(this, C), t(this, S).min = 0);
     }), t(this, Ut).subscribe((e) => {
@@ -317,17 +321,17 @@ let Ye = class extends Rs {
     }), t(this, Wt).subscribe((e) => {
       e.current || (t(this, D).direction = 1);
     }), t(this, X).subscribe((e) => {
-      this.isConnected && v(this, lt, Tt).call(this);
+      this.isConnected && v(this, ct, Tt).call(this);
     }), t(this, Ot).subscribe((e) => {
-      this.isConnected && t(this, X).current && v(this, lt, Tt).call(this);
+      this.isConnected && t(this, X).current && v(this, ct, Tt).call(this);
     }), t(this, vt).subscribe((e) => {
-      this.isConnected && t(this, X).current && v(this, lt, Tt).call(this);
+      this.isConnected && t(this, X).current && v(this, ct, Tt).call(this);
     }), t(this, S).isRunning.subscribe((e) => {
       this.classList.toggle("active", e.current);
     }), t(this, P).subscribe((e) => {
-      t(this, u).length && v(this, lt, Tt).call(this);
-    }), t(this, ct).subscribe((e) => {
-      t(this, ct).isRunning.current && t(this, S).set(e.current);
+      t(this, u).length && v(this, ct, Tt).call(this);
+    }), t(this, lt).subscribe((e) => {
+      t(this, lt).isRunning.current && t(this, S).set(e.current);
     }));
   }
   get damped() {
@@ -360,7 +364,7 @@ let Ye = class extends Rs {
   get sectionsInViewCSSProperty() {
     return t(this, J);
   }
-  get infiniteCSSProperty() {
+  get loopCSSProperty() {
     return t(this, A);
   }
   get dampingCSSProperty() {
@@ -444,7 +448,7 @@ let Ye = class extends Rs {
   get distance() {
     return t(this, Et);
   }
-  get infiniteDistance() {
+  get loopDistance() {
     return t(this, A).current ? t(this, Et) + t(this, R) : t(this, Et);
   }
   get overscroll() {
@@ -454,10 +458,10 @@ let Ye = class extends Rs {
     return t(this, T).current === "y";
   }
   get currentProgress() {
-    return this.currentScrollValue / this.infiniteDistance || 0;
+    return this.currentScrollValue / this.loopDistance || 0;
   }
   get targetProgress() {
-    return this.targetScrollValue / this.infiniteDistance || 0;
+    return this.targetScrollValue / this.loopDistance || 0;
   }
   get scrollWidth() {
     return t(this, T).current === "y" ? 0 : t(this, S).distance;
@@ -499,7 +503,7 @@ let Ye = class extends Rs {
     t(this, u).length && this.scrollToSection(t(this, P).current + e, i);
   }
   setPosition(e, i) {
-    i != null && i.tween ? (t(this, ct).set(t(this, S).current, { equalize: !0 }), t(this, ct).set(e, Ws({}, i.tween))) : t(this, S).set(e, {
+    i != null && i.tween ? (t(this, lt).set(t(this, S).current, { equalize: !0 }), t(this, lt).set(e, Ws({}, i.tween))) : t(this, S).set(e, {
       equalize: (i == null ? void 0 : i.behaviour) === "instant"
     });
   }
@@ -557,16 +561,16 @@ Et = /* @__PURE__ */ new WeakMap();
 pe = /* @__PURE__ */ new WeakMap();
 fe = /* @__PURE__ */ new WeakMap();
 Pe = /* @__PURE__ */ new WeakMap();
-ct = /* @__PURE__ */ new WeakMap();
+lt = /* @__PURE__ */ new WeakMap();
 ae = /* @__PURE__ */ new WeakSet();
 ke = function() {
   v(this, Rt, oe).call(this), t(this, Je).assignedElements().forEach((e, i) => {
-    e instanceof HTMLElement && t(this, u).push(new wi(e, i, this));
+    e instanceof HTMLElement && t(this, u).push(new vi(e, i, this));
   }), t(this, g).style.transform = "", this.dispatchEvent(
     new CustomEvent("sectionsChange", {
       composed: !0
     })
-  ), t(this, B).call(this), v(this, lt, Tt).call(this);
+  ), t(this, B).call(this), v(this, ct, Tt).call(this);
 };
 Rt = /* @__PURE__ */ new WeakSet();
 oe = function() {
@@ -580,7 +584,7 @@ oe = function() {
 };
 Qe = /* @__PURE__ */ new WeakSet();
 ws = function() {
-  t(this, pe) || (w(this, pe, !0), t(this, S).unsubscribe(t(this, je)), t(this, S).unlistenAnimationFrame(), t(this, j).disconnect(), t(this, At).disconnect(), t(this, mt).disconnect(), t(this, D).disconnect(), clearInterval(t(this, Pe)), t(this, ct).unlistenAnimationFrame());
+  t(this, pe) || (w(this, pe, !0), t(this, S).unsubscribe(t(this, je)), t(this, S).unlistenAnimationFrame(), t(this, j).disconnect(), t(this, At).disconnect(), t(this, mt).disconnect(), t(this, D).disconnect(), clearInterval(t(this, Pe)), t(this, lt).unlistenAnimationFrame());
 };
 Xe = /* @__PURE__ */ new WeakSet();
 gs = function() {
@@ -610,7 +614,7 @@ hs = function(e = "current") {
   } else
     return t(this, S)[e];
 };
-lt = /* @__PURE__ */ new WeakSet();
+ct = /* @__PURE__ */ new WeakSet();
 Tt = function() {
   if (t(this, X).current && t(this, u).length) {
     const e = t(this, P).current + t(this, Ot).current;
@@ -631,7 +635,7 @@ ns = function() {
   }
   return e !== null ? t(this, u)[e] : null;
 };
-Ye = bi([
+Ye = wi([
   de("e-scroll")
 ], Ye);
 var Me;
@@ -660,7 +664,7 @@ var _i = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, yi = (e, i
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, Ct = (e, i, r, h) => (Gs(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), be, I, nt, at, we, ge, te, Te, Ie, Ae;
+}, Ct = (e, i, r, h) => (Gs(e, i, "write to private field"), i.set(e, r), r), be, I, nt, at, we, ge, te, Te, Ie, Ae;
 const Pi = ms({
   ":host": {
     display: "inline-block",
@@ -805,34 +809,34 @@ var zi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, Fi = (e, i
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, Fs = (e, i, r, h) => (Ns(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), xt, _e, st, _t, ce, Ee, xe, le;
+}, Fs = (e, i, r, h) => (Ns(e, i, "write to private field"), i.set(e, r), r), xt, _e, st, _t, le, Ee, xe, ce;
 class Di {
   constructor(i, r, h) {
     L(this, st, void 0);
     L(this, _t, void 0);
-    L(this, ce, void 0);
+    L(this, le, void 0);
     L(this, Ee, void 0);
     L(this, xe, () => {
-      a(this, _t).scrollToSection(a(this, ce), {
+      a(this, _t).scrollToSection(a(this, le), {
         behaviour: a(this, Ee)
       });
     });
-    L(this, le, () => {
+    L(this, ce, () => {
       a(this, st).classList.toggle(
         "current",
-        a(this, _t).counter.current === a(this, ce)
+        a(this, _t).counter.current === a(this, le)
       );
     });
-    $(this, st, document.createElement("button")), $(this, _t, i), $(this, Ee, h), $(this, ce, r), a(this, st).addEventListener("click", a(this, xe)), a(this, _t).counter.subscribe(a(this, le)), a(this, le).call(this);
+    $(this, st, document.createElement("button")), $(this, _t, i), $(this, Ee, h), $(this, le, r), a(this, st).addEventListener("click", a(this, xe)), a(this, _t).counter.subscribe(a(this, ce)), a(this, ce).call(this);
   }
   get element() {
     return a(this, st);
   }
   destroy() {
-    a(this, st).removeEventListener("click", a(this, xe)), a(this, _t).counter.unsubscribe(a(this, le)), a(this, st).remove();
+    a(this, st).removeEventListener("click", a(this, xe)), a(this, _t).counter.unsubscribe(a(this, ce)), a(this, st).remove();
   }
 }
-st = new WeakMap(), _t = new WeakMap(), ce = new WeakMap(), Ee = new WeakMap(), xe = new WeakMap(), le = new WeakMap();
+st = new WeakMap(), _t = new WeakMap(), le = new WeakMap(), Ee = new WeakMap(), xe = new WeakMap(), ce = new WeakMap();
 let Ds = class extends ts {
   constructor() {
     super(...arguments), $s(this, xt, []), $s(this, _e, Bs(() => {
@@ -872,45 +876,45 @@ var Oi = Object.defineProperty, Ti = Object.getOwnPropertyDescriptor, Ii = (e, i
 }, _s = (e, i, r) => {
   if (!i.has(e))
     throw TypeError("Cannot " + r);
-}, s = (e, i, r) => (_s(e, i, "read from private field"), r ? r.call(e) : i.get(e)), c = (e, i, r) => {
+}, s = (e, i, r) => (_s(e, i, "read from private field"), r ? r.call(e) : i.get(e)), l = (e, i, r) => {
   if (i.has(e))
     throw TypeError("Cannot add the same private member more than once");
   i instanceof WeakSet ? i.add(e) : i.set(e, r);
-}, b = (e, i, r, h) => (_s(e, i, "write to private field"), h ? h.call(e, r) : i.set(e, r), r), W = (e, i, r) => (_s(e, i, "access private method"), r), ee, se, ie, re, Lt, Vt, zt, $t, O, H, G, q, It, x, ut, pt, ft, dt, St, E, Z, K, bt, wt, tt, Re, m, he, ne, Be, V, Ft, F, z, U, Ce, Bt, k, as, Us, os, Ks, cs, Zs, ls, Js, us, Qs, ps, Xs, He, ye, ot, Dt, Cs, Ys, ys, js, Ge, fs, qe;
+}, b = (e, i, r, h) => (_s(e, i, "write to private field"), i.set(e, r), r), W = (e, i, r) => (_s(e, i, "access private method"), r), ee, se, ie, re, Lt, Vt, zt, $t, O, H, G, q, It, x, ut, pt, ft, dt, St, E, Z, K, bt, wt, tt, Re, m, he, ne, Be, V, Ft, F, z, U, Ce, Bt, k, as, Us, os, Ks, ls, Zs, cs, Js, us, Qs, ps, Xs, He, ye, ot, Dt, Cs, Ys, ys, js, Ge, fs, qe;
 let Os = class extends ts {
   constructor() {
-    super(), c(this, as), c(this, os), c(this, cs), c(this, ls), c(this, us), c(this, ps), c(this, ot), c(this, Cs), c(this, ys), c(this, Ge), c(this, ee, new l(this, "--damping", 20)), c(this, se, new l(this, "--mass", 0)), c(this, ie, new l(this, "--stiffness", 0)), c(this, re, new l(this, "--target", "")), c(this, Lt, new l(this, "--disabled", !1)), c(this, Vt, new l(
+    super(), l(this, as), l(this, os), l(this, ls), l(this, cs), l(this, us), l(this, ps), l(this, ot), l(this, Cs), l(this, ys), l(this, Ge), l(this, ee, new c(this, "--damping", 20)), l(this, se, new c(this, "--mass", 0)), l(this, ie, new c(this, "--stiffness", 0)), l(this, re, new c(this, "--target", "")), l(this, Lt, new c(this, "--disabled", !1)), l(this, Vt, new c(
       this,
       "--distance-offset",
       0,
       { rawValueCheck: !1 }
-    )), c(this, zt, new l(this, "--start-offset", 0, {
+    )), l(this, zt, new c(this, "--start-offset", 0, {
       rawValueCheck: !1
-    })), c(this, $t, new l(
+    })), l(this, $t, new c(
       this,
       "--capture-once",
       !1
-    )), c(this, O, new l(this, "--captured", "")), c(this, H, new l(this, "--released", "")), c(this, G, new l(
+    )), l(this, O, new c(this, "--captured", "")), l(this, H, new c(this, "--released", "")), l(this, G, new c(
       this,
       "--captured-from-start",
       ""
-    )), c(this, q, new l(
+    )), l(this, q, new c(
       this,
       "--captured-from-finish",
       ""
-    )), c(this, It, new l(
+    )), l(this, It, new c(
       this,
       "--released-from-start",
       ""
-    )), c(this, x, new l(
+    )), l(this, x, new c(
       this,
       "--released-from-finish",
       ""
-    )), c(this, ut, new l(this, "--passed-var", "")), c(this, pt, new l(this, "--progress-var", "")), c(this, ft, new l(this, "--distance-var", "")), c(this, dt, new l(this, "--start-var", "")), c(this, St, new l(this, "--finish-var", "")), c(this, E, new yt(!1)), c(this, Z, new yt(!1)), c(this, K, new yt(!1)), c(this, bt, new yt(!1)), c(this, wt, new yt(!1)), c(this, tt, new yt(!1)), c(this, Re, []), c(this, m, this), c(this, he, 0), c(this, ne, 0), c(this, Be, 0), c(this, V, new As(0, { order: Is.SCROLL - 1, min: 0, max: 1 })), c(this, Ft, 0), c(this, F, 0), c(this, z, 0), c(this, U, 0), c(this, Ce, !1), c(this, Bt, !1), c(this, k, !0), c(this, He, () => {
+    )), l(this, ut, new c(this, "--passed-var", "")), l(this, pt, new c(this, "--progress-var", "")), l(this, ft, new c(this, "--distance-var", "")), l(this, dt, new c(this, "--start-var", "")), l(this, St, new c(this, "--finish-var", "")), l(this, E, new yt(!1)), l(this, Z, new yt(!1)), l(this, K, new yt(!1)), l(this, bt, new yt(!1)), l(this, wt, new yt(!1)), l(this, tt, new yt(!1)), l(this, Re, []), l(this, m, this), l(this, he, 0), l(this, ne, 0), l(this, Be, 0), l(this, V, new As(0, { order: Is.SCROLL - 1, min: 0, max: 1 })), l(this, Ft, 0), l(this, F, 0), l(this, z, 0), l(this, U, 0), l(this, Ce, !1), l(this, Bt, !1), l(this, k, !0), l(this, He, () => {
       s(this, k) || (this.resize(), s(this, ye).call(this));
-    }), c(this, ye, () => {
+    }), l(this, ye, () => {
       !s(this, k) && s(this, Ce) && this.tick();
-    }), c(this, qe, Bs(() => {
+    }), l(this, qe, Bs(() => {
       const e = Gt.getAll(this).reverse();
       let i = 0;
       e.forEach((r, h) => {
@@ -1029,7 +1033,7 @@ let Os = class extends ts {
       e += r.value;
     }), s(this, V).set(e - s(this, F));
     const i = Math.round(e);
-    s(this, E).current && (i > s(this, F) ? s(this, K).current || W(this, cs, Zs).call(this) : s(this, K).current && !s(this, bt).current && W(this, us, Qs).call(this), i < s(this, U) ? s(this, tt).current && !s(this, wt).current && W(this, ls, Js).call(this) : s(this, K).current && !s(this, tt).current && W(this, ps, Xs).call(this)), i > s(this, F) && i < s(this, U) ? s(this, E).current || W(this, as, Us).call(this) : s(this, E).current && (s(this, V).set(
+    s(this, E).current && (i > s(this, F) ? s(this, K).current || W(this, ls, Zs).call(this) : s(this, K).current && !s(this, bt).current && W(this, us, Qs).call(this), i < s(this, U) ? s(this, tt).current && !s(this, wt).current && W(this, cs, Js).call(this) : s(this, K).current && !s(this, tt).current && W(this, ps, Xs).call(this)), i > s(this, F) && i < s(this, U) ? s(this, E).current || W(this, as, Us).call(this) : s(this, E).current && (s(this, V).set(
       ni(s(this, z) / 2, s(this, V).current, 0, s(this, z))
     ), W(this, os, Ks).call(this)), s(this, Bt) && s(this, $t).current && (s(this, O).current && s(this, m).classList.add(s(this, O).current), b(this, k, !0));
   }
@@ -1163,13 +1167,13 @@ Ks = function() {
     s(this, q).current
   ), s(this, H).current && s(this, m).classList.add(s(this, H).current);
 };
-cs = /* @__PURE__ */ new WeakSet();
+ls = /* @__PURE__ */ new WeakSet();
 Zs = function() {
   s(this, E).current = !0, s(this, K).current = !0, s(this, bt).current = !1, s(this, G).current && s(this, m).classList.add(
     s(this, G).current
   );
 };
-ls = /* @__PURE__ */ new WeakSet();
+cs = /* @__PURE__ */ new WeakSet();
 Js = function() {
   s(this, E).current = !0, s(this, wt).current = !0, s(this, tt).current = !1, s(this, q).current && s(this, m).classList.add(
     s(this, q).current

package/lib/scroll-entries/index.d.ts

@@ -1,5 +1,5 @@
-import { Axes2D } from '../utils';
 import { Notifier } from '../notifier';
+import { Axes2D } from '../utils';
 
 export interface ScrollEntry {
     axis: Axes2D;

package/lib/select/SelectUserElement.d.ts

@@ -1,5 +1,5 @@
-import { SelectElement } from './SelectElement';
 import { CustomElement } from '../custom-element';
+import { SelectElement } from './SelectElement';
 
 export declare class SelectUserElement extends CustomElement {
     #private;

package/lib/select/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-Buf76Qoq.cjs");Object.defineProperty(exports,"SelectElement",{enumerable:!0,get:()=>e.SelectElement});Object.defineProperty(exports,"SelectHeadElement",{enumerable:!0,get:()=>e.SelectHeadElement});Object.defineProperty(exports,"SelectOptionElement",{enumerable:!0,get:()=>e.SelectOptionElement});exports.SelectUserElement=e.SelectUserElement;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index-D1LQUR-R.cjs");Object.defineProperty(exports,"SelectElement",{enumerable:!0,get:()=>e.SelectElement});Object.defineProperty(exports,"SelectHeadElement",{enumerable:!0,get:()=>e.SelectHeadElement});Object.defineProperty(exports,"SelectOptionElement",{enumerable:!0,get:()=>e.SelectOptionElement});exports.SelectUserElement=e.SelectUserElement;

package/lib/select/index.js

@@ -1,4 +1,4 @@
-import { S as l, d as a, c, b as m } from "../index-BtsOv9u0.js";
+import { S as l, d as a, c, b as m } from "../index-BAH_fO2N.js";
 export {
   l as SelectElement,
   a as SelectHeadElement,

package/lib/sequence/index.cjs

@@ -1 +1 @@
-"use strict";var P=(n,s,t)=>new Promise((i,a)=>{var u=r=>{try{d(t.next(r))}catch(w){a(w)}},o=r=>{try{d(t.throw(r))}catch(w){a(w)}},d=r=>r.done?i(r.value):Promise.resolve(r.value).then(u,o);d((t=t.apply(n,s)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../canvas/index.cjs"),C=require("../css-property/index.cjs"),I=require("../custom-element/index.cjs"),q=require("../element-resizer/index.cjs");require("../window-resizer/index.cjs");require("../Store-C-1ruEIm.cjs");const L=require("../browser-CpzFX2xg.cjs"),W=require("../canvas-CU5Xjahf.cjs"),R=require("../source/index.cjs");var z=Object.defineProperty,O=Object.getOwnPropertyDescriptor,B=(n,s,t,i)=>{for(var a=i>1?void 0:i?O(s,t):s,u=n.length-1,o;u>=0;u--)(o=n[u])&&(a=(i?o(s,t,a):o(a))||a);return i&&a&&z(s,t,a),a},x=(n,s,t)=>{if(!s.has(n))throw TypeError("Cannot "+t)},e=(n,s,t)=>(x(n,s,"read from private field"),t?t.call(n):s.get(n)),c=(n,s,t)=>{if(s.has(n))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(n):s.set(n,t)},m=(n,s,t,i)=>(x(n,s,"write to private field"),i?i.call(n,t):s.set(n,t),t),h,E,g,p,v,S,_,b,l,f;function D(n){const s=n.match(/\{([\d-]+)\}/);if(s){const t=s[1].split("-");if(t.length===2){const i=parseInt(t[0],10),a=parseInt(t[1],10);return{start:i,end:a}}}return null}exports.SequenceElement=class extends R.SourceElement{constructor(s){super(),c(this,h,[]),c(this,E,new C.CSSProperty(this,"--fit","contain")),c(this,g,new C.CSSProperty(this,"--autoplay",!1)),c(this,p,new C.CSSProperty(this,"--offset-x",.5)),c(this,v,new C.CSSProperty(this,"--offset-y",.5)),c(this,S,null),c(this,_,0),c(this,b,1),c(this,l,()=>{if(e(this,h).length){const t=e(this,h)[0];e(this,E).current==="cover"?m(this,S,W.cover(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,p).current,e(this,v).current)):m(this,S,W.contain(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,p).current,e(this,v).current))}}),c(this,f,t=>{if(this.status.isFalse("loaded")||!e(this,S))return;t.detail.context.clearRect(0,0,t.detail.width,t.detail.height);const i=e(this,h)[e(this,_)];i&&t.detail.context.drawImage(i,...e(this,S)),e(this,g).current&&m(this,_,(e(this,_)+1)%e(this,h).length)}),L.isBrowser&&(m(this,b,parseInt(((s==null?void 0:s.pad)||this.getAttribute("pad")||"1").toString())),e(this,E).subscribe(e(this,l)),e(this,p).subscribe(e(this,l)),e(this,v).subscribe(e(this,l)),this.addEventListener("sourceCapture",t=>{this.consumerElement.addEventListener("canvasRender",e(this,f))}),this.addEventListener("sourceRelease",t=>{this.consumerElement.removeEventListener("canvasRender",e(this,f))}))}setProgress(s){e(this,h).length&&m(this,_,Math.floor((e(this,h).length-1)*s))}connectedCallback(){super.connectedCallback(),e(this,g).observe(),e(this,E).observe(),e(this,p).observe(),e(this,v).observe(),q.elementResizer.subscribe(this,e(this,l))}disconnectedCallback(){super.disconnectedCallback(),e(this,g).unobserve(),e(this,E).unobserve(),e(this,p).unobserve(),e(this,v).unobserve(),m(this,h,[]),q.elementResizer.unsubscribe(e(this,l)),this.consumerElement.removeEventListener("canvasRender",e(this,f))}createConsumer(){return new k.CanvasElement}consumeSource(s){return P(this,null,function*(){var t,i,a,u;if(s){this.consumerElement.removeEventListener("canvasRender",e(this,f));const o=[],d=D(s);if(d)for(let r=d.start;r<=d.end;r++){const w=s.replace(/\{([^}]+)\}/,r.toString().padStart(e(this,b),"0")),y=new Image;y.src=w,o.push(y)}else{const r=new Image;r.src=s,o.push(r)}try{yield Promise.all(o.map((r,w)=>new Promise((y,M)=>{r.onload=()=>{y()},r.onerror=T=>{M(`${r.src} Image not found`)}}))),m(this,h,o),e(this,l).call(this),(i=(t=this.consumerElement).onload)==null||i.call(t,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",e(this,f))}catch(r){console.error(r),(u=(a=this.consumerElement).onerror)==null||u.call(a,new Event("error"))}}})}};h=new WeakMap;E=new WeakMap;g=new WeakMap;p=new WeakMap;v=new WeakMap;S=new WeakMap;_=new WeakMap;b=new WeakMap;l=new WeakMap;f=new WeakMap;exports.SequenceElement=B([I.define("e-sequence")],exports.SequenceElement);
+"use strict";var P=(n,s,t)=>new Promise((i,a)=>{var u=r=>{try{d(t.next(r))}catch(w){a(w)}},o=r=>{try{d(t.throw(r))}catch(w){a(w)}},d=r=>r.done?i(r.value):Promise.resolve(r.value).then(u,o);d((t=t.apply(n,s)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../canvas/index.cjs"),y=require("../css-property/index.cjs"),I=require("../custom-element/index.cjs"),q=require("../element-resizer/index.cjs");require("../window-resizer/index.cjs");require("../Store-6s0YXK4o.cjs");const L=require("../browser-CpzFX2xg.cjs"),W=require("../canvas-CU5Xjahf.cjs"),R=require("../source/index.cjs");var z=Object.defineProperty,O=Object.getOwnPropertyDescriptor,B=(n,s,t,i)=>{for(var a=i>1?void 0:i?O(s,t):s,u=n.length-1,o;u>=0;u--)(o=n[u])&&(a=(i?o(s,t,a):o(a))||a);return i&&a&&z(s,t,a),a},x=(n,s,t)=>{if(!s.has(n))throw TypeError("Cannot "+t)},e=(n,s,t)=>(x(n,s,"read from private field"),t?t.call(n):s.get(n)),c=(n,s,t)=>{if(s.has(n))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(n):s.set(n,t)},m=(n,s,t,i)=>(x(n,s,"write to private field"),s.set(n,t),t),h,E,g,p,v,S,_,C,l,f;function D(n){const s=n.match(/\{([\d-]+)\}/);if(s){const t=s[1].split("-");if(t.length===2){const i=parseInt(t[0],10),a=parseInt(t[1],10);return{start:i,end:a}}}return null}exports.SequenceElement=class extends R.SourceElement{constructor(s){super(),c(this,h,[]),c(this,E,new y.CSSProperty(this,"--fit","contain")),c(this,g,new y.CSSProperty(this,"--autoplay",!1)),c(this,p,new y.CSSProperty(this,"--offset-x",.5)),c(this,v,new y.CSSProperty(this,"--offset-y",.5)),c(this,S,null),c(this,_,0),c(this,C,1),c(this,l,()=>{if(e(this,h).length){const t=e(this,h)[0];e(this,E).current==="cover"?m(this,S,W.cover(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,p).current,e(this,v).current)):m(this,S,W.contain(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,p).current,e(this,v).current))}}),c(this,f,t=>{if(this.status.isFalse("loaded")||!e(this,S))return;t.detail.context.clearRect(0,0,t.detail.width,t.detail.height);const i=e(this,h)[e(this,_)];i&&t.detail.context.drawImage(i,...e(this,S)),e(this,g).current&&m(this,_,(e(this,_)+1)%e(this,h).length)}),L.isBrowser&&(m(this,C,parseInt(((s==null?void 0:s.pad)||this.getAttribute("pad")||"1").toString())),e(this,E).subscribe(e(this,l)),e(this,p).subscribe(e(this,l)),e(this,v).subscribe(e(this,l)),this.addEventListener("sourceCapture",t=>{this.consumerElement.addEventListener("canvasRender",e(this,f))}),this.addEventListener("sourceRelease",t=>{this.consumerElement.removeEventListener("canvasRender",e(this,f))}))}setProgress(s){e(this,h).length&&m(this,_,Math.floor((e(this,h).length-1)*s))}connectedCallback(){super.connectedCallback(),e(this,g).observe(),e(this,E).observe(),e(this,p).observe(),e(this,v).observe(),q.elementResizer.subscribe(this,e(this,l))}disconnectedCallback(){super.disconnectedCallback(),e(this,g).unobserve(),e(this,E).unobserve(),e(this,p).unobserve(),e(this,v).unobserve(),m(this,h,[]),q.elementResizer.unsubscribe(e(this,l)),this.consumerElement.removeEventListener("canvasRender",e(this,f))}createConsumer(){return new k.CanvasElement}consumeSource(s){return P(this,null,function*(){var t,i,a,u;if(s){this.consumerElement.removeEventListener("canvasRender",e(this,f));const o=[],d=D(s);if(d)for(let r=d.start;r<=d.end;r++){const w=s.replace(/\{([^}]+)\}/,r.toString().padStart(e(this,C),"0")),b=new Image;b.src=w,o.push(b)}else{const r=new Image;r.src=s,o.push(r)}try{yield Promise.all(o.map((r,w)=>new Promise((b,M)=>{r.onload=()=>{b()},r.onerror=T=>{M(`${r.src} Image not found`)}}))),m(this,h,o),e(this,l).call(this),(i=(t=this.consumerElement).onload)==null||i.call(t,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",e(this,f))}catch(r){console.error(r),(u=(a=this.consumerElement).onerror)==null||u.call(a,new Event("error"))}}})}};h=new WeakMap;E=new WeakMap;g=new WeakMap;p=new WeakMap;v=new WeakMap;S=new WeakMap;_=new WeakMap;C=new WeakMap;l=new WeakMap;f=new WeakMap;exports.SequenceElement=B([I.define("e-sequence")],exports.SequenceElement);

package/lib/sequence/index.d.ts

@@ -1,5 +1,5 @@
-import { SourceElement, SourceManagerSourceSet } from '../source';
 import { CanvasElement } from '../canvas';
+import { SourceElement, SourceManagerSourceSet } from '../source';
 
 export interface SequenceElementParameters {
     srcset: SourceManagerSourceSet;

package/lib/sequence/index.js

@@ -15,11 +15,11 @@ var y = (s, t, r) => new Promise((a, i) => {
   n((r = r.apply(s, t)).next());
 });
 import { CanvasElement as I } from "../canvas/index.js";
-import { CSSProperty as C } from "../css-property/index.js";
+import { CSSProperty as b } from "../css-property/index.js";
 import { define as L } from "../custom-element/index.js";
 import { elementResizer as W } from "../element-resizer/index.js";
 import "../window-resizer/index.js";
-import "../Store-BQXXikps.js";
+import "../Store-BI2xxXOA.js";
 import { i as x } from "../browser-0zX67oeU.js";
 import { c as R, a as O } from "../canvas-DeZ0SLUJ.js";
 import { SourceElement as z } from "../source/index.js";
@@ -34,7 +34,7 @@ var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, q = (s, t, r
   if (t.has(s))
     throw TypeError("Cannot add the same private member more than once");
   t instanceof WeakSet ? t.add(s) : t.set(s, r);
-}, p = (s, t, r, a) => (k(s, t, "write to private field"), a ? a.call(s, r) : t.set(s, r), r), l, E, S, f, v, _, g, b, d, w;
+}, p = (s, t, r, a) => (k(s, t, "write to private field"), t.set(s, r), r), l, E, S, f, v, _, g, C, d, w;
 function A(s) {
   const t = s.match(/\{([\d-]+)\}/);
   if (t) {
@@ -48,11 +48,11 @@ function A(s) {
 }
 let P = class extends z {
   constructor(s) {
-    super(), c(this, l, []), c(this, E, new C(
+    super(), c(this, l, []), c(this, E, new b(
       this,
       "--fit",
       "contain"
-    )), c(this, S, new C(this, "--autoplay", !1)), c(this, f, new C(this, "--offset-x", 0.5)), c(this, v, new C(this, "--offset-y", 0.5)), c(this, _, null), c(this, g, 0), c(this, b, 1), c(this, d, () => {
+    )), c(this, S, new b(this, "--autoplay", !1)), c(this, f, new b(this, "--offset-x", 0.5)), c(this, v, new b(this, "--offset-y", 0.5)), c(this, _, null), c(this, g, 0), c(this, C, 1), c(this, d, () => {
       if (e(this, l).length) {
         const t = e(this, l)[0];
         e(this, E).current === "cover" ? p(this, _, R(
@@ -77,7 +77,7 @@ let P = class extends z {
       t.detail.context.clearRect(0, 0, t.detail.width, t.detail.height);
       const r = e(this, l)[e(this, g)];
       r && t.detail.context.drawImage(r, ...e(this, _)), e(this, S).current && p(this, g, (e(this, g) + 1) % e(this, l).length);
-    }), x && (p(this, b, parseInt(
+    }), x && (p(this, C, parseInt(
       ((s == null ? void 0 : s.pad) || this.getAttribute("pad") || "1").toString()
     )), e(this, E).subscribe(e(this, d)), e(this, f).subscribe(e(this, d)), e(this, v).subscribe(e(this, d)), this.addEventListener("sourceCapture", (t) => {
       this.consumerElement.addEventListener(
@@ -119,7 +119,7 @@ let P = class extends z {
           for (let n = u.start; n <= u.end; n++) {
             const h = s.replace(
               /\{([^}]+)\}/,
-              n.toString().padStart(e(this, b), "0")
+              n.toString().padStart(e(this, C), "0")
             ), m = new Image();
             m.src = h, o.push(m);
           }
@@ -154,7 +154,7 @@ f = /* @__PURE__ */ new WeakMap();
 v = /* @__PURE__ */ new WeakMap();
 _ = /* @__PURE__ */ new WeakMap();
 g = /* @__PURE__ */ new WeakMap();
-b = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakMap();
 d = /* @__PURE__ */ new WeakMap();
 w = /* @__PURE__ */ new WeakMap();
 P = q([

package/lib/slicer/SlicerElement.d.ts

@@ -1,6 +1,6 @@
-import { CustomElement } from '../custom-element';
-import { Letter } from './Letter';
 import { Word } from './Word.js';
+import { Letter } from './Letter';
+import { CustomElement } from '../custom-element';
 
 export interface SlicerParameters {
     wordConstructor?: typeof Word;

package/lib/slicer/index.cjs

@@ -1,11 +1,11 @@
-"use strict";var L=(n,t,e)=>{if(!t.has(n))throw TypeError("Cannot "+e)};var i=(n,t,e)=>(L(n,t,"read from private field"),e?e.call(n):t.get(n)),p=(n,t,e)=>{if(t.has(n))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(n):t.set(n,e)},d=(n,t,e,s)=>(L(n,t,"write to private field"),s?s.call(n,e):t.set(n,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("../custom-element/index.cjs"),$=require("../string-DhgS_iFl.cjs");var w,h,f;class T{constructor(t){p(this,w,void 0);p(this,h,void 0);p(this,f,void 0);d(this,w,t.index),d(this,h,document.createElement("span")),d(this,f,[]),t.letters&&t.letterConstructor&&t.lettersAcc!==void 0?(d(this,f,t.text.split("").map((e,s)=>new t.letterConstructor({index:t.lettersAcc+s,text:e,clone:t.clone}))),i(this,h).append(...i(this,f).map(e=>e.element))):t.clone?i(this,h).innerHTML=`
+"use strict";var L=(n,t,e)=>{if(!t.has(n))throw TypeError("Cannot "+e)};var i=(n,t,e)=>(L(n,t,"read from private field"),e?e.call(n):t.get(n)),p=(n,t,e)=>{if(t.has(n))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(n):t.set(n,e)},d=(n,t,e,s)=>(L(n,t,"write to private field"),s?s.call(n,e):t.set(n,e),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("../custom-element/index.cjs"),$=require("../string-DhgS_iFl.cjs");var w,c,f;class T{constructor(t){p(this,w,void 0);p(this,c,void 0);p(this,f,void 0);d(this,w,t.index),d(this,c,document.createElement("span")),d(this,f,[]),t.letters&&t.letterConstructor&&t.lettersAcc!==void 0?(d(this,f,t.text.split("").map((e,s)=>new t.letterConstructor({index:t.lettersAcc+s,text:e,clone:t.clone}))),i(this,c).append(...i(this,f).map(e=>e.element))):t.clone?i(this,c).innerHTML=`
           <span class="original">${t.text}</span>
           <span class="clone" aria-hidden>${t.text}</span>
-        `:i(this,h).innerHTML=`
+        `:i(this,c).innerHTML=`
           <span class="value">${t.text}</span>
-        `,i(this,h).classList.add("word")}get index(){return i(this,w)}get element(){return i(this,h)}get letters(){return i(this,f)}}w=new WeakMap,h=new WeakMap,f=new WeakMap;var C,a;class S{constructor(t){p(this,C,void 0);p(this,a,void 0);d(this,C,t.index),d(this,a,document.createElement("span")),i(this,a).classList.add("letter"),t.clone?i(this,a).innerHTML=`
+        `,i(this,c).classList.add("word")}get index(){return i(this,w)}get element(){return i(this,c)}get letters(){return i(this,f)}}w=new WeakMap,c=new WeakMap,f=new WeakMap;var C,a;class S{constructor(t){p(this,C,void 0);p(this,a,void 0);d(this,C,t.index),d(this,a,document.createElement("span")),i(this,a).classList.add("letter"),t.clone?i(this,a).innerHTML=`
         <span class="original">${t.text}</span>
         <span class="clone" aria-hidden>${t.text}</span>
       `:i(this,a).innerHTML=`
         <span class="value">${t.text}</span>
-      `}get index(){return i(this,C)}get element(){return i(this,a)}}C=new WeakMap,a=new WeakMap;var D=Object.defineProperty,O=Object.getOwnPropertyDescriptor,W=(n,t,e,s)=>{for(var r=s>1?void 0:s?O(t,e):t,l=n.length-1,u;l>=0;l--)(u=n[l])&&(r=(s?u(t,e,r):u(r))||r);return s&&r&&D(t,e,r),r},A=(n,t,e)=>{if(!t.has(n))throw TypeError("Cannot "+e)},o=(n,t,e)=>(A(n,t,"read from private field"),e?e.call(n):t.get(n)),_=(n,t,e)=>{if(t.has(n))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(n):t.set(n,e)},y=(n,t,e,s)=>(A(n,t,"write to private field"),s?s.call(n,e):t.set(n,e),e),g,c,x,E,M;exports.SlicerElement=class extends P.CustomElement{constructor(t){super(),_(this,g,""),_(this,c,[]),_(this,x,[]),_(this,E,void 0),_(this,M,void 0),y(this,E,(t==null?void 0:t.wordConstructor)||T),y(this,M,(t==null?void 0:t.letterConstructor)||S)}get wordsArray(){return o(this,c)}get lettersArray(){return o(this,x)}get originalText(){return o(this,g)}connectedCallback(){var e;y(this,g,((e=this.textContent)==null?void 0:e.trim())||""),this.innerHTML="";let t=0;y(this,c,o(this,g).replace(/  +/g," ").split(" ").map((s,r)=>{const l=new(o(this,E))({index:r,text:s,letters:this.hasAttribute("letters"),lettersAcc:t,letterConstructor:o(this,M),clone:this.hasAttribute("clone")});return t+=l.letters.length,o(this,x).push(...l.letters),l})),this.hasAttribute("index")&&(o(this,c).forEach(s=>{s.element.style.setProperty("--word-index",s.index.toString())}),o(this,x).forEach(s=>{s.element.style.setProperty("--letter-index",s.index.toString())})),o(this,c).forEach((s,r)=>{if(this.appendChild(s.element),r!==o(this,c).length-1){const l=document.createElement("span");l.innerHTML="&nbsp;",this.appendChild(l)}}),this.style.setProperty("--words-length",o(this,c).length.toString()),this.style.setProperty("--letters-length",o(this,x).length.toString())}disconnectedCallback(){y(this,c,[]),this.textContent=o(this,g),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")}};g=new WeakMap;c=new WeakMap;x=new WeakMap;E=new WeakMap;M=new WeakMap;exports.SlicerElement=W([P.define("e-slicer")],exports.SlicerElement);var m=Object.defineProperty,H=Object.getOwnPropertyDescriptor,b=(n,t,e,s)=>{for(var r=s>1?void 0:s?H(t,e):t,l=n.length-1,u;l>=0;l--)(u=n[l])&&(r=(s?u(t,e,r):u(r))||r);return s&&r&&m(t,e,r),r},v;class q extends S{constructor(e){super(e);p(this,v,void 0);d(this,v,$.generateId(2+Math.floor(Math.random()*15),"abcdefghijklmnopqrstuvwxyz0123456789#!%$^&*+=?")+e.text),this.play(0)}play(e){const s=Math.floor(e*(i(this,v).length-1));this.element.textContent=i(this,v)[s]}}v=new WeakMap;exports.DecoderElement=class extends exports.SlicerElement{constructor(){super({letterConstructor:q})}play(t){this.lettersArray.forEach(e=>{e.play(t)})}};exports.DecoderElement=b([P.define("e-decoder")],exports.DecoderElement);exports.Letter=S;exports.Word=T;
+      `}get index(){return i(this,C)}get element(){return i(this,a)}}C=new WeakMap,a=new WeakMap;var D=Object.defineProperty,O=Object.getOwnPropertyDescriptor,W=(n,t,e,s)=>{for(var r=s>1?void 0:s?O(t,e):t,l=n.length-1,u;l>=0;l--)(u=n[l])&&(r=(s?u(t,e,r):u(r))||r);return s&&r&&D(t,e,r),r},A=(n,t,e)=>{if(!t.has(n))throw TypeError("Cannot "+e)},o=(n,t,e)=>(A(n,t,"read from private field"),e?e.call(n):t.get(n)),_=(n,t,e)=>{if(t.has(n))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(n):t.set(n,e)},y=(n,t,e,s)=>(A(n,t,"write to private field"),t.set(n,e),e),g,h,v,E,M;exports.SlicerElement=class extends P.CustomElement{constructor(t){super(),_(this,g,""),_(this,h,[]),_(this,v,[]),_(this,E,void 0),_(this,M,void 0),y(this,E,(t==null?void 0:t.wordConstructor)||T),y(this,M,(t==null?void 0:t.letterConstructor)||S)}get wordsArray(){return o(this,h)}get lettersArray(){return o(this,v)}get originalText(){return o(this,g)}connectedCallback(){var e;y(this,g,((e=this.textContent)==null?void 0:e.trim())||""),this.innerHTML="";let t=0;y(this,h,o(this,g).replace(/  +/g," ").split(" ").map((s,r)=>{const l=new(o(this,E))({index:r,text:s,letters:this.hasAttribute("letters"),lettersAcc:t,letterConstructor:o(this,M),clone:this.hasAttribute("clone")});return t+=l.letters.length,o(this,v).push(...l.letters),l})),this.hasAttribute("index")&&(o(this,h).forEach(s=>{s.element.style.setProperty("--word-index",s.index.toString())}),o(this,v).forEach(s=>{s.element.style.setProperty("--letter-index",s.index.toString())})),o(this,h).forEach((s,r)=>{if(this.appendChild(s.element),r!==o(this,h).length-1){const l=document.createElement("span");l.innerHTML="&nbsp;",this.appendChild(l)}}),this.style.setProperty("--words-length",o(this,h).length.toString()),this.style.setProperty("--letters-length",o(this,v).length.toString())}disconnectedCallback(){y(this,h,[]),this.textContent=o(this,g),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")}};g=new WeakMap;h=new WeakMap;v=new WeakMap;E=new WeakMap;M=new WeakMap;exports.SlicerElement=W([P.define("e-slicer")],exports.SlicerElement);var m=Object.defineProperty,H=Object.getOwnPropertyDescriptor,b=(n,t,e,s)=>{for(var r=s>1?void 0:s?H(t,e):t,l=n.length-1,u;l>=0;l--)(u=n[l])&&(r=(s?u(t,e,r):u(r))||r);return s&&r&&m(t,e,r),r},x;class q extends S{constructor(e){super(e);p(this,x,void 0);d(this,x,$.generateId(2+Math.floor(Math.random()*15),"abcdefghijklmnopqrstuvwxyz0123456789#!%$^&*+=?")+e.text),this.play(0)}play(e){const s=Math.floor(e*(i(this,x).length-1));this.element.textContent=i(this,x)[s]}}x=new WeakMap;exports.DecoderElement=class extends exports.SlicerElement{constructor(){super({letterConstructor:q})}play(t){this.lettersArray.forEach(e=>{e.play(t)})}};exports.DecoderElement=b([P.define("e-decoder")],exports.DecoderElement);exports.Letter=S;exports.Word=T;