aptechka 0.41.7 → 0.42.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aptechka",
-  "version": "0.41.7",
+  "version": "0.42.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/denisavitski/aptechka.git"
@@ -68,6 +68,11 @@
       "default": "./lib/css-value-parser/index.js",
       "types": "./lib/css-value-parser/index.d.ts"
     },
+    "./custom-scrollbar": {
+      "require": "./lib/custom-scrollbar/index.cjs",
+      "default": "./lib/custom-scrollbar/index.js",
+      "types": "./lib/custom-scrollbar/index.d.ts"
+    },
     "./dev": {
       "require": "./lib/dev/index.cjs",
       "default": "./lib/dev/index.js",
@@ -78,30 +83,30 @@
       "default": "./lib/device/index.js",
       "types": "./lib/device/index.d.ts"
     },
-    "./element-resizer/vanilla": {
-      "require": "./lib/element-resizer/vanilla/index.cjs",
-      "default": "./lib/element-resizer/vanilla/index.js",
-      "types": "./lib/element-resizer/vanilla/index.d.ts"
-    },
-    "./element-resizer/react": {
-      "require": "./lib/element-resizer/react/index.cjs",
-      "default": "./lib/element-resizer/react/index.js",
-      "types": "./lib/element-resizer/react/index.d.ts"
+    "./element-resizer": {
+      "require": "./lib/element-resizer/index.cjs",
+      "default": "./lib/element-resizer/index.js",
+      "types": "./lib/element-resizer/index.d.ts"
     },
     "./en3": {
       "require": "./lib/en3/index.cjs",
       "default": "./lib/en3/index.js",
       "types": "./lib/en3/index.d.ts"
     },
-    "./intersector/vanilla": {
-      "require": "./lib/intersector/vanilla/index.cjs",
-      "default": "./lib/intersector/vanilla/index.js",
-      "types": "./lib/intersector/vanilla/index.d.ts"
+    "./iframe": {
+      "require": "./lib/iframe/index.cjs",
+      "default": "./lib/iframe/index.js",
+      "types": "./lib/iframe/index.d.ts"
+    },
+    "./image": {
+      "require": "./lib/image/index.cjs",
+      "default": "./lib/image/index.js",
+      "types": "./lib/image/index.d.ts"
     },
-    "./intersector/react": {
-      "require": "./lib/intersector/react/index.cjs",
-      "default": "./lib/intersector/react/index.js",
-      "types": "./lib/intersector/react/index.d.ts"
+    "./intersector": {
+      "require": "./lib/intersector/index.cjs",
+      "default": "./lib/intersector/index.js",
+      "types": "./lib/intersector/index.d.ts"
     },
     "./ladder": {
       "require": "./lib/ladder/index.cjs",
@@ -118,16 +123,16 @@
       "default": "./lib/loading/index.js",
       "types": "./lib/loading/index.d.ts"
     },
+    "./masonry-layout": {
+      "require": "./lib/masonry-layout/index.cjs",
+      "default": "./lib/masonry-layout/index.js",
+      "types": "./lib/masonry-layout/index.d.ts"
+    },
     "./media": {
       "require": "./lib/media/index.cjs",
       "default": "./lib/media/index.js",
       "types": "./lib/media/index.d.ts"
     },
-    "./media-elements": {
-      "require": "./lib/media-elements/index.cjs",
-      "default": "./lib/media-elements/index.js",
-      "types": "./lib/media-elements/index.d.ts"
-    },
     "./morph": {
       "require": "./lib/morph/index.cjs",
       "default": "./lib/morph/index.js",
@@ -158,15 +163,10 @@
       "default": "./lib/router/index.js",
       "types": "./lib/router/index.d.ts"
     },
-    "./scroll/vanilla": {
-      "require": "./lib/scroll/vanilla/index.cjs",
-      "default": "./lib/scroll/vanilla/index.js",
-      "types": "./lib/scroll/vanilla/index.d.ts"
-    },
-    "./scroll/react": {
-      "require": "./lib/scroll/react/index.cjs",
-      "default": "./lib/scroll/react/index.js",
-      "types": "./lib/scroll/react/index.d.ts"
+    "./scroll": {
+      "require": "./lib/scroll/index.cjs",
+      "default": "./lib/scroll/index.js",
+      "types": "./lib/scroll/index.d.ts"
     },
     "./scroll-entries": {
       "require": "./lib/scroll-entries/index.cjs",
@@ -178,6 +178,16 @@
       "default": "./lib/scroll-segment/index.js",
       "types": "./lib/scroll-segment/index.d.ts"
     },
+    "./sequence": {
+      "require": "./lib/sequence/index.cjs",
+      "default": "./lib/sequence/index.js",
+      "types": "./lib/sequence/index.d.ts"
+    },
+    "./size-element": {
+      "require": "./lib/size-element/index.cjs",
+      "default": "./lib/size-element/index.js",
+      "types": "./lib/size-element/index.d.ts"
+    },
     "./slicer": {
       "require": "./lib/slicer/index.cjs",
       "default": "./lib/slicer/index.js",
@@ -188,25 +198,15 @@
       "default": "./lib/source/index.js",
       "types": "./lib/source/index.d.ts"
     },
-    "./store/vanilla": {
-      "require": "./lib/store/vanilla/index.cjs",
-      "default": "./lib/store/vanilla/index.js",
-      "types": "./lib/store/vanilla/index.d.ts"
-    },
-    "./store/react": {
-      "require": "./lib/store/react/index.cjs",
-      "default": "./lib/store/react/index.js",
-      "types": "./lib/store/react/index.d.ts"
+    "./store": {
+      "require": "./lib/store/index.cjs",
+      "default": "./lib/store/index.js",
+      "types": "./lib/store/index.d.ts"
     },
-    "./ticker/vanilla": {
-      "require": "./lib/ticker/vanilla/index.cjs",
-      "default": "./lib/ticker/vanilla/index.js",
-      "types": "./lib/ticker/vanilla/index.d.ts"
-    },
-    "./ticker/react": {
-      "require": "./lib/ticker/react/index.cjs",
-      "default": "./lib/ticker/react/index.js",
-      "types": "./lib/ticker/react/index.d.ts"
+    "./ticker": {
+      "require": "./lib/ticker/index.cjs",
+      "default": "./lib/ticker/index.js",
+      "types": "./lib/ticker/index.d.ts"
     },
     "./need_redo_tweaker": {
       "require": "./lib/need_redo_tweaker/index.cjs",
@@ -218,15 +218,20 @@
       "default": "./lib/utils/index.js",
       "types": "./lib/utils/index.d.ts"
     },
-    "./window-resizer/vanilla": {
-      "require": "./lib/window-resizer/vanilla/index.cjs",
-      "default": "./lib/window-resizer/vanilla/index.js",
-      "types": "./lib/window-resizer/vanilla/index.d.ts"
+    "./video": {
+      "require": "./lib/video/index.cjs",
+      "default": "./lib/video/index.js",
+      "types": "./lib/video/index.d.ts"
+    },
+    "./window-resizer": {
+      "require": "./lib/window-resizer/index.cjs",
+      "default": "./lib/window-resizer/index.js",
+      "types": "./lib/window-resizer/index.d.ts"
     },
-    "./window-resizer/react": {
-      "require": "./lib/window-resizer/react/index.cjs",
-      "default": "./lib/window-resizer/react/index.js",
-      "types": "./lib/window-resizer/react/index.d.ts"
+    "./youtube": {
+      "require": "./lib/youtube/index.cjs",
+      "default": "./lib/youtube/index.js",
+      "types": "./lib/youtube/index.d.ts"
     }
   },
   "typesVersions": {
@@ -264,26 +269,29 @@
       "css-value-parser": [
         "lib/css-value-parser/index.d.ts"
       ],
+      "custom-scrollbar": [
+        "lib/custom-scrollbar/index.d.ts"
+      ],
       "dev": [
         "lib/dev/index.d.ts"
       ],
       "device": [
         "lib/device/index.d.ts"
       ],
-      "element-resizer/vanilla": [
-        "lib/element-resizer/vanilla/index.d.ts"
-      ],
-      "element-resizer/react": [
-        "lib/element-resizer/react/index.d.ts"
+      "element-resizer": [
+        "lib/element-resizer/index.d.ts"
       ],
       "en3": [
         "lib/en3/index.d.ts"
       ],
-      "intersector/vanilla": [
-        "lib/intersector/vanilla/index.d.ts"
+      "iframe": [
+        "lib/iframe/index.d.ts"
+      ],
+      "image": [
+        "lib/image/index.d.ts"
       ],
-      "intersector/react": [
-        "lib/intersector/react/index.d.ts"
+      "intersector": [
+        "lib/intersector/index.d.ts"
       ],
       "ladder": [
         "lib/ladder/index.d.ts"
@@ -294,12 +302,12 @@
       "loading": [
         "lib/loading/index.d.ts"
       ],
+      "masonry-layout": [
+        "lib/masonry-layout/index.d.ts"
+      ],
       "media": [
         "lib/media/index.d.ts"
       ],
-      "media-elements": [
-        "lib/media-elements/index.d.ts"
-      ],
       "morph": [
         "lib/morph/index.d.ts"
       ],
@@ -318,11 +326,8 @@
       "router": [
         "lib/router/index.d.ts"
       ],
-      "scroll/vanilla": [
-        "lib/scroll/vanilla/index.d.ts"
-      ],
-      "scroll/react": [
-        "lib/scroll/react/index.d.ts"
+      "scroll": [
+        "lib/scroll/index.d.ts"
       ],
       "scroll-entries": [
         "lib/scroll-entries/index.d.ts"
@@ -330,23 +335,23 @@
       "scroll-segment": [
         "lib/scroll-segment/index.d.ts"
       ],
+      "sequence": [
+        "lib/sequence/index.d.ts"
+      ],
+      "size-element": [
+        "lib/size-element/index.d.ts"
+      ],
       "slicer": [
         "lib/slicer/index.d.ts"
       ],
       "source": [
         "lib/source/index.d.ts"
       ],
-      "store/vanilla": [
-        "lib/store/vanilla/index.d.ts"
-      ],
-      "store/react": [
-        "lib/store/react/index.d.ts"
-      ],
-      "ticker/vanilla": [
-        "lib/ticker/vanilla/index.d.ts"
+      "store": [
+        "lib/store/index.d.ts"
       ],
-      "ticker/react": [
-        "lib/ticker/react/index.d.ts"
+      "ticker": [
+        "lib/ticker/index.d.ts"
       ],
       "need_redo_tweaker": [
         "lib/need_redo_tweaker/index.d.ts"
@@ -354,8 +359,14 @@
       "utils": [
         "lib/utils/index.d.ts"
       ],
+      "video": [
+        "lib/video/index.d.ts"
+      ],
       "window-resizer": [
         "lib/window-resizer/index.d.ts"
+      ],
+      "youtube": [
+        "lib/youtube/index.d.ts"
       ]
     }
   },
@@ -366,27 +377,18 @@
     "dev": "vite --host --mode site"
   },
   "devDependencies": {
-    "@types/node": "^22.2.0",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@types/three": "^0.167.1",
-    "@vitejs/plugin-react": "^4.3.1",
-    "tsx": "^4.17.0",
-    "vite": "^5.4.8",
+    "@types/node": "^22.7.7",
+    "@types/three": "^0.169.0",
+    "tsx": "^4.19.1",
+    "vite": "^5.4.9",
     "vite-plugin-dts": "^4.2.4",
     "vite-plugin-htmc": "0.1.15"
   },
   "dependencies": {
-    "meshline": "^3.3.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "three": "^0.167.1",
-    "typograf": "^7.4.1",
+    "three": "^0.169.0",
     "urlpattern-polyfill": "^10.0.0"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "three": "^0.167.1",
     "urlpattern-polyfill": "^10.0.0"
   }

package/lib/Animation-esZH7swx.cjs

@@ -1 +0,0 @@
-"use strict";var C=i=>{throw TypeError(i)};var S=(i,s,t)=>s.has(i)||C("Cannot "+t);var e=(i,s,t)=>(S(i,s,"read from private field"),t?t.call(i):s.get(i)),a=(i,s,t)=>s.has(i)?C("Cannot add the same private member more than once"):s instanceof WeakSet?s.add(i):s.set(i,t),h=(i,s,t,n)=>(S(i,s,"write to private field"),n?n.call(i,t):s.set(i,t),t),M=(i,s,t)=>(S(i,s,"access private method"),t);const I=require("./Store-C2J4Q87x.cjs"),z=require("./math-GDWEqu7y.cjs"),m=require("./polyfills-BANSrI_m.cjs"),P=require("./ticker/vanilla/index.cjs"),N=require("./order/index.cjs");var f,b,A,c,F,r,u,l,g,d,q,y,x;class O extends I.Store{constructor(t,n){super(t||0,n);a(this,q);a(this,f);a(this,b,N.TICK_ORDER.ANIMATION);a(this,A);a(this,c,new I.Store(!1));a(this,F,0);a(this,r,0);a(this,u,-1/0);a(this,l,1/0);a(this,g,0);a(this,d,null);a(this,x,t=>{this.handleAnimationFrame(t)});h(this,r,this.current)}get direction(){return e(this,F)}get target(){return e(this,r)}get min(){return e(this,u)}set min(t){h(this,u,t),this.set(e(this,r),{equalize:!0})}get max(){return e(this,l)}set max(t){h(this,l,t),this.set(e(this,r),{equalize:!0})}get from(){return e(this,g)}get isRunning(){return e(this,c)}get delta(){return Math.abs(e(this,r)-e(this,g))}get deltaProgress(){return this.delta?m.preciseNumber(Math.abs(this.current-e(this,g))/this.delta,6):0}get distance(){return Math.abs(e(this,l)-e(this,u))}get distanceProgress(){return this.distance?m.preciseNumber(Math.abs(this.current-e(this,u))/this.distance,6):0}set(t,n){(e(this,r)!==t||n!=null&&n.restart)&&(h(this,d,t),this.updateOptions(n),h(this,d,null),e(this,r)!==this.current&&this.start())}shift(t,n){this.set(e(this,r)+t,n)}reset(){super.reset(),this.set(this.initial,{equalize:!0})}close(){super.close(),this.reset(),this.unlistenAnimationFrame()}listenAnimationFrame(){e(this,c).current||(e(this,c).current=!0,P.ticker.subscribe(e(this,x),{maxFPS:e(this,f),order:e(this,b),culling:e(this,A)}))}unlistenAnimationFrame(){e(this,c).current&&(e(this,c).current=!1,P.ticker.unsubscribe(e(this,x)))}updateOptions(t){h(this,f,m.nullishCoalescing(t==null?void 0:t.maxFPS,e(this,f))),h(this,b,m.nullishCoalescing(t==null?void 0:t.order,e(this,b))),h(this,A,m.nullishCoalescing(t==null?void 0:t.culling,e(this,A))),h(this,u,m.nullishCoalescing(t==null?void 0:t.min,e(this,u))),h(this,l,m.nullishCoalescing(t==null?void 0:t.max,e(this,l))),M(this,q,y).call(this,typeof e(this,d)=="number"?e(this,d):e(this,r)),t!=null&&t.equalize&&(this.unlistenAnimationFrame(),this.current=e(this,r)),t!=null&&t.restart&&(this.unlistenAnimationFrame(),this.current=this.initial)}start(){this.listenAnimationFrame()}}f=new WeakMap,b=new WeakMap,A=new WeakMap,c=new WeakMap,F=new WeakMap,r=new WeakMap,u=new WeakMap,l=new WeakMap,g=new WeakMap,d=new WeakMap,q=new WeakSet,y=function(t){h(this,F,Math.sign(t-e(this,r))),h(this,r,z.clamp(t,e(this,u),e(this,l))),h(this,g,this.current)},x=new WeakMap;exports.Animation=O;

package/lib/element-resizer/react/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),i=require("../vanilla/index.cjs");function n([e,r]){t.useEffect(()=>i.elementResizer.subscribe(e,r),[e,r])}exports.useElementResizer=n;

package/lib/element-resizer/react/index.d.ts

@@ -1,2 +0,0 @@
-import { ElementResizer } from '../vanilla';
-export declare function useElementResizer([callback, order]: Parameters<ElementResizer['subscribe']>): void;

package/lib/element-resizer/react/index.js

@@ -1,8 +0,0 @@
-import { useEffect as t } from "react";
-import { elementResizer as i } from "../vanilla/index.js";
-function f([e, r]) {
-  t(() => i.subscribe(e, r), [e, r]);
-}
-export {
-  f as useElementResizer
-};

package/lib/element-resizer/vanilla/index.cjs

@@ -1 +0,0 @@
-"use strict";var h=r=>{throw TypeError(r)};var y=(r,t,s)=>t.has(r)||h("Cannot "+s);var n=(r,t,s)=>(y(r,t,"read from private field"),s?s.call(r):t.get(r)),b=(r,t,s)=>t.has(r)?h("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(r):t.set(r,s),f=(r,t,s,e)=>(y(r,t,"write to private field"),e?e.call(r,s):t.set(r,s),s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../browser-CpzFX2xg.cjs"),w=require("../../dom-JBOkFLTh.cjs");var i,o,u;class z{constructor(){b(this,i,[]);b(this,o,null);b(this,u,t=>{n(this,i).map(e=>({subscriber:e,entry:t.find(l=>l.target===e.element)})).forEach(e=>{e.entry&&(e.subscriber.entry=e.entry,e.subscriber.callback(e.entry))})});d.isBrowser&&window.ResizeObserver&&f(this,o,new ResizeObserver(n(this,u)))}subscribe(t,s){const e=w.getElement(t);if(!e)return()=>{};const l=n(this,i).find(c=>c.element===e);if(!l)n(this,o).observe(e);else{const c=n(this,i).find(m=>m.element===e&&m.entry);c!=null&&c.element.isConnected&&s(c.entry)}return n(this,i).push({element:e,callback:s,entry:(l==null?void 0:l.entry)||null}),()=>{this.unsubscribe(s)}}unsubscribe(t){const s=n(this,i).find(e=>e.callback===t);s&&(f(this,i,n(this,i).filter(e=>e.callback!==s.callback)),n(this,i).find(e=>e.element===s.element)||n(this,o).unobserve(s.element))}}i=new WeakMap,o=new WeakMap,u=new WeakMap;const v=new z;exports.ElementResizer=z;exports.elementResizer=v;

package/lib/intersector/react/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),e=require("../vanilla/index.cjs");function o(r,t){s.useEffect(()=>{let i;if(r instanceof Element||typeof r=="string"||typeof r=="object"&&(i=r==null?void 0:r.current),i)return e.intersector.subscribe(i,t)},[r,t])}exports.useIntersection=o;

package/lib/intersector/react/index.d.ts

@@ -1,4 +0,0 @@
-import { Ref } from 'react';
-import { IntersectorCallback } from '../vanilla';
-import { ElementOrSelector } from '../../utils';
-export declare function useIntersection(element: Ref<HTMLElement> | ElementOrSelector, callback: IntersectorCallback): void;

package/lib/intersector/react/index.js

@@ -1,12 +0,0 @@
-import { useEffect as i } from "react";
-import { intersector as t } from "../vanilla/index.js";
-function u(r, f) {
-  i(() => {
-    let o;
-    if (r instanceof Element || typeof r == "string" || typeof r == "object" && (o = r == null ? void 0 : r.current), o)
-      return t.subscribe(o, f);
-  }, [r, f]);
-}
-export {
-  u as useIntersection
-};

package/lib/intersector/vanilla/index.cjs

@@ -1 +0,0 @@
-"use strict";var y=n=>{throw TypeError(n)};var m=(n,t,r)=>t.has(n)||y("Cannot "+r);var s=(n,t,r)=>(m(n,t,"read from private field"),r?r.call(n):t.get(n)),b=(n,t,r)=>t.has(n)?y("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(n):t.set(n,r),f=(n,t,r,e)=>(m(n,t,"write to private field"),e?e.call(n,r):t.set(n,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../browser-CpzFX2xg.cjs"),g=require("../../dom-JBOkFLTh.cjs");var i,u,l;class w{constructor(){b(this,i,[]);b(this,u,null);b(this,l,t=>{s(this,i).map(e=>({subscriber:e,entry:t.find(o=>o.target===e.element)})).forEach(e=>{e.entry&&(e.subscriber.entry=e.entry,e.subscriber.callback(e.entry))})});d.isBrowser&&window.IntersectionObserver&&f(this,u,new IntersectionObserver(s(this,l)))}subscribe(t,r){const e=g.getElement(t);if(!e)return()=>{};const o=s(this,i).find(c=>c.element===e);if(!o)s(this,u).observe(e);else{const c=s(this,i).find(h=>h.element===e&&h.entry);c!=null&&c.entry.isIntersecting&&r(c.entry)}return s(this,i).push({element:e,callback:r,entry:(o==null?void 0:o.entry)||null}),()=>{this.unsubscribe(r)}}unsubscribe(t){const r=s(this,i).find(e=>e.callback===t);r&&(f(this,i,s(this,i).filter(e=>e.callback!==t)),s(this,i).find(e=>e.element===r.element)||s(this,u).unobserve(r.element))}}i=new WeakMap,u=new WeakMap,l=new WeakMap;const v=new w;exports.Intersector=w;exports.intersector=v;

package/lib/layout-8ryRAMGJ.cjs

@@ -1 +0,0 @@
-"use strict";const f=(t,e="offsetLeft",o)=>{let u=0;do u+=t[e]||0,t=t.offsetParent;while(t&&t!==o);return u},s=(t,e)=>f(t,"offsetLeft",e),i=(t,e)=>f(t,"offsetTop",e);exports.getCumulativeOffsetLeft=s;exports.getCumulativeOffsetTop=i;exports.getCumulativePosition=f;

package/lib/layout-HoBT_Da2.js

@@ -1,12 +0,0 @@
-const o = (e, t = "offsetLeft", s) => {
-  let f = 0;
-  do
-    f += e[t] || 0, e = e.offsetParent;
-  while (e && e !== s);
-  return f;
-}, u = (e, t) => o(e, "offsetLeft", t), n = (e, t) => o(e, "offsetTop", t);
-export {
-  n as a,
-  o as b,
-  u as g
-};

package/lib/media-elements/index.cjs

@@ -1,5 +0,0 @@
-"use strict";var de=a=>{throw TypeError(a)};var oe=(a,n,t)=>n.has(a)||de("Cannot "+t);var e=(a,n,t)=>(oe(a,n,"read from private field"),t?t.call(a):n.get(a)),s=(a,n,t)=>n.has(a)?de("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(a):n.set(a,t),r=(a,n,t,i)=>(oe(a,n,"write to private field"),i?i.call(a,t):n.set(a,t),t),q=(a,n,t)=>(oe(a,n,"access private method"),t);var me=(a,n,t)=>new Promise((i,h)=>{var E=m=>{try{v(t.next(m))}catch(l){h(l)}},A=m=>{try{v(t.throw(m))}catch(l){h(l)}},v=m=>m.done?i(m.value):Promise.resolve(m.value).then(E,A);v((t=t.apply(a,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const we=require("../source/index.cjs"),Ce=require("../class-linked-status/index.cjs"),Ee=require("../browser-CpzFX2xg.cjs"),V=require("../events-KVanG9sR.cjs"),ye=require("../string-DhgS_iFl.cjs"),he=require("../loading/index.cjs"),Re=require("../device/index.cjs"),J=require("../css-property/index.cjs"),fe=require("../element-resizer/vanilla/index.cjs"),pe=require("../canvas-CU5Xjahf.cjs"),Ie=require("../canvas/index.cjs"),ce=require("../ticker/vanilla/index.cjs");let Ae=0;var d,o,y,S,f,Y,k,c,B,U,L,N,O,Q,ee,j,te;class $ extends HTMLElement{constructor(t){super();s(this,O);s(this,d,null);s(this,o,null);s(this,y,!1);s(this,S,!1);s(this,f,!1);s(this,Y,"");s(this,k,"");s(this,c,new Ce.ClassLinkedStatus(this,{loading:!1,loaded:!1,error:!1,clear:!1}));s(this,B,null);s(this,U);s(this,L,null);s(this,N);s(this,ee,t=>{const i=t[0];e(this,f)&&(!e(this,S)||this.hasAttribute("reload-source"))&&i.isIntersecting&&this.triggerLazyLoad(),i.isIntersecting?V.dispatchEvent(this,"sourceCapture",{custom:!0}):(this.hasAttribute("reload-source")&&q(this,O,Q).call(this,void 0),V.dispatchEvent(this,"sourceRelease",{custom:!0}))});s(this,j,()=>{e(this,c).set("loaded",!0),e(this,c).set("error",!1),e(this,c).set("loading",!1),!e(this,f)&&!e(this,y)&&he.loading.complete(e(this,k)),V.dispatchEvent(this,"sourceLoaded",{custom:!0});const t=getComputedStyle(this).getPropertyValue("--clear-duration");t?r(this,U,setTimeout(()=>{e(this,c).set("clear",!0)},parseFloat(t)*1e3)):e(this,c).set("clear",!0),r(this,y,!0)});s(this,te,t=>{e(this,c).set("loaded",!1),e(this,c).set("error",!0),e(this,c).set("loading",!1),!e(this,f)&&!e(this,y)&&he.loading.error(e(this,k)),V.dispatchEvent(this,"sourceError",{custom:!0}),r(this,y,!0)});r(this,N,t==null?void 0:t.sourceSetOptions),Ee.isBrowser&&window.IntersectionObserver&&r(this,B,new IntersectionObserver(e(this,ee)))}get consumerElement(){return e(this,o)}get sourceManager(){return e(this,d)}get status(){return e(this,c)}get isLazy(){return e(this,f)}get currentURL(){return e(this,L)}get isFirstLoadHappened(){return e(this,y)}triggerLazyLoad(){!e(this,S)&&e(this,d).current&&e(this,d).current!==e(this,d).previous&&(r(this,S,!0),q(this,O,Q).call(this,e(this,d).current))}connectedCallback(){r(this,Y,`source-consumer-${++Ae}`);const t=this.getAttribute("srcset")||"",i=this.hasAttribute("notify")?this.closest(this.getAttribute("notify")):null;i&&e(this,c).addElement(i),r(this,o,this.createConsumer()),e(this,o).style.cssText=`
-        display: block;
-        width: 100%;
-        height: 100%;
-      `,e(this,o).classList.add("source-consumer"),Array.from(this.attributes).forEach(h=>{if(h.name!=="srcset"){const E=h.nodeValue||"",A=ye.kebabToCamel(h.name);A in e(this,o)&&(e(this,o)[A]=E||!0)}}),this.appendChild(e(this,o)),r(this,d,new we.SourceManager({srcset:t,sourceSetOptions:e(this,N)})),r(this,f,this.hasAttribute("lazy")),e(this,d).subscribe(h=>{(!e(this,f)||e(this,f)&&e(this,S))&&q(this,O,Q).call(this,h.current)}),e(this,d).connect(),e(this,B).observe(this)}disconnectedCallback(){var t;clearTimeout(e(this,U)),e(this,B).disconnect(),(t=e(this,d))==null||t.close(),e(this,o)&&(e(this,o).onloadeddata=null,e(this,o).onload=null,e(this,o).onerror=null,e(this,o).remove()),r(this,y,!1),r(this,S,!1),e(this,c).reset()}}d=new WeakMap,o=new WeakMap,y=new WeakMap,S=new WeakMap,f=new WeakMap,Y=new WeakMap,k=new WeakMap,c=new WeakMap,B=new WeakMap,U=new WeakMap,L=new WeakMap,N=new WeakMap,O=new WeakSet,Q=function(t){if(clearTimeout(e(this,U)),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),e(this,c).set("clear",!1),t){r(this,k,`${e(this,Y)}-${t.url}`);const i=this.hasAttribute("keep-source-parameters");e(this,c).set("loading",!0),r(this,L,i?t.url:t.name+t.extension),this.consumeSource(e(this,L)),!e(this,f)&&!e(this,y)&&he.loading.add(e(this,k)),e(this,o).onloadeddata=()=>{e(this,j).call(this)},e(this,o).onload=()=>{e(this,j).call(this)},e(this,o).onerror=()=>{e(this,te).call(this,e(this,L))}}else r(this,L,null),this.consumeSource(null)},ee=new WeakMap,j=new WeakMap,te=new WeakMap;var b,se,ie;class be extends ${constructor(){super({sourceSetOptions:{mediaBuckets:!1}});s(this,b,null);s(this,se,()=>{var t,i;(i=(t=this.consumerElement).onload)==null||i.call(t,new Event("load"))});s(this,ie,()=>{var t,i;(i=(t=this.consumerElement).onload)==null||i.call(t,new Event("error"))})}createConsumer(){return document.createElement("div")}consumeSource(t){e(this,b)&&(e(this,b).onload=null,e(this,b).onerror=null),this.consumerElement.innerHTML=(t==null?void 0:t.replace(/\\u003C/g,"<").replace(/\\u003E/g,">").replace(/\\"/g,'"'))||"",r(this,b,this.consumerElement.querySelector("iframe")),e(this,b)&&(e(this,b).onload=e(this,se),e(this,b).onerror=e(this,ie))}}b=new WeakMap,se=new WeakMap,ie=new WeakMap;customElements.get("e-iframe")||customElements.define("e-iframe",be);class ge extends ${createConsumer(){return document.createElement("img")}consumeSource(n){if(n&&this.hasAttribute("webp")&&Re.device.isWebp){const t=n.split(".").slice(0,-1).join(".")+".webp";this.consumerElement.src=t}else this.consumerElement.src=n||""}}customElements.get("e-image")||customElements.define("e-image",ge);function ke(a){const n=a.match(/\{([\d-]+)\}/);if(n){const t=n[1].split("-");if(t.length===2){const i=parseInt(t[0],10),h=parseInt(t[1],10);return{start:i,end:h}}}return null}var p,P,M,w,C,x,T,D,g,R;class ve extends ${constructor(t){super();s(this,p,[]);s(this,P,new J.CSSProperty(this,"--fit","contain"));s(this,M,new J.CSSProperty(this,"--autoplay",!1));s(this,w,new J.CSSProperty(this,"--offset-x",.5));s(this,C,new J.CSSProperty(this,"--offset-y",.5));s(this,x,null);s(this,T,0);s(this,D,1);s(this,g,()=>{if(e(this,p).length){const t=e(this,p)[0];e(this,P).current==="cover"?r(this,x,pe.cover(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,w).current,e(this,C).current)):r(this,x,pe.contain(t.naturalWidth,t.naturalHeight,this.consumerElement.width,this.consumerElement.height,e(this,w).current,e(this,C).current))}});s(this,R,t=>{if(this.status.isFalse("loaded")||!e(this,x))return;t.detail.context.clearRect(0,0,t.detail.width,t.detail.height);const i=e(this,p)[e(this,T)];i&&t.detail.context.drawImage(i,...e(this,x)),e(this,M).current&&r(this,T,(e(this,T)+1)%e(this,p).length)});Ee.isBrowser&&(r(this,D,parseInt(((t==null?void 0:t.pad)||this.getAttribute("pad")||"1").toString())),e(this,P).subscribe(e(this,g)),e(this,w).subscribe(e(this,g)),e(this,C).subscribe(e(this,g)),this.addEventListener("sourceCapture",i=>{this.consumerElement.addEventListener("canvasRender",e(this,R))}),this.addEventListener("sourceRelease",i=>{this.consumerElement.removeEventListener("canvasRender",e(this,R))}))}setProgress(t){e(this,p).length&&r(this,T,Math.floor((e(this,p).length-1)*t))}connectedCallback(){super.connectedCallback(),e(this,M).observe(),e(this,P).observe(),e(this,w).observe(),e(this,C).observe(),fe.elementResizer.subscribe(this,e(this,g))}disconnectedCallback(){super.disconnectedCallback(),e(this,M).unobserve(),e(this,P).unobserve(),e(this,w).unobserve(),e(this,C).unobserve(),r(this,p,[]),fe.elementResizer.unsubscribe(e(this,g)),this.consumerElement.removeEventListener("canvasRender",e(this,R))}createConsumer(){return new Ie.CanvasElement}consumeSource(t){return me(this,null,function*(){var i,h,E,A;if(t){this.consumerElement.removeEventListener("canvasRender",e(this,R));const v=[],m=ke(t);if(m)for(let l=m.start;l<=m.end;l++){const le=t.replace(/\{([^}]+)\}/,l.toString().padStart(e(this,D),"0")),G=new Image;G.src=le,v.push(G)}else{const l=new Image;l.src=t,v.push(l)}try{yield Promise.all(v.map((l,le)=>new Promise((G,Le)=>{l.onload=()=>{G()},l.onerror=Pe=>{Le(`${l.src} Image not found`)}}))),r(this,p,v),e(this,g).call(this),(h=(i=this.consumerElement).onload)==null||h.call(i,new Event("load")),this.isLazy||this.consumerElement.addEventListener("canvasRender",e(this,R))}catch(l){console.error(l),(A=(E=this.consumerElement).onerror)==null||A.call(E,new Event("error"))}}})}}p=new WeakMap,P=new WeakMap,M=new WeakMap,w=new WeakMap,C=new WeakMap,x=new WeakMap,T=new WeakMap,D=new WeakMap,g=new WeakMap,R=new WeakMap;customElements.get("e-sequence")||customElements.define("e-sequence",ve);var _,F;class Se extends ${constructor(){super(...arguments);s(this,_,0);s(this,F,()=>{this.classList.add(`state-${this.consumerElement.readyState}`);const t=this.consumerElement.readyState/4;t>e(this,_)&&r(this,_,t),V.dispatchEvent(this,"videoReadyStateChange",{detail:{readyState:this.consumerElement.readyState,progress:e(this,_)}}),this.consumerElement.readyState===4&&ce.ticker.unsubscribe(e(this,F))})}connectedCallback(){super.connectedCallback(),this.addEventListener("sourceCapture",()=>{ce.ticker.subscribe(e(this,F)),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(),ce.ticker.unsubscribe(e(this,F)),r(this,_,0)}createConsumer(){return document.createElement("video")}consumeSource(t){this.consumerElement.src=t||"",this.consumerElement.autoplay=!0}}_=new WeakMap,F=new WeakMap;customElements.get("e-video")||customElements.define("e-video",Se);var u,H,I,K,W,re,ne,ae,X,ue;const z=class z extends ${constructor(){super();s(this,X);s(this,u);s(this,H);s(this,I,!1);s(this,K,!1);s(this,W,()=>{r(this,I,e(this,I)||this.hasAttribute("autoplay")&&!this.hasAttribute("capture-autoplay")),r(this,u,new window.YT.Player(e(this,H),{playerVars:{mute:this.hasAttribute("muted")?1:0,controls:this.hasAttribute("controls")?1:0},events:{onReady:e(this,re),onError:e(this,ne),onStateChange:e(this,ae)}}))});s(this,re,()=>{r(this,K,!0),q(this,X,ue).call(this)});s(this,ne,t=>{var i,h;console.error("YouTube: Ошибка при загрузке видео:",this.currentURL,t),(h=(i=this.consumerElement).onerror)==null||h.call(i,new Event("error"))});s(this,ae,()=>{});r(this,H,"yt-"+ye.generateId(10)),z.__apiReady||(window.onYouTubeIframeAPIReady=()=>{z.__apiReady=!0,V.dispatchEvent(window,"youTubeIframeAPIReady")}),this.addEventListener("sourceCapture",()=>{this.hasAttribute("capture-autoplay")&&(e(this,K)?e(this,u).playVideo():r(this,I,!0))}),this.addEventListener("sourceRelease",()=>{e(this,u)&&this.hasAttribute("capture-autoplay")&&(e(this,u).pauseVideo(),this.hasAttribute("replay")&&e(this,u).seekTo(0))})}static __onYouTubeIframeAPIReady(){this.__apiReady=!0}createConsumer(){const t=document.createElement("div");return t.id=e(this,H),t}consumeSource(t){var i;if(t){if(!document.getElementById("youtube-script")){const h=document.createElement("script");h.id,h.src="https://www.youtube.com/iframe_api";const E=document.getElementsByTagName("script")[0];(i=E.parentNode)==null||i.insertBefore(h,E)}e(this,u)?q(this,X,ue).call(this):z.__apiReady?e(this,W).call(this):addEventListener("youTubeIframeAPIReady",e(this,W))}else e(this,u)&&e(this,u).stopVideo()}disconnectedCallback(){super.disconnectedCallback(),e(this,u)&&e(this,u).destroy(),removeEventListener("youTubeIframeAPIReady",e(this,W))}};u=new WeakMap,H=new WeakMap,I=new WeakMap,K=new WeakMap,W=new WeakMap,re=new WeakMap,ne=new WeakMap,ae=new WeakMap,X=new WeakSet,ue=function(){var t,i;this.currentURL&&(this.currentURL.startsWith("http")?e(this,u).loadVideoByUrl(this.currentURL):e(this,u).loadVideoById(this.currentURL)),e(this,I)?e(this,u).playVideo():e(this,u).stopVideo(),r(this,I,!1),(i=(t=this.consumerElement).onload)==null||i.call(t,new Event("load"))},z.__apiReady=!1;let Z=z;customElements.get("e-youtube")||customElements.define("e-youtube",Z);exports.IFrameElement=be;exports.ImageElement=ge;exports.SequenceElement=ve;exports.SourceElement=$;exports.VideoElement=Se;exports.YouTubeElement=Z;

package/lib/media-elements/index.d.ts

@@ -1,6 +0,0 @@
-export { IFrameElement } from './iframe';
-export { ImageElement } from './image';
-export { SequenceElement, type SequenceElementParameters } from './sequence';
-export { SourceElement, type SourceEvents } from './source';
-export { VideoElement, type VideoEvents } from './video';
-export { YouTubeElement } from './youtube';