aptechka 0.30.2 → 0.30.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";var X=r=>{throw TypeError(r)};var F=(r,s,t)=>s.has(r)||X("Cannot "+t);var e=(r,s,t)=>(F(r,s,"read from private field"),t?t.call(r):s.get(r)),i=(r,s,t)=>s.has(r)?X("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(r):s.set(r,t),a=(r,s,t,n)=>(F(r,s,"write to private field"),n?n.call(r,t):s.set(r,t),t)
|
|
1
|
+
"use strict";var X=r=>{throw TypeError(r)};var F=(r,s,t)=>s.has(r)||X("Cannot "+t);var e=(r,s,t)=>(F(r,s,"read from private field"),t?t.call(r):s.get(r)),i=(r,s,t)=>s.has(r)?X("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(r):s.set(r,t),a=(r,s,t,n)=>(F(r,s,"write to private field"),n?n.call(r,t):s.set(r,t),t),B=(r,s,t)=>(F(r,s,"access private method"),t);var Y=(r,s,t)=>new Promise((n,l)=>{var y=d=>{try{g(t.next(d))}catch(c){l(c)}},T=d=>{try{g(t.throw(d))}catch(c){l(c)}},g=d=>d.done?n(d.value):Promise.resolve(d.value).then(y,T);g((t=t.apply(r,s)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("../device/index.cjs"),re=require("../source/index.cjs"),ne=require("../class-linked-status/index.cjs"),Q=require("../browser-CpzFX2xg.cjs"),K=require("../events-KVanG9sR.cjs"),oe=require("../string-DhgS_iFl.cjs"),U=require("../loading/index.cjs"),H=require("../css-property/index.cjs"),G=require("../element-resizer/vanilla/index.cjs"),J=require("../canvas-CU5Xjahf.cjs"),ae=require("../canvas/index.cjs"),D=require("../ticker/vanilla/index.cjs");let ce=0;var u,o,p,q,m,z,C,h,I,P,O,W,_,V;class j extends HTMLElement{constructor(){super();i(this,P);i(this,u,null);i(this,o,null);i(this,p,!1);i(this,q,!1);i(this,m,!1);i(this,z,"");i(this,C,"");i(this,h,new ne.ClassLinkedStatus(this,{loading:!1,loaded:!1,error:!1}));i(this,I,null);i(this,W,t=>{const n=t[0];e(this,m)&&(!e(this,q)||this.hasAttribute("reload-source"))&&n.isIntersecting&&this.triggerLazyLoad(),n.isIntersecting?K.dispatchEvent(this,"sourceCapture",{custom:!0}):(this.hasAttribute("reload-source")&&B(this,P,O).call(this,void 0),K.dispatchEvent(this,"sourceRelease",{custom:!0}))});i(this,_,()=>{e(this,h).set("loaded",!0),e(this,h).set("error",!1),e(this,h).set("loading",!1),!e(this,m)&&!e(this,p)&&U.loading.complete(e(this,C)),a(this,p,!0)});i(this,V,t=>{e(this,h).set("loaded",!1),e(this,h).set("error",!0),e(this,h).set("loading",!1),!e(this,m)&&!e(this,p)&&U.loading.error(e(this,C)),a(this,p,!0)});Q.isBrowser&&window.IntersectionObserver&&(a(this,z,`source-consumer-${++ce}`),a(this,I,new IntersectionObserver(e(this,W))))}get consumerElement(){return e(this,o)}get sourceManager(){return e(this,u)}get status(){return e(this,h)}get isLazy(){return e(this,m)}triggerLazyLoad(){e(this,u).current&&e(this,u).current!==e(this,u).previous&&B(this,P,O).call(this,e(this,u).current),a(this,q,!0)}connectedCallback(){const t=this.getAttribute("srcset");t&&(a(this,o,this.createConsumer()),e(this,o).style.cssText=`
|
|
2
2
|
display: block;
|
|
3
3
|
width: 100%;
|
|
4
4
|
height: 100%;
|
|
5
|
-
`,e(this,o).classList.add("source-consumer"),Array.from(this.attributes).forEach(n=>{if(n.name!=="srcset"){const l=n.nodeValue||"",y=oe.kebabToCamel(n.name);y in e(this,o)&&(e(this,o)[y]=l||!0)}}),this.appendChild(e(this,o)),a(this,u,new re.SourceManager({srcset:t})),a(this,m,this.hasAttribute("lazy")),e(this,u).subscribe(n=>{(!e(this,m)||e(this,m)&&e(this,q))
|
|
5
|
+
`,e(this,o).classList.add("source-consumer"),Array.from(this.attributes).forEach(n=>{if(n.name!=="srcset"){const l=n.nodeValue||"",y=oe.kebabToCamel(n.name);y in e(this,o)&&(e(this,o)[y]=l||!0)}}),this.appendChild(e(this,o)),a(this,u,new re.SourceManager({srcset:t})),a(this,m,this.hasAttribute("lazy")),e(this,u).subscribe(n=>{(!e(this,m)||e(this,m)&&e(this,q))&&B(this,P,O).call(this,n.current)}),e(this,I).observe(this),e(this,u).connect())}disconnectedCallback(){e(this,I).disconnect(),e(this,u).close(),e(this,o).onloadeddata=null,e(this,o).onload=null,e(this,o).onerror=null,e(this,o).remove(),e(this,h).reset()}}u=new WeakMap,o=new WeakMap,p=new WeakMap,q=new WeakMap,m=new WeakMap,z=new WeakMap,C=new WeakMap,h=new WeakMap,I=new WeakMap,P=new WeakSet,O=function(t){if(e(this,o).onloadeddata=null,e(this,o).onload=null,e(this,o).onerror=null,e(this,h).set("loaded",!1),e(this,h).set("error",!1),e(this,h).set("loading",!1),t){a(this,C,`${e(this,z)}-${t.url}`);const n=this.hasAttribute("keep-source-parameters");e(this,h).set("loading",!0);const l=n?t.url:t.name+t.extension;this.consumeSource(l),!e(this,m)&&!e(this,p)&&U.loading.add(e(this,C)),e(this,o).onloadeddata=()=>{e(this,_).call(this)},e(this,o).onload=()=>{e(this,_).call(this)},e(this,o).onerror=()=>{e(this,V).call(this,l)}}else this.consumeSource(null)},W=new WeakMap,_=new WeakMap,V=new WeakMap;class Z extends j{createConsumer(){return document.createElement("img")}consumeSource(s){if(s&&this.hasAttribute("webp")&&ie.device.isWebp){const t=s.split(".").slice(0,-1).join(".")+".webp";this.consumerElement.src=t}else this.consumerElement.src=s||""}}customElements.get("e-image")||customElements.define("e-image",Z);function he(r){const s=r.match(/\{([\d-]+)\}/);if(s){const t=s[1].split("-");if(t.length===2){const n=parseInt(t[0],10),l=parseInt(t[1],10);return{start:n,end:l}}}return null}var f,w,R,E,v,L,k,M,b,S;class ee extends j{constructor(t){super();i(this,f,[]);i(this,w,new H.CSSProperty(this,"--fit","contain"));i(this,R,new H.CSSProperty(this,"--autoplay",!1));i(this,E,new H.CSSProperty(this,"--offset-x",.5));i(this,v,new H.CSSProperty(this,"--offset-y",.5));i(this,L,null);i(this,k,0);i(this,M,1);i(this,b,()=>{if(e(this,f).length){const t=e(this,f)[0];e(this,w).current==="cover"?a(this,L,J.cover(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,E).current,e(this,v).current)):a(this,L,J.contain(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,E).current,e(this,v).current))}});i(this,S,t=>{if(this.status.isFalse("loaded")||!e(this,L))return;t.detail.context.clearRect(0,0,t.detail.width,t.detail.height);const n=e(this,f)[e(this,k)];n&&t.detail.context.drawImage(n,...e(this,L)),e(this,R).current&&a(this,k,(e(this,k)+1)%e(this,f).length)});Q.isBrowser&&(a(this,M,parseInt(((t==null?void 0:t.pad)||this.getAttribute("pad")||"1").toString())),e(this,w).subscribe(e(this,b)),e(this,E).subscribe(e(this,b)),e(this,v).subscribe(e(this,b)),this.addEventListener("sourceCapture",n=>{this.consumerElement.addEventListener("canvasRender",e(this,S))}),this.addEventListener("sourceRelease",n=>{this.consumerElement.removeEventListener("canvasRender",e(this,S))}))}setProgress(t){e(this,f).length&&a(this,k,Math.floor((e(this,f).length-1)*t))}connectedCallback(){super.connectedCallback(),e(this,R).observe(),e(this,w).observe(),e(this,E).observe(),e(this,v).observe(),G.elementResizer.subscribe(this,e(this,b))}disconnectedCallback(){super.disconnectedCallback(),e(this,R).unobserve(),e(this,w).unobserve(),e(this,E).unobserve(),e(this,v).unobserve(),a(this,f,[]),G.elementResizer.unsubscribe(e(this,b)),this.consumerElement.removeEventListener("canvasRender",e(this,S))}createConsumer(){return new ae.CanvasElement}consumeSource(t){return Y(this,null,function*(){var n,l,y,T;if(t){this.consumerElement.removeEventListener("canvasRender",e(this,S));const g=[],d=he(t);if(d)for(let c=d.start;c<=d.end;c++){const N=t.replace(/\{([^}]+)\}/,c.toString().padStart(e(this,M),"0")),$=new Image;$.src=N,g.push($)}else{const c=new Image;c.src=t,g.push(c)}try{yield Promise.all(g.map((c,N)=>new Promise(($,se)=>{c.onload=()=>{$()},c.onerror=le=>{se(`${c.src} Image not found`)}}))),a(this,f,g),e(this,b).call(this),(l=(n=this.consumerElement).onload)==null||l.call(n,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",e(this,S))}catch(c){console.error(c),(T=(y=this.consumerElement).onerror)==null||T.call(y,new Event("error"))}}})}}f=new WeakMap,w=new WeakMap,R=new WeakMap,E=new WeakMap,v=new WeakMap,L=new WeakMap,k=new WeakMap,M=new WeakMap,b=new WeakMap,S=new WeakMap;customElements.get("e-sequence")||customElements.define("e-sequence",ee);var x,A;class te extends j{constructor(){super(...arguments);i(this,x,0);i(this,A,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const t=this.consumerElement.readyState/4;t>e(this,x)&&a(this,x,t),K.dispatchEvent(this,"videoReadyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:e(this,x)}}),this.consumerElement.readyState===4&&D.ticker.unsubscribe(e(this,A))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{D.ticker.subscribe(e(this,A)),this.hasAttribute("capture-autoplay")&&this.consumerElement.play()}),this.addEventListener("sourceRelease",()=>{this.hasAttribute("capture-autoplay")&&(this.consumerElement.pause(),this.hasAttribute("replay")&&(this.consumerElement.currentTime=0)),this.hasAttribute("reload-source")&&this.classList.remove("state-0","state-1","state-2","state-3","state-4")})}disconnectedCallback(){super.disconnectedCallback(),D.ticker.unsubscribe(e(this,A)),a(this,x,0)}createConsumer(){return document.createElement("video")}consumeSource(t){this.consumerElement.src=t||""}}x=new WeakMap,A=new WeakMap;customElements.get("e-video")||customElements.define("e-video",te);exports.ImageElement=Z;exports.SequenceElement=ee;exports.SourceElement=j;exports.VideoElement=te;
|
|
@@ -32,7 +32,7 @@ import { c as ie, a as re } from "../canvas-DeZ0SLUJ.js";
|
|
|
32
32
|
import { CanvasElement as ne } from "../canvas/index.js";
|
|
33
33
|
import { ticker as D } from "../ticker/vanilla/index.js";
|
|
34
34
|
let oe = 0;
|
|
35
|
-
var u, o, g, x, d,
|
|
35
|
+
var u, o, g, x, d, M, C, c, A, R, O, F, $, U;
|
|
36
36
|
class N extends HTMLElement {
|
|
37
37
|
constructor() {
|
|
38
38
|
super();
|
|
@@ -42,7 +42,7 @@ class N extends HTMLElement {
|
|
|
42
42
|
i(this, g, !1);
|
|
43
43
|
i(this, x, !1);
|
|
44
44
|
i(this, d, !1);
|
|
45
|
-
i(this,
|
|
45
|
+
i(this, M, "");
|
|
46
46
|
i(this, C, "");
|
|
47
47
|
i(this, c, new te(this, {
|
|
48
48
|
loading: !1,
|
|
@@ -52,15 +52,15 @@ class N extends HTMLElement {
|
|
|
52
52
|
i(this, A, null);
|
|
53
53
|
i(this, F, (t) => {
|
|
54
54
|
const n = t[0];
|
|
55
|
-
e(this, d) && (!e(this, x) || this.hasAttribute("reload-source")) && n.isIntersecting &&
|
|
55
|
+
e(this, d) && (!e(this, x) || this.hasAttribute("reload-source")) && n.isIntersecting && this.triggerLazyLoad(), n.isIntersecting ? K(this, "sourceCapture", { custom: !0 }) : (this.hasAttribute("reload-source") && q(this, R, O).call(this, void 0), K(this, "sourceRelease", { custom: !0 }));
|
|
56
56
|
});
|
|
57
|
-
i(this,
|
|
57
|
+
i(this, $, () => {
|
|
58
58
|
e(this, c).set("loaded", !0), e(this, c).set("error", !1), e(this, c).set("loading", !1), !e(this, d) && !e(this, g) && j.complete(e(this, C)), a(this, g, !0);
|
|
59
59
|
});
|
|
60
60
|
i(this, U, (t) => {
|
|
61
61
|
e(this, c).set("loaded", !1), e(this, c).set("error", !0), e(this, c).set("loading", !1), !e(this, d) && !e(this, g) && j.error(e(this, C)), a(this, g, !0);
|
|
62
62
|
});
|
|
63
|
-
Q && window.IntersectionObserver && (a(this,
|
|
63
|
+
Q && window.IntersectionObserver && (a(this, M, `source-consumer-${++oe}`), a(this, A, new IntersectionObserver(
|
|
64
64
|
e(this, F)
|
|
65
65
|
)));
|
|
66
66
|
}
|
|
@@ -76,6 +76,9 @@ class N extends HTMLElement {
|
|
|
76
76
|
get isLazy() {
|
|
77
77
|
return e(this, d);
|
|
78
78
|
}
|
|
79
|
+
triggerLazyLoad() {
|
|
80
|
+
e(this, u).current && e(this, u).current !== e(this, u).previous && q(this, R, O).call(this, e(this, u).current), a(this, x, !0);
|
|
81
|
+
}
|
|
79
82
|
connectedCallback() {
|
|
80
83
|
const t = this.getAttribute("srcset");
|
|
81
84
|
t && (a(this, o, this.createConsumer()), e(this, o).style.cssText = `
|
|
@@ -97,22 +100,22 @@ class N extends HTMLElement {
|
|
|
97
100
|
e(this, A).disconnect(), e(this, u).close(), e(this, o).onloadeddata = null, e(this, o).onload = null, e(this, o).onerror = null, e(this, o).remove(), e(this, c).reset();
|
|
98
101
|
}
|
|
99
102
|
}
|
|
100
|
-
u = new WeakMap(), o = new WeakMap(), g = new WeakMap(), x = new WeakMap(), d = new WeakMap(),
|
|
103
|
+
u = new WeakMap(), o = new WeakMap(), g = new WeakMap(), x = new WeakMap(), d = new WeakMap(), M = new WeakMap(), C = new WeakMap(), c = new WeakMap(), A = new WeakMap(), R = new WeakSet(), O = function(t) {
|
|
101
104
|
if (e(this, o).onloadeddata = null, e(this, o).onload = null, e(this, o).onerror = null, e(this, c).set("loaded", !1), e(this, c).set("error", !1), e(this, c).set("loading", !1), t) {
|
|
102
|
-
a(this, C, `${e(this,
|
|
105
|
+
a(this, C, `${e(this, M)}-${t.url}`);
|
|
103
106
|
const n = this.hasAttribute("keep-source-parameters");
|
|
104
107
|
e(this, c).set("loading", !0);
|
|
105
108
|
const l = n ? t.url : t.name + t.extension;
|
|
106
109
|
this.consumeSource(l), !e(this, d) && !e(this, g) && j.add(e(this, C)), e(this, o).onloadeddata = () => {
|
|
107
|
-
e(this,
|
|
110
|
+
e(this, $).call(this);
|
|
108
111
|
}, e(this, o).onload = () => {
|
|
109
|
-
e(this,
|
|
112
|
+
e(this, $).call(this);
|
|
110
113
|
}, e(this, o).onerror = () => {
|
|
111
114
|
e(this, U).call(this, l);
|
|
112
115
|
};
|
|
113
116
|
} else
|
|
114
117
|
this.consumeSource(null);
|
|
115
|
-
}, F = new WeakMap(),
|
|
118
|
+
}, F = new WeakMap(), $ = new WeakMap(), U = new WeakMap();
|
|
116
119
|
class ae extends N {
|
|
117
120
|
createConsumer() {
|
|
118
121
|
return document.createElement("img");
|
|
@@ -137,7 +140,7 @@ function he(r) {
|
|
|
137
140
|
}
|
|
138
141
|
return null;
|
|
139
142
|
}
|
|
140
|
-
var f, w, P, E, v, L, k,
|
|
143
|
+
var f, w, P, E, v, L, k, H, p, y;
|
|
141
144
|
class ce extends N {
|
|
142
145
|
constructor(t) {
|
|
143
146
|
super();
|
|
@@ -152,7 +155,7 @@ class ce extends N {
|
|
|
152
155
|
i(this, v, new B(this, "--offset-y", 0.5));
|
|
153
156
|
i(this, L, null);
|
|
154
157
|
i(this, k, 0);
|
|
155
|
-
i(this,
|
|
158
|
+
i(this, H, 1);
|
|
156
159
|
i(this, p, () => {
|
|
157
160
|
if (e(this, f).length) {
|
|
158
161
|
const t = e(this, f)[0];
|
|
@@ -180,7 +183,7 @@ class ce extends N {
|
|
|
180
183
|
const n = e(this, f)[e(this, k)];
|
|
181
184
|
n && t.detail.context.drawImage(n, ...e(this, L)), e(this, P).current && a(this, k, (e(this, k) + 1) % e(this, f).length);
|
|
182
185
|
});
|
|
183
|
-
Q && (a(this,
|
|
186
|
+
Q && (a(this, H, parseInt(
|
|
184
187
|
((t == null ? void 0 : t.pad) || this.getAttribute("pad") || "1").toString()
|
|
185
188
|
)), e(this, w).subscribe(e(this, p)), e(this, E).subscribe(e(this, p)), e(this, v).subscribe(e(this, p)), this.addEventListener("sourceCapture", (n) => {
|
|
186
189
|
this.consumerElement.addEventListener(
|
|
@@ -222,7 +225,7 @@ class ce extends N {
|
|
|
222
225
|
for (let h = m.start; h <= m.end; h++) {
|
|
223
226
|
const X = t.replace(
|
|
224
227
|
/\{([^}]+)\}/,
|
|
225
|
-
h.toString().padStart(e(this,
|
|
228
|
+
h.toString().padStart(e(this, H), "0")
|
|
226
229
|
), W = new Image();
|
|
227
230
|
W.src = X, b.push(W);
|
|
228
231
|
}
|
|
@@ -250,7 +253,7 @@ class ce extends N {
|
|
|
250
253
|
});
|
|
251
254
|
}
|
|
252
255
|
}
|
|
253
|
-
f = new WeakMap(), w = new WeakMap(), P = new WeakMap(), E = new WeakMap(), v = new WeakMap(), L = new WeakMap(), k = new WeakMap(),
|
|
256
|
+
f = new WeakMap(), w = new WeakMap(), P = new WeakMap(), E = new WeakMap(), v = new WeakMap(), L = new WeakMap(), k = new WeakMap(), H = new WeakMap(), p = new WeakMap(), y = new WeakMap();
|
|
254
257
|
customElements.get("e-sequence") || customElements.define("e-sequence", ce);
|
|
255
258
|
var I, z;
|
|
256
259
|
class le extends N {
|
|
@@ -16,6 +16,7 @@ export declare abstract class SourceElement<T extends HTMLElement> extends HTMLE
|
|
|
16
16
|
error: false;
|
|
17
17
|
}>;
|
|
18
18
|
get isLazy(): boolean;
|
|
19
|
+
triggerLazyLoad(): void;
|
|
19
20
|
protected abstract createConsumer(): T;
|
|
20
21
|
protected abstract consumeSource(url: string | null): void;
|
|
21
22
|
protected connectedCallback(): void;
|
package/lib/slicer/index.cjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var w=n=>{throw TypeError(n)};var A=(n,t,s)=>t.has(n)||w("Cannot "+s);var e=(n,t,s)=>(A(n,t,"read from private field"),s?s.call(n):t.get(n)),l=(n,t,s)=>t.has(n)?w("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(n):t.set(n,s),r=(n,t,s,i)=>(A(n,t,"write to private field"),i?i.call(n,s):t.set(n,s),s),f=(n,t,s)=>(A(n,t,"access private method"),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("../media/index.cjs");var m,o;class M{constructor(t){l(this,m);l(this,o);r(this,m,t.index),r(this,o,document.createElement("span")),e(this,o).classList.add("letter"),t.clone?e(this,o).innerHTML=`
|
|
2
2
|
<span class="original">${t.text}</span>
|
|
3
3
|
<span class="clone" aria-hidden>${t.text}</span>
|
|
4
4
|
`:e(this,o).innerHTML=`
|
|
5
5
|
<span class="value">${t.text}</span>
|
|
6
|
-
`}get index(){return e(this,m)}get element(){return e(this,o)}}m=new WeakMap,o=new WeakMap;var y,
|
|
6
|
+
`}get index(){return e(this,m)}get element(){return e(this,o)}}m=new WeakMap,o=new WeakMap;var y,c,a,x;class S{constructor(t){l(this,y);l(this,c);l(this,a);l(this,x);r(this,y,t.index),r(this,c,document.createElement("span")),r(this,a,[]),r(this,x,t.text.endsWith("\\n")),e(this,x)&&(t.text=t.text.replace("\\n","")),t.letters&&t.lettersAcc!==void 0?(r(this,a,t.text.split("").map((s,i)=>new M({index:t.lettersAcc+i,text:s,clone:t.clone}))),e(this,c).append(...e(this,a).map(s=>s.element))):t.clone?e(this,c).innerHTML=`
|
|
7
7
|
<span class="original">${t.text}</span>
|
|
8
8
|
<span class="clone" aria-hidden>${t.text}</span>
|
|
9
|
-
`:e(this,
|
|
9
|
+
`:e(this,c).innerHTML=`
|
|
10
10
|
<span class="value">${t.text}</span>
|
|
11
|
-
`,e(this,
|
|
11
|
+
`,e(this,c).classList.add("word")}get index(){return e(this,y)}get element(){return e(this,c)}get letters(){return e(this,a)}get hasNewLine(){return e(this,x)}}y=new WeakMap,c=new WeakMap,a=new WeakMap,x=new WeakMap;var u,h,g,p,d,E,T;class v extends HTMLElement{constructor(){super(...arguments);l(this,d);l(this,u,"");l(this,h,[]);l(this,g,[]);l(this,p,null)}get wordsArray(){return e(this,h)}get lettersArray(){return e(this,g)}get originalText(){return e(this,u)}connectedCallback(){var s;r(this,u,((s=this.textContent)==null?void 0:s.trim())||""),this.hasAttribute("media")?(r(this,p,new H.Media(this.getAttribute("media"))),e(this,p).subscribe(i=>{i.current?f(this,d,E).call(this):!i.current&&i.previous&&f(this,d,T).call(this)})):f(this,d,E).call(this)}disconnectedCallback(){var s;f(this,d,T).call(this),(s=e(this,p))==null||s.close()}}u=new WeakMap,h=new WeakMap,g=new WeakMap,p=new WeakMap,d=new WeakSet,E=function(){this.innerHTML="";let s=0;r(this,h,e(this,u).replace(/ +/g," ").split(" ").map((i,b)=>{const L=new S({index:b,text:i,letters:this.hasAttribute("letters"),lettersAcc:s,clone:this.hasAttribute("clone")});return s+=L.letters.length,e(this,g).push(...L.letters),L})),this.hasAttribute("index")&&(e(this,h).forEach(i=>{i.element.style.setProperty("--word-index",i.index.toString())}),e(this,g).forEach(i=>{i.element.style.setProperty("--letter-index",i.index.toString())})),e(this,h).forEach((i,b)=>{this.appendChild(i.element),b!==e(this,h).length-1&&i.element.insertAdjacentHTML("beforeend"," "),i.hasNewLine&&i.element.after(document.createElement("br"))}),this.style.setProperty("--words-length",e(this,h).length.toString()),this.style.setProperty("--letters-length",e(this,g).length.toString())},T=function(){r(this,h,[]),this.textContent=e(this,u),this.style.removeProperty("--words-length"),this.style.removeProperty("--letters-length")};customElements.get("e-slicer")||customElements.define("e-slicer",v);exports.Letter=M;exports.SlicerElement=v;exports.Word=S;
|
package/lib/slicer/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
var T = (
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var T = (n) => {
|
|
2
|
+
throw TypeError(n);
|
|
3
3
|
};
|
|
4
|
-
var A = (
|
|
5
|
-
var e = (
|
|
4
|
+
var A = (n, t, s) => t.has(n) || T("Cannot " + s);
|
|
5
|
+
var e = (n, t, s) => (A(n, t, "read from private field"), s ? s.call(n) : t.get(n)), l = (n, t, s) => t.has(n) ? T("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), h = (n, t, s, i) => (A(n, t, "write to private field"), i ? i.call(n, s) : t.set(n, s), s), f = (n, t, s) => (A(n, t, "access private method"), s);
|
|
6
6
|
import { Media as M } from "../media/index.js";
|
|
7
7
|
var m, o;
|
|
8
8
|
class H {
|
|
@@ -24,96 +24,96 @@ class H {
|
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
m = new WeakMap(), o = new WeakMap();
|
|
27
|
-
var y,
|
|
27
|
+
var y, c, a, g;
|
|
28
28
|
class v {
|
|
29
29
|
constructor(t) {
|
|
30
30
|
l(this, y);
|
|
31
|
-
l(this,
|
|
31
|
+
l(this, c);
|
|
32
32
|
l(this, a);
|
|
33
|
-
l(this,
|
|
34
|
-
h(this, y, t.index), h(this,
|
|
35
|
-
index: t.lettersAcc +
|
|
33
|
+
l(this, g);
|
|
34
|
+
h(this, y, t.index), h(this, c, document.createElement("span")), h(this, a, []), h(this, g, t.text.endsWith("\\n")), e(this, g) && (t.text = t.text.replace("\\n", "")), t.letters && t.lettersAcc !== void 0 ? (h(this, a, t.text.split("").map((s, i) => new H({
|
|
35
|
+
index: t.lettersAcc + i,
|
|
36
36
|
text: s,
|
|
37
37
|
clone: t.clone
|
|
38
|
-
}))), e(this,
|
|
38
|
+
}))), e(this, c).append(...e(this, a).map((s) => s.element))) : t.clone ? e(this, c).innerHTML = `
|
|
39
39
|
<span class="original">${t.text}</span>
|
|
40
40
|
<span class="clone" aria-hidden>${t.text}</span>
|
|
41
|
-
` : e(this,
|
|
41
|
+
` : e(this, c).innerHTML = `
|
|
42
42
|
<span class="value">${t.text}</span>
|
|
43
|
-
`, e(this,
|
|
43
|
+
`, e(this, c).classList.add("word");
|
|
44
44
|
}
|
|
45
45
|
get index() {
|
|
46
46
|
return e(this, y);
|
|
47
47
|
}
|
|
48
48
|
get element() {
|
|
49
|
-
return e(this,
|
|
49
|
+
return e(this, c);
|
|
50
50
|
}
|
|
51
51
|
get letters() {
|
|
52
52
|
return e(this, a);
|
|
53
53
|
}
|
|
54
54
|
get hasNewLine() {
|
|
55
|
-
return e(this,
|
|
55
|
+
return e(this, g);
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
|
-
y = new WeakMap(),
|
|
59
|
-
var
|
|
60
|
-
class
|
|
58
|
+
y = new WeakMap(), c = new WeakMap(), a = new WeakMap(), g = new WeakMap();
|
|
59
|
+
var u, r, x, p, d, E, w;
|
|
60
|
+
class P extends HTMLElement {
|
|
61
61
|
constructor() {
|
|
62
62
|
super(...arguments);
|
|
63
63
|
l(this, d);
|
|
64
|
-
l(this,
|
|
65
|
-
l(this,
|
|
66
|
-
l(this,
|
|
64
|
+
l(this, u, "");
|
|
65
|
+
l(this, r, []);
|
|
66
|
+
l(this, x, []);
|
|
67
67
|
l(this, p, null);
|
|
68
68
|
}
|
|
69
69
|
get wordsArray() {
|
|
70
|
-
return e(this,
|
|
70
|
+
return e(this, r);
|
|
71
71
|
}
|
|
72
72
|
get lettersArray() {
|
|
73
|
-
return e(this,
|
|
73
|
+
return e(this, x);
|
|
74
74
|
}
|
|
75
75
|
get originalText() {
|
|
76
|
-
return e(this,
|
|
76
|
+
return e(this, u);
|
|
77
77
|
}
|
|
78
78
|
connectedCallback() {
|
|
79
79
|
var s;
|
|
80
|
-
h(this,
|
|
81
|
-
|
|
82
|
-
})) : f(this, d,
|
|
80
|
+
h(this, u, ((s = this.textContent) == null ? void 0 : s.trim()) || ""), this.hasAttribute("media") ? (h(this, p, new M(this.getAttribute("media"))), e(this, p).subscribe((i) => {
|
|
81
|
+
i.current ? f(this, d, E).call(this) : !i.current && i.previous && f(this, d, w).call(this);
|
|
82
|
+
})) : f(this, d, E).call(this);
|
|
83
83
|
}
|
|
84
84
|
disconnectedCallback() {
|
|
85
85
|
var s;
|
|
86
|
-
f(this, d,
|
|
86
|
+
f(this, d, w).call(this), (s = e(this, p)) == null || s.close();
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
|
-
|
|
89
|
+
u = new WeakMap(), r = new WeakMap(), x = new WeakMap(), p = new WeakMap(), d = new WeakSet(), E = function() {
|
|
90
90
|
this.innerHTML = "";
|
|
91
91
|
let s = 0;
|
|
92
|
-
h(this,
|
|
92
|
+
h(this, r, e(this, u).replace(/ +/g, " ").split(" ").map((i, L) => {
|
|
93
93
|
const b = new v({
|
|
94
94
|
index: L,
|
|
95
|
-
text:
|
|
95
|
+
text: i,
|
|
96
96
|
letters: this.hasAttribute("letters"),
|
|
97
97
|
lettersAcc: s,
|
|
98
98
|
clone: this.hasAttribute("clone")
|
|
99
99
|
});
|
|
100
|
-
return s += b.letters.length, e(this,
|
|
101
|
-
})), this.hasAttribute("index") && (e(this,
|
|
102
|
-
|
|
103
|
-
}), e(this,
|
|
104
|
-
|
|
100
|
+
return s += b.letters.length, e(this, x).push(...b.letters), b;
|
|
101
|
+
})), this.hasAttribute("index") && (e(this, r).forEach((i) => {
|
|
102
|
+
i.element.style.setProperty("--word-index", i.index.toString());
|
|
103
|
+
}), e(this, x).forEach((i) => {
|
|
104
|
+
i.element.style.setProperty(
|
|
105
105
|
"--letter-index",
|
|
106
|
-
|
|
106
|
+
i.index.toString()
|
|
107
107
|
);
|
|
108
|
-
})), e(this,
|
|
109
|
-
this.appendChild(
|
|
110
|
-
}), this.style.setProperty("--words-length", e(this,
|
|
111
|
-
},
|
|
112
|
-
h(this,
|
|
108
|
+
})), e(this, r).forEach((i, L) => {
|
|
109
|
+
this.appendChild(i.element), L !== e(this, r).length - 1 && i.element.insertAdjacentHTML("beforeend", " "), i.hasNewLine && i.element.after(document.createElement("br"));
|
|
110
|
+
}), this.style.setProperty("--words-length", e(this, r).length.toString()), this.style.setProperty("--letters-length", e(this, x).length.toString());
|
|
111
|
+
}, w = function() {
|
|
112
|
+
h(this, r, []), this.textContent = e(this, u), this.style.removeProperty("--words-length"), this.style.removeProperty("--letters-length");
|
|
113
113
|
};
|
|
114
|
-
customElements.get("e-slicer") || customElements.define("e-slicer",
|
|
114
|
+
customElements.get("e-slicer") || customElements.define("e-slicer", P);
|
|
115
115
|
export {
|
|
116
116
|
H as Letter,
|
|
117
|
-
|
|
117
|
+
P as SlicerElement,
|
|
118
118
|
v as Word
|
|
119
119
|
};
|