aptechka 0.83.1 → 0.84.0

package/lib/sequence/index.cjs

@@ -1 +1 @@
-"use strict";var x=s=>{throw TypeError(s)};var I=(s,n,e)=>n.has(s)||x("Cannot "+e);var t=(s,n,e)=>(I(s,n,"read from private field"),e?e.call(s):n.get(s)),c=(s,n,e)=>n.has(s)?x("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(s):n.set(s,e),l=(s,n,e,i)=>(I(s,n,"write to private field"),i?i.call(s,e):n.set(s,e),e);var L=(s,n,e)=>new Promise((i,f)=>{var w=o=>{try{u(e.next(o))}catch(r){f(r)}},y=o=>{try{u(e.throw(o))}catch(r){f(r)}},u=o=>o.done?i(o.value):Promise.resolve(o.value).then(w,y);u((e=e.apply(s,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../css-property/index.cjs"),R=require("../element-resizer/index.cjs"),k=require("../index-OE2INULi.cjs"),z=require("../canvas-CU5Xjahf.cjs");require("construct-style-sheets-polyfill");const H=require("../SourceElement-BHqPFbna.cjs");require("../window-resizer/index.cjs");require("../Store-Blf4msDz.cjs");const M=require("../canvas/index.cjs");function W(s){const n=s.match(/\{([\d-]+)\}/);if(n){const e=n[1].split("-");if(e.length===2){const i=parseInt(e[0],10),f=parseInt(e[1],10);return{start:i,end:f}}}return null}var h,E,S,m,d,b,g,p,a,v;class B extends H.SourceElement{constructor(e){super();c(this,h,[]);c(this,E,new q.CSSProperty(this,"--fit","contain"));c(this,S,new q.CSSProperty(this,"--autoplay",!1));c(this,m,new q.CSSProperty(this,"--offset-x",.5));c(this,d,new q.CSSProperty(this,"--offset-y",.5));c(this,b,null);c(this,g,0);c(this,p,1);c(this,a,()=>{if(t(this,h).length){const e=t(this,h)[0];t(this,E).current==="cover"?l(this,b,z.cover(e.naturalWidth,e.naturalHeight,this.consumerElement.width,this.consumerElement.height,t(this,m).current,t(this,d).current)):l(this,b,z.contain(e.naturalWidth,e.naturalHeight,this.consumerElement.width,this.consumerElement.height,t(this,m).current,t(this,d).current))}});c(this,v,e=>{if(this.status.isFalse("loaded")||!t(this,b))return;e.detail.context.clearRect(0,0,e.detail.width,e.detail.height);const i=t(this,h)[t(this,g)];i&&e.detail.context.drawImage(i,...t(this,b)),t(this,S).current&&l(this,g,(t(this,g)+1)%t(this,h).length)});k.isBrowser&&(l(this,p,parseInt(((e==null?void 0:e.pad)||this.getAttribute("pad")||"1").toString())),t(this,E).subscribe(t(this,a)),t(this,m).subscribe(t(this,a)),t(this,d).subscribe(t(this,a)),this.addEventListener("sourceCapture",i=>{this.consumerElement.addEventListener("canvasRender",t(this,v))}),this.addEventListener("sourceRelease",i=>{this.consumerElement.removeEventListener("canvasRender",t(this,v))}))}setProgress(e){t(this,h).length&&l(this,g,Math.floor((t(this,h).length-1)*e))}connectedCallback(){super.connectedCallback(),t(this,S).observe(),t(this,E).observe(),t(this,m).observe(),t(this,d).observe(),R.elementResizer.subscribe(this,t(this,a))}disconnectedCallback(){super.disconnectedCallback(),t(this,S).unobserve(),t(this,E).unobserve(),t(this,m).unobserve(),t(this,d).unobserve(),l(this,h,[]),R.elementResizer.unsubscribe(t(this,a)),this.consumerElement.removeEventListener("canvasRender",t(this,v))}createConsumer(){return new M.CanvasElement}consumeSource(e){return L(this,null,function*(){var i,f,w,y;if(e){this.consumerElement.removeEventListener("canvasRender",t(this,v));const u=[],o=W(e);if(o)for(let r=o.start;r<=o.end;r++){const P=e.replace(/\{([^}]+)\}/,r.toString().padStart(t(this,p),"0")),C=new Image;C.src=P,u.push(C)}else{const r=new Image;r.src=e,u.push(r)}try{yield Promise.all(u.map((r,P)=>new Promise((C,_)=>{r.onload=()=>{C()},r.onerror=j=>{_(`${r.src} Image not found`)}}))),l(this,h,u),t(this,a).call(this),(f=(i=this.consumerElement).onload)==null||f.call(i,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",t(this,v))}catch(r){console.error(r),(y=(w=this.consumerElement).onerror)==null||y.call(w,new Event("error"))}}})}}h=new WeakMap,E=new WeakMap,S=new WeakMap,m=new WeakMap,d=new WeakMap,b=new WeakMap,g=new WeakMap,p=new WeakMap,a=new WeakMap,v=new WeakMap;k.isBrowser&&!customElements.get("e-sequence")&&customElements.define("e-sequence",B);exports.SequenceElement=B;
+"use strict";var __defProp=Object.defineProperty;var __typeError=msg=>{throw TypeError(msg)};var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg);var __privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj)),__privateAdd=(obj,member,value)=>member.has(obj)?__typeError("Cannot add the same private member more than once"):member instanceof WeakSet?member.add(obj):member.set(obj,value),__privateSet=(obj,member,value,setter)=>(__accessCheck(obj,member,"write to private field"),setter?setter.call(obj,value):member.set(obj,value),value);var __async=(__this,__arguments,generator)=>new Promise((resolve,reject)=>{var fulfilled=value=>{try{step(generator.next(value))}catch(e){reject(e)}},rejected=value=>{try{step(generator.throw(value))}catch(e){reject(e)}},step=x=>x.done?resolve(x.value):Promise.resolve(x.value).then(fulfilled,rejected);step((generator=generator.apply(__this,__arguments)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const cssProperty_index=require("../css-property/index.cjs"),elementResizer_index=require("../element-resizer/index.cjs"),intersector_index=require("../index-BpO2RJ__.cjs"),canvas=require("../canvas-BP1ceie3.cjs");require("construct-style-sheets-polyfill");const SourceElement=require("../SourceElement-DBLZ7b5k.cjs");require("../window-resizer/index.cjs");require("../Store-BCW70G3Z.cjs");const canvas_index=require("../canvas/index.cjs");function extractNumbersBetweenCurlyBraces(str){const match=str.match(/\{([\d-]+)\}/);if(match){const range=match[1].split("-");if(range.length===2){const start=parseInt(range[0],10),end=parseInt(range[1],10);return{start,end}}}return null}__name(extractNumbersBetweenCurlyBraces,"extractNumbersBetweenCurlyBraces");var _currentImages,_fitCSSProperty,_autoplayCSSProperty,_offsetXCSSProperty,_offsetYCSSProperty,_imageDimensions,_currentIndex,_pad,_resizeListener,_renderListener;const _SequenceElement=class _SequenceElement extends SourceElement.SourceElement{constructor(parameters){super();__privateAdd(this,_currentImages,[]);__privateAdd(this,_fitCSSProperty,new cssProperty_index.CSSProperty(this,"--fit","contain"));__privateAdd(this,_autoplayCSSProperty,new cssProperty_index.CSSProperty(this,"--autoplay",!1));__privateAdd(this,_offsetXCSSProperty,new cssProperty_index.CSSProperty(this,"--offset-x",.5));__privateAdd(this,_offsetYCSSProperty,new cssProperty_index.CSSProperty(this,"--offset-y",.5));__privateAdd(this,_imageDimensions,null);__privateAdd(this,_currentIndex,0);__privateAdd(this,_pad,1);__privateAdd(this,_resizeListener,__name(()=>{if(__privateGet(this,_currentImages).length){const image=__privateGet(this,_currentImages)[0];__privateGet(this,_fitCSSProperty).current==="cover"?__privateSet(this,_imageDimensions,canvas.cover(image.naturalWidth,image.naturalHeight,this.consumerElement.width,this.consumerElement.height,__privateGet(this,_offsetXCSSProperty).current,__privateGet(this,_offsetYCSSProperty).current)):__privateSet(this,_imageDimensions,canvas.contain(image.naturalWidth,image.naturalHeight,this.consumerElement.width,this.consumerElement.height,__privateGet(this,_offsetXCSSProperty).current,__privateGet(this,_offsetYCSSProperty).current))}},"#resizeListener"));__privateAdd(this,_renderListener,__name(e=>{if(this.status.isFalse("loaded")||!__privateGet(this,_imageDimensions))return;e.detail.context.clearRect(0,0,e.detail.width,e.detail.height);const element=__privateGet(this,_currentImages)[__privateGet(this,_currentIndex)];element&&e.detail.context.drawImage(element,...__privateGet(this,_imageDimensions)),__privateGet(this,_autoplayCSSProperty).current&&__privateSet(this,_currentIndex,(__privateGet(this,_currentIndex)+1)%__privateGet(this,_currentImages).length)},"#renderListener"));intersector_index.isBrowser&&(__privateSet(this,_pad,parseInt(((parameters==null?void 0:parameters.pad)||this.getAttribute("pad")||"1").toString())),__privateGet(this,_fitCSSProperty).subscribe(__privateGet(this,_resizeListener)),__privateGet(this,_offsetXCSSProperty).subscribe(__privateGet(this,_resizeListener)),__privateGet(this,_offsetYCSSProperty).subscribe(__privateGet(this,_resizeListener)),this.addEventListener("sourceCapture",e=>{this.consumerElement.addEventListener("canvasRender",__privateGet(this,_renderListener))}),this.addEventListener("sourceRelease",e=>{this.consumerElement.removeEventListener("canvasRender",__privateGet(this,_renderListener))}))}setProgress(value){__privateGet(this,_currentImages).length&&__privateSet(this,_currentIndex,Math.floor((__privateGet(this,_currentImages).length-1)*value))}connectedCallback(){super.connectedCallback(),__privateGet(this,_autoplayCSSProperty).observe(),__privateGet(this,_fitCSSProperty).observe(),__privateGet(this,_offsetXCSSProperty).observe(),__privateGet(this,_offsetYCSSProperty).observe(),elementResizer_index.elementResizer.subscribe(this,__privateGet(this,_resizeListener))}disconnectedCallback(){super.disconnectedCallback(),__privateGet(this,_autoplayCSSProperty).unobserve(),__privateGet(this,_fitCSSProperty).unobserve(),__privateGet(this,_offsetXCSSProperty).unobserve(),__privateGet(this,_offsetYCSSProperty).unobserve(),__privateSet(this,_currentImages,[]),elementResizer_index.elementResizer.unsubscribe(__privateGet(this,_resizeListener)),this.consumerElement.removeEventListener("canvasRender",__privateGet(this,_renderListener))}createConsumer(){return new canvas_index.CanvasElement}consumeSource(url){return __async(this,null,function*(){var _a,_b,_c,_d;if(url){this.consumerElement.removeEventListener("canvasRender",__privateGet(this,_renderListener));const newImages=[],minmax=extractNumbersBetweenCurlyBraces(url);if(minmax)for(let i=minmax.start;i<=minmax.end;i++){const src=url.replace(/\{([^}]+)\}/,i.toString().padStart(__privateGet(this,_pad),"0")),image=new Image;image.src=src,newImages.push(image)}else{const image=new Image;image.src=url,newImages.push(image)}try{yield Promise.all(newImages.map((image,i)=>new Promise((res,rej)=>{image.onload=()=>{res()},image.onerror=e=>{rej(`${image.src} Image not found`)}}))),__privateSet(this,_currentImages,newImages),__privateGet(this,_resizeListener).call(this),(_b=(_a=this.consumerElement).onload)==null||_b.call(_a,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",__privateGet(this,_renderListener))}catch(e){console.error(e),(_d=(_c=this.consumerElement).onerror)==null||_d.call(_c,new Event("error"))}}})}};_currentImages=new WeakMap,_fitCSSProperty=new WeakMap,_autoplayCSSProperty=new WeakMap,_offsetXCSSProperty=new WeakMap,_offsetYCSSProperty=new WeakMap,_imageDimensions=new WeakMap,_currentIndex=new WeakMap,_pad=new WeakMap,_resizeListener=new WeakMap,_renderListener=new WeakMap,__name(_SequenceElement,"SequenceElement");let SequenceElement=_SequenceElement;intersector_index.isBrowser&&!customElements.get("e-sequence")&&customElements.define("e-sequence",SequenceElement);exports.SequenceElement=SequenceElement;

package/lib/sequence/index.js

@@ -1,159 +1,163 @@
-var x = (s) => {
-  throw TypeError(s);
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
-var P = (s, n, e) => n.has(s) || x("Cannot " + e);
-var t = (s, n, e) => (P(s, n, "read from private field"), e ? e.call(s) : n.get(s)), h = (s, n, e) => n.has(s) ? x("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(s) : n.set(s, e), u = (s, n, e, i) => (P(s, n, "write to private field"), i ? i.call(s, e) : n.set(s, e), e);
-var R = (s, n, e) => new Promise((i, p) => {
-  var S = (o) => {
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)), __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value), __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
+var __async = (__this, __arguments, generator) => new Promise((resolve, reject) => {
+  var fulfilled = (value) => {
     try {
-      m(e.next(o));
-    } catch (r) {
-      p(r);
+      step(generator.next(value));
+    } catch (e) {
+      reject(e);
     }
-  }, C = (o) => {
+  }, rejected = (value) => {
     try {
-      m(e.throw(o));
-    } catch (r) {
-      p(r);
+      step(generator.throw(value));
+    } catch (e) {
+      reject(e);
     }
-  }, m = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(S, C);
-  m((e = e.apply(s, n)).next());
+  }, step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+  step((generator = generator.apply(__this, __arguments)).next());
 });
-import { CSSProperty as I } from "../css-property/index.js";
-import { elementResizer as k } from "../element-resizer/index.js";
-import { i as q } from "../index-e9eDuagL.js";
-import { c as B, a as H } from "../canvas-DeZ0SLUJ.js";
+import { CSSProperty } from "../css-property/index.js";
+import { elementResizer } from "../element-resizer/index.js";
+import { i as isBrowser } from "../index-DpKsHe97.js";
+import { c as cover, a as contain } from "../canvas-DsglKco1.js";
 import "construct-style-sheets-polyfill";
-import { a as W } from "../SourceElement-DjbHjynf.js";
+import { a as SourceElement } from "../SourceElement-941MrYpq.js";
 import "../window-resizer/index.js";
-import "../Store-ZThXYBQd.js";
-import { CanvasElement as A } from "../canvas/index.js";
-function D(s) {
-  const n = s.match(/\{([\d-]+)\}/);
-  if (n) {
-    const e = n[1].split("-");
-    if (e.length === 2) {
-      const i = parseInt(e[0], 10), p = parseInt(e[1], 10);
-      return { start: i, end: p };
+import "../Store-uLDYY9ed.js";
+import { CanvasElement } from "../canvas/index.js";
+function extractNumbersBetweenCurlyBraces(str) {
+  const match = str.match(/\{([\d-]+)\}/);
+  if (match) {
+    const range = match[1].split("-");
+    if (range.length === 2) {
+      const start = parseInt(range[0], 10), end = parseInt(range[1], 10);
+      return { start, end };
     }
   }
   return null;
 }
-var c, v, g, l, d, E, b, w, a, f;
-class F extends W {
-  constructor(e) {
+__name(extractNumbersBetweenCurlyBraces, "extractNumbersBetweenCurlyBraces");
+var _currentImages, _fitCSSProperty, _autoplayCSSProperty, _offsetXCSSProperty, _offsetYCSSProperty, _imageDimensions, _currentIndex, _pad, _resizeListener, _renderListener;
+const _SequenceElement = class _SequenceElement extends SourceElement {
+  constructor(parameters) {
     super();
-    h(this, c, []);
-    h(this, v, new I(
+    __privateAdd(this, _currentImages, []);
+    __privateAdd(this, _fitCSSProperty, new CSSProperty(
       this,
       "--fit",
       "contain"
     ));
-    h(this, g, new I(this, "--autoplay", !1));
-    h(this, l, new I(this, "--offset-x", 0.5));
-    h(this, d, new I(this, "--offset-y", 0.5));
-    h(this, E, null);
-    h(this, b, 0);
-    h(this, w, 1);
-    h(this, a, () => {
-      if (t(this, c).length) {
-        const e = t(this, c)[0];
-        t(this, v).current === "cover" ? u(this, E, B(
-          e.naturalWidth,
-          e.naturalHeight,
+    __privateAdd(this, _autoplayCSSProperty, new CSSProperty(this, "--autoplay", !1));
+    __privateAdd(this, _offsetXCSSProperty, new CSSProperty(this, "--offset-x", 0.5));
+    __privateAdd(this, _offsetYCSSProperty, new CSSProperty(this, "--offset-y", 0.5));
+    __privateAdd(this, _imageDimensions, null);
+    __privateAdd(this, _currentIndex, 0);
+    __privateAdd(this, _pad, 1);
+    __privateAdd(this, _resizeListener, /* @__PURE__ */ __name(() => {
+      if (__privateGet(this, _currentImages).length) {
+        const image = __privateGet(this, _currentImages)[0];
+        __privateGet(this, _fitCSSProperty).current === "cover" ? __privateSet(this, _imageDimensions, cover(
+          image.naturalWidth,
+          image.naturalHeight,
           this.consumerElement.width,
           this.consumerElement.height,
-          t(this, l).current,
-          t(this, d).current
-        )) : u(this, E, H(
-          e.naturalWidth,
-          e.naturalHeight,
+          __privateGet(this, _offsetXCSSProperty).current,
+          __privateGet(this, _offsetYCSSProperty).current
+        )) : __privateSet(this, _imageDimensions, contain(
+          image.naturalWidth,
+          image.naturalHeight,
           this.consumerElement.width,
           this.consumerElement.height,
-          t(this, l).current,
-          t(this, d).current
+          __privateGet(this, _offsetXCSSProperty).current,
+          __privateGet(this, _offsetYCSSProperty).current
         ));
       }
-    });
-    h(this, f, (e) => {
-      if (this.status.isFalse("loaded") || !t(this, E))
+    }, "#resizeListener"));
+    __privateAdd(this, _renderListener, /* @__PURE__ */ __name((e) => {
+      if (this.status.isFalse("loaded") || !__privateGet(this, _imageDimensions))
         return;
       e.detail.context.clearRect(0, 0, e.detail.width, e.detail.height);
-      const i = t(this, c)[t(this, b)];
-      i && e.detail.context.drawImage(i, ...t(this, E)), t(this, g).current && u(this, b, (t(this, b) + 1) % t(this, c).length);
-    });
-    q && (u(this, w, parseInt(
-      ((e == null ? void 0 : e.pad) || this.getAttribute("pad") || "1").toString()
-    )), t(this, v).subscribe(t(this, a)), t(this, l).subscribe(t(this, a)), t(this, d).subscribe(t(this, a)), this.addEventListener("sourceCapture", (i) => {
+      const element = __privateGet(this, _currentImages)[__privateGet(this, _currentIndex)];
+      element && e.detail.context.drawImage(element, ...__privateGet(this, _imageDimensions)), __privateGet(this, _autoplayCSSProperty).current && __privateSet(this, _currentIndex, (__privateGet(this, _currentIndex) + 1) % __privateGet(this, _currentImages).length);
+    }, "#renderListener"));
+    isBrowser && (__privateSet(this, _pad, parseInt(
+      ((parameters == null ? void 0 : parameters.pad) || this.getAttribute("pad") || "1").toString()
+    )), __privateGet(this, _fitCSSProperty).subscribe(__privateGet(this, _resizeListener)), __privateGet(this, _offsetXCSSProperty).subscribe(__privateGet(this, _resizeListener)), __privateGet(this, _offsetYCSSProperty).subscribe(__privateGet(this, _resizeListener)), this.addEventListener("sourceCapture", (e) => {
       this.consumerElement.addEventListener(
         "canvasRender",
-        t(this, f)
+        __privateGet(this, _renderListener)
       );
-    }), this.addEventListener("sourceRelease", (i) => {
+    }), this.addEventListener("sourceRelease", (e) => {
       this.consumerElement.removeEventListener(
         "canvasRender",
-        t(this, f)
+        __privateGet(this, _renderListener)
       );
     }));
   }
-  setProgress(e) {
-    t(this, c).length && u(this, b, Math.floor((t(this, c).length - 1) * e));
+  setProgress(value) {
+    __privateGet(this, _currentImages).length && __privateSet(this, _currentIndex, Math.floor((__privateGet(this, _currentImages).length - 1) * value));
   }
   connectedCallback() {
-    super.connectedCallback(), t(this, g).observe(), t(this, v).observe(), t(this, l).observe(), t(this, d).observe(), k.subscribe(this, t(this, a));
+    super.connectedCallback(), __privateGet(this, _autoplayCSSProperty).observe(), __privateGet(this, _fitCSSProperty).observe(), __privateGet(this, _offsetXCSSProperty).observe(), __privateGet(this, _offsetYCSSProperty).observe(), elementResizer.subscribe(this, __privateGet(this, _resizeListener));
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), t(this, g).unobserve(), t(this, v).unobserve(), t(this, l).unobserve(), t(this, d).unobserve(), u(this, c, []), k.unsubscribe(t(this, a)), this.consumerElement.removeEventListener(
+    super.disconnectedCallback(), __privateGet(this, _autoplayCSSProperty).unobserve(), __privateGet(this, _fitCSSProperty).unobserve(), __privateGet(this, _offsetXCSSProperty).unobserve(), __privateGet(this, _offsetYCSSProperty).unobserve(), __privateSet(this, _currentImages, []), elementResizer.unsubscribe(__privateGet(this, _resizeListener)), this.consumerElement.removeEventListener(
       "canvasRender",
-      t(this, f)
+      __privateGet(this, _renderListener)
     );
   }
   createConsumer() {
-    return new A();
+    return new CanvasElement();
   }
-  consumeSource(e) {
-    return R(this, null, function* () {
-      var i, p, S, C;
-      if (e) {
+  consumeSource(url) {
+    return __async(this, null, function* () {
+      var _a, _b, _c, _d;
+      if (url) {
         this.consumerElement.removeEventListener(
           "canvasRender",
-          t(this, f)
+          __privateGet(this, _renderListener)
         );
-        const m = [], o = D(e);
-        if (o)
-          for (let r = o.start; r <= o.end; r++) {
-            const L = e.replace(
+        const newImages = [], minmax = extractNumbersBetweenCurlyBraces(url);
+        if (minmax)
+          for (let i = minmax.start; i <= minmax.end; i++) {
+            const src = url.replace(
               /\{([^}]+)\}/,
-              r.toString().padStart(t(this, w), "0")
-            ), y = new Image();
-            y.src = L, m.push(y);
+              i.toString().padStart(__privateGet(this, _pad), "0")
+            ), image = new Image();
+            image.src = src, newImages.push(image);
           }
         else {
-          const r = new Image();
-          r.src = e, m.push(r);
+          const image = new Image();
+          image.src = url, newImages.push(image);
         }
         try {
           yield Promise.all(
-            m.map((r, L) => new Promise((y, z) => {
-              r.onload = () => {
-                y();
-              }, r.onerror = (M) => {
-                z(`${r.src} Image not found`);
+            newImages.map((image, i) => new Promise((res, rej) => {
+              image.onload = () => {
+                res();
+              }, image.onerror = (e) => {
+                rej(`${image.src} Image not found`);
               };
             }))
-          ), u(this, c, m), t(this, a).call(this), (p = (i = this.consumerElement).onload) == null || p.call(i, new Event("load")), this.isLazy || this.consumerElement.addEventListener(
+          ), __privateSet(this, _currentImages, newImages), __privateGet(this, _resizeListener).call(this), (_b = (_a = this.consumerElement).onload) == null || _b.call(_a, new Event("load")), this.isLazy || this.consumerElement.addEventListener(
             "canvasRender",
-            t(this, f)
+            __privateGet(this, _renderListener)
           );
-        } catch (r) {
-          console.error(r), (C = (S = this.consumerElement).onerror) == null || C.call(S, new Event("error"));
+        } catch (e) {
+          console.error(e), (_d = (_c = this.consumerElement).onerror) == null || _d.call(_c, new Event("error"));
         }
       }
     });
   }
-}
-c = new WeakMap(), v = new WeakMap(), g = new WeakMap(), l = new WeakMap(), d = new WeakMap(), E = new WeakMap(), b = new WeakMap(), w = new WeakMap(), a = new WeakMap(), f = new WeakMap();
-q && !customElements.get("e-sequence") && customElements.define("e-sequence", F);
+};
+_currentImages = new WeakMap(), _fitCSSProperty = new WeakMap(), _autoplayCSSProperty = new WeakMap(), _offsetXCSSProperty = new WeakMap(), _offsetYCSSProperty = new WeakMap(), _imageDimensions = new WeakMap(), _currentIndex = new WeakMap(), _pad = new WeakMap(), _resizeListener = new WeakMap(), _renderListener = new WeakMap(), __name(_SequenceElement, "SequenceElement");
+let SequenceElement = _SequenceElement;
+isBrowser && !customElements.get("e-sequence") && customElements.define("e-sequence", SequenceElement);
 export {
-  F as SequenceElement
+  SequenceElement
 };

package/lib/size-element/index.cjs

@@ -1 +1 @@
-"use strict";var f=t=>{throw TypeError(t)};var d=(t,i,e)=>i.has(t)||f("Cannot "+e);var h=(t,i,e)=>(d(t,i,"read from private field"),e?e.call(t):i.get(t)),m=(t,i,e)=>i.has(t)?f("Cannot add the same private member more than once"):i instanceof WeakSet?i.add(t):i.set(t,e),u=(t,i,e,s)=>(d(t,i,"write to private field"),s?s.call(t,e):i.set(t,e),e),o=(t,i,e)=>(d(t,i,"access private method"),e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../element-resizer/index.cjs"),y=require("../index-OE2INULi.cjs");require("construct-style-sheets-polyfill");var r,n,l,c;class p extends HTMLElement{constructor(){super(...arguments);m(this,n);m(this,r,this);m(this,c,()=>{h(this,r).style.removeProperty("--width"),h(this,r).style.removeProperty("--height"),o(this,n,l).call(this,"width"),o(this,n,l).call(this,"height"),setTimeout(()=>{const e=this.offsetWidth,s=this.offsetHeight;o(this,n,l).call(this,"width",e+"px"),o(this,n,l).call(this,"height",s+"px")},0)})}connectedCallback(){var s;const e=(s=this.getAttribute("target"))==null?void 0:s.trim();e&&(e==="parent"?u(this,r,this.parentElement||this):u(this,r,document.querySelector(e)||this)),g.elementResizer.subscribe(this,h(this,c))}disconnectedCallback(){g.elementResizer.unsubscribe(h(this,c))}}r=new WeakMap,n=new WeakSet,l=function(e,s){const a=this.dataset.prefix||"";s?h(this,r).style.setProperty(`--${a}${e}`,s):h(this,r).style.removeProperty(`--${a}${e}`)},c=new WeakMap;y.isBrowser&&!customElements.get("e-size-element")&&customElements.define("e-size-element",p);exports.SizeElement=p;
+"use strict";var __defProp=Object.defineProperty;var __typeError=msg=>{throw TypeError(msg)};var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg);var __privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj)),__privateAdd=(obj,member,value)=>member.has(obj)?__typeError("Cannot add the same private member more than once"):member instanceof WeakSet?member.add(obj):member.set(obj,value),__privateSet=(obj,member,value,setter)=>(__accessCheck(obj,member,"write to private field"),setter?setter.call(obj,value):member.set(obj,value),value),__privateMethod=(obj,member,method)=>(__accessCheck(obj,member,"access private method"),method);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const elementResizer_index=require("../element-resizer/index.cjs"),intersector_index=require("../index-BpO2RJ__.cjs");require("construct-style-sheets-polyfill");var _targetElement,_SizeElement_instances,setVar_fn,_resizeListener;const _SizeElement=class _SizeElement extends HTMLElement{constructor(){super(...arguments);__privateAdd(this,_SizeElement_instances);__privateAdd(this,_targetElement,this);__privateAdd(this,_resizeListener,__name(()=>{__privateGet(this,_targetElement).style.removeProperty("--width"),__privateGet(this,_targetElement).style.removeProperty("--height"),__privateMethod(this,_SizeElement_instances,setVar_fn).call(this,"width"),__privateMethod(this,_SizeElement_instances,setVar_fn).call(this,"height"),setTimeout(()=>{const width=this.offsetWidth,height=this.offsetHeight;__privateMethod(this,_SizeElement_instances,setVar_fn).call(this,"width",width+"px"),__privateMethod(this,_SizeElement_instances,setVar_fn).call(this,"height",height+"px")},0)},"#resizeListener"))}connectedCallback(){var _a;const targetName=(_a=this.getAttribute("target"))==null?void 0:_a.trim();targetName&&(targetName==="parent"?__privateSet(this,_targetElement,this.parentElement||this):__privateSet(this,_targetElement,document.querySelector(targetName)||this)),elementResizer_index.elementResizer.subscribe(this,__privateGet(this,_resizeListener))}disconnectedCallback(){elementResizer_index.elementResizer.unsubscribe(__privateGet(this,_resizeListener))}};_targetElement=new WeakMap,_SizeElement_instances=new WeakSet,setVar_fn=__name(function(varName,value){const prefix=this.dataset.prefix||"";value?__privateGet(this,_targetElement).style.setProperty(`--${prefix}${varName}`,value):__privateGet(this,_targetElement).style.removeProperty(`--${prefix}${varName}`)},"#setVar"),_resizeListener=new WeakMap,__name(_SizeElement,"SizeElement");let SizeElement=_SizeElement;intersector_index.isBrowser&&!customElements.get("e-size-element")&&customElements.define("e-size-element",SizeElement);exports.SizeElement=SizeElement;

package/lib/size-element/index.js

@@ -1,38 +1,41 @@
-var d = (t) => {
-  throw TypeError(t);
+var __defProp = Object.defineProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
-var p = (t, s, e) => s.has(t) || d("Cannot " + e);
-var r = (t, s, e) => (p(t, s, "read from private field"), e ? e.call(t) : s.get(t)), c = (t, s, e) => s.has(t) ? d("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, e), f = (t, s, e, i) => (p(t, s, "write to private field"), i ? i.call(t, e) : s.set(t, e), e), n = (t, s, e) => (p(t, s, "access private method"), e);
-import { elementResizer as g } from "../element-resizer/index.js";
-import { i as y } from "../index-e9eDuagL.js";
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj)), __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value), __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value), __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+import { elementResizer } from "../element-resizer/index.js";
+import { i as isBrowser } from "../index-DpKsHe97.js";
 import "construct-style-sheets-polyfill";
-var h, o, m, l;
-class u extends HTMLElement {
+var _targetElement, _SizeElement_instances, setVar_fn, _resizeListener;
+const _SizeElement = class _SizeElement extends HTMLElement {
   constructor() {
     super(...arguments);
-    c(this, o);
-    c(this, h, this);
-    c(this, l, () => {
-      r(this, h).style.removeProperty("--width"), r(this, h).style.removeProperty("--height"), n(this, o, m).call(this, "width"), n(this, o, m).call(this, "height"), setTimeout(() => {
-        const e = this.offsetWidth, i = this.offsetHeight;
-        n(this, o, m).call(this, "width", e + "px"), n(this, o, m).call(this, "height", i + "px");
+    __privateAdd(this, _SizeElement_instances);
+    __privateAdd(this, _targetElement, this);
+    __privateAdd(this, _resizeListener, /* @__PURE__ */ __name(() => {
+      __privateGet(this, _targetElement).style.removeProperty("--width"), __privateGet(this, _targetElement).style.removeProperty("--height"), __privateMethod(this, _SizeElement_instances, setVar_fn).call(this, "width"), __privateMethod(this, _SizeElement_instances, setVar_fn).call(this, "height"), setTimeout(() => {
+        const width = this.offsetWidth, height = this.offsetHeight;
+        __privateMethod(this, _SizeElement_instances, setVar_fn).call(this, "width", width + "px"), __privateMethod(this, _SizeElement_instances, setVar_fn).call(this, "height", height + "px");
       }, 0);
-    });
+    }, "#resizeListener"));
   }
   connectedCallback() {
-    var i;
-    const e = (i = this.getAttribute("target")) == null ? void 0 : i.trim();
-    e && (e === "parent" ? f(this, h, this.parentElement || this) : f(this, h, document.querySelector(e) || this)), g.subscribe(this, r(this, l));
+    var _a;
+    const targetName = (_a = this.getAttribute("target")) == null ? void 0 : _a.trim();
+    targetName && (targetName === "parent" ? __privateSet(this, _targetElement, this.parentElement || this) : __privateSet(this, _targetElement, document.querySelector(targetName) || this)), elementResizer.subscribe(this, __privateGet(this, _resizeListener));
   }
   disconnectedCallback() {
-    g.unsubscribe(r(this, l));
+    elementResizer.unsubscribe(__privateGet(this, _resizeListener));
   }
-}
-h = new WeakMap(), o = new WeakSet(), m = function(e, i) {
-  const a = this.dataset.prefix || "";
-  i ? r(this, h).style.setProperty(`--${a}${e}`, i) : r(this, h).style.removeProperty(`--${a}${e}`);
-}, l = new WeakMap();
-y && !customElements.get("e-size-element") && customElements.define("e-size-element", u);
+};
+_targetElement = new WeakMap(), _SizeElement_instances = new WeakSet(), setVar_fn = /* @__PURE__ */ __name(function(varName, value) {
+  const prefix = this.dataset.prefix || "";
+  value ? __privateGet(this, _targetElement).style.setProperty(`--${prefix}${varName}`, value) : __privateGet(this, _targetElement).style.removeProperty(`--${prefix}${varName}`);
+}, "#setVar"), _resizeListener = new WeakMap(), __name(_SizeElement, "SizeElement");
+let SizeElement = _SizeElement;
+isBrowser && !customElements.get("e-size-element") && customElements.define("e-size-element", SizeElement);
 export {
-  u as SizeElement
+  SizeElement
 };

package/lib/slicer/index.cjs

@@ -1 +1 @@
-"use strict";var P=i=>{throw TypeError(i)};var H=(i,e,s)=>e.has(i)||P("Cannot "+s);var t=(i,e,s)=>(H(i,e,"read from private field"),s?s.call(i):e.get(i)),c=(i,e,s)=>e.has(i)?P("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(i):e.set(i,s),o=(i,e,s,g)=>(H(i,e,"write to private field"),g?g.call(i,s):e.set(i,s),s),L=(i,e,s)=>(H(i,e,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("../media/index.cjs"),q=require("../index-OE2INULi.cjs");require("construct-style-sheets-polyfill");var A,u;class D{constructor(e){c(this,A);c(this,u);o(this,A,e.index),o(this,u,document.createElement("span")),t(this,u).classList.add("letter"),e.clone?t(this,u).innerHTML=`<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>`:t(this,u).innerHTML=`<span class="original"><span class="value">${e.text}</span></span>`}get index(){return t(this,A)}get element(){return t(this,u)}}A=new WeakMap,u=new WeakMap;var M,h,p,x;class S{constructor(e){c(this,M);c(this,h);c(this,p);c(this,x);if(o(this,M,e.index),o(this,h,document.createElement("span")),o(this,p,[]),o(this,x,e.text.endsWith("\\n")),t(this,x)&&(e.text=e.text.replace("\\n","")),e.letters&&e.lettersAcc!==void 0){let s=0;const g=/([\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF\-–—])/,T=e.text.split(g).filter(y=>y.trim()!=="");T.length>1&&t(this,h).classList.add("words-inside"),T.forEach((y,w,n)=>{const l=y.split("").map(r=>{if(r!==" ")return new D({index:e.lettersAcc+s++,text:r,clone:e.clone})});if(o(this,p,l.filter(r=>r instanceof D)),n.length>1){const r=document.createElement("span");r.append(...t(this,p).map(a=>a.element)),t(this,h).append(r),w!==n.length-1&&t(this,h).append(r)}else t(this,h).append(...t(this,p).map(r=>r.element))})}else e.clone?t(this,h).innerHTML=`<span class="original"><span class="value">${e.text}</span></span><span class="clone" aria-hidden><span class="value">${e.text}</span></span>`:t(this,h).innerHTML=`<span class="original"><span class="value">${e.text}</span></span>`;t(this,h).classList.add("word")}get index(){return t(this,M)}get element(){return t(this,h)}get letters(){return t(this,p)}get hasNewLine(){return t(this,x)}}M=new WeakMap,h=new WeakMap,p=new WeakMap,x=new WeakMap;var m,d,E,N,f,_,O;class $ extends HTMLElement{constructor(){super(...arguments);c(this,f);c(this,m,"");c(this,d,[]);c(this,E,[]);c(this,N,null)}get wordsArray(){return t(this,d)}get lettersArray(){return t(this,E)}get originalHTML(){return t(this,m)}connectedCallback(){this.classList.contains("splitted")||(o(this,m,this.innerHTML.trim()),this.hasAttribute("media")?(o(this,N,new k.Media(this.getAttribute("media"))),t(this,N).subscribe(s=>{s.current?L(this,f,_).call(this):!s.current&&s.previous&&L(this,f,O).call(this)})):L(this,f,_).call(this),this.classList.add("splitted"))}disconnectedCallback(){var s;L(this,f,O).call(this),(s=t(this,N))==null||s.close()}}m=new WeakMap,d=new WeakMap,E=new WeakMap,N=new WeakMap,f=new WeakSet,_=function(){const s=[];o(this,d,[]);let g=0,T=0;const y=n=>{var a;const l=(a=n.textContent)==null?void 0:a.trim();if(!l)return document.createDocumentFragment();const r=document.createDocumentFragment();return l.replace(/[\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF]+/g," ").split(" ").forEach((F,v,C)=>{if(!F)return;const b=new S({index:g,text:F+(v<C.length-1?" ":""),letters:this.hasAttribute("letters"),lettersAcc:T,clone:this.hasAttribute("clone")});T+=b.letters.length,g+=1,t(this,E).push(...b.letters),t(this,d).push(b),r.appendChild(b.element)}),r},w=n=>{if(n.nodeType===Node.TEXT_NODE)return y(n);if(n.nodeType===Node.ELEMENT_NODE){const l=n.cloneNode(!1);return Array.from(n.childNodes).forEach(r=>{const a=w(r);a&&(a.nodeType===Node.DOCUMENT_FRAGMENT_NODE?Array.from(a.childNodes).forEach((F,v,C)=>{l.append(F),v!==C.length-1&&l.append(new Text(" "))}):l.appendChild(a))}),l}return n.cloneNode()};Array.from(this.childNodes).forEach(n=>{const l=w(n);l.nodeType===Node.DOCUMENT_FRAGMENT_NODE?s.push(...Array.from(l.childNodes)):s.push(l)}),this.hasAttribute("index")&&(t(this,d).forEach(n=>{n.element.style.setProperty("--word-index",n.index.toString())}),t(this,E).forEach(n=>{n.element.style.setProperty("--letter-index",n.index.toString())})),this.innerHTML="",s.forEach((n,l)=>{this.appendChild(n),l<s.length-1&&n.nodeType===Node.ELEMENT_NODE&&this.appendChild(new Text(" "))}),this.style.setProperty("--words-length",t(this,d).length.toString()),this.style.setProperty("--letters-length",t(this,E).length.toString())},O=function(){o(this,d,[]),this.innerHTML=t(this,m),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")};q.isBrowser&&!customElements.get("e-slicer")&&customElements.define("e-slicer",$);exports.Letter=D;exports.SlicerElement=$;exports.Word=S;
+"use strict";var __defProp=Object.defineProperty;var __typeError=msg=>{throw TypeError(msg)};var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var __accessCheck=(obj,member,msg)=>member.has(obj)||__typeError("Cannot "+msg);var __privateGet=(obj,member,getter)=>(__accessCheck(obj,member,"read from private field"),getter?getter.call(obj):member.get(obj)),__privateAdd=(obj,member,value)=>member.has(obj)?__typeError("Cannot add the same private member more than once"):member instanceof WeakSet?member.add(obj):member.set(obj,value),__privateSet=(obj,member,value,setter)=>(__accessCheck(obj,member,"write to private field"),setter?setter.call(obj,value):member.set(obj,value),value),__privateMethod=(obj,member,method)=>(__accessCheck(obj,member,"access private method"),method);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const media_index=require("../media/index.cjs"),intersector_index=require("../index-BpO2RJ__.cjs");require("construct-style-sheets-polyfill");var _index,_element;const _Letter=class _Letter{constructor(parameters){__privateAdd(this,_index);__privateAdd(this,_element);__privateSet(this,_index,parameters.index),__privateSet(this,_element,document.createElement("span")),__privateGet(this,_element).classList.add("letter"),parameters.clone?__privateGet(this,_element).innerHTML=`<span class="original"><span class="value">${parameters.text}</span></span><span class="clone" aria-hidden><span class="value">${parameters.text}</span></span>`:__privateGet(this,_element).innerHTML=`<span class="original"><span class="value">${parameters.text}</span></span>`}get index(){return __privateGet(this,_index)}get element(){return __privateGet(this,_element)}};_index=new WeakMap,_element=new WeakMap,__name(_Letter,"Letter");let Letter=_Letter;var _index2,_element2,_letters,_hasNewLine;const _Word=class _Word{constructor(parameters){__privateAdd(this,_index2);__privateAdd(this,_element2);__privateAdd(this,_letters);__privateAdd(this,_hasNewLine);if(__privateSet(this,_index2,parameters.index),__privateSet(this,_element2,document.createElement("span")),__privateSet(this,_letters,[]),__privateSet(this,_hasNewLine,parameters.text.endsWith("\\n")),__privateGet(this,_hasNewLine)&&(parameters.text=parameters.text.replace("\\n","")),parameters.letters&&parameters.lettersAcc!==void 0){let i=0;const reg1=/([\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF\-–—])/,wordParts=parameters.text.split(reg1).filter(part=>part.trim()!=="");wordParts.length>1&&__privateGet(this,_element2).classList.add("words-inside"),wordParts.forEach((word,wordIndex,wordArray)=>{const letters=word.split("").map(letter=>{if(letter!==" ")return new Letter({index:parameters.lettersAcc+i++,text:letter,clone:parameters.clone})});if(__privateSet(this,_letters,letters.filter(l=>l instanceof Letter)),wordArray.length>1){const el=document.createElement("span");el.append(...__privateGet(this,_letters).map(l=>l.element)),__privateGet(this,_element2).append(el),wordIndex!==wordArray.length-1&&__privateGet(this,_element2).append(el)}else __privateGet(this,_element2).append(...__privateGet(this,_letters).map(l=>l.element))})}else parameters.clone?__privateGet(this,_element2).innerHTML=`<span class="original"><span class="value">${parameters.text}</span></span><span class="clone" aria-hidden><span class="value">${parameters.text}</span></span>`:__privateGet(this,_element2).innerHTML=`<span class="original"><span class="value">${parameters.text}</span></span>`;__privateGet(this,_element2).classList.add("word")}get index(){return __privateGet(this,_index2)}get element(){return __privateGet(this,_element2)}get letters(){return __privateGet(this,_letters)}get hasNewLine(){return __privateGet(this,_hasNewLine)}};_index2=new WeakMap,_element2=new WeakMap,_letters=new WeakMap,_hasNewLine=new WeakMap,__name(_Word,"Word");let Word=_Word;var _originalHTML,_words,_letters2,_media,_SlicerElement_instances,split_fn,unsplit_fn;const _SlicerElement=class _SlicerElement extends HTMLElement{constructor(){super(...arguments);__privateAdd(this,_SlicerElement_instances);__privateAdd(this,_originalHTML,"");__privateAdd(this,_words,[]);__privateAdd(this,_letters2,[]);__privateAdd(this,_media,null)}get wordsArray(){return __privateGet(this,_words)}get lettersArray(){return __privateGet(this,_letters2)}get originalHTML(){return __privateGet(this,_originalHTML)}connectedCallback(){this.classList.contains("splitted")||(__privateSet(this,_originalHTML,this.innerHTML.trim()),this.hasAttribute("media")?(__privateSet(this,_media,new media_index.Media(this.getAttribute("media"))),__privateGet(this,_media).subscribe(e=>{e.current?__privateMethod(this,_SlicerElement_instances,split_fn).call(this):!e.current&&e.previous&&__privateMethod(this,_SlicerElement_instances,unsplit_fn).call(this)})):__privateMethod(this,_SlicerElement_instances,split_fn).call(this),this.classList.add("splitted"))}disconnectedCallback(){var _a;__privateMethod(this,_SlicerElement_instances,unsplit_fn).call(this),(_a=__privateGet(this,_media))==null||_a.close()}};_originalHTML=new WeakMap,_words=new WeakMap,_letters2=new WeakMap,_media=new WeakMap,_SlicerElement_instances=new WeakSet,split_fn=__name(function(){const nodes=[];__privateSet(this,_words,[]);let wordsAcc=0,lettersAcc=0;const processTextNode=__name(textNode=>{var _a;const text=(_a=textNode.textContent)==null?void 0:_a.trim();if(!text)return document.createDocumentFragment();const fragment=document.createDocumentFragment();return text.replace(/[\s\u00A0\u1680\u2000-\u200F\u2028\u2029\u202F\u205F\u3000\uFEFF]+/g," ").split(" ").forEach((wordText,i,arr)=>{if(!wordText)return;const word=new Word({index:wordsAcc,text:wordText+(i<arr.length-1?" ":""),letters:this.hasAttribute("letters"),lettersAcc,clone:this.hasAttribute("clone")});lettersAcc+=word.letters.length,wordsAcc+=1,__privateGet(this,_letters2).push(...word.letters),__privateGet(this,_words).push(word),fragment.appendChild(word.element)}),fragment},"processTextNode"),walk=__name(node=>{if(node.nodeType===Node.TEXT_NODE)return processTextNode(node);if(node.nodeType===Node.ELEMENT_NODE){const clone=node.cloneNode(!1);return Array.from(node.childNodes).forEach(child=>{const processedChild=walk(child);processedChild&&(processedChild.nodeType===Node.DOCUMENT_FRAGMENT_NODE?Array.from(processedChild.childNodes).forEach((node2,i,arr)=>{clone.append(node2),i!==arr.length-1&&clone.append(new Text(" "))}):clone.appendChild(processedChild))}),clone}return node.cloneNode()},"walk");Array.from(this.childNodes).forEach(node=>{const processedNode=walk(node);processedNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?nodes.push(...Array.from(processedNode.childNodes)):nodes.push(processedNode)}),this.hasAttribute("index")&&(__privateGet(this,_words).forEach(word=>{word.element.style.setProperty("--word-index",word.index.toString())}),__privateGet(this,_letters2).forEach(letter=>{letter.element.style.setProperty("--letter-index",letter.index.toString())})),this.innerHTML="",nodes.forEach((node,i)=>{this.appendChild(node),i<nodes.length-1&&node.nodeType===Node.ELEMENT_NODE&&this.appendChild(new Text(" "))}),this.style.setProperty("--words-length",__privateGet(this,_words).length.toString()),this.style.setProperty("--letters-length",__privateGet(this,_letters2).length.toString())},"#split"),unsplit_fn=__name(function(){__privateSet(this,_words,[]),this.innerHTML=__privateGet(this,_originalHTML),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")},"#unsplit"),__name(_SlicerElement,"SlicerElement");let SlicerElement=_SlicerElement;intersector_index.isBrowser&&!customElements.get("e-slicer")&&customElements.define("e-slicer",SlicerElement);exports.Letter=Letter;exports.SlicerElement=SlicerElement;exports.Word=Word;