aptechka 0.1.12 → 0.1.15
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/Damped-Fy7tHx4d.js +33 -0
- package/lib/Damped-mdFs8WSd.cjs +1 -0
- package/lib/{WheelControls-CX9WUbBC.js → WheelControls-BN4XGOpG.js} +29 -34
- package/lib/WheelControls-Dc1xcVG6.cjs +1 -0
- package/lib/animation/Tweened.d.ts +0 -1
- package/lib/animation/index.cjs +1 -1
- package/lib/animation/index.js +20 -26
- package/lib/component/Component.d.ts +7 -3
- package/lib/component/hooks/custom-element.d.ts +2 -0
- package/lib/component/index.cjs +1 -1
- package/lib/component/index.d.ts +2 -1
- package/lib/component/index.js +174 -139
- package/lib/controls/index.cjs +1 -1
- package/lib/controls/index.js +20 -23
- package/lib/en3/{test → core}/En3Raycaster.d.ts +1 -1
- package/lib/en3/core/en3.d.ts +2 -0
- package/lib/en3/index.cjs +7 -7
- package/lib/en3/index.d.ts +1 -1
- package/lib/en3/index.js +540 -523
- package/lib/index-B-ZmkQyB.cjs +9 -0
- package/lib/{index-BWTXnG5n.js → index-Dizn7btU.js} +96 -96
- package/lib/layout-box/index.cjs +1 -1
- package/lib/layout-box/index.d.ts +15 -0
- package/lib/layout-box/index.js +102 -93
- package/lib/morph/Morph.d.ts +1 -0
- package/lib/morph/index.cjs +1 -1
- package/lib/morph/index.js +130 -122
- package/lib/object-BZELAoVj.cjs +1 -0
- package/lib/object-R34VLqhp.js +85 -0
- package/lib/order/index.cjs +1 -1
- package/lib/order/index.d.ts +1 -0
- package/lib/order/index.js +1 -1
- package/lib/popover/index.cjs +1 -1
- package/lib/popover/index.js +50 -50
- package/lib/resized/index.d.ts +11 -0
- package/lib/router/index.cjs +1 -1
- package/lib/router/index.js +101 -105
- package/lib/scroll/index.cjs +1 -1
- package/lib/scroll/index.js +2 -2
- package/lib/select/index.cjs +1 -1
- package/lib/select/index.js +1 -1
- package/lib/studio/index.cjs +1 -1
- package/lib/studio/index.js +1 -1
- package/lib/utils/index.cjs +1 -1
- package/lib/utils/index.d.ts +1 -1
- package/lib/utils/index.js +15 -14
- package/lib/utils/object.d.ts +1 -0
- package/package.json +1 -1
- package/lib/Damped-BwpMU9Gi.cjs +0 -1
- package/lib/Damped-urvryQLo.js +0 -36
- package/lib/WheelControls-CfDeGCOU.cjs +0 -1
- package/lib/component/hooks/shadow.d.ts +0 -1
- package/lib/index-3G1lTMEf.cjs +0 -9
- package/lib/object-C1ph624j.cjs +0 -1
- package/lib/object-DIPjdukP.js +0 -73
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var d = Object.defineProperty, u = Object.defineProperties;
|
|
2
|
+
var c = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var i = Object.getOwnPropertySymbols;
|
|
4
|
+
var g = Object.prototype.hasOwnProperty, f = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var m = (r, e, t) => e in r ? d(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, n = (r, e) => {
|
|
6
|
+
for (var t in e || (e = {}))
|
|
7
|
+
g.call(e, t) && m(r, t, e[t]);
|
|
8
|
+
if (i)
|
|
9
|
+
for (var t of i(e))
|
|
10
|
+
f.call(e, t) && m(r, t, e[t]);
|
|
11
|
+
return r;
|
|
12
|
+
}, h = (r, e) => u(r, c(e));
|
|
13
|
+
import { d as l } from "./math-BOBiC4TN.js";
|
|
14
|
+
import { p as s } from "./number-Bo5RdrA1.js";
|
|
15
|
+
import { A } from "./Animated-Br_4OSth.js";
|
|
16
|
+
class I extends A {
|
|
17
|
+
constructor(e) {
|
|
18
|
+
var t, a;
|
|
19
|
+
super(h(n({}, e), {
|
|
20
|
+
min: (t = e == null ? void 0 : e.min) != null ? t : -1 / 0,
|
|
21
|
+
max: (a = e == null ? void 0 : e.max) != null ? a : 1 / 0
|
|
22
|
+
})), this.damping = (e == null ? void 0 : e.damping) || 0;
|
|
23
|
+
}
|
|
24
|
+
update() {
|
|
25
|
+
this.damping ? this.listenAnimationFrame() : (this.current = this.target, this.unlistenAnimationFrame());
|
|
26
|
+
}
|
|
27
|
+
handleAnimationFrame(e) {
|
|
28
|
+
s(this.current, 4) === s(this.target, 4) && (this.unlistenAnimationFrame(), this.current = this.target), this.current = l(this.current, this.target, this.damping, e.elapsed);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
export {
|
|
32
|
+
I as D
|
|
33
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var u=Object.defineProperty,c=Object.defineProperties;var d=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var m=(r,e,t)=>e in r?u(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,n=(r,e)=>{for(var t in e||(e={}))g.call(e,t)&&m(r,t,e[t]);if(a)for(var t of a(e))l.call(e,t)&&m(r,t,e[t]);return r},h=(r,e)=>c(r,d(e));const A=require("./math-GDWEqu7y.cjs"),s=require("./number-yVpzMdbQ.cjs"),f=require("./Animated-Bf-gPIQM.cjs");class F extends f.Animated{constructor(e){var t,i;super(h(n({},e),{min:(t=e==null?void 0:e.min)!=null?t:-1/0,max:(i=e==null?void 0:e.max)!=null?i:1/0})),this.damping=(e==null?void 0:e.damping)||0}update(){this.damping?this.listenAnimationFrame():(this.current=this.target,this.unlistenAnimationFrame())}handleAnimationFrame(e){s.preciseNumber(this.current,4)===s.preciseNumber(this.target,4)&&(this.unlistenAnimationFrame(),this.current=this.target),this.current=A.damp(this.current,this.target,this.damping,e.elapsed)}}exports.Damped=F;
|
|
@@ -1,62 +1,57 @@
|
|
|
1
|
-
var
|
|
2
|
-
var b = (t, i, e) => i in t ? v(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
|
|
3
|
-
var g = (t, i, e) => (b(t, typeof i != "symbol" ? i + "" : i, e), e), y = (t, i, e) => {
|
|
1
|
+
var E = (t, i, e) => {
|
|
4
2
|
if (!i.has(t))
|
|
5
3
|
throw TypeError("Cannot " + e);
|
|
6
4
|
};
|
|
7
|
-
var s = (t, i, e) => (
|
|
5
|
+
var s = (t, i, e) => (E(t, i, "read from private field"), e ? e.call(t) : i.get(t)), h = (t, i, e) => {
|
|
8
6
|
if (i.has(t))
|
|
9
7
|
throw TypeError("Cannot add the same private member more than once");
|
|
10
8
|
i instanceof WeakSet ? i.add(t) : i.set(t, e);
|
|
11
|
-
}, n = (t, i, e, a) => (
|
|
9
|
+
}, n = (t, i, e, a) => (E(t, i, "write to private field"), a ? a.call(t, e) : i.set(t, e), e);
|
|
12
10
|
import { i as r } from "./browser-0zX67oeU.js";
|
|
13
|
-
import { g as
|
|
14
|
-
import { Notifier as
|
|
15
|
-
var
|
|
16
|
-
class
|
|
11
|
+
import { g as y } from "./dom-BY7JhTx5.js";
|
|
12
|
+
import { Notifier as v } from "./notifier/index.js";
|
|
13
|
+
var g;
|
|
14
|
+
class u {
|
|
17
15
|
constructor() {
|
|
18
|
-
h(this,
|
|
16
|
+
h(this, g, new v());
|
|
19
17
|
}
|
|
20
18
|
get changeEvent() {
|
|
21
|
-
return s(this,
|
|
19
|
+
return s(this, g);
|
|
22
20
|
}
|
|
23
21
|
}
|
|
24
|
-
|
|
25
|
-
var d,
|
|
26
|
-
class
|
|
22
|
+
g = new WeakMap();
|
|
23
|
+
var d, w;
|
|
24
|
+
class D extends u {
|
|
27
25
|
constructor(e) {
|
|
28
26
|
super();
|
|
29
27
|
h(this, d, null);
|
|
30
|
-
h(this,
|
|
28
|
+
h(this, w, (e) => {
|
|
31
29
|
const a = e.shiftKey ? -1 : 1;
|
|
32
30
|
e.code === "Space" ? this.changeEvent.notify(a * 500) : e.code === "ArrowLeft" ? this.changeEvent.notify(-1 * 100) : e.code === "ArrowRight" ? this.changeEvent.notify(1 * 100) : e.code === "ArrowUp" ? this.changeEvent.notify(-1 * 100) : e.code === "ArrowDown" ? this.changeEvent.notify(1 * 100) : e.code === "PageUp" ? this.changeEvent.notify(-1 * 1e3) : e.code === "PageDown" ? this.changeEvent.notify(1 * 1e3) : e.code === "Home" ? this.changeEvent.notify("min") : e.code === "End" && this.changeEvent.notify("max");
|
|
33
31
|
});
|
|
34
|
-
r && n(this, d, e != null && e.element &&
|
|
32
|
+
r && n(this, d, e != null && e.element && y(e.element) || window);
|
|
35
33
|
}
|
|
36
34
|
connect() {
|
|
37
|
-
r && s(this, d).addEventListener("keydown", s(this,
|
|
35
|
+
r && s(this, d).addEventListener("keydown", s(this, w));
|
|
38
36
|
}
|
|
39
37
|
disconnect() {
|
|
40
|
-
r && s(this, d).removeEventListener("keydown", s(this,
|
|
38
|
+
r && s(this, d).removeEventListener("keydown", s(this, w));
|
|
41
39
|
}
|
|
42
40
|
}
|
|
43
|
-
d = new WeakMap(),
|
|
44
|
-
var l, c, f,
|
|
45
|
-
class
|
|
41
|
+
d = new WeakMap(), w = new WeakMap();
|
|
42
|
+
var l, c, f, o;
|
|
43
|
+
class X extends u {
|
|
46
44
|
constructor(e) {
|
|
47
45
|
super();
|
|
48
|
-
g(this, "axis");
|
|
49
|
-
g(this, "speed");
|
|
50
|
-
g(this, "debounce");
|
|
51
46
|
h(this, l, null);
|
|
52
47
|
h(this, c, void 0);
|
|
53
48
|
h(this, f, void 0);
|
|
54
|
-
h(this,
|
|
49
|
+
h(this, o, (e) => {
|
|
55
50
|
let a = 0;
|
|
56
51
|
if (!(this.axis === "x" && Math.abs(e.deltaY) > Math.abs(e.deltaX) || this.axis === "y" && Math.abs(e.deltaX) > Math.abs(e.deltaY)))
|
|
57
52
|
if (a = (this.axis === "max" ? Math.abs(e.deltaX) > Math.abs(e.deltaY) ? e.deltaX : e.deltaY : this.axis === "x" ? e.deltaX : e.deltaY) * this.speed, e.stopPropagation(), e.preventDefault(), this.debounce) {
|
|
58
|
-
const
|
|
59
|
-
if (
|
|
53
|
+
const m = Date.now();
|
|
54
|
+
if (m - s(this, f) > 40 && (a = 100 * Math.sign(a)), n(this, f, m), Math.abs(a) < 100 || s(this, c))
|
|
60
55
|
return;
|
|
61
56
|
this.changeEvent.notify(a), n(this, c, setTimeout(() => {
|
|
62
57
|
n(this, c, void 0);
|
|
@@ -64,20 +59,20 @@ class C extends x {
|
|
|
64
59
|
} else
|
|
65
60
|
this.changeEvent.notify(a);
|
|
66
61
|
});
|
|
67
|
-
this.axis = (e == null ? void 0 : e.axis) || "y", this.speed = (e == null ? void 0 : e.speed) || 1, this.debounce = (e == null ? void 0 : e.debounce) || !1, n(this, f, Date.now()), r && n(this, l, e != null && e.element &&
|
|
62
|
+
this.axis = (e == null ? void 0 : e.axis) || "y", this.speed = (e == null ? void 0 : e.speed) || 1, this.debounce = (e == null ? void 0 : e.debounce) || !1, n(this, f, Date.now()), r && n(this, l, e != null && e.element && y(e.element) || window);
|
|
68
63
|
}
|
|
69
64
|
connect() {
|
|
70
|
-
r && s(this, l).addEventListener("wheel", s(this,
|
|
65
|
+
r && s(this, l).addEventListener("wheel", s(this, o), {
|
|
71
66
|
passive: !1
|
|
72
67
|
});
|
|
73
68
|
}
|
|
74
69
|
disconnect() {
|
|
75
|
-
r && s(this, l).removeEventListener("wheel", s(this,
|
|
70
|
+
r && s(this, l).removeEventListener("wheel", s(this, o));
|
|
76
71
|
}
|
|
77
72
|
}
|
|
78
|
-
l = new WeakMap(), c = new WeakMap(), f = new WeakMap(),
|
|
73
|
+
l = new WeakMap(), c = new WeakMap(), f = new WeakMap(), o = new WeakMap();
|
|
79
74
|
export {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
75
|
+
u as C,
|
|
76
|
+
D as K,
|
|
77
|
+
X as W
|
|
83
78
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var y=(t,s,e)=>{if(!s.has(t))throw TypeError("Cannot "+e)};var i=(t,s,e)=>(y(t,s,"read from private field"),e?e.call(t):s.get(t)),a=(t,s,e)=>{if(s.has(t))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(t):s.set(t,e)},h=(t,s,e,n)=>(y(t,s,"write to private field"),n?n.call(t,e):s.set(t,e),e);const r=require("./browser-CpzFX2xg.cjs"),m=require("./dom-qY2LdCVL.cjs"),b=require("./notifier/index.cjs");var g;class E{constructor(){a(this,g,new b.Notifier)}get changeEvent(){return i(this,g)}}g=new WeakMap;var l,o;class v extends E{constructor(e){super();a(this,l,null);a(this,o,e=>{const n=e.shiftKey?-1:1;e.code==="Space"?this.changeEvent.notify(n*500):e.code==="ArrowLeft"?this.changeEvent.notify(-1*100):e.code==="ArrowRight"?this.changeEvent.notify(1*100):e.code==="ArrowUp"?this.changeEvent.notify(-1*100):e.code==="ArrowDown"?this.changeEvent.notify(1*100):e.code==="PageUp"?this.changeEvent.notify(-1*1e3):e.code==="PageDown"?this.changeEvent.notify(1*1e3):e.code==="Home"?this.changeEvent.notify("min"):e.code==="End"&&this.changeEvent.notify("max")});r.isBrowser&&h(this,l,e!=null&&e.element&&m.getElement(e.element)||window)}connect(){r.isBrowser&&i(this,l).addEventListener("keydown",i(this,o))}disconnect(){r.isBrowser&&i(this,l).removeEventListener("keydown",i(this,o))}}l=new WeakMap,o=new WeakMap;var d,c,f,w;class x extends E{constructor(e){super();a(this,d,null);a(this,c,void 0);a(this,f,void 0);a(this,w,e=>{let n=0;if(!(this.axis==="x"&&Math.abs(e.deltaY)>Math.abs(e.deltaX)||this.axis==="y"&&Math.abs(e.deltaX)>Math.abs(e.deltaY)))if(n=(this.axis==="max"?Math.abs(e.deltaX)>Math.abs(e.deltaY)?e.deltaX:e.deltaY:this.axis==="x"?e.deltaX:e.deltaY)*this.speed,e.stopPropagation(),e.preventDefault(),this.debounce){const u=Date.now();if(u-i(this,f)>40&&(n=100*Math.sign(n)),h(this,f,u),Math.abs(n)<100||i(this,c))return;this.changeEvent.notify(n),h(this,c,setTimeout(()=>{h(this,c,void 0)},80))}else this.changeEvent.notify(n)});this.axis=(e==null?void 0:e.axis)||"y",this.speed=(e==null?void 0:e.speed)||1,this.debounce=(e==null?void 0:e.debounce)||!1,h(this,f,Date.now()),r.isBrowser&&h(this,d,e!=null&&e.element&&m.getElement(e.element)||window)}connect(){r.isBrowser&&i(this,d).addEventListener("wheel",i(this,w),{passive:!1})}disconnect(){r.isBrowser&&i(this,d).removeEventListener("wheel",i(this,w))}}d=new WeakMap,c=new WeakMap,f=new WeakMap,w=new WeakMap;exports.Controls=E;exports.KeyboardControls=v;exports.WheelControls=x;
|
|
@@ -10,7 +10,6 @@ export declare class Tweened extends Animated {
|
|
|
10
10
|
start(): void;
|
|
11
11
|
pause(): void;
|
|
12
12
|
stop(): void;
|
|
13
|
-
get max(): import("../store").Store<number, keyof import("../store").StoreManagers, import("../store").StoreEntry<number>>;
|
|
14
13
|
protected update(): void;
|
|
15
14
|
protected handleAnimationFrame(e: TickerCallbackEntry): void;
|
|
16
15
|
}
|
package/lib/animation/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var d=Object.defineProperty,h=Object.defineProperties;var u=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var c=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var r=(a,e,t)=>e in a?d(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,n=(a,e)=>{for(var t in e||(e={}))c.call(e,t)&&r(a,t,e[t]);if(i)for(var t of i(e))l.call(e,t)&&r(a,t,e[t]);return a},s=(a,e)=>h(a,u(e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("../Animated-Bf-gPIQM.cjs"),A=require("../easings-DsS5-Kqc.cjs"),g=require("../Damped-mdFs8WSd.cjs");class F extends m.Animated{constructor(e){super(s(n({},e),{min:(e==null?void 0:e.min)||0,max:(e==null?void 0:e.max)||1e3})),this.easing=(e==null?void 0:e.easing)||A.linear}start(){this.listenAnimationFrame()}pause(){this.unlistenAnimationFrame()}stop(){this.reset()}update(){const e=(this.target-this.min.current)/(this.delta||1),t=this.easing(e);this.current=this.min.current+t*this.delta}handleAnimationFrame(e){this.shift(e.elapsed),(e.elapsed&&this.current===0||this.current===this.delta)&&this.unlistenAnimationFrame()}}exports.Animated=m.Animated;exports.Damped=g.Damped;exports.Tweened=F;
|
package/lib/animation/index.js
CHANGED
|
@@ -1,27 +1,24 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
for (var
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var
|
|
10
|
-
|
|
1
|
+
var n = Object.defineProperty, h = Object.defineProperties;
|
|
2
|
+
var d = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var r = Object.getOwnPropertySymbols;
|
|
4
|
+
var l = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var i = (a, e, t) => e in a ? n(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, s = (a, e) => {
|
|
6
|
+
for (var t in e || (e = {}))
|
|
7
|
+
l.call(e, t) && i(a, t, e[t]);
|
|
8
|
+
if (r)
|
|
9
|
+
for (var t of r(e))
|
|
10
|
+
u.call(e, t) && i(a, t, e[t]);
|
|
11
11
|
return a;
|
|
12
|
-
}, m = (a,
|
|
13
|
-
|
|
14
|
-
import { A as g } from "../Animated-Br_4OSth.js";
|
|
12
|
+
}, m = (a, e) => h(a, d(e));
|
|
13
|
+
import { A as c } from "../Animated-Br_4OSth.js";
|
|
15
14
|
import { l as A } from "../easings-BKi40vHz.js";
|
|
16
|
-
import { D as
|
|
17
|
-
class
|
|
15
|
+
import { D as z } from "../Damped-Fy7tHx4d.js";
|
|
16
|
+
class F extends c {
|
|
18
17
|
constructor(e) {
|
|
19
18
|
super(m(s({}, e), {
|
|
20
19
|
min: (e == null ? void 0 : e.min) || 0,
|
|
21
20
|
max: (e == null ? void 0 : e.max) || 1e3
|
|
22
|
-
}));
|
|
23
|
-
n(this, "easing");
|
|
24
|
-
this.easing = (e == null ? void 0 : e.easing) || A;
|
|
21
|
+
})), this.easing = (e == null ? void 0 : e.easing) || A;
|
|
25
22
|
}
|
|
26
23
|
start() {
|
|
27
24
|
this.listenAnimationFrame();
|
|
@@ -32,19 +29,16 @@ class w extends g {
|
|
|
32
29
|
stop() {
|
|
33
30
|
this.reset();
|
|
34
31
|
}
|
|
35
|
-
get max() {
|
|
36
|
-
return super.max;
|
|
37
|
-
}
|
|
38
32
|
update() {
|
|
39
|
-
const e = (this.target - this.min.current) / (this.delta || 1),
|
|
40
|
-
this.current = this.min.current +
|
|
33
|
+
const e = (this.target - this.min.current) / (this.delta || 1), t = this.easing(e);
|
|
34
|
+
this.current = this.min.current + t * this.delta;
|
|
41
35
|
}
|
|
42
36
|
handleAnimationFrame(e) {
|
|
43
37
|
this.shift(e.elapsed), (e.elapsed && this.current === 0 || this.current === this.delta) && this.unlistenAnimationFrame();
|
|
44
38
|
}
|
|
45
39
|
}
|
|
46
40
|
export {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
41
|
+
c as Animated,
|
|
42
|
+
z as Damped,
|
|
43
|
+
F as Tweened
|
|
50
44
|
};
|
|
@@ -5,6 +5,7 @@ export type ComponentDefaultProps<El extends HTMLElement = HTMLElement> = {
|
|
|
5
5
|
export type ComponentConstructorCallback<Props extends object = {}, El extends HTMLElement = HTMLElement> = (props: Props & ComponentDefaultProps<El>) => ElementConstructorTagObject<El> | void | null | undefined;
|
|
6
6
|
export type ComponentConnectCallback = (element: HTMLElement) => void | (() => void);
|
|
7
7
|
export type ComponentElementCallback = (element: HTMLElement) => void;
|
|
8
|
+
export type ComponentBeforeCreateCallback<R = void> = (element: HTMLElement) => R;
|
|
8
9
|
export type ComponentInitObject = {
|
|
9
10
|
name: string;
|
|
10
11
|
} & ShadowRootInit;
|
|
@@ -14,13 +15,16 @@ export interface ComponentElement extends HTMLElement {
|
|
|
14
15
|
addDisconnectCallback(callback: ComponentElementCallback): void;
|
|
15
16
|
addAfterCreateCallback(callback: ComponentElementCallback): void;
|
|
16
17
|
}
|
|
18
|
+
export interface ComponentOptions {
|
|
19
|
+
formAssociated?: boolean;
|
|
20
|
+
}
|
|
17
21
|
export declare const contexts: Map<string, {
|
|
18
22
|
element: HTMLElement;
|
|
19
23
|
value: any;
|
|
20
24
|
}>;
|
|
21
25
|
export declare function onConnect(callback: ComponentConnectCallback): void;
|
|
22
26
|
export declare function onDisconnect(callback: ComponentElementCallback): void;
|
|
23
|
-
export declare function onBeforeCreate(callback:
|
|
27
|
+
export declare function onBeforeCreate<R>(callback: ComponentBeforeCreateCallback<R>): R;
|
|
24
28
|
export declare function onAfterCreate(callback: ComponentElementCallback): void;
|
|
25
|
-
export declare function Component<Props extends object = {}>(name: string, callback: ComponentConstructorCallback<Props
|
|
26
|
-
export declare function Component<Props extends object = {}, BaseElementConstructor extends typeof HTMLElement = typeof HTMLElement>(Constructor: BaseElementConstructor, name: string, callback: ComponentConstructorCallback<Props, InstanceType<BaseElementConstructor
|
|
29
|
+
export declare function Component<Props extends object = {}>(name: string, callback: ComponentConstructorCallback<Props>, options?: ComponentOptions): ComponentReturn<Props>;
|
|
30
|
+
export declare function Component<Props extends object = {}, BaseElementConstructor extends typeof HTMLElement = typeof HTMLElement>(Constructor: BaseElementConstructor, name: string, callback: ComponentConstructorCallback<Props, InstanceType<BaseElementConstructor>>, options?: ComponentOptions): ComponentReturn<Props>;
|
package/lib/component/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var I=Object.defineProperty,M=Object.defineProperties;var _=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var k=(t,e,n)=>e in t?I(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,E=(t,e)=>{for(var n in e||(e={}))F.call(e,n)&&k(t,n,e[n]);if(D)for(var n of D(e))H.call(e,n)&&k(t,n,e[n]);return t},q=(t,e)=>M(t,_(e));var L=(t,e,n)=>{if(!e.has(t))throw TypeError("Cannot "+n)};var s=(t,e,n)=>(L(t,e,"read from private field"),n?n.call(t):e.get(t)),y=(t,e,n)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,n)};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../Store-D0_rDIsE.cjs"),g=require("../tags-75InVOh4.cjs"),P=require("../Derived-SjPdLJiZ.cjs"),p=require("../Composed-C2Vv1xxR.cjs"),W=require("../ticker/index.cjs"),j=require("../animation/index.cjs"),B=require("../Damped-mdFs8WSd.cjs"),v=require("../intersector/index.cjs"),T=require("../element-resizer/index.cjs"),O=require("../window-resizer/index.cjs"),A=require("../createStylesheet-DTOK6fTn.cjs");let S=null;const b=new Map;function C(t){S.addConnectCallback(t)}function l(t){S.addDisconnectCallback(t)}function R(t){return t(S)}function $(...t){return e=>{var a,u,f,x;const n=typeof t[0]=="string"?HTMLElement:t[0],r=typeof t[0]=="string"?t[0]:t[1],o=typeof t[0]=="string"?t[1]:t[2],d=`e-${r}`,w=typeof t[0]=="string"?t[2]:t[3];let i=customElements.get(d);return i||(i=(x=class extends n{constructor(c){super();y(this,a,new Set);y(this,u,new Set);y(this,f,new Set);S=this;const m=o(E({element:this},c));m&&g.element(this,m),s(this,f).forEach(h=>{h(this)}),s(this,f).clear(),b.forEach((h,z)=>{h.element===this&&b.delete(z)})}addConnectCallback(c){s(this,a).add(c)}addDisconnectCallback(c){s(this,u).add(c)}addAfterCreateCallback(c){s(this,f).add(c)}connectedCallback(){var c;(c=super.connectedCallback)==null||c.call(this),s(this,a).forEach(m=>{const h=m(this);h&&s(this,u).add(h)}),s(this,a).clear()}disconnectedCallback(){var c;(c=super.disconnectedCallback)==null||c.call(this),s(this,u).forEach(m=>{m(this)}),s(this,u).clear()}},a=new WeakMap,u=new WeakMap,f=new WeakMap,x),w!=null&&w.formAssociated&&(i.formAssociated=!0),customElements.define(d,i)),new i(e||{})}}function G(...t){const e=new N.Store(...t);return l(e.close),e}function J(...t){const e=new P.Derived(...t);return l(e.close),e}function K(...t){const e=new p.DerivedArray(...t);return l(e.close),e}function Q(...t){const e=new p.Composed(...t);return l(e.close),e}function U(...t){const e=new p.Resource(...t);return l(e.close),e}function V(...t){const e=new B.Damped(...t);return l(e.close),e}function X(...t){const e=new j.Tweened(...t);return l(e.close),e}function Y(t,e){C(n=>{let r;const o=e==null?void 0:e.culling;return o===!0?r=n:typeof o=="string"||o instanceof Element?r=o:typeof o=="object"&&(r=o.current),W.ticker.subscribe(t,{culling:r,maxFPS:e==null?void 0:e.maxFPS,order:e==null?void 0:e.order})})}function Z(t,e){R(n=>{b.set(t,{element:n,value:e})})}function ee(t){var e;return(e=b.get(t))==null?void 0:e.value}function te(t,e){C(n=>{const r=e||(n instanceof Element?n:void 0);if(typeof r=="string"||r instanceof Element)return v.intersector.subscribe(r,t);if(r!=null&&r.current)return v.intersector.subscribe(r.current,t)})}function ne(t,e){C(n=>{const r=e||(n instanceof Element?n:void 0);if(typeof r=="string"||r instanceof Element)return T.elementResizer.subscribe(r,t);if(r!=null&&r.current)return T.elementResizer.subscribe(r.current,t)})}function re(t,e){C(n=>O.windowResizer.subscribe(t,e))}function ce(t){R(e=>{e.shadowRoot&&e.shadowRoot.adoptedStyleSheets.push(A.createStylesheet(t))}),C(e=>{if(e.shadowRoot)return;const n=e.getRootNode();if(n===document){const r=g.style(t).node;if(![...document.head.querySelectorAll("style")].find(d=>d.outerHTML===r.outerHTML))return document.head.appendChild(r),()=>{r.remove()}}else if(n instanceof ShadowRoot){const r=A.createStylesheet(t);n.adoptedStyleSheets.filter(o=>{const d=Array.from(o.cssRules);Array.from(r.cssRules).filter(i=>!d.find(a=>a.cssText===i.cssText)).forEach(i=>{o.insertRule(i.cssText)})})}})}function oe(t){return R(e=>e.attachShadow(q(E({},t),{mode:"open"})))}function se(){return R(t=>t.attachInternals())}exports.Component=$;exports.attachInternals=se;exports.attachShadow=oe;exports.attachStyle=ce;exports.createComposed=Q;exports.createContext=Z;exports.createDamped=V;exports.createDerived=J;exports.createDerivedArray=K;exports.createResource=U;exports.createStore=G;exports.createTweened=X;exports.getContext=ee;exports.onAnimationFrame=Y;exports.onConnect=C;exports.onDisconnect=l;exports.onElementResize=ne;exports.onIntersection=te;exports.onWindowResize=re;
|
package/lib/component/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
export { Component, onConnect, onDisconnect, type ComponentConstructorCallback, type ComponentConnectCallback, type ComponentElementCallback, } from './Component';
|
|
2
2
|
export { createStore, createComposed, createDerived, createDerivedArray, createResource, } from './hooks/stores';
|
|
3
3
|
export { createDamped, createTweened, onAnimationFrame, } from './hooks/animation';
|
|
4
|
+
export { getContext, createContext } from './hooks/context';
|
|
4
5
|
export { onIntersection } from './hooks/intersection';
|
|
5
6
|
export { onElementResize, onWindowResize } from './hooks/resize';
|
|
6
7
|
export { attachStyle } from './hooks/style';
|
|
7
|
-
export { attachShadow } from './hooks/
|
|
8
|
+
export { attachShadow, attachInternals } from './hooks/custom-element';
|