aptechka 0.1.3 → 0.1.6
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/Animated-CJcYqJzq.js +130 -0
- package/lib/Animated-DyZuTEQE.cjs +1 -0
- package/lib/Damped-AHRBHNEQ.cjs +1 -0
- package/lib/Damped-Csj-9_gH.js +36 -0
- package/lib/Derived-Bc88XJ8J.js +27 -0
- package/lib/Derived-SjPdLJiZ.cjs +1 -0
- package/lib/ElementConstructor-9f-12v7T.cjs +1 -0
- package/lib/ElementConstructor-CoKM2CTK.js +228 -0
- package/lib/{SourceManager-vXInLlh_.js → SourceManager-BoP9RAJr.js} +26 -26
- package/lib/SourceManager-CI6NfLzW.cjs +1 -0
- package/lib/Store-D0_rDIsE.cjs +1 -0
- package/lib/Store-JOKrNVEr.js +152 -0
- package/lib/Viewport-COsaberc.cjs +1 -0
- package/lib/Viewport-CXY5xcGJ.js +129 -0
- package/lib/WheelControls-CX9WUbBC.js +83 -0
- package/lib/WheelControls-CfDeGCOU.cjs +1 -0
- package/lib/abstract-elements/AbstractButtonElement.d.ts +5 -0
- package/lib/abstract-elements/index.cjs +1 -0
- package/lib/abstract-elements/index.d.ts +1 -0
- package/lib/abstract-elements/index.js +27 -0
- package/lib/accordion/AccordionElement.d.ts +24 -1
- package/lib/accordion/index.cjs +1 -0
- package/lib/accordion/index.js +166 -0
- package/lib/animation/Animated.d.ts +9 -12
- package/lib/animation/Tweened.d.ts +1 -1
- package/lib/animation/index.cjs +1 -1
- package/lib/animation/index.d.ts +1 -1
- package/lib/animation/index.js +11 -17
- package/lib/attribute/index.cjs +1 -1
- package/lib/attribute/index.d.ts +8 -4
- package/lib/attribute/index.js +44 -35
- package/lib/canvas/index.cjs +1 -0
- package/lib/{canvas-2d → canvas}/index.d.ts +4 -3
- package/lib/canvas/index.js +97 -0
- package/lib/connector/index.cjs +1 -0
- package/lib/connector/index.d.ts +15 -0
- package/lib/connector/index.js +54 -0
- package/lib/controls/WheelControls.d.ts +3 -2
- package/lib/controls/index.cjs +1 -1
- package/lib/controls/index.js +23 -27
- package/lib/createStylesheet-BON7aJYs.js +10 -0
- package/lib/createStylesheet-uicRVW05.cjs +1 -0
- package/lib/createTheme-BMH9cRrS.js +15 -0
- package/lib/createTheme-COo8IzPG.cjs +1 -0
- package/lib/custom-element/index.cjs +1 -1
- package/lib/custom-element/index.d.ts +3 -1
- package/lib/custom-element/index.js +19 -9
- package/lib/device/Viewport.d.ts +1 -1
- package/lib/device/index.cjs +1 -1
- package/lib/device/index.js +5 -121
- package/lib/element-constructor/ElementConstructor.d.ts +15 -17
- package/lib/element-constructor/createStylesheet.d.ts +2 -0
- package/lib/element-constructor/createTheme.d.ts +12 -0
- package/lib/element-constructor/htmlTags.d.ts +115 -113
- package/lib/element-constructor/index.cjs +1 -1
- package/lib/element-constructor/index.d.ts +2 -1
- package/lib/element-constructor/index.js +387 -1136
- package/lib/element-constructor/svgTags.d.ts +63 -63
- package/lib/element-resizer/index.cjs +1 -0
- package/lib/element-resizer/index.d.ts +9 -0
- package/lib/element-resizer/index.js +64 -0
- package/lib/en3/attachments/En3SourceManager.d.ts +2 -2
- package/lib/en3/index.cjs +7 -7
- package/lib/en3/index.js +252 -242
- package/lib/en3/objects/En3Clip.d.ts +2 -2
- package/lib/events-CoqmkUxo.js +11 -0
- package/lib/events-D68xg4dy.cjs +1 -0
- package/lib/file-EevnUtRj.cjs +1 -0
- package/lib/file-lxi_oXJf.js +13 -0
- package/lib/htmlTags-BCNUG7oK.js +683 -0
- package/lib/htmlTags-BSQys9wH.cjs +1 -0
- package/lib/image/index.cjs +1 -1
- package/lib/image/index.js +13 -20
- package/lib/index-DgtdcBEI.js +310 -0
- package/lib/index-i_Ki9M-w.cjs +9 -0
- package/lib/intersector/index.cjs +1 -1
- package/lib/intersector/index.d.ts +2 -1
- package/lib/intersector/index.js +33 -22
- package/lib/jsx/ComponentElement.d.ts +17 -0
- package/lib/jsx/h.d.ts +8 -0
- package/lib/jsx/hooks.d.ts +25 -0
- package/lib/jsx/index.cjs +1 -0
- package/lib/jsx/index.d.ts +4 -0
- package/lib/jsx/index.js +116 -0
- package/lib/jsx/render.d.ts +2 -0
- package/lib/jsx/type.d.ts +186 -0
- package/lib/ladder/index.cjs +1 -1
- package/lib/ladder/index.js +3 -4
- package/lib/layout-box/index.cjs +1 -1
- package/lib/layout-box/index.d.ts +1 -0
- package/lib/layout-box/index.js +113 -99
- package/lib/loading/index.cjs +1 -1
- package/lib/loading/index.js +1 -1
- package/lib/media/index.cjs +1 -1
- package/lib/media/index.js +17 -20
- package/lib/modal/ModalElement.d.ts +12 -0
- package/lib/modal/index.cjs +1 -0
- package/lib/modal/index.d.ts +1 -0
- package/lib/modal/index.js +144 -0
- package/lib/morph/index.cjs +1 -1
- package/lib/morph/index.js +1 -1
- package/lib/number-Bo5RdrA1.js +23 -0
- package/lib/number-yVpzMdbQ.cjs +1 -0
- package/lib/popover/PopoverButtonElement.d.ts +14 -0
- package/lib/popover/PopoverElement.d.ts +19 -0
- package/lib/popover/index.cjs +1 -0
- package/lib/popover/index.d.ts +2 -0
- package/lib/popover/index.js +122 -0
- package/lib/router/index.cjs +1 -1
- package/lib/router/index.js +2 -2
- package/lib/scroll/ScrollElement.d.ts +5 -3
- package/lib/scroll/index.cjs +1 -71
- package/lib/scroll/index.js +349 -314
- package/lib/scroll-entries/index.cjs +1 -1
- package/lib/scroll-entries/index.d.ts +1 -1
- package/lib/scroll-entries/index.js +4 -2
- package/lib/select/SelectElement.d.ts +25 -0
- package/lib/select/SelectHeadElement.d.ts +12 -0
- package/lib/select/SelectOptionElement.d.ts +13 -0
- package/lib/select/SelectUserElement.d.ts +7 -0
- package/lib/select/index.cjs +1 -0
- package/lib/select/index.d.ts +4 -0
- package/lib/select/index.js +7 -0
- package/lib/source/SourceClass.d.ts +1 -1
- package/lib/source/index.cjs +2 -2
- package/lib/source/index.js +13 -18
- package/lib/store/CumulativeResource.d.ts +2 -2
- package/lib/store/Resource.d.ts +1 -1
- package/lib/store/Store.d.ts +55 -9
- package/lib/store/StoreRegistry.d.ts +2 -2
- package/lib/store/index.cjs +1 -1
- package/lib/store/index.d.ts +2 -1
- package/lib/store/index.js +105 -66
- package/lib/string-BrDhnNUL.js +39 -0
- package/lib/string-DzUwFYSS.cjs +1 -0
- package/lib/studio/StudioElement.d.ts +3 -0
- package/lib/studio/index.cjs +10 -0
- package/lib/studio/index.js +1004 -0
- package/lib/studio/studioStorage.d.ts +14 -0
- package/lib/studio/tweaker/TweakerBooleanManagerElement.d.ts +10 -0
- package/lib/studio/tweaker/TweakerColorManagerElement.d.ts +10 -0
- package/lib/studio/tweaker/TweakerElement.d.ts +17 -0
- package/lib/studio/tweaker/TweakerFieldElement.d.ts +21 -0
- package/lib/studio/tweaker/TweakerFolderElement.d.ts +22 -0
- package/lib/studio/tweaker/TweakerLinkManagerElement.d.ts +10 -0
- package/lib/studio/tweaker/TweakerNumberManagerElement.d.ts +17 -0
- package/lib/studio/tweaker/TweakerRangeManagerElement.d.ts +10 -0
- package/lib/studio/tweaker/TweakerSelectManagerElement.d.ts +10 -0
- package/lib/studio/tweaker/TweakerStoreManagerElement.d.ts +10 -0
- package/lib/studio/tweaker/TweakerStringManagerElement.d.ts +12 -0
- package/lib/studio/tweaker/tweakerManagerConstructors.d.ts +5 -0
- package/lib/style-At6aDoqG.cjs +1 -0
- package/lib/style-j2TwriJ_.js +10 -0
- package/lib/theme/index.cjs +1 -0
- package/lib/theme/index.d.ts +90 -0
- package/lib/theme/index.js +34 -0
- package/lib/ticker/index.cjs +1 -1
- package/lib/ticker/index.js +1 -1
- package/lib/utils/events.d.ts +6 -0
- package/lib/utils/index.cjs +1 -1
- package/lib/utils/index.d.ts +8 -7
- package/lib/utils/index.js +95 -105
- package/lib/utils/number.d.ts +2 -3
- package/lib/utils/string.d.ts +1 -0
- package/lib/utils/style.d.ts +2 -0
- package/lib/utils/ts-utility.d.ts +2 -0
- package/lib/video/index.cjs +1 -1
- package/lib/video/index.js +13 -20
- package/lib/window-resizer/index.cjs +1 -0
- package/lib/window-resizer/index.d.ts +9 -0
- package/lib/window-resizer/index.js +46 -0
- package/package.json +91 -28
- package/lib/Damped-DdPj4Sho.cjs +0 -1
- package/lib/Damped-H3PuZwKV.js +0 -152
- package/lib/SourceManager-tmQlXkSD.cjs +0 -1
- package/lib/Store-qq7IjRLE.js +0 -136
- package/lib/Store-txkR3wXU.cjs +0 -1
- package/lib/WheelControls-9ZQKSYYq.js +0 -83
- package/lib/WheelControls-TYhGU6oA.cjs +0 -1
- package/lib/canvas-2d/index.cjs +0 -5
- package/lib/canvas-2d/index.js +0 -90
- package/lib/element-constructor/specialObjects.d.ts +0 -2
- package/lib/measurer/CumulativeOffsetLeft.d.ts +0 -4
- package/lib/measurer/CumulativeOffsetTop.d.ts +0 -4
- package/lib/measurer/Meaurer.d.ts +0 -8
- package/lib/measurer/index.cjs +0 -1
- package/lib/measurer/index.d.ts +0 -3
- package/lib/measurer/index.js +0 -48
- package/lib/number-2bR0KBcX.cjs +0 -1
- package/lib/number-bCHB2GAD.js +0 -31
- package/lib/resizer/index.cjs +0 -1
- package/lib/resizer/index.d.ts +0 -10
- package/lib/resizer/index.js +0 -45
- package/lib/string-GmxZA5Nq.js +0 -31
- package/lib/string-WmNOGq16.cjs +0 -1
- package/lib/utils/dev.d.ts +0 -3
- /package/lib/{attributes-w0u-KiIb.js → attributes-69we3byR.js} +0 -0
- /package/lib/{attributes-_2U65GDl.cjs → attributes-Bf2svn4j.cjs} +0 -0
- /package/lib/{browser-S4eq8AeN.js → browser-0zX67oeU.js} +0 -0
- /package/lib/{browser-QbF6EW-w.cjs → browser-CpzFX2xg.cjs} +0 -0
- /package/lib/{dom-bHEwc_xV.js → dom-BY7JhTx5.js} +0 -0
- /package/lib/{dom-QhWsdQS2.cjs → dom-qY2LdCVL.cjs} +0 -0
- /package/lib/{easings-uF-tgahf.js → easings-BKi40vHz.js} +0 -0
- /package/lib/{easings-_wFs9ZWc.cjs → easings-DsS5-Kqc.cjs} +0 -0
- /package/lib/{function-zwSFehNd.js → function-C10DGppn.js} +0 -0
- /package/lib/{function-QP7IreXR.cjs → function-MthRj-GJ.cjs} +0 -0
- /package/lib/{layout-rZzbsLPd.cjs → layout-8ryRAMGJ.cjs} +0 -0
- /package/lib/{layout-5SJlcXTY.js → layout-HoBT_Da2.js} +0 -0
- /package/lib/{math-_a3IpKOc.js → math-BOBiC4TN.js} +0 -0
- /package/lib/{math-FNUBmQPK.cjs → math-GDWEqu7y.cjs} +0 -0
package/lib/image/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../custom-element/index.cjs");require("../window-resizer/index.cjs");require("../Store-D0_rDIsE.cjs");const o=require("../source/index.cjs");var l=Object.defineProperty,i=Object.getOwnPropertyDescriptor,a=(n,r,m,t)=>{for(var e=t>1?void 0:t?i(r,m):r,s=n.length-1,u;s>=0;s--)(u=n[s])&&(e=(t?u(r,m,e):u(e))||e);return t&&e&&l(r,m,e),e};exports.ImageElement=class extends o.SourceElement{createConsumer(){return document.createElement("img")}consumeSource(r){this.consumerElement.src=r||""}};exports.ImageElement=a([c.define("e-image")],exports.ImageElement);
|
package/lib/image/index.js
CHANGED
|
@@ -1,20 +1,13 @@
|
|
|
1
|
-
import { define as
|
|
2
|
-
import "../resizer/index.js";
|
|
3
|
-
import "../Store-
|
|
4
|
-
import { SourceElement as
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import "../order/index.js";
|
|
10
|
-
import "../intersector/index.js";
|
|
11
|
-
import "../loading/index.js";
|
|
12
|
-
var l = Object.defineProperty, u = Object.getOwnPropertyDescriptor, f = (r, t, o, m) => {
|
|
13
|
-
for (var e = m > 1 ? void 0 : m ? u(t, o) : t, p = r.length - 1, i; p >= 0; p--)
|
|
14
|
-
(i = r[p]) && (e = (m ? i(t, o, e) : i(e)) || e);
|
|
15
|
-
return m && e && l(t, o, e), e;
|
|
1
|
+
import { define as p } from "../custom-element/index.js";
|
|
2
|
+
import "../window-resizer/index.js";
|
|
3
|
+
import "../Store-JOKrNVEr.js";
|
|
4
|
+
import { SourceElement as l } from "../source/index.js";
|
|
5
|
+
var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, i = (r, t, o, m) => {
|
|
6
|
+
for (var e = m > 1 ? void 0 : m ? f(t, o) : t, n = r.length - 1, s; n >= 0; n--)
|
|
7
|
+
(s = r[n]) && (e = (m ? s(t, o, e) : s(e)) || e);
|
|
8
|
+
return m && e && u(t, o, e), e;
|
|
16
9
|
};
|
|
17
|
-
let
|
|
10
|
+
let c = class extends l {
|
|
18
11
|
createConsumer() {
|
|
19
12
|
return document.createElement("img");
|
|
20
13
|
}
|
|
@@ -22,9 +15,9 @@ let n = class extends c {
|
|
|
22
15
|
this.consumerElement.src = r || "";
|
|
23
16
|
}
|
|
24
17
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
],
|
|
18
|
+
c = i([
|
|
19
|
+
p("e-image")
|
|
20
|
+
], c);
|
|
28
21
|
export {
|
|
29
|
-
|
|
22
|
+
c as ImageElement
|
|
30
23
|
};
|
|
@@ -0,0 +1,310 @@
|
|
|
1
|
+
var I = (t, e, s) => {
|
|
2
|
+
if (!e.has(t))
|
|
3
|
+
throw TypeError("Cannot " + s);
|
|
4
|
+
};
|
|
5
|
+
var H = (t, e, s) => (I(t, e, "read from private field"), s ? s.call(t) : e.get(t)), G = (t, e, s) => {
|
|
6
|
+
if (e.has(t))
|
|
7
|
+
throw TypeError("Cannot add the same private member more than once");
|
|
8
|
+
e instanceof WeakSet ? e.add(t) : e.set(t, s);
|
|
9
|
+
}, R = (t, e, s, i) => (I(t, e, "write to private field"), i ? i.call(t, s) : e.set(t, s), s);
|
|
10
|
+
import { CustomElement as Z, define as P } from "./custom-element/index.js";
|
|
11
|
+
import { e as $ } from "./ElementConstructor-CoKM2CTK.js";
|
|
12
|
+
import { p as X, aw as w, C as q } from "./htmlTags-BCNUG7oK.js";
|
|
13
|
+
import { c as D } from "./createStylesheet-BON7aJYs.js";
|
|
14
|
+
import { i as z } from "./browser-0zX67oeU.js";
|
|
15
|
+
import { d as j } from "./events-CoqmkUxo.js";
|
|
16
|
+
import { g as ee } from "./style-j2TwriJ_.js";
|
|
17
|
+
import { aptechkaTheme as m } from "./theme/index.js";
|
|
18
|
+
var J = Object.defineProperty, te = Object.getOwnPropertyDescriptor, se = (t, e, s) => e in t ? J(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, ie = (t, e, s, i) => {
|
|
19
|
+
for (var a = i > 1 ? void 0 : i ? te(e, s) : e, n = t.length - 1, l; n >= 0; n--)
|
|
20
|
+
(l = t[n]) && (a = (i ? l(e, s, a) : l(a)) || a);
|
|
21
|
+
return i && a && J(e, s, a), a;
|
|
22
|
+
}, ae = (t, e, s) => (se(t, typeof e != "symbol" ? e + "" : e, s), s), A = (t, e, s) => {
|
|
23
|
+
if (!e.has(t))
|
|
24
|
+
throw TypeError("Cannot " + s);
|
|
25
|
+
}, r = (t, e, s) => (A(t, e, "read from private field"), s ? s.call(t) : e.get(t)), h = (t, e, s) => {
|
|
26
|
+
if (e.has(t))
|
|
27
|
+
throw TypeError("Cannot add the same private member more than once");
|
|
28
|
+
e instanceof WeakSet ? e.add(t) : e.set(t, s);
|
|
29
|
+
}, c = (t, e, s, i) => (A(t, e, "write to private field"), i ? i.call(t, s) : e.set(t, s), s), B = (t, e, s) => (A(t, e, "access private method"), s), E, y, o, p, v, u, L, C, O;
|
|
30
|
+
const re = D({
|
|
31
|
+
":host": {
|
|
32
|
+
position: "relative"
|
|
33
|
+
},
|
|
34
|
+
".head": {
|
|
35
|
+
width: "100%",
|
|
36
|
+
cursor: "default",
|
|
37
|
+
background: "none",
|
|
38
|
+
border: "none",
|
|
39
|
+
color: "inherit",
|
|
40
|
+
fontFamily: "inherit",
|
|
41
|
+
fontSize: "inherit",
|
|
42
|
+
fontWeight: "inherit",
|
|
43
|
+
textAlign: "start",
|
|
44
|
+
padding: "0",
|
|
45
|
+
margin: "0"
|
|
46
|
+
},
|
|
47
|
+
".body": {
|
|
48
|
+
boxSizing: "border-box",
|
|
49
|
+
position: "var(--position, unset)",
|
|
50
|
+
top: "100%",
|
|
51
|
+
left: "0",
|
|
52
|
+
width: "100%",
|
|
53
|
+
overflow: "hidden",
|
|
54
|
+
transitionDuration: `var(--duration, ${m.durationShort.var})`,
|
|
55
|
+
transitionProperty: "height",
|
|
56
|
+
cursor: "default"
|
|
57
|
+
},
|
|
58
|
+
".body-inner": {
|
|
59
|
+
display: "grid",
|
|
60
|
+
gap: "var(--gap, 0px)",
|
|
61
|
+
width: "100%",
|
|
62
|
+
paddingTop: "var(--gap, 0px)"
|
|
63
|
+
}
|
|
64
|
+
});
|
|
65
|
+
let W = class extends Z {
|
|
66
|
+
constructor() {
|
|
67
|
+
super(), h(this, C), h(this, E, null), h(this, y, ""), h(this, o, null), h(this, p, !1), h(this, v, void 0), h(this, u, null), h(this, L, () => {
|
|
68
|
+
j(this);
|
|
69
|
+
}), z && (this.openShadow(re), c(this, E, this.attachInternals()), c(this, u, new ResizeObserver(r(this, L))), $(this, {
|
|
70
|
+
shadowChildren: [
|
|
71
|
+
X({
|
|
72
|
+
class: "head",
|
|
73
|
+
children: w({ attributes: { name: "head" } }),
|
|
74
|
+
events: {
|
|
75
|
+
click: () => {
|
|
76
|
+
this.opened ? this.close() : this.open();
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}),
|
|
80
|
+
q({
|
|
81
|
+
class: "body",
|
|
82
|
+
style: {
|
|
83
|
+
height: "0px"
|
|
84
|
+
},
|
|
85
|
+
children: q({
|
|
86
|
+
class: "body-inner",
|
|
87
|
+
children: w()
|
|
88
|
+
}),
|
|
89
|
+
ref: (t) => {
|
|
90
|
+
c(this, o, t);
|
|
91
|
+
}
|
|
92
|
+
})
|
|
93
|
+
]
|
|
94
|
+
}));
|
|
95
|
+
}
|
|
96
|
+
get value() {
|
|
97
|
+
return r(this, y);
|
|
98
|
+
}
|
|
99
|
+
set value(t) {
|
|
100
|
+
c(this, y, t), this.dispatchEvent(
|
|
101
|
+
new Event("change", {
|
|
102
|
+
bubbles: !0,
|
|
103
|
+
composed: !0
|
|
104
|
+
})
|
|
105
|
+
);
|
|
106
|
+
}
|
|
107
|
+
get internals() {
|
|
108
|
+
return r(this, E);
|
|
109
|
+
}
|
|
110
|
+
get opened() {
|
|
111
|
+
return r(this, p);
|
|
112
|
+
}
|
|
113
|
+
open() {
|
|
114
|
+
clearTimeout(r(this, v)), c(this, p, !0), r(this, o).style.display = "grid", this.classList.add("triggered"), setTimeout(() => {
|
|
115
|
+
this.classList.add("opened"), r(this, o).style.height = r(this, o).scrollHeight + "px", B(this, C, O).call(this);
|
|
116
|
+
}, 0);
|
|
117
|
+
}
|
|
118
|
+
close() {
|
|
119
|
+
c(this, p, !1), r(this, o).style.height = "0px", this.classList.remove("opened"), B(this, C, O).call(this), c(this, v, setTimeout(() => {
|
|
120
|
+
this.classList.remove("triggered"), r(this, o).style.display = "none";
|
|
121
|
+
}, ee(r(this, o))));
|
|
122
|
+
}
|
|
123
|
+
connectedCallback() {
|
|
124
|
+
r(this, u).observe(r(this, o));
|
|
125
|
+
}
|
|
126
|
+
disconnectedCallback() {
|
|
127
|
+
clearTimeout(r(this, v)), r(this, u).disconnect();
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
E = /* @__PURE__ */ new WeakMap();
|
|
131
|
+
y = /* @__PURE__ */ new WeakMap();
|
|
132
|
+
o = /* @__PURE__ */ new WeakMap();
|
|
133
|
+
p = /* @__PURE__ */ new WeakMap();
|
|
134
|
+
v = /* @__PURE__ */ new WeakMap();
|
|
135
|
+
u = /* @__PURE__ */ new WeakMap();
|
|
136
|
+
L = /* @__PURE__ */ new WeakMap();
|
|
137
|
+
C = /* @__PURE__ */ new WeakSet();
|
|
138
|
+
O = function() {
|
|
139
|
+
this.dispatchEvent(
|
|
140
|
+
new CustomEvent("e-select-toggle", {
|
|
141
|
+
bubbles: !0,
|
|
142
|
+
composed: !0,
|
|
143
|
+
detail: {
|
|
144
|
+
opened: r(this, p)
|
|
145
|
+
}
|
|
146
|
+
})
|
|
147
|
+
);
|
|
148
|
+
};
|
|
149
|
+
ae(W, "formAssociated", !0);
|
|
150
|
+
W = ie([
|
|
151
|
+
P("e-select")
|
|
152
|
+
], W);
|
|
153
|
+
var _;
|
|
154
|
+
class K extends Z {
|
|
155
|
+
constructor() {
|
|
156
|
+
super(...arguments);
|
|
157
|
+
G(this, _, null);
|
|
158
|
+
}
|
|
159
|
+
get selectElement() {
|
|
160
|
+
return H(this, _);
|
|
161
|
+
}
|
|
162
|
+
connectedCallback() {
|
|
163
|
+
var i, a;
|
|
164
|
+
const s = (a = (i = this.assignedSlot) == null ? void 0 : i.getRootNode()) == null ? void 0 : a.host;
|
|
165
|
+
s ? R(this, _, s) : console.log(this, "e-select not found");
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
_ = new WeakMap();
|
|
169
|
+
var ne = Object.defineProperty, le = Object.getOwnPropertyDescriptor, oe = (t, e, s, i) => {
|
|
170
|
+
for (var a = i > 1 ? void 0 : i ? le(e, s) : e, n = t.length - 1, l; n >= 0; n--)
|
|
171
|
+
(l = t[n]) && (a = (i ? l(e, s, a) : l(a)) || a);
|
|
172
|
+
return i && a && ne(e, s, a), a;
|
|
173
|
+
}, Q = (t, e, s) => {
|
|
174
|
+
if (!e.has(t))
|
|
175
|
+
throw TypeError("Cannot " + s);
|
|
176
|
+
}, T = (t, e, s) => (Q(t, e, "read from private field"), s ? s.call(t) : e.get(t)), F = (t, e, s) => {
|
|
177
|
+
if (e.has(t))
|
|
178
|
+
throw TypeError("Cannot add the same private member more than once");
|
|
179
|
+
e instanceof WeakSet ? e.add(t) : e.set(t, s);
|
|
180
|
+
}, N = (t, e, s) => (Q(t, e, "access private method"), s), f, S, M;
|
|
181
|
+
const he = D({
|
|
182
|
+
":host": {
|
|
183
|
+
width: "100%",
|
|
184
|
+
height: m.heightInput.var,
|
|
185
|
+
display: "inline-flex",
|
|
186
|
+
alignItems: "center"
|
|
187
|
+
}
|
|
188
|
+
});
|
|
189
|
+
let U = class extends K {
|
|
190
|
+
constructor() {
|
|
191
|
+
super(), F(this, S), F(this, f, () => {
|
|
192
|
+
this.selectElement.value === this.value ? this.style.display = "none" : this.style.display = "";
|
|
193
|
+
}), z && (this.openShadow(he), $(this, {
|
|
194
|
+
attributes: {
|
|
195
|
+
tabIndex: "0"
|
|
196
|
+
},
|
|
197
|
+
events: {
|
|
198
|
+
click: () => {
|
|
199
|
+
N(this, S, M).call(this);
|
|
200
|
+
},
|
|
201
|
+
keydown: (t) => {
|
|
202
|
+
t.code === "Space" && N(this, S, M).call(this);
|
|
203
|
+
}
|
|
204
|
+
},
|
|
205
|
+
shadowChildren: [w()]
|
|
206
|
+
}));
|
|
207
|
+
}
|
|
208
|
+
get value() {
|
|
209
|
+
return (this.hasAttribute("value") ? this.getAttribute("value") : this.innerText) || "";
|
|
210
|
+
}
|
|
211
|
+
connectedCallback() {
|
|
212
|
+
super.connectedCallback(), this.hasAttribute("default") && (this.selectElement.value || (this.selectElement.value = this.value)), this.selectElement.addEventListener("change", T(this, f)), setTimeout(() => {
|
|
213
|
+
T(this, f).call(this);
|
|
214
|
+
});
|
|
215
|
+
}
|
|
216
|
+
disconnectedCallback() {
|
|
217
|
+
this.selectElement.removeEventListener("change", T(this, f));
|
|
218
|
+
}
|
|
219
|
+
};
|
|
220
|
+
f = /* @__PURE__ */ new WeakMap();
|
|
221
|
+
S = /* @__PURE__ */ new WeakSet();
|
|
222
|
+
M = function() {
|
|
223
|
+
this.selectElement.value = this.value, this.selectElement.close();
|
|
224
|
+
};
|
|
225
|
+
U = oe([
|
|
226
|
+
P("e-select-option")
|
|
227
|
+
], U);
|
|
228
|
+
const ce = `<svg
|
|
229
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
230
|
+
width="32"
|
|
231
|
+
height="32"
|
|
232
|
+
viewBox="0 0 24 24"
|
|
233
|
+
>
|
|
234
|
+
<path d="m12.37 15.835l6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0Z" />
|
|
235
|
+
</svg>
|
|
236
|
+
`;
|
|
237
|
+
var de = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, ve = (t, e, s, i) => {
|
|
238
|
+
for (var a = i > 1 ? void 0 : i ? pe(e, s) : e, n = t.length - 1, l; n >= 0; n--)
|
|
239
|
+
(l = t[n]) && (a = (i ? l(e, s, a) : l(a)) || a);
|
|
240
|
+
return i && a && de(e, s, a), a;
|
|
241
|
+
}, V = (t, e, s) => {
|
|
242
|
+
if (!e.has(t))
|
|
243
|
+
throw TypeError("Cannot " + s);
|
|
244
|
+
}, d = (t, e, s) => (V(t, e, "read from private field"), s ? s.call(t) : e.get(t)), k = (t, e, s) => {
|
|
245
|
+
if (e.has(t))
|
|
246
|
+
throw TypeError("Cannot add the same private member more than once");
|
|
247
|
+
e instanceof WeakSet ? e.add(t) : e.set(t, s);
|
|
248
|
+
}, ue = (t, e, s, i) => (V(t, e, "write to private field"), i ? i.call(t, s) : e.set(t, s), s), b, g, x;
|
|
249
|
+
const fe = D({
|
|
250
|
+
":host": {
|
|
251
|
+
width: "100%",
|
|
252
|
+
height: m.heightInput.var,
|
|
253
|
+
display: "inline-flex",
|
|
254
|
+
alignItems: "center",
|
|
255
|
+
justifyContent: "space-between"
|
|
256
|
+
},
|
|
257
|
+
".default-arrow": {
|
|
258
|
+
flexShrink: "0",
|
|
259
|
+
width: "var(--arrow-size, 1em)",
|
|
260
|
+
height: "var(--arrow-size, 1em)",
|
|
261
|
+
fill: `var(--arrow-color, ${m.colorDark.var})`,
|
|
262
|
+
transitionProperty: "transform",
|
|
263
|
+
transitionDuration: `var(--duration, ${m.durationShort.var})`
|
|
264
|
+
},
|
|
265
|
+
":host(.opened) .default-arrow": {
|
|
266
|
+
transform: "scaleY(-1)"
|
|
267
|
+
}
|
|
268
|
+
});
|
|
269
|
+
let Y = class extends K {
|
|
270
|
+
constructor() {
|
|
271
|
+
super(), k(this, b, null), k(this, g, () => {
|
|
272
|
+
const e = this.selectElement.shadowRoot.querySelector(
|
|
273
|
+
".body slot"
|
|
274
|
+
).assignedElements().find((s) => s.value === this.selectElement.value);
|
|
275
|
+
e && (d(this, b).innerHTML = e.innerHTML);
|
|
276
|
+
}), k(this, x, () => {
|
|
277
|
+
this.classList.toggle("opened", this.selectElement.opened);
|
|
278
|
+
}), z && (this.openShadow(fe), $(this, {
|
|
279
|
+
shadowChildren: [
|
|
280
|
+
w(),
|
|
281
|
+
w({
|
|
282
|
+
attributes: { name: "arrow" },
|
|
283
|
+
children: $(ce, { class: "default-arrow" })
|
|
284
|
+
})
|
|
285
|
+
]
|
|
286
|
+
}), this.slot = "head");
|
|
287
|
+
}
|
|
288
|
+
connectedCallback() {
|
|
289
|
+
super.connectedCallback(), ue(this, b, this.querySelector("[data-value-holder]") || this), this.selectElement.addEventListener("change", d(this, g)), d(this, g).call(this), this.selectElement.addEventListener("e-select-toggle", d(this, x));
|
|
290
|
+
}
|
|
291
|
+
disconnectedCallback() {
|
|
292
|
+
this.selectElement.removeEventListener("change", d(this, g)), this.selectElement.removeEventListener(
|
|
293
|
+
"e-select-toggle",
|
|
294
|
+
d(this, x)
|
|
295
|
+
);
|
|
296
|
+
}
|
|
297
|
+
};
|
|
298
|
+
b = /* @__PURE__ */ new WeakMap();
|
|
299
|
+
g = /* @__PURE__ */ new WeakMap();
|
|
300
|
+
x = /* @__PURE__ */ new WeakMap();
|
|
301
|
+
Y = ve([
|
|
302
|
+
P("e-select-head")
|
|
303
|
+
], Y);
|
|
304
|
+
export {
|
|
305
|
+
W as S,
|
|
306
|
+
ce as a,
|
|
307
|
+
U as b,
|
|
308
|
+
Y as c,
|
|
309
|
+
K as d
|
|
310
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";var z=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)};var A=(t,e,s)=>(z(t,e,"read from private field"),s?s.call(t):e.get(t)),H=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},B=(t,e,s,i)=>(z(t,e,"write to private field"),i?i.call(t,s):e.set(t,s),s);const E=require("./custom-element/index.cjs"),x=require("./ElementConstructor-9f-12v7T.cjs"),c=require("./htmlTags-BSQys9wH.cjs"),P=require("./createStylesheet-uicRVW05.cjs"),q=require("./browser-CpzFX2xg.cjs"),J=require("./events-D68xg4dy.cjs"),K=require("./style-At6aDoqG.cjs"),w=require("./theme/index.cjs");var N=Object.defineProperty,Q=Object.getOwnPropertyDescriptor,V=(t,e,s)=>e in t?N(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s,X=(t,e,s,i)=>{for(var n=i>1?void 0:i?Q(e,s):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(n=(i?l(e,s,n):l(n))||n);return i&&n&&N(e,s,n),n},j=(t,e,s)=>(V(t,typeof e!="symbol"?e+"":e,s),s),D=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},r=(t,e,s)=>(D(t,e,"read from private field"),s?s.call(t):e.get(t)),o=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},d=(t,e,s,i)=>(D(t,e,"write to private field"),i?i.call(t,s):e.set(t,s),s),G=(t,e,s)=>(D(t,e,"access private method"),s),S,y,h,v,u,f,L,C,W;const ee=P.createStylesheet({":host":{position:"relative"},".head":{width:"100%",cursor:"default",background:"none",border:"none",color:"inherit",fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",textAlign:"start",padding:"0",margin:"0"},".body":{boxSizing:"border-box",position:"var(--position, unset)",top:"100%",left:"0",width:"100%",overflow:"hidden",transitionDuration:`var(--duration, ${w.aptechkaTheme.durationShort.var})`,transitionProperty:"height",cursor:"default"},".body-inner":{display:"grid",gap:"var(--gap, 0px)",width:"100%",paddingTop:"var(--gap, 0px)"}});exports.SelectElement=class extends E.CustomElement{constructor(){super(),o(this,C),o(this,S,null),o(this,y,""),o(this,h,null),o(this,v,!1),o(this,u,void 0),o(this,f,null),o(this,L,()=>{J.dispatchSizeChangeEvent(this)}),q.isBrowser&&(this.openShadow(ee),d(this,S,this.attachInternals()),d(this,f,new ResizeObserver(r(this,L))),x.element(this,{shadowChildren:[c.button({class:"head",children:c.slot({attributes:{name:"head"}}),events:{click:()=>{this.opened?this.close():this.open()}}}),c.div({class:"body",style:{height:"0px"},children:c.div({class:"body-inner",children:c.slot()}),ref:e=>{d(this,h,e)}})]}))}get value(){return r(this,y)}set value(e){d(this,y,e),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}get internals(){return r(this,S)}get opened(){return r(this,v)}open(){clearTimeout(r(this,u)),d(this,v,!0),r(this,h).style.display="grid",this.classList.add("triggered"),setTimeout(()=>{this.classList.add("opened"),r(this,h).style.height=r(this,h).scrollHeight+"px",G(this,C,W).call(this)},0)}close(){d(this,v,!1),r(this,h).style.height="0px",this.classList.remove("opened"),G(this,C,W).call(this),d(this,u,setTimeout(()=>{this.classList.remove("triggered"),r(this,h).style.display="none"},K.getElementTransitionDurationMS(r(this,h))))}connectedCallback(){r(this,f).observe(r(this,h))}disconnectedCallback(){clearTimeout(r(this,u)),r(this,f).disconnect()}};S=new WeakMap;y=new WeakMap;h=new WeakMap;v=new WeakMap;u=new WeakMap;f=new WeakMap;L=new WeakMap;C=new WeakSet;W=function(){this.dispatchEvent(new CustomEvent("e-select-toggle",{bubbles:!0,composed:!0,detail:{opened:r(this,v)}}))};j(exports.SelectElement,"formAssociated",!0);exports.SelectElement=X([E.define("e-select")],exports.SelectElement);var _;class I extends E.CustomElement{constructor(){super(...arguments);H(this,_,null)}get selectElement(){return A(this,_)}connectedCallback(){var i,n;const s=(n=(i=this.assignedSlot)==null?void 0:i.getRootNode())==null?void 0:n.host;s?B(this,_,s):console.log(this,"e-select not found")}}_=new WeakMap;var te=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ie=(t,e,s,i)=>{for(var n=i>1?void 0:i?se(e,s):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(n=(i?l(e,s,n):l(n))||n);return i&&n&&te(e,s,n),n},U=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},O=(t,e,s)=>(U(t,e,"read from private field"),s?s.call(t):e.get(t)),R=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},F=(t,e,s)=>(U(t,e,"access private method"),s),m,T,M;const ne=P.createStylesheet({":host":{width:"100%",height:w.aptechkaTheme.heightInput.var,display:"inline-flex",alignItems:"center"}});exports.SelectOptionElement=class extends I{constructor(){super(),R(this,T),R(this,m,()=>{this.selectElement.value===this.value?this.style.display="none":this.style.display=""}),q.isBrowser&&(this.openShadow(ne),x.element(this,{attributes:{tabIndex:"0"},events:{click:()=>{F(this,T,M).call(this)},keydown:e=>{e.code==="Space"&&F(this,T,M).call(this)}},shadowChildren:[c.slot()]}))}get value(){return(this.hasAttribute("value")?this.getAttribute("value"):this.innerText)||""}connectedCallback(){super.connectedCallback(),this.hasAttribute("default")&&(this.selectElement.value||(this.selectElement.value=this.value)),this.selectElement.addEventListener("change",O(this,m)),setTimeout(()=>{O(this,m).call(this)})}disconnectedCallback(){this.selectElement.removeEventListener("change",O(this,m))}};m=new WeakMap;T=new WeakSet;M=function(){this.selectElement.value=this.value,this.selectElement.close()};exports.SelectOptionElement=ie([E.define("e-select-option")],exports.SelectOptionElement);const Y=`<svg
|
|
2
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
3
|
+
width="32"
|
|
4
|
+
height="32"
|
|
5
|
+
viewBox="0 0 24 24"
|
|
6
|
+
>
|
|
7
|
+
<path d="m12.37 15.835l6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0Z" />
|
|
8
|
+
</svg>
|
|
9
|
+
`;var re=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,le=(t,e,s,i)=>{for(var n=i>1?void 0:i?ae(e,s):e,a=t.length-1,l;a>=0;a--)(l=t[a])&&(n=(i?l(e,s,n):l(n))||n);return i&&n&&re(e,s,n),n},Z=(t,e,s)=>{if(!e.has(t))throw TypeError("Cannot "+s)},p=(t,e,s)=>(Z(t,e,"read from private field"),s?s.call(t):e.get(t)),$=(t,e,s)=>{if(e.has(t))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(t):e.set(t,s)},he=(t,e,s,i)=>(Z(t,e,"write to private field"),i?i.call(t,s):e.set(t,s),s),b,g,k;const oe=P.createStylesheet({":host":{width:"100%",height:w.aptechkaTheme.heightInput.var,display:"inline-flex",alignItems:"center",justifyContent:"space-between"},".default-arrow":{flexShrink:"0",width:"var(--arrow-size, 1em)",height:"var(--arrow-size, 1em)",fill:`var(--arrow-color, ${w.aptechkaTheme.colorDark.var})`,transitionProperty:"transform",transitionDuration:`var(--duration, ${w.aptechkaTheme.durationShort.var})`},":host(.opened) .default-arrow":{transform:"scaleY(-1)"}});exports.SelectHeadElement=class extends I{constructor(){super(),$(this,b,null),$(this,g,()=>{const s=this.selectElement.shadowRoot.querySelector(".body slot").assignedElements().find(i=>i.value===this.selectElement.value);s&&(p(this,b).innerHTML=s.innerHTML)}),$(this,k,()=>{this.classList.toggle("opened",this.selectElement.opened)}),q.isBrowser&&(this.openShadow(oe),x.element(this,{shadowChildren:[c.slot(),c.slot({attributes:{name:"arrow"},children:x.element(Y,{class:"default-arrow"})})]}),this.slot="head")}connectedCallback(){super.connectedCallback(),he(this,b,this.querySelector("[data-value-holder]")||this),this.selectElement.addEventListener("change",p(this,g)),p(this,g).call(this),this.selectElement.addEventListener("e-select-toggle",p(this,k))}disconnectedCallback(){this.selectElement.removeEventListener("change",p(this,g)),this.selectElement.removeEventListener("e-select-toggle",p(this,k))}};b=new WeakMap;g=new WeakMap;k=new WeakMap;exports.SelectHeadElement=le([E.define("e-select-head")],exports.SelectHeadElement);exports.SelectUserElement=I;exports.arrowIcon=Y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var y=(
|
|
1
|
+
"use strict";var y=(s,t,r)=>{if(!t.has(s))throw TypeError("Cannot "+r)};var n=(s,t,r)=>(y(s,t,"read from private field"),r?r.call(s):t.get(s)),b=(s,t,r)=>{if(t.has(s))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(s):t.set(s,r)},f=(s,t,r,e)=>(y(s,t,"write to private field"),e?e.call(s,r):t.set(s,r),r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../browser-CpzFX2xg.cjs"),d=require("../dom-qY2LdCVL.cjs");var i,u,l;class m{constructor(){b(this,i,[]);b(this,u,null);b(this,l,t=>{n(this,i).map(e=>({subscriber:e,entry:t.find(o=>o.target===e.element)})).forEach(e=>{e.entry&&(e.subscriber.entry=e.entry,e.subscriber.callback(e.entry))})});g.isBrowser&&f(this,u,new IntersectionObserver(n(this,l)))}subscribe(t,r){const e=d.getElement(t);if(!e)return;const o=n(this,i).find(c=>c.element===e);if(!o)n(this,u).observe(e);else{const c=n(this,i).find(h=>h.element===e&&h.entry);c!=null&&c.entry.isIntersecting&&r(c.entry)}return n(this,i).push({element:e,callback:r,entry:(o==null?void 0:o.entry)||null}),()=>{this.unsubscribe(r)}}unsubscribe(t){const r=n(this,i).find(e=>e.callback===t);r&&(f(this,i,n(this,i).filter(e=>e.callback===t)),n(this,i).find(e=>e.element===r.element)||n(this,u).unobserve(r.element))}}i=new WeakMap,u=new WeakMap,l=new WeakMap;const v=new m;exports.Intersector=m;exports.intersector=v;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { ElementOrSelector } from '../utils';
|
|
1
2
|
export type IntersectorCallback = (entry: IntersectionObserverEntry) => void;
|
|
2
3
|
export declare class Intersector {
|
|
3
4
|
#private;
|
|
4
5
|
constructor();
|
|
5
|
-
subscribe(elementOrSelector:
|
|
6
|
+
subscribe(elementOrSelector: ElementOrSelector, callback: IntersectorCallback): (() => void) | undefined;
|
|
6
7
|
unsubscribe(callback: IntersectorCallback): void;
|
|
7
8
|
}
|
|
8
9
|
export declare const intersector: Intersector;
|
package/lib/intersector/index.js
CHANGED
|
@@ -1,40 +1,47 @@
|
|
|
1
|
-
var
|
|
1
|
+
var m = (n, t, s) => {
|
|
2
2
|
if (!t.has(n))
|
|
3
3
|
throw TypeError("Cannot " + s);
|
|
4
4
|
};
|
|
5
|
-
var
|
|
5
|
+
var r = (n, t, s) => (m(n, t, "read from private field"), s ? s.call(n) : t.get(n)), u = (n, t, s) => {
|
|
6
6
|
if (t.has(n))
|
|
7
7
|
throw TypeError("Cannot add the same private member more than once");
|
|
8
8
|
t instanceof WeakSet ? t.add(n) : t.set(n, s);
|
|
9
|
-
}, h = (n, t, s, e) => (
|
|
10
|
-
import { i as
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
}, h = (n, t, s, e) => (m(n, t, "write to private field"), e ? e.call(n, s) : t.set(n, s), s);
|
|
10
|
+
import { i as y } from "../browser-0zX67oeU.js";
|
|
11
|
+
import { g as p } from "../dom-BY7JhTx5.js";
|
|
12
|
+
var i, f, b;
|
|
13
|
+
class g {
|
|
13
14
|
constructor() {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
u(this, i, []);
|
|
16
|
+
u(this, f, null);
|
|
17
|
+
u(this, b, (t) => {
|
|
18
|
+
r(this, i).map((e) => ({
|
|
18
19
|
subscriber: e,
|
|
19
20
|
entry: t.find((o) => o.target === e.element)
|
|
20
21
|
})).forEach((e) => {
|
|
21
22
|
e.entry && (e.subscriber.entry = e.entry, e.subscriber.callback(e.entry));
|
|
22
23
|
});
|
|
23
24
|
});
|
|
24
|
-
|
|
25
|
+
y && h(this, f, new IntersectionObserver(
|
|
26
|
+
r(this, b)
|
|
27
|
+
));
|
|
25
28
|
}
|
|
26
29
|
subscribe(t, s) {
|
|
27
|
-
const e =
|
|
30
|
+
const e = p(t);
|
|
28
31
|
if (!e)
|
|
29
32
|
return;
|
|
30
|
-
const o =
|
|
33
|
+
const o = r(this, i).find(
|
|
34
|
+
(c) => c.element === e
|
|
35
|
+
);
|
|
31
36
|
if (!o)
|
|
32
|
-
|
|
37
|
+
r(this, f).observe(e);
|
|
33
38
|
else {
|
|
34
|
-
const c =
|
|
39
|
+
const c = r(this, i).find(
|
|
40
|
+
(l) => l.element === e && l.entry
|
|
41
|
+
);
|
|
35
42
|
c != null && c.entry.isIntersecting && s(c.entry);
|
|
36
43
|
}
|
|
37
|
-
return
|
|
44
|
+
return r(this, i).push({
|
|
38
45
|
element: e,
|
|
39
46
|
callback: s,
|
|
40
47
|
entry: (o == null ? void 0 : o.entry) || null
|
|
@@ -43,13 +50,17 @@ class p {
|
|
|
43
50
|
};
|
|
44
51
|
}
|
|
45
52
|
unsubscribe(t) {
|
|
46
|
-
const s =
|
|
47
|
-
|
|
53
|
+
const s = r(this, i).find(
|
|
54
|
+
(e) => e.callback === t
|
|
55
|
+
);
|
|
56
|
+
s && (h(this, i, r(this, i).filter(
|
|
57
|
+
(e) => e.callback === t
|
|
58
|
+
)), r(this, i).find((e) => e.element === s.element) || r(this, f).unobserve(s.element));
|
|
48
59
|
}
|
|
49
60
|
}
|
|
50
|
-
|
|
51
|
-
const
|
|
61
|
+
i = new WeakMap(), f = new WeakMap(), b = new WeakMap();
|
|
62
|
+
const I = new g();
|
|
52
63
|
export {
|
|
53
|
-
|
|
54
|
-
|
|
64
|
+
g as Intersector,
|
|
65
|
+
I as intersector
|
|
55
66
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ElementConstructor } from '../element-constructor';
|
|
2
|
+
import { Store } from '../store';
|
|
3
|
+
export type ComponentElementCreateCallback = (element: ComponentElement) => void;
|
|
4
|
+
export type ComponentElementConnectCallback = (element: ComponentElement) => (() => void) | void;
|
|
5
|
+
export type ComponentElementDisconnectCallback = (element: ComponentElement) => void;
|
|
6
|
+
export type ComponentElementConstructorCallback = (eleemnt: ComponentElement) => ElementConstructor;
|
|
7
|
+
export declare let currentComponentElement: ComponentElement;
|
|
8
|
+
export declare class ComponentElement extends HTMLElement {
|
|
9
|
+
#private;
|
|
10
|
+
createCallbacks: Set<ComponentElementCreateCallback>;
|
|
11
|
+
connectCallbacks: Set<ComponentElementConnectCallback>;
|
|
12
|
+
disconnectCallbacks: Set<ComponentElementDisconnectCallback>;
|
|
13
|
+
stores: Set<Store<any, any, any>>;
|
|
14
|
+
constructor(callback: ComponentElementConstructorCallback);
|
|
15
|
+
protected connectedCallback(): void;
|
|
16
|
+
protected disconnectedCallback(): void;
|
|
17
|
+
}
|
package/lib/jsx/h.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ElementConstructor } from '../element-constructor';
|
|
2
|
+
export declare function h(tag: string | JSX.Component, attrs: JSX.HTMLAttributes | JSX.UnknownAttributes | null, ...children: Array<JSX.ComponentChild | ElementConstructor>): JSX.Element | ElementConstructor;
|
|
3
|
+
export declare function Fragment({ children, }: {
|
|
4
|
+
children: Array<JSX.ComponentChild | ElementConstructor>;
|
|
5
|
+
}): ElementConstructor<"symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "e-accordion" | "e-canvas" | "e-image" | "e-popover" | "e-popover-button" | "e-modal" | "e-scroll" | "e-scrollbar" | "e-select" | "e-select-option" | "e-select-head" | "e-tweaker-boolean-manager" | "e-tweaker-color-manager" | "e-tweaker-link-manager" | "e-tweaker-string-manager" | "e-tweaker-number-manager" | "e-tweaker-range-manager" | "e-tweaker-select-manager" | "e-tweaker-field" | "e-tweaker-folder" | "e-tweaker" | "e-studio" | "e-video" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "svg" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">;
|
|
6
|
+
export declare namespace Fragment {
|
|
7
|
+
var isFragment: boolean;
|
|
8
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { WindowResizerCallback } from '../window-resizer';
|
|
2
|
+
import { ComponentElementConnectCallback, ComponentElementCreateCallback } from './ComponentElement';
|
|
3
|
+
import { ElementResizerCallback } from '../element-resizer';
|
|
4
|
+
import { ElementConstructorJSS, ElementConstructorRef } from '../element-constructor';
|
|
5
|
+
import { ElementOrSelector } from '../utils';
|
|
6
|
+
import { IntersectorCallback } from '../intersector';
|
|
7
|
+
import { TickerAddOptions, TickerCallback } from '../ticker';
|
|
8
|
+
import { Composed, Derived, DerivedArray, Resource, Store, StoreEntry, StoreManagerType } from '../store';
|
|
9
|
+
type HookElementTarget = ElementOrSelector | ElementConstructorRef<any>;
|
|
10
|
+
export declare function useCreate(callback: ComponentElementCreateCallback): void;
|
|
11
|
+
export declare function useConnect(callback: ComponentElementConnectCallback): void;
|
|
12
|
+
export declare function useDisconnect(callback: ComponentElementConnectCallback): void;
|
|
13
|
+
export declare function useWindowResize(callback: WindowResizerCallback, order?: number | undefined): void;
|
|
14
|
+
export declare function useElementResize(callback: ElementResizerCallback, element?: HookElementTarget): void;
|
|
15
|
+
export declare function useIntersection(callback: IntersectorCallback, element?: HookElementTarget): void;
|
|
16
|
+
export declare function useAnimationFrame(callback: TickerCallback, options?: Omit<TickerAddOptions, 'culling'> & {
|
|
17
|
+
culling?: HookElementTarget | boolean;
|
|
18
|
+
}): void;
|
|
19
|
+
export declare function useStyle(object?: ElementConstructorJSS | undefined): void;
|
|
20
|
+
export declare function useStore<StoreType = unknown, StoreManager extends StoreManagerType = StoreManagerType, Entry extends StoreEntry<StoreType> = StoreEntry<StoreType>>(...parameters: ConstructorParameters<typeof Store<StoreType, StoreManager, Entry>>): Store<StoreType, StoreManager, Entry>;
|
|
21
|
+
export declare function useDerived<DerivedType, StoreType>(...parameters: ConstructorParameters<typeof Derived<DerivedType, StoreType>>): Derived<DerivedType, StoreType>;
|
|
22
|
+
export declare function useDerivedArray<DerivedType, StoreType extends Array<any> = Array<any>>(...parameters: ConstructorParameters<typeof DerivedArray<DerivedType, StoreType>>): DerivedArray<DerivedType, StoreType>;
|
|
23
|
+
export declare function useResource<StoreType>(...parameters: ConstructorParameters<typeof Resource<StoreType>>): Resource<StoreType>;
|
|
24
|
+
export declare function useComposed<StoreType>(...parameters: ConstructorParameters<typeof Composed<StoreType>>): Composed<StoreType>;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var j=Object.defineProperty,F=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var E=Object.getOwnPropertySymbols;var g=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var f=(e,n,t)=>n in e?j(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,d=(e,n)=>{for(var t in n||(n={}))g.call(n,t)&&f(e,t,n[t]);if(E)for(var t of E(n))x.call(n,t)&&f(e,t,n[t]);return e},C=(e,n)=>F(e,O(n));var i=(e,n,t)=>(f(e,typeof n!="symbol"?n+"":n,t),t),k=(e,n,t)=>{if(!n.has(e))throw TypeError("Cannot "+t)};var p=(e,n,t)=>(k(e,n,"read from private field"),t?t.call(e):n.get(e)),q=(e,n,t)=>{if(n.has(e))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(e):n.set(e,t)},y=(e,n,t,s)=>(k(e,n,"write to private field"),s?s.call(e,t):n.set(e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../ElementConstructor-9f-12v7T.cjs"),D=require("../dom-qY2LdCVL.cjs");require("../window-resizer/index.cjs");require("../element-resizer/index.cjs");require("../Store-D0_rDIsE.cjs");require("../intersector/index.cjs");require("../ticker/index.cjs");const S=require("../browser-CpzFX2xg.cjs");let h=null;var u;class L extends HTMLElement{constructor(t){super();i(this,"createCallbacks",new Set);i(this,"connectCallbacks",new Set);i(this,"disconnectCallbacks",new Set);i(this,"stores",new Set);q(this,u,void 0);h=this,y(this,u,t(this)),this.createCallbacks.forEach(s=>{s(this)})}connectedCallback(){this.connectCallbacks.forEach(t=>{t(this)&&this.disconnectCallbacks.add(t)})}disconnectedCallback(){this.disconnectCallbacks.forEach(t=>{t(this)}),p(this,u).destroy(),this.disconnectCallbacks.clear(),this.connectCallbacks.clear(),this.stores.forEach(t=>t.close()),this.stores.clear()}}u=new WeakMap;let r;function v(e,n,...t){if(typeof e=="function"){if(e.isFragment)return e(C(d({},n),{children:t}));const o=`component-${e.name.toLowerCase()}`;let c=customElements.get(o);return c||(c=class extends L{constructor(l){super(l)}},customElements.define(o,c)),new c(l=>{const w=e(C(d({},n),{children:t}));let m=null;return!r&&w?m=new a.ElementConstructor(l,{children:w}):r&&(r.shadow&&l.attachShadow({mode:"open"}),m=new a.ElementConstructor(l,r)),r=void 0,m})}const s={shadowChildren:t};if(n)for(const o of Object.keys(n)){const c=n[o];o.startsWith("on")?(s.events||(s.events={}),s.events[o.split("on")[1].toLowerCase()]=c):o==="class"?s.class=c:o==="style"?s.style=c:o==="ref"?s.ref=c:o==="shadow"?s.shadow=!0:(s.attributes||(s.attributes={}),s.attributes[o]=c)}return e==="component"?(r=s,b({children:t})):new a.ElementConstructor({[e]:s})}function b({children:e}){return new a.ElementConstructor(document.createDocumentFragment(),{children:e})}b.isFragment=!0;function B(e,n){const t=D.getElement(e),s=v(n,null);t&&s instanceof Node&&t.appendChild(s)}function M(e){S.isBrowser&&h.connectCallbacks.add(e)}function N(e){S.isBrowser&&h.disconnectCallbacks.add(e)}exports.Fragment=b;exports.h=v;exports.render=B;exports.useConnect=M;exports.useDisconnect=N;
|