aptechka 0.88.18 → 0.89.0
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.
- package/lib/{Animation-CEZp9MAK.cjs → Animation-D1hABQm1.cjs} +1 -1
- package/lib/{Animation-BRQcZXsv.js → Animation-rSS-Nd6w.js} +2 -3
- package/lib/{Damped-BjPLo7EW.js → Damped-7F7Szrx5.js} +2 -2
- package/lib/Damped-CskjPD1V.cjs +1 -0
- package/lib/{DerivedArray-C2V7Fl_H.cjs → DerivedArray-CP3QiK6l.cjs} +1 -1
- package/lib/{DerivedArray-XXkMPpKW.js → DerivedArray-DT9yLVm3.js} +1 -1
- package/lib/DragControls-0Ia-FRQl.cjs +1 -0
- package/lib/{DragControls-DceCNYLA.js → DragControls-lvk3C5V0.js} +3 -4
- package/lib/LocalLinks-D7o3WZIh.cjs +1 -0
- package/lib/{LocalLinks-BlFQ8IJs.js → LocalLinks-DglvO4x9.js} +2 -1
- package/lib/{PageAnnouncerElement-C04t1rJ-.js → PageAnnouncerElement-Bqbv_gWM.js} +2 -1
- package/lib/PageAnnouncerElement-auvTbYB3.cjs +1 -0
- package/lib/PageScroll-BjNwc7ng.cjs +1 -0
- package/lib/{PageScroll-BihuaqrK.js → PageScroll-C68YZXHb.js} +2 -1
- package/lib/SourceElement--dyBZ6T5.cjs +5 -0
- package/lib/{SourceElement-BDWn81gs.js → SourceElement-BPViTizS.js} +2 -3
- package/lib/Store-B96mD8mD.cjs +1 -0
- package/lib/{Store-DhT9WSHd.js → Store-CAGUSjFX.js} +89 -4
- package/lib/Tweened--KJh27xY.cjs +1 -0
- package/lib/{Tweened-bOmXLCjc.js → Tweened-n81fEVM5.js} +37 -5
- package/lib/{Viewport-9ZphaP_o.js → Viewport-B3kVX27H.js} +2 -2
- package/lib/Viewport-Blxv_yl_.cjs +1 -0
- package/lib/accordion/index.cjs +1 -1
- package/lib/accordion/index.js +2 -1
- package/lib/animation/Tweened.d.ts +1 -2
- package/lib/animation/index.cjs +1 -1
- package/lib/animation/index.js +3 -3
- package/lib/api-fetcher/index.cjs +1 -1
- package/lib/api-fetcher/index.js +2 -1
- package/lib/attribute/index.cjs +1 -1
- package/lib/attribute/index.js +2 -2
- package/lib/billboard/index.cjs +1 -1
- package/lib/billboard/index.js +2 -1
- package/lib/canvas/index.cjs +1 -1
- package/lib/canvas/index.js +3 -2
- package/lib/connector/index.cjs +1 -1
- package/lib/connector/index.js +1 -1
- package/lib/controls/index.cjs +1 -1
- package/lib/controls/index.js +1 -1
- package/lib/css-property/index.cjs +1 -1
- package/lib/css-property/index.js +2 -2
- package/lib/css-value-parser/index.cjs +1 -1
- package/lib/css-value-parser/index.js +1 -1
- package/lib/dev/index.cjs +1 -1
- package/lib/dev/index.js +2 -3
- package/lib/device/index.cjs +1 -1
- package/lib/device/index.js +1 -1
- package/lib/element-linked-store/index.cjs +1 -1
- package/lib/element-linked-store/index.js +1 -3
- package/lib/element-resizer/index.cjs +1 -1
- package/lib/element-resizer/index.js +2 -1
- package/lib/en3/index.cjs +2 -2
- package/lib/en3/index.js +2 -1
- package/lib/iframe/index.cjs +1 -1
- package/lib/iframe/index.js +3 -3
- package/lib/image/index.cjs +1 -1
- package/lib/image/index.js +4 -4
- package/lib/index-BoGx2BWX.cjs +1 -0
- package/lib/{index-uJboZXlu.js → index-DAG0CtYo.js} +74 -75
- package/lib/intersector/index.cjs +1 -1
- package/lib/intersector/index.js +3 -2
- package/lib/jsx/index.cjs +1 -1
- package/lib/jsx/index.js +6 -7
- package/lib/ladder/index.cjs +1 -1
- package/lib/ladder/index.js +1 -3
- package/lib/layout-box/index.cjs +1 -1
- package/lib/layout-box/index.js +2 -1
- package/lib/loading/index.cjs +1 -1
- package/lib/loading/index.js +2 -1
- package/lib/local-links/index.cjs +1 -1
- package/lib/local-links/index.js +1 -1
- package/lib/masonry-layout/index.cjs +1 -1
- package/lib/masonry-layout/index.js +3 -2
- package/lib/media/index.cjs +1 -1
- package/lib/media/index.js +1 -3
- package/lib/morph/Morph.d.ts +4 -2
- package/lib/morph/index.cjs +1 -1
- package/lib/morph/index.js +23 -16
- package/lib/need_redo_tweaker/index.cjs +3 -3
- package/lib/need_redo_tweaker/index.js +4 -5
- package/lib/notched/index.cjs +2 -2
- package/lib/notched/index.js +2 -2
- package/lib/page-announcer/index.cjs +1 -1
- package/lib/page-announcer/index.js +1 -1
- package/lib/page-scroll/index.cjs +1 -1
- package/lib/page-scroll/index.js +1 -1
- package/lib/pixel-perfect/index.cjs +1 -1
- package/lib/pixel-perfect/index.js +3 -2
- package/lib/pointer/index.cjs +1 -1
- package/lib/pointer/index.js +5 -5
- package/lib/popover/index.cjs +1 -1
- package/lib/popover/index.js +3 -2
- package/lib/radio/index.cjs +1 -1
- package/lib/radio/index.js +2 -1
- package/lib/render-BFtKadLP.cjs +1 -0
- package/lib/{render-DKL72N3t.js → render-CpcwTFhp.js} +3 -4
- package/lib/router/index.cjs +1 -1
- package/lib/router/index.js +6 -5
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +10 -11
- package/lib/scroll-0KUBpVgN.cjs +1 -0
- package/lib/{scroll-4Z62EGTm.js → scroll-D86OAO0B.js} +28 -7
- package/lib/scroll-kit/SmoothScrollElement.d.ts +3 -0
- package/lib/scroll-kit/index.cjs +1 -1
- package/lib/scroll-kit/index.js +49 -48
- package/lib/sequence/index.cjs +1 -1
- package/lib/sequence/index.js +3 -3
- package/lib/size-element/index.cjs +1 -1
- package/lib/size-element/index.js +2 -1
- package/lib/slicer/index.cjs +1 -1
- package/lib/slicer/index.js +2 -1
- package/lib/source/index.cjs +1 -1
- package/lib/source/index.js +1 -1
- package/lib/spa/index.cjs +1 -1
- package/lib/spa/index.js +5 -4
- package/lib/store/index.cjs +1 -1
- package/lib/store/index.js +76 -9
- package/lib/stylesheet-DQv6_0na.cjs +1 -0
- package/lib/{stylesheet-BvD9P5EO.js → stylesheet-GIzIJ_Xj.js} +1 -2
- package/lib/ticker/index.cjs +1 -1
- package/lib/ticker/index.js +2 -1
- package/lib/utils/index.cjs +1 -1
- package/lib/utils/index.js +103 -104
- package/lib/utils/scroll.d.ts +5 -3
- package/lib/video/index.cjs +1 -1
- package/lib/video/index.js +4 -4
- package/lib/window-resizer/index.cjs +1 -1
- package/lib/window-resizer/index.js +2 -1
- package/lib/youtube/index.cjs +1 -1
- package/lib/youtube/index.js +3 -4
- package/package.json +1 -1
- package/lib/Composed-CYzVav_b.cjs +0 -1
- package/lib/Composed-DSDIwKsX.js +0 -75
- package/lib/Damped-CYCcZu-z.cjs +0 -1
- package/lib/DragControls-B9LNXQrB.cjs +0 -1
- package/lib/LocalLinks-tFNtZ8BL.cjs +0 -1
- package/lib/PageAnnouncerElement-B0iXrO6l.cjs +0 -1
- package/lib/PageScroll-vCyjlFDP.cjs +0 -1
- package/lib/SourceElement-CKXnMFuT.cjs +0 -5
- package/lib/Store-BkYJHJp5.cjs +0 -1
- package/lib/Tweened-BoGo9vz9.cjs +0 -1
- package/lib/Viewport-DwPeXyM2.cjs +0 -1
- package/lib/easings-B5flyl-V.js +0 -39
- package/lib/easings-YkfoM7J2.cjs +0 -1
- package/lib/index-Cz5-98rw.cjs +0 -1
- package/lib/render-C5TfyEKx.cjs +0 -1
- package/lib/scroll-Dv9QcIKd.cjs +0 -1
- package/lib/string-Bx5N38JG.cjs +0 -1
- package/lib/string-Ct-dy_cs.js +0 -90
- package/lib/stylesheet-iyJcMTje.cjs +0 -1
package/lib/image/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
|
|
3
|
-
import { d as device } from "../Viewport-
|
|
4
|
-
import { a as SourceElement } from "../SourceElement-
|
|
3
|
+
import { d as device } from "../Viewport-B3kVX27H.js";
|
|
4
|
+
import { a as SourceElement } from "../SourceElement-BPViTizS.js";
|
|
5
5
|
import "../window-resizer/index.js";
|
|
6
|
-
import "../Store-
|
|
7
|
-
import
|
|
6
|
+
import { i as isBrowser } from "../Store-CAGUSjFX.js";
|
|
7
|
+
import "../index-DAG0CtYo.js";
|
|
8
8
|
import "construct-style-sheets-polyfill";
|
|
9
9
|
const _ImageElement = class _ImageElement extends SourceElement {
|
|
10
10
|
createConsumer() {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"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);var __privateWrapper=(obj,member,setter,getter)=>({set _(value){__privateSet(obj,member,value,setter)},get _(){return __privateGet(obj,member,getter)}});const Store=require("./Store-B96mD8mD.cjs"),dom=require("./dom-B40i6NXw.cjs");require("construct-style-sheets-polyfill");var _callback,_maxFPS,_order,_timestamp,_lastTimestamp,_subscribeTimestamp,_intersectionTimestamp,_timeBetweenFrames,_isVisible,_intersectionObserver,_intersectionListener;const _TickerSubscriber=class _TickerSubscriber{constructor(callback,options){__privateAdd(this,_callback);__privateAdd(this,_maxFPS);__privateAdd(this,_order);__privateAdd(this,_timestamp,0);__privateAdd(this,_lastTimestamp,0);__privateAdd(this,_subscribeTimestamp,0);__privateAdd(this,_intersectionTimestamp,0);__privateAdd(this,_timeBetweenFrames,0);__privateAdd(this,_isVisible,!1);__privateAdd(this,_intersectionObserver,null);__privateAdd(this,_intersectionListener,__name(entries=>{const entry=entries[0];__privateSet(this,_isVisible,entry.isIntersecting),__privateGet(this,_isVisible)&&__privateSet(this,_intersectionTimestamp,__privateGet(this,_timestamp))},"#intersectionListener"));if(__privateSet(this,_callback,callback),__privateSet(this,_maxFPS,options==null?void 0:options.maxFPS),__privateSet(this,_order,(options==null?void 0:options.order)||0),options!=null&&options.culling&&Store.isBrowser){const element=dom.getElement(options.culling);element&&(__privateSet(this,_intersectionObserver,new IntersectionObserver(__privateGet(this,_intersectionListener))),__privateGet(this,_intersectionObserver).observe(element))}else __privateSet(this,_isVisible,!0)}get callback(){return __privateGet(this,_callback)}get order(){return __privateGet(this,_order)}sync(timestamp){__privateSet(this,_lastTimestamp,timestamp-__privateGet(this,_timeBetweenFrames))}tick(timestamp){if(__privateSet(this,_timestamp,timestamp),__privateSet(this,_timeBetweenFrames,Math.max(0,timestamp-__privateGet(this,_lastTimestamp))),__privateGet(this,_subscribeTimestamp)||__privateSet(this,_subscribeTimestamp,timestamp),__privateGet(this,_maxFPS))if(__privateGet(this,_timeBetweenFrames)>=1e3/__privateGet(this,_maxFPS))__privateSet(this,_lastTimestamp,timestamp-__privateGet(this,_timeBetweenFrames)%__privateGet(this,_maxFPS));else return;else __privateSet(this,_lastTimestamp,timestamp);__privateGet(this,_isVisible)&&__privateGet(this,_callback).call(this,{timeBetweenFrames:__privateGet(this,_timeBetweenFrames),timestamp,subscribeTimestamp:__privateGet(this,_subscribeTimestamp),timeElapsedSinceSubscription:timestamp-__privateGet(this,_subscribeTimestamp),timeElapsedSinceIntersection:timestamp-__privateGet(this,_intersectionTimestamp)})}destroy(){var _a;(_a=__privateGet(this,_intersectionObserver))==null||_a.disconnect()}};_callback=new WeakMap,_maxFPS=new WeakMap,_order=new WeakMap,_timestamp=new WeakMap,_lastTimestamp=new WeakMap,_subscribeTimestamp=new WeakMap,_intersectionTimestamp=new WeakMap,_timeBetweenFrames=new WeakMap,_isVisible=new WeakMap,_intersectionObserver=new WeakMap,_intersectionListener=new WeakMap,__name(_TickerSubscriber,"TickerSubscriber");let TickerSubscriber=_TickerSubscriber;var _idleTime,_timestamp2,_lastFrameId,_lastFrameTime,_currentFPS,_frameCount,_fpsUpdateTime,_isDocumentHidden,_subscribers,_Ticker_instances,requestAnimationFrame_fn,cancelAnimationFrame_fn,_animationFrameListener,updateFPS_fn,_documentVisibilityChangeListener;const _Ticker=class _Ticker{constructor(){__privateAdd(this,_Ticker_instances);__privateAdd(this,_idleTime,0);__privateAdd(this,_timestamp2,0);__privateAdd(this,_lastFrameId);__privateAdd(this,_lastFrameTime,0);__privateAdd(this,_currentFPS,0);__privateAdd(this,_frameCount,0);__privateAdd(this,_fpsUpdateTime,0);__privateAdd(this,_isDocumentHidden,!1);__privateAdd(this,_subscribers,[]);__privateAdd(this,_animationFrameListener,__name(timestamp=>{if(__privateGet(this,_isDocumentHidden)){__privateSet(this,_isDocumentHidden,!1),__privateSet(this,_idleTime,timestamp-__privateGet(this,_timestamp2));for(const subscriber of __privateGet(this,_subscribers))subscriber.sync(__privateGet(this,_timestamp2))}__privateSet(this,_lastFrameId,requestAnimationFrame(__privateGet(this,_animationFrameListener))),__privateSet(this,_timestamp2,timestamp-__privateGet(this,_idleTime)),__privateMethod(this,_Ticker_instances,updateFPS_fn).call(this,timestamp);for(const subscriber of __privateGet(this,_subscribers))subscriber.tick(__privateGet(this,_timestamp2))},"#animationFrameListener"));__privateAdd(this,_documentVisibilityChangeListener,__name(()=>{document.hidden&&(__privateSet(this,_isDocumentHidden,!0),__privateSet(this,_frameCount,0),__privateSet(this,_fpsUpdateTime,0),__privateSet(this,_lastFrameTime,0))},"#documentVisibilityChangeListener"));Store.isBrowser&&document.addEventListener("visibilitychange",__privateGet(this,_documentVisibilityChangeListener))}get fps(){return __privateGet(this,_currentFPS)}subscribe(callback,options){if(!__privateGet(this,_subscribers).find(s=>s.callback===callback)){const subscriber=new TickerSubscriber(callback,options);subscriber.sync(performance.now()),__privateGet(this,_subscribers).push(subscriber),__privateSet(this,_subscribers,__privateGet(this,_subscribers).sort((a,b)=>a.order-b.order))}return __privateMethod(this,_Ticker_instances,requestAnimationFrame_fn).call(this),()=>this.unsubscribe(callback)}unsubscribe(callback){const matches=__privateGet(this,_subscribers).filter(subscriber=>subscriber.callback===callback);matches.length&&(matches.forEach(m=>m.destroy()),__privateSet(this,_subscribers,__privateGet(this,_subscribers).filter(subscriber=>subscriber.callback!==callback)),__privateGet(this,_subscribers).length||__privateMethod(this,_Ticker_instances,cancelAnimationFrame_fn).call(this))}destroy(){Store.isBrowser&&(__privateMethod(this,_Ticker_instances,cancelAnimationFrame_fn).call(this),document.removeEventListener("visibilitychange",__privateGet(this,_documentVisibilityChangeListener)))}};_idleTime=new WeakMap,_timestamp2=new WeakMap,_lastFrameId=new WeakMap,_lastFrameTime=new WeakMap,_currentFPS=new WeakMap,_frameCount=new WeakMap,_fpsUpdateTime=new WeakMap,_isDocumentHidden=new WeakMap,_subscribers=new WeakMap,_Ticker_instances=new WeakSet,requestAnimationFrame_fn=__name(function(){__privateGet(this,_subscribers).length&&!__privateGet(this,_lastFrameId)&&__privateSet(this,_lastFrameId,requestAnimationFrame(__privateGet(this,_animationFrameListener)))},"#requestAnimationFrame"),cancelAnimationFrame_fn=__name(function(){__privateGet(this,_lastFrameId)&&(cancelAnimationFrame(__privateGet(this,_lastFrameId)),__privateSet(this,_lastFrameId,void 0))},"#cancelAnimationFrame"),_animationFrameListener=new WeakMap,updateFPS_fn=__name(function(timestamp){if(__privateGet(this,_lastFrameTime)===0){__privateSet(this,_lastFrameTime,timestamp),__privateSet(this,_fpsUpdateTime,timestamp);return}__privateWrapper(this,_frameCount)._++,timestamp>=__privateGet(this,_fpsUpdateTime)+1e3&&(__privateSet(this,_currentFPS,Math.round(__privateGet(this,_frameCount)*1e3/(timestamp-__privateGet(this,_fpsUpdateTime)))),__privateSet(this,_frameCount,0),__privateSet(this,_fpsUpdateTime,timestamp)),__privateSet(this,_lastFrameTime,timestamp)},"#updateFPS"),_documentVisibilityChangeListener=new WeakMap,__name(_Ticker,"Ticker");let Ticker=_Ticker;const ticker=new Ticker;var _subscribers2,_intersectionObserver2,_intersectionListener2;const _Intersector=class _Intersector{constructor(){__privateAdd(this,_subscribers2,[]);__privateAdd(this,_intersectionObserver2,null);__privateAdd(this,_intersectionListener2,__name(entries=>{__privateGet(this,_subscribers2).map(subscriber=>({subscriber,entry:entries.find(entry=>entry.target===subscriber.element)})).forEach(match=>{match.entry&&(match.subscriber.entry=match.entry,match.subscriber.callback(match.entry))})},"#intersectionListener"));Store.isBrowser&&window.IntersectionObserver&&__privateSet(this,_intersectionObserver2,new IntersectionObserver(__privateGet(this,_intersectionListener2)))}subscribe(elementOrSelector,callback){const element=dom.getElement(elementOrSelector);if(!element)return()=>{};const alreadyObserved=__privateGet(this,_subscribers2).find(sub=>sub.element===element);if(!alreadyObserved)__privateGet(this,_intersectionObserver2).observe(element);else{const alreadyIntersected=__privateGet(this,_subscribers2).find(s=>s.element===element&&s.entry);alreadyIntersected!=null&&alreadyIntersected.entry.isIntersecting&&callback(alreadyIntersected.entry)}return __privateGet(this,_subscribers2).push({element,callback,entry:(alreadyObserved==null?void 0:alreadyObserved.entry)||null}),()=>{this.unsubscribe(callback)}}unsubscribe(callback){const subscriber=__privateGet(this,_subscribers2).find(sub=>sub.callback===callback);subscriber&&(__privateSet(this,_subscribers2,__privateGet(this,_subscribers2).filter(sub=>sub.callback!==callback)),__privateGet(this,_subscribers2).find(sub=>sub.element===subscriber.element)||__privateGet(this,_intersectionObserver2).unobserve(subscriber.element))}};_subscribers2=new WeakMap,_intersectionObserver2=new WeakMap,_intersectionListener2=new WeakMap,__name(_Intersector,"Intersector");let Intersector=_Intersector;const intersector=new Intersector;exports.Intersector=Intersector;exports.Ticker=Ticker;exports.intersector=intersector;exports.ticker=ticker;
|
|
@@ -13,63 +13,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
|
|
|
13
13
|
return __privateGet(obj, member, getter);
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
|
+
import { i as isBrowser } from "./Store-CAGUSjFX.js";
|
|
16
17
|
import { g as getElement } from "./dom-D8D-_9ty.js";
|
|
17
18
|
import "construct-style-sheets-polyfill";
|
|
18
|
-
|
|
19
|
-
var _subscribers, _intersectionObserver, _intersectionListener;
|
|
20
|
-
const _Intersector = class _Intersector {
|
|
21
|
-
constructor() {
|
|
22
|
-
__privateAdd(this, _subscribers, []);
|
|
23
|
-
__privateAdd(this, _intersectionObserver, null);
|
|
24
|
-
__privateAdd(this, _intersectionListener, /* @__PURE__ */ __name((entries) => {
|
|
25
|
-
__privateGet(this, _subscribers).map((subscriber) => ({
|
|
26
|
-
subscriber,
|
|
27
|
-
entry: entries.find((entry) => entry.target === subscriber.element)
|
|
28
|
-
})).forEach((match) => {
|
|
29
|
-
match.entry && (match.subscriber.entry = match.entry, match.subscriber.callback(match.entry));
|
|
30
|
-
});
|
|
31
|
-
}, "#intersectionListener"));
|
|
32
|
-
isBrowser && window.IntersectionObserver && __privateSet(this, _intersectionObserver, new IntersectionObserver(
|
|
33
|
-
__privateGet(this, _intersectionListener)
|
|
34
|
-
));
|
|
35
|
-
}
|
|
36
|
-
subscribe(elementOrSelector, callback) {
|
|
37
|
-
const element = getElement(elementOrSelector);
|
|
38
|
-
if (!element)
|
|
39
|
-
return () => {
|
|
40
|
-
};
|
|
41
|
-
const alreadyObserved = __privateGet(this, _subscribers).find(
|
|
42
|
-
(sub) => sub.element === element
|
|
43
|
-
);
|
|
44
|
-
if (!alreadyObserved)
|
|
45
|
-
__privateGet(this, _intersectionObserver).observe(element);
|
|
46
|
-
else {
|
|
47
|
-
const alreadyIntersected = __privateGet(this, _subscribers).find(
|
|
48
|
-
(s) => s.element === element && s.entry
|
|
49
|
-
);
|
|
50
|
-
alreadyIntersected != null && alreadyIntersected.entry.isIntersecting && callback(alreadyIntersected.entry);
|
|
51
|
-
}
|
|
52
|
-
return __privateGet(this, _subscribers).push({
|
|
53
|
-
element,
|
|
54
|
-
callback,
|
|
55
|
-
entry: (alreadyObserved == null ? void 0 : alreadyObserved.entry) || null
|
|
56
|
-
}), () => {
|
|
57
|
-
this.unsubscribe(callback);
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
unsubscribe(callback) {
|
|
61
|
-
const subscriber = __privateGet(this, _subscribers).find(
|
|
62
|
-
(sub) => sub.callback === callback
|
|
63
|
-
);
|
|
64
|
-
subscriber && (__privateSet(this, _subscribers, __privateGet(this, _subscribers).filter(
|
|
65
|
-
(sub) => sub.callback !== callback
|
|
66
|
-
)), __privateGet(this, _subscribers).find((sub) => sub.element === subscriber.element) || __privateGet(this, _intersectionObserver).unobserve(subscriber.element));
|
|
67
|
-
}
|
|
68
|
-
};
|
|
69
|
-
_subscribers = new WeakMap(), _intersectionObserver = new WeakMap(), _intersectionListener = new WeakMap(), __name(_Intersector, "Intersector");
|
|
70
|
-
let Intersector = _Intersector;
|
|
71
|
-
const intersector = new Intersector();
|
|
72
|
-
var _callback, _maxFPS, _order, _timestamp, _lastTimestamp, _subscribeTimestamp, _intersectionTimestamp, _timeBetweenFrames, _isVisible, _intersectionObserver2, _intersectionListener2;
|
|
19
|
+
var _callback, _maxFPS, _order, _timestamp, _lastTimestamp, _subscribeTimestamp, _intersectionTimestamp, _timeBetweenFrames, _isVisible, _intersectionObserver, _intersectionListener;
|
|
73
20
|
const _TickerSubscriber = class _TickerSubscriber {
|
|
74
21
|
constructor(callback, options) {
|
|
75
22
|
__privateAdd(this, _callback);
|
|
@@ -81,16 +28,16 @@ const _TickerSubscriber = class _TickerSubscriber {
|
|
|
81
28
|
__privateAdd(this, _intersectionTimestamp, 0);
|
|
82
29
|
__privateAdd(this, _timeBetweenFrames, 0);
|
|
83
30
|
__privateAdd(this, _isVisible, !1);
|
|
84
|
-
__privateAdd(this,
|
|
85
|
-
__privateAdd(this,
|
|
31
|
+
__privateAdd(this, _intersectionObserver, null);
|
|
32
|
+
__privateAdd(this, _intersectionListener, /* @__PURE__ */ __name((entries) => {
|
|
86
33
|
const entry = entries[0];
|
|
87
34
|
__privateSet(this, _isVisible, entry.isIntersecting), __privateGet(this, _isVisible) && __privateSet(this, _intersectionTimestamp, __privateGet(this, _timestamp));
|
|
88
35
|
}, "#intersectionListener"));
|
|
89
36
|
if (__privateSet(this, _callback, callback), __privateSet(this, _maxFPS, options == null ? void 0 : options.maxFPS), __privateSet(this, _order, (options == null ? void 0 : options.order) || 0), options != null && options.culling && isBrowser) {
|
|
90
37
|
const element = getElement(options.culling);
|
|
91
|
-
element && (__privateSet(this,
|
|
92
|
-
__privateGet(this,
|
|
93
|
-
)), __privateGet(this,
|
|
38
|
+
element && (__privateSet(this, _intersectionObserver, new IntersectionObserver(
|
|
39
|
+
__privateGet(this, _intersectionListener)
|
|
40
|
+
)), __privateGet(this, _intersectionObserver).observe(element));
|
|
94
41
|
} else
|
|
95
42
|
__privateSet(this, _isVisible, !0);
|
|
96
43
|
}
|
|
@@ -121,12 +68,12 @@ const _TickerSubscriber = class _TickerSubscriber {
|
|
|
121
68
|
}
|
|
122
69
|
destroy() {
|
|
123
70
|
var _a;
|
|
124
|
-
(_a = __privateGet(this,
|
|
71
|
+
(_a = __privateGet(this, _intersectionObserver)) == null || _a.disconnect();
|
|
125
72
|
}
|
|
126
73
|
};
|
|
127
|
-
_callback = new WeakMap(), _maxFPS = new WeakMap(), _order = new WeakMap(), _timestamp = new WeakMap(), _lastTimestamp = new WeakMap(), _subscribeTimestamp = new WeakMap(), _intersectionTimestamp = new WeakMap(), _timeBetweenFrames = new WeakMap(), _isVisible = new WeakMap(),
|
|
74
|
+
_callback = new WeakMap(), _maxFPS = new WeakMap(), _order = new WeakMap(), _timestamp = new WeakMap(), _lastTimestamp = new WeakMap(), _subscribeTimestamp = new WeakMap(), _intersectionTimestamp = new WeakMap(), _timeBetweenFrames = new WeakMap(), _isVisible = new WeakMap(), _intersectionObserver = new WeakMap(), _intersectionListener = new WeakMap(), __name(_TickerSubscriber, "TickerSubscriber");
|
|
128
75
|
let TickerSubscriber = _TickerSubscriber;
|
|
129
|
-
var _idleTime, _timestamp2, _lastFrameId, _lastFrameTime, _currentFPS, _frameCount, _fpsUpdateTime, _isDocumentHidden,
|
|
76
|
+
var _idleTime, _timestamp2, _lastFrameId, _lastFrameTime, _currentFPS, _frameCount, _fpsUpdateTime, _isDocumentHidden, _subscribers, _Ticker_instances, requestAnimationFrame_fn, cancelAnimationFrame_fn, _animationFrameListener, updateFPS_fn, _documentVisibilityChangeListener;
|
|
130
77
|
const _Ticker = class _Ticker {
|
|
131
78
|
constructor() {
|
|
132
79
|
__privateAdd(this, _Ticker_instances);
|
|
@@ -138,15 +85,15 @@ const _Ticker = class _Ticker {
|
|
|
138
85
|
__privateAdd(this, _frameCount, 0);
|
|
139
86
|
__privateAdd(this, _fpsUpdateTime, 0);
|
|
140
87
|
__privateAdd(this, _isDocumentHidden, !1);
|
|
141
|
-
__privateAdd(this,
|
|
88
|
+
__privateAdd(this, _subscribers, []);
|
|
142
89
|
__privateAdd(this, _animationFrameListener, /* @__PURE__ */ __name((timestamp) => {
|
|
143
90
|
if (__privateGet(this, _isDocumentHidden)) {
|
|
144
91
|
__privateSet(this, _isDocumentHidden, !1), __privateSet(this, _idleTime, timestamp - __privateGet(this, _timestamp2));
|
|
145
|
-
for (const subscriber of __privateGet(this,
|
|
92
|
+
for (const subscriber of __privateGet(this, _subscribers))
|
|
146
93
|
subscriber.sync(__privateGet(this, _timestamp2));
|
|
147
94
|
}
|
|
148
95
|
__privateSet(this, _lastFrameId, requestAnimationFrame(__privateGet(this, _animationFrameListener))), __privateSet(this, _timestamp2, timestamp - __privateGet(this, _idleTime)), __privateMethod(this, _Ticker_instances, updateFPS_fn).call(this, timestamp);
|
|
149
|
-
for (const subscriber of __privateGet(this,
|
|
96
|
+
for (const subscriber of __privateGet(this, _subscribers))
|
|
150
97
|
subscriber.tick(__privateGet(this, _timestamp2));
|
|
151
98
|
}, "#animationFrameListener"));
|
|
152
99
|
__privateAdd(this, _documentVisibilityChangeListener, /* @__PURE__ */ __name(() => {
|
|
@@ -161,19 +108,19 @@ const _Ticker = class _Ticker {
|
|
|
161
108
|
return __privateGet(this, _currentFPS);
|
|
162
109
|
}
|
|
163
110
|
subscribe(callback, options) {
|
|
164
|
-
if (!__privateGet(this,
|
|
111
|
+
if (!__privateGet(this, _subscribers).find((s) => s.callback === callback)) {
|
|
165
112
|
const subscriber = new TickerSubscriber(callback, options);
|
|
166
|
-
subscriber.sync(performance.now()), __privateGet(this,
|
|
113
|
+
subscriber.sync(performance.now()), __privateGet(this, _subscribers).push(subscriber), __privateSet(this, _subscribers, __privateGet(this, _subscribers).sort((a, b) => a.order - b.order));
|
|
167
114
|
}
|
|
168
115
|
return __privateMethod(this, _Ticker_instances, requestAnimationFrame_fn).call(this), () => this.unsubscribe(callback);
|
|
169
116
|
}
|
|
170
117
|
unsubscribe(callback) {
|
|
171
|
-
const matches = __privateGet(this,
|
|
118
|
+
const matches = __privateGet(this, _subscribers).filter(
|
|
172
119
|
(subscriber) => subscriber.callback === callback
|
|
173
120
|
);
|
|
174
|
-
matches.length && (matches.forEach((m) => m.destroy()), __privateSet(this,
|
|
121
|
+
matches.length && (matches.forEach((m) => m.destroy()), __privateSet(this, _subscribers, __privateGet(this, _subscribers).filter(
|
|
175
122
|
(subscriber) => subscriber.callback !== callback
|
|
176
|
-
)), __privateGet(this,
|
|
123
|
+
)), __privateGet(this, _subscribers).length || __privateMethod(this, _Ticker_instances, cancelAnimationFrame_fn).call(this));
|
|
177
124
|
}
|
|
178
125
|
destroy() {
|
|
179
126
|
isBrowser && (__privateMethod(this, _Ticker_instances, cancelAnimationFrame_fn).call(this), document.removeEventListener(
|
|
@@ -182,8 +129,8 @@ const _Ticker = class _Ticker {
|
|
|
182
129
|
));
|
|
183
130
|
}
|
|
184
131
|
};
|
|
185
|
-
_idleTime = new WeakMap(), _timestamp2 = new WeakMap(), _lastFrameId = new WeakMap(), _lastFrameTime = new WeakMap(), _currentFPS = new WeakMap(), _frameCount = new WeakMap(), _fpsUpdateTime = new WeakMap(), _isDocumentHidden = new WeakMap(),
|
|
186
|
-
__privateGet(this,
|
|
132
|
+
_idleTime = new WeakMap(), _timestamp2 = new WeakMap(), _lastFrameId = new WeakMap(), _lastFrameTime = new WeakMap(), _currentFPS = new WeakMap(), _frameCount = new WeakMap(), _fpsUpdateTime = new WeakMap(), _isDocumentHidden = new WeakMap(), _subscribers = new WeakMap(), _Ticker_instances = new WeakSet(), requestAnimationFrame_fn = /* @__PURE__ */ __name(function() {
|
|
133
|
+
__privateGet(this, _subscribers).length && !__privateGet(this, _lastFrameId) && __privateSet(this, _lastFrameId, requestAnimationFrame(__privateGet(this, _animationFrameListener)));
|
|
187
134
|
}, "#requestAnimationFrame"), cancelAnimationFrame_fn = /* @__PURE__ */ __name(function() {
|
|
188
135
|
__privateGet(this, _lastFrameId) && (cancelAnimationFrame(__privateGet(this, _lastFrameId)), __privateSet(this, _lastFrameId, void 0));
|
|
189
136
|
}, "#cancelAnimationFrame"), _animationFrameListener = new WeakMap(), updateFPS_fn = /* @__PURE__ */ __name(function(timestamp) {
|
|
@@ -197,10 +144,62 @@ _idleTime = new WeakMap(), _timestamp2 = new WeakMap(), _lastFrameId = new WeakM
|
|
|
197
144
|
}, "#updateFPS"), _documentVisibilityChangeListener = new WeakMap(), __name(_Ticker, "Ticker");
|
|
198
145
|
let Ticker = _Ticker;
|
|
199
146
|
const ticker = new Ticker();
|
|
147
|
+
var _subscribers2, _intersectionObserver2, _intersectionListener2;
|
|
148
|
+
const _Intersector = class _Intersector {
|
|
149
|
+
constructor() {
|
|
150
|
+
__privateAdd(this, _subscribers2, []);
|
|
151
|
+
__privateAdd(this, _intersectionObserver2, null);
|
|
152
|
+
__privateAdd(this, _intersectionListener2, /* @__PURE__ */ __name((entries) => {
|
|
153
|
+
__privateGet(this, _subscribers2).map((subscriber) => ({
|
|
154
|
+
subscriber,
|
|
155
|
+
entry: entries.find((entry) => entry.target === subscriber.element)
|
|
156
|
+
})).forEach((match) => {
|
|
157
|
+
match.entry && (match.subscriber.entry = match.entry, match.subscriber.callback(match.entry));
|
|
158
|
+
});
|
|
159
|
+
}, "#intersectionListener"));
|
|
160
|
+
isBrowser && window.IntersectionObserver && __privateSet(this, _intersectionObserver2, new IntersectionObserver(
|
|
161
|
+
__privateGet(this, _intersectionListener2)
|
|
162
|
+
));
|
|
163
|
+
}
|
|
164
|
+
subscribe(elementOrSelector, callback) {
|
|
165
|
+
const element = getElement(elementOrSelector);
|
|
166
|
+
if (!element)
|
|
167
|
+
return () => {
|
|
168
|
+
};
|
|
169
|
+
const alreadyObserved = __privateGet(this, _subscribers2).find(
|
|
170
|
+
(sub) => sub.element === element
|
|
171
|
+
);
|
|
172
|
+
if (!alreadyObserved)
|
|
173
|
+
__privateGet(this, _intersectionObserver2).observe(element);
|
|
174
|
+
else {
|
|
175
|
+
const alreadyIntersected = __privateGet(this, _subscribers2).find(
|
|
176
|
+
(s) => s.element === element && s.entry
|
|
177
|
+
);
|
|
178
|
+
alreadyIntersected != null && alreadyIntersected.entry.isIntersecting && callback(alreadyIntersected.entry);
|
|
179
|
+
}
|
|
180
|
+
return __privateGet(this, _subscribers2).push({
|
|
181
|
+
element,
|
|
182
|
+
callback,
|
|
183
|
+
entry: (alreadyObserved == null ? void 0 : alreadyObserved.entry) || null
|
|
184
|
+
}), () => {
|
|
185
|
+
this.unsubscribe(callback);
|
|
186
|
+
};
|
|
187
|
+
}
|
|
188
|
+
unsubscribe(callback) {
|
|
189
|
+
const subscriber = __privateGet(this, _subscribers2).find(
|
|
190
|
+
(sub) => sub.callback === callback
|
|
191
|
+
);
|
|
192
|
+
subscriber && (__privateSet(this, _subscribers2, __privateGet(this, _subscribers2).filter(
|
|
193
|
+
(sub) => sub.callback !== callback
|
|
194
|
+
)), __privateGet(this, _subscribers2).find((sub) => sub.element === subscriber.element) || __privateGet(this, _intersectionObserver2).unobserve(subscriber.element));
|
|
195
|
+
}
|
|
196
|
+
};
|
|
197
|
+
_subscribers2 = new WeakMap(), _intersectionObserver2 = new WeakMap(), _intersectionListener2 = new WeakMap(), __name(_Intersector, "Intersector");
|
|
198
|
+
let Intersector = _Intersector;
|
|
199
|
+
const intersector = new Intersector();
|
|
200
200
|
export {
|
|
201
201
|
Intersector as I,
|
|
202
202
|
Ticker as T,
|
|
203
|
-
intersector as
|
|
204
|
-
isBrowser as i,
|
|
203
|
+
intersector as i,
|
|
205
204
|
ticker as t
|
|
206
205
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../Store-B96mD8mD.cjs");require("../dom-B40i6NXw.cjs");const ticker_index=require("../index-BoGx2BWX.cjs");require("construct-style-sheets-polyfill");exports.Intersector=ticker_index.Intersector;exports.intersector=ticker_index.intersector;
|
package/lib/intersector/index.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "../Store-CAGUSjFX.js";
|
|
2
2
|
import "../dom-D8D-_9ty.js";
|
|
3
|
+
import { I, i } from "../index-DAG0CtYo.js";
|
|
3
4
|
import "construct-style-sheets-polyfill";
|
|
4
5
|
export {
|
|
5
6
|
I as Intersector,
|
|
6
|
-
|
|
7
|
+
i as intersector
|
|
7
8
|
};
|
package/lib/jsx/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __defProp=Object.defineProperty,__defProps=Object.defineProperties;var __getOwnPropDescs=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b)),__name=(target,value)=>__defProp(target,"name",{value,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const render=require("../render-
|
|
1
|
+
"use strict";var __defProp=Object.defineProperty,__defProps=Object.defineProperties;var __getOwnPropDescs=Object.getOwnPropertyDescriptors;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a},__spreadProps=(a,b)=>__defProps(a,__getOwnPropDescs(b)),__name=(target,value)=>__defProp(target,"name",{value,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const render=require("../render-BFtKadLP.cjs"),cssProperty_index=require("../css-property/index.cjs"),Store=require("../Store-B96mD8mD.cjs"),ticker_index=require("../index-BoGx2BWX.cjs");require("construct-style-sheets-polyfill");const store_index=require("../store/index.cjs"),DerivedArray=require("../DerivedArray-CP3QiK6l.cjs"),elementResizer_index=require("../element-resizer/index.cjs"),windowResizer_index=require("../window-resizer/index.cjs");function useRef(){return{value:null}}__name(useRef,"useRef");function useConnect(callback){render.activeComponent.current.addConnectCallback(callback)}__name(useConnect,"useConnect");function useDisconnect(callback){render.activeComponent.current.addDisconnectCallback(callback)}__name(useDisconnect,"useDisconnect");function useCSSProperty(property,defaultValue,options){if(render.activeComponent.current){const cssProperty=new cssProperty_index.CSSProperty(render.activeComponent.current,property,defaultValue,options);return useConnect(()=>(options!=null&&options.callback&&cssProperty.subscribe(options.callback),cssProperty.observe(),()=>{cssProperty.close()})),cssProperty}}__name(useCSSProperty,"useCSSProperty");function useInternals(callback){const internals=render.activeComponent.current.attachInternals();return callback==null||callback(internals),internals}__name(useInternals,"useInternals");function useShadow(init,callback){if(!render.activeComponent.current.shadowRoot){const shadowRoot=render.activeComponent.current.attachShadow(__spreadValues({mode:"open"},init));callback==null||callback(shadowRoot)}return render.activeComponent.current.shadowRoot}__name(useShadow,"useShadow");function createStylesheet(cssText){const styleSheet=new CSSStyleSheet;return styleSheet.replaceSync(cssText),styleSheet}__name(createStylesheet,"createStylesheet");function generateCSS(source){let cssText="";const processObject=__name((obj,selector)=>{selector&&(cssText+=`${selector} {`);for(const[key,value]of Object.entries(obj))typeof value=="object"&&value!==null?processObject(value,key):cssText+=`${Store.camelToKebab(key)}: ${value};`;selector&&(cssText+="}")},"processObject");return processObject(source),cssText}__name(generateCSS,"generateCSS");function addStylesToShadowRoot(shadowRoot,cssText){const newStylesheet=createStylesheet(cssText),destroyCallbacks=[];for(const currentStylesheet of shadowRoot.adoptedStyleSheets)Array.from(newStylesheet.cssRules).filter(newRule=>!Array.from(currentStylesheet.cssRules).some(currentRule=>currentRule.cssText===newRule.cssText)).forEach(newRule=>{const index=currentStylesheet.insertRule(newRule.cssText);destroyCallbacks.push(()=>currentStylesheet.deleteRule(index))});return()=>destroyCallbacks.forEach(callback=>callback())}__name(addStylesToShadowRoot,"addStylesToShadowRoot");function addStylesToDocument(cssText){const styleElement=document.createElement("style");return styleElement.textContent=cssText,document.head.appendChild(styleElement),()=>styleElement.remove()}__name(addStylesToDocument,"addStylesToDocument");function useStylesheet(source){const cssText=generateCSS(source);if(render.activeComponent.current.shadowRoot){render.activeComponent.current.shadowRoot.adoptedStyleSheets=[...render.activeComponent.current.shadowRoot.adoptedStyleSheets,createStylesheet(cssText)];return}useConnect(element=>{const rootNode=element.getRootNode();if(rootNode===document){if(!Array.from(document.head.querySelectorAll("style")).find(style=>style.textContent===cssText))return addStylesToDocument(cssText)}else if(rootNode instanceof ShadowRoot)return addStylesToShadowRoot(rootNode,cssText)})}__name(useStylesheet,"useStylesheet");function subscribe(create){const store=create();return render.activeComponent.current&&render.activeComponent.current.addDisconnectCallback(()=>{store.close()}),store}__name(subscribe,"subscribe");function useStore(...parameters){return subscribe(()=>new Store.Store(...parameters))}__name(useStore,"useStore");function useDerivedStore(...parameters){return subscribe(()=>new store_index.Derived(...parameters))}__name(useDerivedStore,"useDerivedStore");function useDerivedArrayStore(...parameters){return subscribe(()=>new DerivedArray.DerivedArray(...parameters))}__name(useDerivedArrayStore,"useDerivedArrayStore");function useDerivedKeyedArrayStore(...parameters){return subscribe(()=>new DerivedArray.DerivedKeyedArray(...parameters))}__name(useDerivedKeyedArrayStore,"useDerivedKeyedArrayStore");function useResourceStore(...parameters){return subscribe(()=>new store_index.Resource(...parameters))}__name(useResourceStore,"useResourceStore");function useComposedStore(...parameters){return subscribe(()=>new store_index.Composed(...parameters))}__name(useComposedStore,"useComposedStore");function useWindowResize(...parameters){render.activeComponent.current?useConnect(()=>windowResizer_index.windowResizer.subscribe(...parameters)):windowResizer_index.windowResizer.subscribe(...parameters)}__name(useWindowResize,"useWindowResize");function useElementResize(callback){useConnect(element=>elementResizer_index.elementResizer.subscribe(element,callback))}__name(useElementResize,"useElementResize");function useTicker(callback,options){if(render.activeComponent.current)useConnect(()=>ticker_index.ticker.subscribe(callback,__spreadProps(__spreadValues({},options),{culling:options!=null&&options.componentCulling?render.activeComponent.current:options==null?void 0:options.culling})));else return ticker_index.ticker.subscribe(callback,options)}__name(useTicker,"useTicker");exports.Fragment=render.Fragment;exports.h=render.h;exports.hydrate=render.hydrate;exports.indexMap=render.indexMap;exports.render=render.render;exports.useCSSProperty=useCSSProperty;exports.useComposedStore=useComposedStore;exports.useConnect=useConnect;exports.useDerivedArrayStore=useDerivedArrayStore;exports.useDerivedKeyedArrayStore=useDerivedKeyedArrayStore;exports.useDerivedStore=useDerivedStore;exports.useDisconnect=useDisconnect;exports.useElementResize=useElementResize;exports.useInternals=useInternals;exports.useRef=useRef;exports.useResourceStore=useResourceStore;exports.useShadow=useShadow;exports.useStore=useStore;exports.useStylesheet=useStylesheet;exports.useTicker=useTicker;exports.useWindowResize=useWindowResize;
|
package/lib/jsx/index.js
CHANGED
|
@@ -10,15 +10,14 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
|
|
|
10
10
|
__propIsEnum.call(b2, prop) && __defNormalProp(a, prop, b2[prop]);
|
|
11
11
|
return a;
|
|
12
12
|
}, __spreadProps = (a, b2) => __defProps(a, __getOwnPropDescs(b2)), __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
|
|
13
|
-
import { a as activeComponent } from "../render-
|
|
14
|
-
import { F, h, b, i, r } from "../render-
|
|
13
|
+
import { a as activeComponent } from "../render-CpcwTFhp.js";
|
|
14
|
+
import { F, h, b, i, r } from "../render-CpcwTFhp.js";
|
|
15
15
|
import { CSSProperty } from "../css-property/index.js";
|
|
16
|
-
import { c as camelToKebab } from "../
|
|
16
|
+
import { c as camelToKebab, S as Store } from "../Store-CAGUSjFX.js";
|
|
17
|
+
import { t as ticker } from "../index-DAG0CtYo.js";
|
|
17
18
|
import "construct-style-sheets-polyfill";
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import { D as Derived, R as Resource, C as Composed } from "../Composed-DSDIwKsX.js";
|
|
21
|
-
import { D as DerivedArray, a as DerivedKeyedArray } from "../DerivedArray-XXkMPpKW.js";
|
|
19
|
+
import { Derived, Resource, Composed } from "../store/index.js";
|
|
20
|
+
import { D as DerivedArray, a as DerivedKeyedArray } from "../DerivedArray-DT9yLVm3.js";
|
|
22
21
|
import { elementResizer } from "../element-resizer/index.js";
|
|
23
22
|
import { windowResizer } from "../window-resizer/index.js";
|
|
24
23
|
function useRef() {
|
package/lib/ladder/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var __defProp=Object.defineProperty;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __typeError=msg=>{throw TypeError(msg)};var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a};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 Store=require("../Store-
|
|
1
|
+
"use strict";var __defProp=Object.defineProperty;var __getOwnPropSymbols=Object.getOwnPropertySymbols;var __hasOwnProp=Object.prototype.hasOwnProperty,__propIsEnum=Object.prototype.propertyIsEnumerable;var __typeError=msg=>{throw TypeError(msg)};var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:!0,configurable:!0,writable:!0,value}):obj[key]=value,__spreadValues=(a,b)=>{for(var prop in b||(b={}))__hasOwnProp.call(b,prop)&&__defNormalProp(a,prop,b[prop]);if(__getOwnPropSymbols)for(var prop of __getOwnPropSymbols(b))__propIsEnum.call(b,prop)&&__defNormalProp(a,prop,b[prop]);return a};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 Store=require("../Store-B96mD8mD.cjs");var _base,_steps,_bindings,_Ladder_instances,calculate_fn;const _Ladder=class _Ladder extends Store.Store{constructor(base){super(base,{equalityCheck:__name(()=>!1,"equalityCheck")});__privateAdd(this,_Ladder_instances);__privateAdd(this,_base);__privateAdd(this,_steps);__privateAdd(this,_bindings);__privateSet(this,_base,__spreadValues({},base)),__privateSet(this,_steps,new Map),__privateSet(this,_bindings,new Set)}get base(){return __privateGet(this,_base)}get steps(){return __privateGet(this,_steps)}close(){super.close(),__privateGet(this,_bindings).clear(),__privateGet(this,_steps).clear()}bind(sub){__privateGet(this,_bindings).add(sub)}unbind(sub){__privateGet(this,_bindings).delete(sub)}deleteStep(stepName){this.steps.delete(stepName)}getStepValue(stepName){var _a;return(_a=this.steps.get(stepName))==null?void 0:_a[1]}getExcludedStepsValue(...stepNames){const steps=new Map;return stepNames.map(name=>{const step=this.steps.get(name);step&&steps.set(name,step)}),__privateMethod(this,_Ladder_instances,calculate_fn).call(this,steps)}getIncludedStepsValue(...stepNames){const steps=new Map(this.steps);return stepNames.map(name=>{this.steps.has(name)&&steps.delete(name)}),__privateMethod(this,_Ladder_instances,calculate_fn).call(this,steps)}setStep(stepName,action,value){const readyValue={};for(const key in this.current)readyValue[key]=value[key]||0;this.steps.set(stepName,[action,readyValue]),this.calculate()}calculate(){this.current=__privateMethod(this,_Ladder_instances,calculate_fn).call(this,__privateGet(this,_steps))}};_base=new WeakMap,_steps=new WeakMap,_bindings=new WeakMap,_Ladder_instances=new WeakSet,calculate_fn=__name(function(steps){const calculated={};for(const key in this.base)calculated[key]=this.base[key];for(const item of steps){const step=item[1];if(step[0]==="+")for(const key in this.base){const value=step[1][key];calculated[key]+=value}else if(step[0]==="*")for(const key in this.base){const value=step[1][key];calculated[key]*=value}else if(step[0]==="/")for(const key in this.base){const value=step[1][key];calculated[key]/=value}else if(step[0]==="-")for(const key in this.base){const value=step[1][key];calculated[key]-=value}}for(const sub of __privateGet(this,_bindings))for(const key in calculated)sub[key]=calculated[key];return calculated},"#calculate"),__name(_Ladder,"Ladder");let Ladder=_Ladder;exports.Ladder=Ladder;
|
package/lib/ladder/index.js
CHANGED
|
@@ -15,9 +15,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
|
|
|
15
15
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
|
|
16
16
|
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
17
17
|
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);
|
|
18
|
-
import { S as Store } from "../Store-
|
|
19
|
-
import "construct-style-sheets-polyfill";
|
|
20
|
-
import "../index-uJboZXlu.js";
|
|
18
|
+
import { S as Store } from "../Store-CAGUSjFX.js";
|
|
21
19
|
var _base, _steps, _bindings, _Ladder_instances, calculate_fn;
|
|
22
20
|
const _Ladder = class _Ladder extends Store {
|
|
23
21
|
constructor(base) {
|
package/lib/layout-box/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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 cssUnitParser_index=require("../css-unit-parser/index.cjs"),elementResizer_index=require("../element-resizer/index.cjs"),ladder_index=require("../ladder/index.cjs"),notifier_index=require("../notifier/index.cjs"),order_index=require("../order/index.cjs"),scrollEntries_index=require("../scroll-entries/index.cjs"),intersector_index=require("../index-Cz5-98rw.cjs"),dom=require("../dom-B40i6NXw.cjs"),layout=require("../layout-CnGLl7oe.cjs");require("construct-style-sheets-polyfill");const windowResizer_index=require("../window-resizer/index.cjs");function decomposeCSSMatrix(matrix){const scaleX=Math.sqrt(matrix.m11*matrix.m11+matrix.m12*matrix.m12+matrix.m13*matrix.m13),scaleY=Math.sqrt(matrix.m21*matrix.m21+matrix.m22*matrix.m22+matrix.m23*matrix.m23),scaleZ=Math.sqrt(matrix.m31*matrix.m31+matrix.m32*matrix.m32+matrix.m33*matrix.m33),rotationX=Math.atan2(matrix.m32,matrix.m33),rotationY=Math.atan2(-matrix.m31,Math.sqrt(matrix.m32*matrix.m32+matrix.m33*matrix.m33)),rotationZ=Math.atan2(matrix.m21,matrix.m11),translationX=matrix.m41,translationY=matrix.m42*-1,translationZ=matrix.m43;return{scaleX,scaleY,scaleZ,rotationX,rotationY,rotationZ,translationX,translationY,translationZ}}__name(decomposeCSSMatrix,"decomposeCSSMatrix");var _element,_containerElement,_scrollStepSetterCallbacks,_scrollAxis,_frontSide,_isCartesian,_isSizeStep,_isPositionStep,_isTransformStep,_isScrollStep,_width,_height,_depth,_top,_left,_front,_x,_y,_z,_CSSTranslation,_CSSRotation,_CSSScale,_rotation,_position,_scale,_scrollValue,_scrollEntries,_resizeNotifier,_LayoutBox_instances,recalculate_fn,composeSteps_fn,updateDimensions_fn,updateScrollPosition_fn,_resizeListener,_tickListener,_scrollEntriesListener;const _LayoutBox=class _LayoutBox{constructor(element,options){__privateAdd(this,_LayoutBox_instances);__privateAdd(this,_element,null);__privateAdd(this,_containerElement,null);__privateAdd(this,_scrollStepSetterCallbacks,[]);__privateAdd(this,_scrollAxis,"auto");__privateAdd(this,_frontSide,"top");__privateAdd(this,_isCartesian,!1);__privateAdd(this,_isSizeStep,!0);__privateAdd(this,_isPositionStep,!0);__privateAdd(this,_isTransformStep,!0);__privateAdd(this,_isScrollStep,!0);__privateAdd(this,_width,0);__privateAdd(this,_height,0);__privateAdd(this,_depth,0);__privateAdd(this,_top,0);__privateAdd(this,_left,0);__privateAdd(this,_front,0);__privateAdd(this,_x,0);__privateAdd(this,_y,0);__privateAdd(this,_z,0);__privateAdd(this,_CSSTranslation,{x:0,y:0,z:0});__privateAdd(this,_CSSRotation,{x:0,y:0,z:0});__privateAdd(this,_CSSScale,{x:1,y:1,z:1});__privateAdd(this,_rotation,new ladder_index.Ladder({x:0,y:0,z:0}));__privateAdd(this,_position,new ladder_index.Ladder({x:0,y:0,z:0}));__privateAdd(this,_scale,new ladder_index.Ladder({x:0,y:0,z:0}));__privateAdd(this,_scrollValue,{x:0,y:0,z:0});__privateAdd(this,_scrollEntries,new Map);__privateAdd(this,_resizeNotifier,new notifier_index.Notifier);__privateAdd(this,_resizeListener,__name(()=>{intersector_index.isBrowser&&__privateMethod(this,_LayoutBox_instances,updateDimensions_fn).call(this)},"#resizeListener"));__privateAdd(this,_tickListener,__name(()=>{__privateMethod(this,_LayoutBox_instances,updateScrollPosition_fn).call(this),__privateMethod(this,_LayoutBox_instances,recalculate_fn).call(this)},"#tickListener"));__privateAdd(this,_scrollEntriesListener,__name(()=>{const allEntries=scrollEntries_index.scrollEntries.getAll(this.element);__privateGet(this,_scrollEntries).forEach((value,key)=>{allEntries.includes(key)||(this.deleteScrollStep(value),__privateGet(this,_scrollEntries).delete(key))}),allEntries.forEach(entry=>{if(!__privateGet(this,_scrollEntries).has(entry)){const callback=__name(()=>entry,"callback");__privateGet(this,_scrollEntries).set(entry,callback),this.setScrollStep(callback)}})},"#scrollEntriesListener"));intersector_index.isBrowser&&(__privateSet(this,_element,dom.getElement(element)||document.body),__privateSet(this,_containerElement,dom.getElement(options==null?void 0:options.containerElement)||document.body),__privateSet(this,_scrollAxis,(options==null?void 0:options.scrollAxis)||"auto"),__privateSet(this,_frontSide,(options==null?void 0:options.frontSide)||"top"),__privateSet(this,_isCartesian,(options==null?void 0:options.cartesian)||!1),__privateSet(this,_isSizeStep,(options==null?void 0:options.sizeStep)!==void 0?options.sizeStep:!0),__privateSet(this,_isPositionStep,(options==null?void 0:options.positionStep)!==void 0?options.positionStep:!0),__privateSet(this,_isTransformStep,(options==null?void 0:options.transformStep)!==void 0?options.transformStep:!0),__privateSet(this,_isScrollStep,(options==null?void 0:options.scrollStep)!==void 0?options.scrollStep:!0),__privateGet(this,_scale).setStep("_size","+",{x:1,y:1,z:1}),__privateGet(this,_position).setStep("_position","+",{x:0,y:0,z:0}),__privateGet(this,_scale).setStep("_scale","*",{x:1,y:1,z:1}),__privateGet(this,_position).setStep("_translation","+",{x:0,y:0,z:0}),__privateGet(this,_rotation).setStep("_rotation","+",{x:0,y:0,z:0}),__privateGet(this,_isScrollStep)&&(scrollEntries_index.scrollEntries.notifier.subscribe(__privateGet(this,_scrollEntriesListener)),__privateGet(this,_scrollEntriesListener).call(this),this.setScrollStep(()=>({axis:"y",value:layout.getStickyOffset(this.element,"top")*-1})),this.setScrollStep(()=>({axis:"x",value:layout.getStickyOffset(this.element,"left")*-1}))),elementResizer_index.elementResizer.subscribe(this.element,__privateGet(this,_resizeListener)),windowResizer_index.windowResizer.subscribe(__privateGet(this,_resizeListener),order_index.RESIZE_ORDER.LAYOUT_BOX),intersector_index.ticker.subscribe(__privateGet(this,_tickListener),{order:order_index.TICK_ORDER.LAYOUT_BOX,culling:options!=null&&options.culling?this.element:void 0}))}get element(){return __privateGet(this,_element)}get containerElement(){return __privateGet(this,_containerElement)}get position(){return __privateGet(this,_position).current}get rotation(){return __privateGet(this,_rotation).current}get scale(){return __privateGet(this,_scale).current}get scrollValue(){return __privateGet(this,_scrollValue)}get left(){return __privateGet(this,_left)}get top(){return __privateGet(this,_top)}get CSSTranslation(){return __privateGet(this,_CSSTranslation)}get CSSRotation(){return __privateGet(this,_CSSRotation)}get CSSScale(){return __privateGet(this,_CSSScale)}get front(){return __privateGet(this,_front)}get width(){return __privateGet(this,_width)}get height(){return __privateGet(this,_height)}get depth(){return __privateGet(this,_depth)}destroy(){intersector_index.ticker.unsubscribe(__privateGet(this,_tickListener)),elementResizer_index.elementResizer.unsubscribe(__privateGet(this,_resizeListener)),windowResizer_index.windowResizer.unsubscribe(__privateGet(this,_resizeListener)),scrollEntries_index.scrollEntries.notifier.unsubscribe(__privateGet(this,_scrollEntriesListener)),__privateGet(this,_scrollEntries).clear(),__privateGet(this,_position).close(),__privateGet(this,_rotation).close(),__privateGet(this,_scale).close()}bindObject(object){object.position&&__privateGet(this,_position).bind(object.position),object.rotation&&__privateGet(this,_rotation).bind(object.rotation),object.scale&&__privateGet(this,_scale).bind(object.scale)}unbindObject(object){object.position&&__privateGet(this,_position).unbind(object.position),object.rotation&&__privateGet(this,_rotation).unbind(object.rotation),object.scale&&__privateGet(this,_scale).unbind(object.scale)}setScrollStep(callback){return __privateGet(this,_scrollStepSetterCallbacks).includes(callback)||__privateGet(this,_scrollStepSetterCallbacks).push(callback),()=>this.deleteScrollStep(callback)}deleteScrollStep(callback){__privateSet(this,_scrollStepSetterCallbacks,__privateGet(this,_scrollStepSetterCallbacks).filter(s=>s!==callback))}setPositionStep(...args){__privateGet(this,_position).setStep(...args)}getPositionStep(...args){return __privateGet(this,_position).getStepValue(...args)}setRotationStep(...args){__privateGet(this,_rotation).setStep(...args)}getRotationStep(...args){return __privateGet(this,_rotation).getStepValue(...args)}getExcludedRotationSteps(...args){return __privateGet(this,_rotation).getExcludedStepsValue(...args)}getIncludedRotationSteps(...args){return __privateGet(this,_rotation).getIncludedStepsValue(...args)}setScaleStep(...args){__privateGet(this,_scale).setStep(...args)}getScaleStep(...args){return __privateGet(this,_scale).getStepValue(...args)}getExcludedScaleSteps(...args){return __privateGet(this,_scale).getExcludedStepsValue(...args)}getIncludedScaleSteps(...args){return __privateGet(this,_scale).getIncludedStepsValue(...args)}deletePositionStep(...args){__privateGet(this,_position).deleteStep(...args)}getExcludedPositionSteps(...args){return __privateGet(this,_position).getExcludedStepsValue(...args)}getIncludedPositionSteps(...args){return __privateGet(this,_position).getIncludedStepsValue(...args)}deleteRotationStep(...args){__privateGet(this,_rotation).deleteStep(...args)}deleteScaleStep(...args){__privateGet(this,_scale).deleteStep(...args)}onPosition(...args){return __privateGet(this,_position).subscribe(...args)}offPosition(...args){__privateGet(this,_position).unsubscribe(...args)}onScale(...args){return __privateGet(this,_scale).subscribe(...args)}offScale(...args){__privateGet(this,_scale).unsubscribe(...args)}onRotation(...args){return __privateGet(this,_rotation).subscribe(...args)}offRotation(...args){__privateGet(this,_rotation).unsubscribe(...args)}onResize(...args){return __privateGet(this,_resizeNotifier).subscribe(...args)}offResize(...args){return __privateGet(this,_resizeNotifier).unsubscribe(...args)}};_element=new WeakMap,_containerElement=new WeakMap,_scrollStepSetterCallbacks=new WeakMap,_scrollAxis=new WeakMap,_frontSide=new WeakMap,_isCartesian=new WeakMap,_isSizeStep=new WeakMap,_isPositionStep=new WeakMap,_isTransformStep=new WeakMap,_isScrollStep=new WeakMap,_width=new WeakMap,_height=new WeakMap,_depth=new WeakMap,_top=new WeakMap,_left=new WeakMap,_front=new WeakMap,_x=new WeakMap,_y=new WeakMap,_z=new WeakMap,_CSSTranslation=new WeakMap,_CSSRotation=new WeakMap,_CSSScale=new WeakMap,_rotation=new WeakMap,_position=new WeakMap,_scale=new WeakMap,_scrollValue=new WeakMap,_scrollEntries=new WeakMap,_resizeNotifier=new WeakMap,_LayoutBox_instances=new WeakSet,recalculate_fn=__name(function(){__privateGet(this,_scale).calculate(),__privateGet(this,_position).calculate(),__privateGet(this,_rotation).calculate()},"#recalculate"),composeSteps_fn=__name(function(){__privateGet(this,_scale).setStep("_size","+",{x:__privateGet(this,_isSizeStep)?__privateGet(this,_width):1,y:__privateGet(this,_isSizeStep)?__privateGet(this,_height):1,z:__privateGet(this,_isSizeStep)?__privateGet(this,_depth):1});const xPosition=__privateGet(this,_isPositionStep)?__privateGet(this,_x):0,yPosition=__privateGet(this,_isPositionStep)?__privateGet(this,_y):0,zPosition=__privateGet(this,_isPositionStep)?__privateGet(this,_z):0;__privateGet(this,_position).setStep("_position","+",{x:xPosition,y:yPosition,z:zPosition}),__privateGet(this,_isTransformStep)?(__privateGet(this,_scale).setStep("_scale","*",{x:__privateGet(this,_CSSScale).x,y:__privateGet(this,_CSSScale).y,z:__privateGet(this,_CSSScale).z}),__privateGet(this,_position).setStep("_translation","+",{x:__privateGet(this,_CSSTranslation).x,y:__privateGet(this,_CSSTranslation).y,z:__privateGet(this,_CSSTranslation).z}),__privateGet(this,_rotation).setStep("_rotation","+",{x:__privateGet(this,_CSSRotation).x,y:__privateGet(this,_CSSRotation).y,z:__privateGet(this,_CSSRotation).z})):(__privateGet(this,_scale).setStep("_scale","*",{x:1,y:1,z:1}),__privateGet(this,_position).setStep("_translation","+",{x:0,y:0,z:0}),__privateGet(this,_rotation).setStep("_rotation","+",{x:0,y:0,z:0}))},"#composeSteps"),updateDimensions_fn=__name(function(){const computed=getComputedStyle(__privateGet(this,_element));__privateSet(this,_width,Math.max(__privateGet(this,_element).clientWidth,1)),__privateSet(this,_height,Math.max(__privateGet(this,_element).clientHeight,1)),__privateSet(this,_depth,Math.max(cssUnitParser_index.cssUnitParser.parse(computed.getPropertyValue("--depth")||"0px")||0,1));const vl=layout.getCumulativeOffsetLeft(__privateGet(this,_containerElement)),vt=layout.getCumulativeOffsetTop(__privateGet(this,_containerElement)),vw=__privateGet(this,_containerElement).clientWidth,vh=__privateGet(this,_containerElement).clientHeight;if(__privateSet(this,_left,layout.getCumulativeOffsetLeft(__privateGet(this,_element))-vl),__privateSet(this,_top,layout.getCumulativeOffsetTop(__privateGet(this,_element))-vt),__privateGet(this,_scrollAxis)==="z"){const nl=__privateGet(this,_left)/vw,nt=__privateGet(this,_top)/vh;__privateSet(this,_left,(nl-Math.floor(nl))*vw),__privateSet(this,_top,(nt-Math.floor(nt))*vh),__privateGet(this,_frontSide)==="left"?__privateSet(this,_front,layout.getCumulativeOffsetLeft(__privateGet(this,_element))-vl-__privateGet(this,_left)):__privateSet(this,_front,layout.getCumulativeOffsetTop(__privateGet(this,_element))-vt-__privateGet(this,_top))}if(__privateSet(this,_left,__privateGet(this,_left)+__privateGet(this,_element).clientLeft),__privateSet(this,_top,__privateGet(this,_top)+__privateGet(this,_element).clientTop),__privateSet(this,_left,__privateGet(this,_left)+layout.getStickyOffset(this.element,"left")*-1),__privateSet(this,_top,__privateGet(this,_top)+layout.getStickyOffset(this.element,"top")*-1),__privateGet(this,_isCartesian)){const viewHalfWidth=Math.round(vw/2),viewHalfHeight=Math.round(vh/2),thisHalfWidth=__privateGet(this,_width)?Math.round(__privateGet(this,_width)/2):0,thisHalfHeight=__privateGet(this,_height)?Math.round(__privateGet(this,_height)/2):0,positionX=__privateGet(this,_left)-viewHalfWidth+thisHalfWidth,positionY=(__privateGet(this,_top)-viewHalfHeight+thisHalfHeight)*-1;__privateSet(this,_x,positionX),__privateSet(this,_y,positionY)}else __privateSet(this,_x,__privateGet(this,_left)),__privateSet(this,_y,__privateGet(this,_top));__privateSet(this,_z,__privateGet(this,_front)*-1);const cssMatrix=new WebKitCSSMatrix(computed.transform),decomposedMatrix=decomposeCSSMatrix(cssMatrix);__privateGet(this,_CSSTranslation).x=decomposedMatrix.translationX,__privateGet(this,_CSSTranslation).y=decomposedMatrix.translationY,__privateGet(this,_CSSTranslation).z=decomposedMatrix.translationZ,__privateGet(this,_CSSScale).x=decomposedMatrix.scaleX,__privateGet(this,_CSSScale).y=decomposedMatrix.scaleY,__privateGet(this,_CSSScale).z=decomposedMatrix.scaleZ,__privateGet(this,_CSSRotation).x=decomposedMatrix.rotationX,__privateGet(this,_CSSRotation).y=decomposedMatrix.rotationY,__privateGet(this,_CSSRotation).z=decomposedMatrix.rotationZ,__privateMethod(this,_LayoutBox_instances,composeSteps_fn).call(this),__privateMethod(this,_LayoutBox_instances,recalculate_fn).call(this),__privateGet(this,_resizeNotifier).notify()},"#updateDimensions"),updateScrollPosition_fn=__name(function(){__privateGet(this,_scrollValue).x=0,__privateGet(this,_scrollValue).y=0,__privateGet(this,_scrollValue).z=0;for(let index=0;index<__privateGet(this,_scrollStepSetterCallbacks).length;index++){const callbackReturn=__privateGet(this,_scrollStepSetterCallbacks)[index]();let axis=callbackReturn.axis;__privateGet(this,_scrollAxis)!=="auto"&&(axis=__privateGet(this,_scrollAxis));const value=callbackReturn.value*(axis==="x"?-1:__privateGet(this,_isCartesian)?1:-1);__privateGet(this,_scrollValue)[axis]+=value,__privateGet(this,_position).setStep(`_scroll_${index}`,"+",{[axis]:value})}},"#updateScrollPosition"),_resizeListener=new WeakMap,_tickListener=new WeakMap,_scrollEntriesListener=new WeakMap,__name(_LayoutBox,"LayoutBox");let LayoutBox=_LayoutBox;exports.LayoutBox=LayoutBox;exports.decomposeCSSMatrix=decomposeCSSMatrix;
|
|
1
|
+
"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 cssUnitParser_index=require("../css-unit-parser/index.cjs"),elementResizer_index=require("../element-resizer/index.cjs"),ladder_index=require("../ladder/index.cjs"),notifier_index=require("../notifier/index.cjs"),order_index=require("../order/index.cjs"),scrollEntries_index=require("../scroll-entries/index.cjs"),ticker_index=require("../index-BoGx2BWX.cjs"),Store=require("../Store-B96mD8mD.cjs"),dom=require("../dom-B40i6NXw.cjs"),layout=require("../layout-CnGLl7oe.cjs");require("construct-style-sheets-polyfill");const windowResizer_index=require("../window-resizer/index.cjs");function decomposeCSSMatrix(matrix){const scaleX=Math.sqrt(matrix.m11*matrix.m11+matrix.m12*matrix.m12+matrix.m13*matrix.m13),scaleY=Math.sqrt(matrix.m21*matrix.m21+matrix.m22*matrix.m22+matrix.m23*matrix.m23),scaleZ=Math.sqrt(matrix.m31*matrix.m31+matrix.m32*matrix.m32+matrix.m33*matrix.m33),rotationX=Math.atan2(matrix.m32,matrix.m33),rotationY=Math.atan2(-matrix.m31,Math.sqrt(matrix.m32*matrix.m32+matrix.m33*matrix.m33)),rotationZ=Math.atan2(matrix.m21,matrix.m11),translationX=matrix.m41,translationY=matrix.m42*-1,translationZ=matrix.m43;return{scaleX,scaleY,scaleZ,rotationX,rotationY,rotationZ,translationX,translationY,translationZ}}__name(decomposeCSSMatrix,"decomposeCSSMatrix");var _element,_containerElement,_scrollStepSetterCallbacks,_scrollAxis,_frontSide,_isCartesian,_isSizeStep,_isPositionStep,_isTransformStep,_isScrollStep,_width,_height,_depth,_top,_left,_front,_x,_y,_z,_CSSTranslation,_CSSRotation,_CSSScale,_rotation,_position,_scale,_scrollValue,_scrollEntries,_resizeNotifier,_LayoutBox_instances,recalculate_fn,composeSteps_fn,updateDimensions_fn,updateScrollPosition_fn,_resizeListener,_tickListener,_scrollEntriesListener;const _LayoutBox=class _LayoutBox{constructor(element,options){__privateAdd(this,_LayoutBox_instances);__privateAdd(this,_element,null);__privateAdd(this,_containerElement,null);__privateAdd(this,_scrollStepSetterCallbacks,[]);__privateAdd(this,_scrollAxis,"auto");__privateAdd(this,_frontSide,"top");__privateAdd(this,_isCartesian,!1);__privateAdd(this,_isSizeStep,!0);__privateAdd(this,_isPositionStep,!0);__privateAdd(this,_isTransformStep,!0);__privateAdd(this,_isScrollStep,!0);__privateAdd(this,_width,0);__privateAdd(this,_height,0);__privateAdd(this,_depth,0);__privateAdd(this,_top,0);__privateAdd(this,_left,0);__privateAdd(this,_front,0);__privateAdd(this,_x,0);__privateAdd(this,_y,0);__privateAdd(this,_z,0);__privateAdd(this,_CSSTranslation,{x:0,y:0,z:0});__privateAdd(this,_CSSRotation,{x:0,y:0,z:0});__privateAdd(this,_CSSScale,{x:1,y:1,z:1});__privateAdd(this,_rotation,new ladder_index.Ladder({x:0,y:0,z:0}));__privateAdd(this,_position,new ladder_index.Ladder({x:0,y:0,z:0}));__privateAdd(this,_scale,new ladder_index.Ladder({x:0,y:0,z:0}));__privateAdd(this,_scrollValue,{x:0,y:0,z:0});__privateAdd(this,_scrollEntries,new Map);__privateAdd(this,_resizeNotifier,new notifier_index.Notifier);__privateAdd(this,_resizeListener,__name(()=>{Store.isBrowser&&__privateMethod(this,_LayoutBox_instances,updateDimensions_fn).call(this)},"#resizeListener"));__privateAdd(this,_tickListener,__name(()=>{__privateMethod(this,_LayoutBox_instances,updateScrollPosition_fn).call(this),__privateMethod(this,_LayoutBox_instances,recalculate_fn).call(this)},"#tickListener"));__privateAdd(this,_scrollEntriesListener,__name(()=>{const allEntries=scrollEntries_index.scrollEntries.getAll(this.element);__privateGet(this,_scrollEntries).forEach((value,key)=>{allEntries.includes(key)||(this.deleteScrollStep(value),__privateGet(this,_scrollEntries).delete(key))}),allEntries.forEach(entry=>{if(!__privateGet(this,_scrollEntries).has(entry)){const callback=__name(()=>entry,"callback");__privateGet(this,_scrollEntries).set(entry,callback),this.setScrollStep(callback)}})},"#scrollEntriesListener"));Store.isBrowser&&(__privateSet(this,_element,dom.getElement(element)||document.body),__privateSet(this,_containerElement,dom.getElement(options==null?void 0:options.containerElement)||document.body),__privateSet(this,_scrollAxis,(options==null?void 0:options.scrollAxis)||"auto"),__privateSet(this,_frontSide,(options==null?void 0:options.frontSide)||"top"),__privateSet(this,_isCartesian,(options==null?void 0:options.cartesian)||!1),__privateSet(this,_isSizeStep,(options==null?void 0:options.sizeStep)!==void 0?options.sizeStep:!0),__privateSet(this,_isPositionStep,(options==null?void 0:options.positionStep)!==void 0?options.positionStep:!0),__privateSet(this,_isTransformStep,(options==null?void 0:options.transformStep)!==void 0?options.transformStep:!0),__privateSet(this,_isScrollStep,(options==null?void 0:options.scrollStep)!==void 0?options.scrollStep:!0),__privateGet(this,_scale).setStep("_size","+",{x:1,y:1,z:1}),__privateGet(this,_position).setStep("_position","+",{x:0,y:0,z:0}),__privateGet(this,_scale).setStep("_scale","*",{x:1,y:1,z:1}),__privateGet(this,_position).setStep("_translation","+",{x:0,y:0,z:0}),__privateGet(this,_rotation).setStep("_rotation","+",{x:0,y:0,z:0}),__privateGet(this,_isScrollStep)&&(scrollEntries_index.scrollEntries.notifier.subscribe(__privateGet(this,_scrollEntriesListener)),__privateGet(this,_scrollEntriesListener).call(this),this.setScrollStep(()=>({axis:"y",value:layout.getStickyOffset(this.element,"top")*-1})),this.setScrollStep(()=>({axis:"x",value:layout.getStickyOffset(this.element,"left")*-1}))),elementResizer_index.elementResizer.subscribe(this.element,__privateGet(this,_resizeListener)),windowResizer_index.windowResizer.subscribe(__privateGet(this,_resizeListener),order_index.RESIZE_ORDER.LAYOUT_BOX),ticker_index.ticker.subscribe(__privateGet(this,_tickListener),{order:order_index.TICK_ORDER.LAYOUT_BOX,culling:options!=null&&options.culling?this.element:void 0}))}get element(){return __privateGet(this,_element)}get containerElement(){return __privateGet(this,_containerElement)}get position(){return __privateGet(this,_position).current}get rotation(){return __privateGet(this,_rotation).current}get scale(){return __privateGet(this,_scale).current}get scrollValue(){return __privateGet(this,_scrollValue)}get left(){return __privateGet(this,_left)}get top(){return __privateGet(this,_top)}get CSSTranslation(){return __privateGet(this,_CSSTranslation)}get CSSRotation(){return __privateGet(this,_CSSRotation)}get CSSScale(){return __privateGet(this,_CSSScale)}get front(){return __privateGet(this,_front)}get width(){return __privateGet(this,_width)}get height(){return __privateGet(this,_height)}get depth(){return __privateGet(this,_depth)}destroy(){ticker_index.ticker.unsubscribe(__privateGet(this,_tickListener)),elementResizer_index.elementResizer.unsubscribe(__privateGet(this,_resizeListener)),windowResizer_index.windowResizer.unsubscribe(__privateGet(this,_resizeListener)),scrollEntries_index.scrollEntries.notifier.unsubscribe(__privateGet(this,_scrollEntriesListener)),__privateGet(this,_scrollEntries).clear(),__privateGet(this,_position).close(),__privateGet(this,_rotation).close(),__privateGet(this,_scale).close()}bindObject(object){object.position&&__privateGet(this,_position).bind(object.position),object.rotation&&__privateGet(this,_rotation).bind(object.rotation),object.scale&&__privateGet(this,_scale).bind(object.scale)}unbindObject(object){object.position&&__privateGet(this,_position).unbind(object.position),object.rotation&&__privateGet(this,_rotation).unbind(object.rotation),object.scale&&__privateGet(this,_scale).unbind(object.scale)}setScrollStep(callback){return __privateGet(this,_scrollStepSetterCallbacks).includes(callback)||__privateGet(this,_scrollStepSetterCallbacks).push(callback),()=>this.deleteScrollStep(callback)}deleteScrollStep(callback){__privateSet(this,_scrollStepSetterCallbacks,__privateGet(this,_scrollStepSetterCallbacks).filter(s=>s!==callback))}setPositionStep(...args){__privateGet(this,_position).setStep(...args)}getPositionStep(...args){return __privateGet(this,_position).getStepValue(...args)}setRotationStep(...args){__privateGet(this,_rotation).setStep(...args)}getRotationStep(...args){return __privateGet(this,_rotation).getStepValue(...args)}getExcludedRotationSteps(...args){return __privateGet(this,_rotation).getExcludedStepsValue(...args)}getIncludedRotationSteps(...args){return __privateGet(this,_rotation).getIncludedStepsValue(...args)}setScaleStep(...args){__privateGet(this,_scale).setStep(...args)}getScaleStep(...args){return __privateGet(this,_scale).getStepValue(...args)}getExcludedScaleSteps(...args){return __privateGet(this,_scale).getExcludedStepsValue(...args)}getIncludedScaleSteps(...args){return __privateGet(this,_scale).getIncludedStepsValue(...args)}deletePositionStep(...args){__privateGet(this,_position).deleteStep(...args)}getExcludedPositionSteps(...args){return __privateGet(this,_position).getExcludedStepsValue(...args)}getIncludedPositionSteps(...args){return __privateGet(this,_position).getIncludedStepsValue(...args)}deleteRotationStep(...args){__privateGet(this,_rotation).deleteStep(...args)}deleteScaleStep(...args){__privateGet(this,_scale).deleteStep(...args)}onPosition(...args){return __privateGet(this,_position).subscribe(...args)}offPosition(...args){__privateGet(this,_position).unsubscribe(...args)}onScale(...args){return __privateGet(this,_scale).subscribe(...args)}offScale(...args){__privateGet(this,_scale).unsubscribe(...args)}onRotation(...args){return __privateGet(this,_rotation).subscribe(...args)}offRotation(...args){__privateGet(this,_rotation).unsubscribe(...args)}onResize(...args){return __privateGet(this,_resizeNotifier).subscribe(...args)}offResize(...args){return __privateGet(this,_resizeNotifier).unsubscribe(...args)}};_element=new WeakMap,_containerElement=new WeakMap,_scrollStepSetterCallbacks=new WeakMap,_scrollAxis=new WeakMap,_frontSide=new WeakMap,_isCartesian=new WeakMap,_isSizeStep=new WeakMap,_isPositionStep=new WeakMap,_isTransformStep=new WeakMap,_isScrollStep=new WeakMap,_width=new WeakMap,_height=new WeakMap,_depth=new WeakMap,_top=new WeakMap,_left=new WeakMap,_front=new WeakMap,_x=new WeakMap,_y=new WeakMap,_z=new WeakMap,_CSSTranslation=new WeakMap,_CSSRotation=new WeakMap,_CSSScale=new WeakMap,_rotation=new WeakMap,_position=new WeakMap,_scale=new WeakMap,_scrollValue=new WeakMap,_scrollEntries=new WeakMap,_resizeNotifier=new WeakMap,_LayoutBox_instances=new WeakSet,recalculate_fn=__name(function(){__privateGet(this,_scale).calculate(),__privateGet(this,_position).calculate(),__privateGet(this,_rotation).calculate()},"#recalculate"),composeSteps_fn=__name(function(){__privateGet(this,_scale).setStep("_size","+",{x:__privateGet(this,_isSizeStep)?__privateGet(this,_width):1,y:__privateGet(this,_isSizeStep)?__privateGet(this,_height):1,z:__privateGet(this,_isSizeStep)?__privateGet(this,_depth):1});const xPosition=__privateGet(this,_isPositionStep)?__privateGet(this,_x):0,yPosition=__privateGet(this,_isPositionStep)?__privateGet(this,_y):0,zPosition=__privateGet(this,_isPositionStep)?__privateGet(this,_z):0;__privateGet(this,_position).setStep("_position","+",{x:xPosition,y:yPosition,z:zPosition}),__privateGet(this,_isTransformStep)?(__privateGet(this,_scale).setStep("_scale","*",{x:__privateGet(this,_CSSScale).x,y:__privateGet(this,_CSSScale).y,z:__privateGet(this,_CSSScale).z}),__privateGet(this,_position).setStep("_translation","+",{x:__privateGet(this,_CSSTranslation).x,y:__privateGet(this,_CSSTranslation).y,z:__privateGet(this,_CSSTranslation).z}),__privateGet(this,_rotation).setStep("_rotation","+",{x:__privateGet(this,_CSSRotation).x,y:__privateGet(this,_CSSRotation).y,z:__privateGet(this,_CSSRotation).z})):(__privateGet(this,_scale).setStep("_scale","*",{x:1,y:1,z:1}),__privateGet(this,_position).setStep("_translation","+",{x:0,y:0,z:0}),__privateGet(this,_rotation).setStep("_rotation","+",{x:0,y:0,z:0}))},"#composeSteps"),updateDimensions_fn=__name(function(){const computed=getComputedStyle(__privateGet(this,_element));__privateSet(this,_width,Math.max(__privateGet(this,_element).clientWidth,1)),__privateSet(this,_height,Math.max(__privateGet(this,_element).clientHeight,1)),__privateSet(this,_depth,Math.max(cssUnitParser_index.cssUnitParser.parse(computed.getPropertyValue("--depth")||"0px")||0,1));const vl=layout.getCumulativeOffsetLeft(__privateGet(this,_containerElement)),vt=layout.getCumulativeOffsetTop(__privateGet(this,_containerElement)),vw=__privateGet(this,_containerElement).clientWidth,vh=__privateGet(this,_containerElement).clientHeight;if(__privateSet(this,_left,layout.getCumulativeOffsetLeft(__privateGet(this,_element))-vl),__privateSet(this,_top,layout.getCumulativeOffsetTop(__privateGet(this,_element))-vt),__privateGet(this,_scrollAxis)==="z"){const nl=__privateGet(this,_left)/vw,nt=__privateGet(this,_top)/vh;__privateSet(this,_left,(nl-Math.floor(nl))*vw),__privateSet(this,_top,(nt-Math.floor(nt))*vh),__privateGet(this,_frontSide)==="left"?__privateSet(this,_front,layout.getCumulativeOffsetLeft(__privateGet(this,_element))-vl-__privateGet(this,_left)):__privateSet(this,_front,layout.getCumulativeOffsetTop(__privateGet(this,_element))-vt-__privateGet(this,_top))}if(__privateSet(this,_left,__privateGet(this,_left)+__privateGet(this,_element).clientLeft),__privateSet(this,_top,__privateGet(this,_top)+__privateGet(this,_element).clientTop),__privateSet(this,_left,__privateGet(this,_left)+layout.getStickyOffset(this.element,"left")*-1),__privateSet(this,_top,__privateGet(this,_top)+layout.getStickyOffset(this.element,"top")*-1),__privateGet(this,_isCartesian)){const viewHalfWidth=Math.round(vw/2),viewHalfHeight=Math.round(vh/2),thisHalfWidth=__privateGet(this,_width)?Math.round(__privateGet(this,_width)/2):0,thisHalfHeight=__privateGet(this,_height)?Math.round(__privateGet(this,_height)/2):0,positionX=__privateGet(this,_left)-viewHalfWidth+thisHalfWidth,positionY=(__privateGet(this,_top)-viewHalfHeight+thisHalfHeight)*-1;__privateSet(this,_x,positionX),__privateSet(this,_y,positionY)}else __privateSet(this,_x,__privateGet(this,_left)),__privateSet(this,_y,__privateGet(this,_top));__privateSet(this,_z,__privateGet(this,_front)*-1);const cssMatrix=new WebKitCSSMatrix(computed.transform),decomposedMatrix=decomposeCSSMatrix(cssMatrix);__privateGet(this,_CSSTranslation).x=decomposedMatrix.translationX,__privateGet(this,_CSSTranslation).y=decomposedMatrix.translationY,__privateGet(this,_CSSTranslation).z=decomposedMatrix.translationZ,__privateGet(this,_CSSScale).x=decomposedMatrix.scaleX,__privateGet(this,_CSSScale).y=decomposedMatrix.scaleY,__privateGet(this,_CSSScale).z=decomposedMatrix.scaleZ,__privateGet(this,_CSSRotation).x=decomposedMatrix.rotationX,__privateGet(this,_CSSRotation).y=decomposedMatrix.rotationY,__privateGet(this,_CSSRotation).z=decomposedMatrix.rotationZ,__privateMethod(this,_LayoutBox_instances,composeSteps_fn).call(this),__privateMethod(this,_LayoutBox_instances,recalculate_fn).call(this),__privateGet(this,_resizeNotifier).notify()},"#updateDimensions"),updateScrollPosition_fn=__name(function(){__privateGet(this,_scrollValue).x=0,__privateGet(this,_scrollValue).y=0,__privateGet(this,_scrollValue).z=0;for(let index=0;index<__privateGet(this,_scrollStepSetterCallbacks).length;index++){const callbackReturn=__privateGet(this,_scrollStepSetterCallbacks)[index]();let axis=callbackReturn.axis;__privateGet(this,_scrollAxis)!=="auto"&&(axis=__privateGet(this,_scrollAxis));const value=callbackReturn.value*(axis==="x"?-1:__privateGet(this,_isCartesian)?1:-1);__privateGet(this,_scrollValue)[axis]+=value,__privateGet(this,_position).setStep(`_scroll_${index}`,"+",{[axis]:value})}},"#updateScrollPosition"),_resizeListener=new WeakMap,_tickListener=new WeakMap,_scrollEntriesListener=new WeakMap,__name(_LayoutBox,"LayoutBox");let LayoutBox=_LayoutBox;exports.LayoutBox=LayoutBox;exports.decomposeCSSMatrix=decomposeCSSMatrix;
|
package/lib/layout-box/index.js
CHANGED
|
@@ -11,7 +11,8 @@ import { Ladder } from "../ladder/index.js";
|
|
|
11
11
|
import { Notifier } from "../notifier/index.js";
|
|
12
12
|
import { RESIZE_ORDER, TICK_ORDER } from "../order/index.js";
|
|
13
13
|
import { scrollEntries } from "../scroll-entries/index.js";
|
|
14
|
-
import {
|
|
14
|
+
import { t as ticker } from "../index-DAG0CtYo.js";
|
|
15
|
+
import { i as isBrowser } from "../Store-CAGUSjFX.js";
|
|
15
16
|
import { g as getElement } from "../dom-D8D-_9ty.js";
|
|
16
17
|
import { g as getStickyOffset, a as getCumulativeOffsetLeft, b as getCumulativeOffsetTop } from "../layout-BL6AX9-r.js";
|
|
17
18
|
import "construct-style-sheets-polyfill";
|
package/lib/loading/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const events=require("../events-UlGk63iC.cjs"),_function=require("../function-H4b_gTg6.cjs");require("
|
|
1
|
+
"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);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const events=require("../events-UlGk63iC.cjs"),_function=require("../function-H4b_gTg6.cjs");require("../Store-B96mD8mD.cjs");require("../index-BoGx2BWX.cjs");require("construct-style-sheets-polyfill");var _map,_isStarted,_loaded,_progress,_start,_check,_complete;const _Loading=class _Loading{constructor(){__privateAdd(this,_map,new Map);__privateAdd(this,_isStarted,!1);__privateAdd(this,_loaded,0);__privateAdd(this,_progress,0);__privateAdd(this,_start,_function.debounce(()=>{__privateGet(this,_isStarted)||(__privateSet(this,_isStarted,!0),events.dispatchEvent(document,"loadingStart"),__privateGet(this,_check).call(this))},0));__privateAdd(this,_check,__name(resourceName=>{if(!__privateGet(this,_isStarted))return;const total=__privateGet(this,_map).size,loaded=Array.from(__privateGet(this,_map)).filter(item=>item[1]).length,progress=loaded/total;__privateSet(this,_loaded,loaded),__privateSet(this,_progress,progress),events.dispatchEvent(document,"loadingProgress",{detail:{total,loaded,progress,resourceName}}),progress===1&&__privateGet(this,_complete).call(this)},"#check"));__privateAdd(this,_complete,_function.debounce(()=>{__privateSet(this,_isStarted,!1),events.dispatchEvent(document,"loadingComplete",{detail:{total:__privateGet(this,_map).size}}),__privateSet(this,_loaded,0),__privateSet(this,_progress,0),__privateGet(this,_map).clear()},0))}get total(){return __privateGet(this,_map).size}get loaded(){return __privateGet(this,_loaded)}get progress(){return __privateGet(this,_progress)}get map(){return __privateGet(this,_map)}add(resourceName){__privateGet(this,_map).set(resourceName,!1),__privateGet(this,_start).call(this)}complete(resourceName){__privateGet(this,_map).set(resourceName,!0),__privateGet(this,_check).call(this,resourceName)}error(resourceName){__privateGet(this,_map).has(resourceName)&&(console.error(`Failed to load ${resourceName}`),__privateGet(this,_map).delete(resourceName),events.dispatchEvent(document,"loadingError",{detail:{name:resourceName}})),__privateGet(this,_check).call(this)}};_map=new WeakMap,_isStarted=new WeakMap,_loaded=new WeakMap,_progress=new WeakMap,_start=new WeakMap,_check=new WeakMap,_complete=new WeakMap,__name(_Loading,"Loading");let Loading=_Loading;const loading=new Loading;exports.loading=loading;
|
package/lib/loading/index.js
CHANGED
|
@@ -7,8 +7,9 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
|
|
|
7
7
|
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);
|
|
8
8
|
import { d as dispatchEvent } from "../events-Ds-TuvYW.js";
|
|
9
9
|
import { d as debounce } from "../function-UmbPrOHm.js";
|
|
10
|
+
import "../Store-CAGUSjFX.js";
|
|
11
|
+
import "../index-DAG0CtYo.js";
|
|
10
12
|
import "construct-style-sheets-polyfill";
|
|
11
|
-
import "../index-uJboZXlu.js";
|
|
12
13
|
var _map, _isStarted, _loaded, _progress, _start, _check, _complete;
|
|
13
14
|
const _Loading = class _Loading {
|
|
14
15
|
constructor() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const LocalLinks=require("../LocalLinks-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const LocalLinks=require("../LocalLinks-D7o3WZIh.cjs");exports.LocalLinks=LocalLinks.LocalLinks;
|
package/lib/local-links/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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 cssProperty_index=require("../css-property/index.cjs"),
|
|
1
|
+
"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 cssProperty_index=require("../css-property/index.cjs"),Store=require("../Store-B96mD8mD.cjs"),events=require("../events-UlGk63iC.cjs");require("../index-BoGx2BWX.cjs");const stylesheet=require("../stylesheet-DQv6_0na.cjs");var _distributeRule,_columns,_columnElements,_mutationObserver,_mutationListener,_MasonryLayoutElement_instances,distribute_fn;const _MasonryLayoutElement=class _MasonryLayoutElement extends HTMLElement{constructor(){super();__privateAdd(this,_MasonryLayoutElement_instances);__privateAdd(this,_distributeRule,new cssProperty_index.CSSProperty(this,"--distribute-rule","default",{skipSubscribeNotification:!0}));__privateAdd(this,_columns,new cssProperty_index.CSSProperty(this,"--columns",2));__privateAdd(this,_columnElements,[]);__privateAdd(this,_mutationObserver,null);__privateAdd(this,_mutationListener,__name(()=>{__privateMethod(this,_MasonryLayoutElement_instances,distribute_fn).call(this)},"#mutationListener"));const root=this.attachShadow({mode:"open"});root.adoptedStyleSheets=[stylesheet.createStylesheet({":host":{display:"grid",gridTemplateColumns:"repeat(var(--columns), 1fr)"},".column":{display:"grid",width:"100%",gap:"var(--gap, 0rem)",gridAutoRows:"max-content"}})]}get columnElements(){return __privateGet(this,_columnElements)}connectedCallback(){__privateSet(this,_mutationObserver,new MutationObserver(__privateGet(this,_mutationListener))),__privateGet(this,_mutationObserver).observe(this,{childList:!0}),__privateGet(this,_distributeRule).subscribe(()=>{__privateMethod(this,_MasonryLayoutElement_instances,distribute_fn).call(this)}),__privateGet(this,_columns).subscribe(e=>{var _a;this.shadowRoot.innerHTML="",__privateSet(this,_columnElements,[]);for(let index=0;index<e.current;index++){const column=document.createElement("div");column.classList.add("column"),column.innerHTML=`<slot name="col-${index}"></slot>`,__privateGet(this,_columnElements).push(column),(_a=this.shadowRoot)==null||_a.appendChild(column)}__privateMethod(this,_MasonryLayoutElement_instances,distribute_fn).call(this)}),__privateGet(this,_distributeRule).observe(),__privateGet(this,_columns).observe()}disconnectedCallback(){__privateGet(this,_columns).close(),__privateGet(this,_mutationObserver).disconnect(),this.classList.remove("distributed")}};_distributeRule=new WeakMap,_columns=new WeakMap,_columnElements=new WeakMap,_mutationObserver=new WeakMap,_mutationListener=new WeakMap,_MasonryLayoutElement_instances=new WeakSet,distribute_fn=__name(function(){const children=[...this.children],columns=__privateGet(this,_columns).current;__privateGet(this,_distributeRule).current==="chessboard"&&columns%2===0?children.forEach((el,i)=>{const row=Math.floor(i/columns),posInRow=i%columns,shift=row%2,col=(posInRow+shift)%columns;el.slot=`col-${col}`}):__privateGet(this,_distributeRule).current==="default"&&children.forEach((el,i)=>{el.slot=`col-${i%columns}`}),this.classList.add("distributed"),events.dispatchEvent(this,"masonryLayoutDistributed",{custom:!0})},"#distribute"),__name(_MasonryLayoutElement,"MasonryLayoutElement");let MasonryLayoutElement=_MasonryLayoutElement;Store.isBrowser&&!customElements.get("e-masonry-layout")&&customElements.define("e-masonry-layout",MasonryLayoutElement);exports.MasonryLayoutElement=MasonryLayoutElement;
|
|
@@ -6,9 +6,10 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
|
|
|
6
6
|
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
7
7
|
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);
|
|
8
8
|
import { CSSProperty } from "../css-property/index.js";
|
|
9
|
-
import { i as isBrowser } from "../
|
|
9
|
+
import { i as isBrowser } from "../Store-CAGUSjFX.js";
|
|
10
10
|
import { d as dispatchEvent } from "../events-Ds-TuvYW.js";
|
|
11
|
-
import
|
|
11
|
+
import "../index-DAG0CtYo.js";
|
|
12
|
+
import { c as createStylesheet } from "../stylesheet-GIzIJ_Xj.js";
|
|
12
13
|
var _distributeRule, _columns, _columnElements, _mutationObserver, _mutationListener, _MasonryLayoutElement_instances, distribute_fn;
|
|
13
14
|
const _MasonryLayoutElement = class _MasonryLayoutElement extends HTMLElement {
|
|
14
15
|
constructor() {
|
package/lib/media/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"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);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const order_index=require("../order/index.cjs"),windowResizer_index=require("../window-resizer/index.cjs"),Store=require("../Store-
|
|
1
|
+
"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);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const order_index=require("../order/index.cjs"),windowResizer_index=require("../window-resizer/index.cjs"),Store=require("../Store-B96mD8mD.cjs");var _query,_unsubscribeFromwindowResizer;const _Media=class _Media extends Store.Store{constructor(query){super(!1);__privateAdd(this,_query);__privateAdd(this,_unsubscribeFromwindowResizer);__privateSet(this,_query,query);const callback=__name(()=>{matchMedia(__privateGet(this,_query)).matches?this.current=!0:this.current=!1},"callback");__privateSet(this,_unsubscribeFromwindowResizer,windowResizer_index.windowResizer.subscribe(callback,order_index.RESIZE_ORDER.MEDIA)),callback()}close(){super.close(),__privateGet(this,_unsubscribeFromwindowResizer).call(this)}};_query=new WeakMap,_unsubscribeFromwindowResizer=new WeakMap,__name(_Media,"Media");let Media=_Media;exports.Media=Media;
|
package/lib/media/index.js
CHANGED
|
@@ -7,9 +7,7 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
|
|
|
7
7
|
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);
|
|
8
8
|
import { RESIZE_ORDER } from "../order/index.js";
|
|
9
9
|
import { windowResizer } from "../window-resizer/index.js";
|
|
10
|
-
import { S as Store } from "../Store-
|
|
11
|
-
import "construct-style-sheets-polyfill";
|
|
12
|
-
import "../index-uJboZXlu.js";
|
|
10
|
+
import { S as Store } from "../Store-CAGUSjFX.js";
|
|
13
11
|
var _query, _unsubscribeFromwindowResizer;
|
|
14
12
|
const _Media = class _Media extends Store {
|
|
15
13
|
constructor(query) {
|
package/lib/morph/Morph.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChangeHistoryAction, ElementOrSelector, splitPath } from '../utils';
|
|
1
|
+
import { ChangeHistoryAction, ElementOrSelector, ScrollToElementOptions, splitPath } from '../utils';
|
|
2
2
|
import { MorphLink } from './MorphLink';
|
|
3
3
|
import { MorphRouteScrollState } from './MorphRoute';
|
|
4
4
|
export interface MorphOptions {
|
|
@@ -38,6 +38,8 @@ export interface MorphNavigateOptions {
|
|
|
38
38
|
centerScroll?: boolean;
|
|
39
39
|
offsetScroll?: number | ElementOrSelector<HTMLElement>;
|
|
40
40
|
scrollBehaviour?: ScrollBehavior;
|
|
41
|
+
scrollDuration?: number;
|
|
42
|
+
scrollEasing?: ScrollToElementOptions['easing'];
|
|
41
43
|
scrollTo?: string;
|
|
42
44
|
revalidate?: boolean;
|
|
43
45
|
keepSearchParameters?: boolean;
|
|
@@ -91,7 +93,7 @@ export declare class Morph {
|
|
|
91
93
|
excludeHeadChild(child: Node): boolean;
|
|
92
94
|
setHeaders(path: string): void;
|
|
93
95
|
needRavalidation(path: string): void;
|
|
94
|
-
navigate(path: string, { historyAction, centerScroll, offsetScroll, scrollBehaviour, revalidate, keepSearchParameters, submorph, submorphAppend, clearState, keepScrollPosition, mergeParams, removeParams, detail, scrollTo, }?: MorphNavigateOptions): Promise<void>;
|
|
96
|
+
navigate(path: string, { historyAction, centerScroll, offsetScroll, scrollDuration, scrollEasing, scrollBehaviour, revalidate, keepSearchParameters, submorph, submorphAppend, clearState, keepScrollPosition, mergeParams, removeParams, detail, scrollTo, }?: MorphNavigateOptions): Promise<void>;
|
|
95
97
|
addLink(element: HTMLAnchorElement): void;
|
|
96
98
|
addLinks(elements: Array<HTMLAnchorElement>): void;
|
|
97
99
|
removeLink(element: HTMLAnchorElement): void;
|