sibujs 1.0.0-beta.1
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/LICENSE +21 -0
- package/README.md +1630 -0
- package/dist/browser.cjs +815 -0
- package/dist/browser.d.cts +174 -0
- package/dist/browser.d.ts +174 -0
- package/dist/browser.js +458 -0
- package/dist/build.cjs +4970 -0
- package/dist/build.d.cts +630 -0
- package/dist/build.d.ts +630 -0
- package/dist/build.js +2478 -0
- package/dist/cdn.global.js +115 -0
- package/dist/chunk-27QC4FPL.js +67 -0
- package/dist/chunk-2ABBWCGC.js +65 -0
- package/dist/chunk-2MUNQYZ7.js +26 -0
- package/dist/chunk-2PSPKNUI.js +1711 -0
- package/dist/chunk-35CDLDX5.js +1758 -0
- package/dist/chunk-36MU4CFV.js +41 -0
- package/dist/chunk-3FIQOFI6.js +182 -0
- package/dist/chunk-3GHNC2BN.js +28 -0
- package/dist/chunk-3HLWWEPU.js +909 -0
- package/dist/chunk-3IVI3J54.js +252 -0
- package/dist/chunk-3KZ72WNW.js +944 -0
- package/dist/chunk-4AU64SQV.js +182 -0
- package/dist/chunk-4MOK7HAR.js +84 -0
- package/dist/chunk-4QK6FBDH.js +1429 -0
- package/dist/chunk-566Z7HXB.js +737 -0
- package/dist/chunk-5CRBB7XP.js +358 -0
- package/dist/chunk-5G67D3IZ.js +168 -0
- package/dist/chunk-5NCPAWBE.js +99 -0
- package/dist/chunk-5O2RKXR3.js +1444 -0
- package/dist/chunk-6BTBDO6A.js +633 -0
- package/dist/chunk-6IWEHW57.js +43 -0
- package/dist/chunk-6JGMNCD6.js +282 -0
- package/dist/chunk-6QRLJNXR.js +1425 -0
- package/dist/chunk-7HM5UE5T.js +270 -0
- package/dist/chunk-7JOLTGUH.js +58 -0
- package/dist/chunk-7MCWJCQK.js +909 -0
- package/dist/chunk-7RIIFP3E.js +1758 -0
- package/dist/chunk-7UASYN3G.js +254 -0
- package/dist/chunk-7W2WYHDI.js +741 -0
- package/dist/chunk-7Y35RDSJ.js +872 -0
- package/dist/chunk-A65GFJBL.js +65 -0
- package/dist/chunk-AD6ZIEDK.js +67 -0
- package/dist/chunk-AK5Y72F3.js +1426 -0
- package/dist/chunk-APOMMWH4.js +282 -0
- package/dist/chunk-ARZVTWIQ.js +1750 -0
- package/dist/chunk-AWWBM2BI.js +664 -0
- package/dist/chunk-AX5VEQTY.js +58 -0
- package/dist/chunk-AYTXVOW3.js +1708 -0
- package/dist/chunk-BG4A246G.js +1746 -0
- package/dist/chunk-BNFJJA2L.js +1425 -0
- package/dist/chunk-BPKPBVU5.js +59 -0
- package/dist/chunk-BPKPPSXC.js +282 -0
- package/dist/chunk-BPWKKK7F.js +1711 -0
- package/dist/chunk-CCKX6YTC.js +1735 -0
- package/dist/chunk-CIF5Z3MP.js +58 -0
- package/dist/chunk-CSXYU7IO.js +457 -0
- package/dist/chunk-D6JD4FDC.js +26 -0
- package/dist/chunk-E7NGA7X2.js +59 -0
- package/dist/chunk-EEPPJKAE.js +443 -0
- package/dist/chunk-EJMYGAGQ.js +717 -0
- package/dist/chunk-EL6Z5MDY.js +55 -0
- package/dist/chunk-EP7VRLEB.js +41 -0
- package/dist/chunk-ETMEC6FH.js +99 -0
- package/dist/chunk-EZ2WHYVL.js +65 -0
- package/dist/chunk-EZRVMSZK.js +67 -0
- package/dist/chunk-F2TRGINX.js +254 -0
- package/dist/chunk-F5JCIH3Q.js +642 -0
- package/dist/chunk-FGK3JKMN.js +909 -0
- package/dist/chunk-FQWPKSTD.js +1437 -0
- package/dist/chunk-FWHVLMCI.js +26 -0
- package/dist/chunk-GBEYQRO2.js +303 -0
- package/dist/chunk-GBLES3NK.js +248 -0
- package/dist/chunk-GQVGUQW6.js +1436 -0
- package/dist/chunk-HCV2T76T.js +457 -0
- package/dist/chunk-HS7ZKVPR.js +182 -0
- package/dist/chunk-HXDVV7HZ.js +909 -0
- package/dist/chunk-IB23VMO3.js +1746 -0
- package/dist/chunk-IEMZ7RTT.js +99 -0
- package/dist/chunk-IPGRSN42.js +1750 -0
- package/dist/chunk-IVMOK2QN.js +1750 -0
- package/dist/chunk-JCLGQO7T.js +443 -0
- package/dist/chunk-JDXL7KDB.js +1436 -0
- package/dist/chunk-JIIFW636.js +270 -0
- package/dist/chunk-JWGEEH7H.js +944 -0
- package/dist/chunk-K2BESAG7.js +1688 -0
- package/dist/chunk-K2U5YGF4.js +877 -0
- package/dist/chunk-K45FQ4Y4.js +175 -0
- package/dist/chunk-K7BPE427.js +1432 -0
- package/dist/chunk-KL3266RS.js +26 -0
- package/dist/chunk-KNN4P7DZ.js +84 -0
- package/dist/chunk-KP2DZH5Q.js +254 -0
- package/dist/chunk-KZHAJSQR.js +1636 -0
- package/dist/chunk-LBKGHMQV.js +1750 -0
- package/dist/chunk-LBTEPL7A.js +1731 -0
- package/dist/chunk-LEBBPTDB.js +1444 -0
- package/dist/chunk-LLH63WVQ.js +98 -0
- package/dist/chunk-LWVR2C4G.js +1711 -0
- package/dist/chunk-M3MDTVV2.js +896 -0
- package/dist/chunk-M5GNLDEO.js +303 -0
- package/dist/chunk-MFHVGKET.js +267 -0
- package/dist/chunk-MGWSG3PM.js +358 -0
- package/dist/chunk-MJNB47HB.js +19 -0
- package/dist/chunk-MLKGABMK.js +9 -0
- package/dist/chunk-MQWTY3JY.js +944 -0
- package/dist/chunk-MZZOQHNI.js +642 -0
- package/dist/chunk-NIHWGZS4.js +1426 -0
- package/dist/chunk-NSVVHQK5.js +41 -0
- package/dist/chunk-NVI2WE7D.js +443 -0
- package/dist/chunk-O7QBO3PH.js +58 -0
- package/dist/chunk-OAUPQBO2.js +270 -0
- package/dist/chunk-OB2LMD7C.js +297 -0
- package/dist/chunk-OHEYBWQU.js +58 -0
- package/dist/chunk-OI6OXUHJ.js +443 -0
- package/dist/chunk-OX2VMRMV.js +633 -0
- package/dist/chunk-P4FYE5TX.js +866 -0
- package/dist/chunk-P5KFWM4H.js +98 -0
- package/dist/chunk-PUMLE7RJ.js +1711 -0
- package/dist/chunk-Q4MFANBF.js +282 -0
- package/dist/chunk-QLEKZMMU.js +282 -0
- package/dist/chunk-RGGNGVO3.js +98 -0
- package/dist/chunk-RKJDRVV6.js +443 -0
- package/dist/chunk-S5BHU353.js +43 -0
- package/dist/chunk-SHQUSFH7.js +1426 -0
- package/dist/chunk-SMB4DBMD.js +182 -0
- package/dist/chunk-SNYHQP3D.js +743 -0
- package/dist/chunk-T24L3TBF.js +1717 -0
- package/dist/chunk-TAQNSOKT.js +692 -0
- package/dist/chunk-TDNY4SUA.js +41 -0
- package/dist/chunk-TNNF56IQ.js +1750 -0
- package/dist/chunk-TR7E6LYX.js +457 -0
- package/dist/chunk-URWUFH45.js +98 -0
- package/dist/chunk-UUSIH3XH.js +1429 -0
- package/dist/chunk-UYFNXLKR.js +1436 -0
- package/dist/chunk-V6F7KUWD.js +270 -0
- package/dist/chunk-VCZLXRMR.js +254 -0
- package/dist/chunk-VDHXSSBT.js +1426 -0
- package/dist/chunk-VM4QMKVK.js +254 -0
- package/dist/chunk-VWGYKYL2.js +737 -0
- package/dist/chunk-VX2OFBJN.js +1426 -0
- package/dist/chunk-VXVIE6DG.js +84 -0
- package/dist/chunk-W4OH7HG4.js +40 -0
- package/dist/chunk-WBVJX4GZ.js +98 -0
- package/dist/chunk-WDU2ZV4I.js +1426 -0
- package/dist/chunk-X6VUCICU.js +457 -0
- package/dist/chunk-XAY7FM7Y.js +618 -0
- package/dist/chunk-XJZ5Z2CM.js +642 -0
- package/dist/chunk-XKVFQTJJ.js +254 -0
- package/dist/chunk-XRLFASCY.js +22 -0
- package/dist/chunk-XYU6TZOW.js +182 -0
- package/dist/chunk-Y745CBVB.js +944 -0
- package/dist/chunk-YLBJSXYY.js +944 -0
- package/dist/chunk-YQJIKVPZ.js +1429 -0
- package/dist/chunk-YRM2VCZF.js +457 -0
- package/dist/chunk-YS33KBVJ.js +944 -0
- package/dist/chunk-Z27DZPDG.js +41 -0
- package/dist/chunk-ZXQ5NAEN.js +32 -0
- package/dist/contracts-B552GopR.d.cts +245 -0
- package/dist/contracts-B552GopR.d.ts +245 -0
- package/dist/contracts-Bg1ECISC.d.cts +245 -0
- package/dist/contracts-Bg1ECISC.d.ts +245 -0
- package/dist/contracts-CMriKJ6P.d.cts +245 -0
- package/dist/contracts-CMriKJ6P.d.ts +245 -0
- package/dist/contracts-DOrhwbke.d.cts +245 -0
- package/dist/contracts-DOrhwbke.d.ts +245 -0
- package/dist/data.cjs +1373 -0
- package/dist/data.d.cts +434 -0
- package/dist/data.d.ts +434 -0
- package/dist/data.js +945 -0
- package/dist/devtools.cjs +1357 -0
- package/dist/devtools.d.cts +473 -0
- package/dist/devtools.d.ts +473 -0
- package/dist/devtools.js +1084 -0
- package/dist/ecosystem.cjs +1046 -0
- package/dist/ecosystem.d.cts +247 -0
- package/dist/ecosystem.d.ts +247 -0
- package/dist/ecosystem.js +369 -0
- package/dist/extras.cjs +8457 -0
- package/dist/extras.d.cts +2356 -0
- package/dist/extras.d.ts +2356 -0
- package/dist/extras.js +5152 -0
- package/dist/index.cjs +2648 -0
- package/dist/index.d.cts +869 -0
- package/dist/index.d.ts +869 -0
- package/dist/index.js +386 -0
- package/dist/motion.cjs +604 -0
- package/dist/motion.d.cts +146 -0
- package/dist/motion.d.ts +146 -0
- package/dist/motion.js +346 -0
- package/dist/patterns.cjs +815 -0
- package/dist/patterns.d.cts +163 -0
- package/dist/patterns.d.ts +163 -0
- package/dist/patterns.js +296 -0
- package/dist/performance.cjs +927 -0
- package/dist/performance.d.cts +416 -0
- package/dist/performance.d.ts +416 -0
- package/dist/performance.js +654 -0
- package/dist/plugins.cjs +2487 -0
- package/dist/plugins.d.cts +393 -0
- package/dist/plugins.d.ts +393 -0
- package/dist/plugins.js +1504 -0
- package/dist/signal-BnWpq6WB.d.cts +5 -0
- package/dist/signal-BnWpq6WB.d.ts +5 -0
- package/dist/src/components/ErrorBoundary.d.ts +15 -0
- package/dist/src/components/ErrorBoundary.js +119 -0
- package/dist/src/core/catch.d.ts +11 -0
- package/dist/src/core/catch.js +28 -0
- package/dist/src/core/each.d.ts +13 -0
- package/dist/src/core/each.js +68 -0
- package/dist/src/core/for.d.ts +12 -0
- package/dist/src/core/for.js +67 -0
- package/dist/src/core/html.d.ts +137 -0
- package/dist/src/core/html.js +155 -0
- package/dist/src/core/htmlIf.d.ts +11 -0
- package/dist/src/core/htmlIf.js +18 -0
- package/dist/src/core/lazy.d.ts +7 -0
- package/dist/src/core/lazy.js +16 -0
- package/dist/src/core/mount.d.ts +7 -0
- package/dist/src/core/mount.js +12 -0
- package/dist/src/core/slots.d.ts +3 -0
- package/dist/src/core/slots.js +3 -0
- package/dist/src/core/suspense.d.ts +10 -0
- package/dist/src/core/suspense.js +33 -0
- package/dist/src/core/tagFactory.d.ts +13 -0
- package/dist/src/core/tagFactory.js +86 -0
- package/dist/src/core/test.d.ts +11 -0
- package/dist/src/core/test.js +28 -0
- package/dist/src/core/types.d.ts +2 -0
- package/dist/src/core/types.js +1 -0
- package/dist/src/core/useComputed.d.ts +6 -0
- package/dist/src/core/useComputed.js +30 -0
- package/dist/src/core/useEffect.d.ts +6 -0
- package/dist/src/core/useEffect.js +23 -0
- package/dist/src/core/useState.d.ts +10 -0
- package/dist/src/core/useState.js +34 -0
- package/dist/src/core/useStore.d.ts +19 -0
- package/dist/src/core/useStore.js +53 -0
- package/dist/src/core/useWatch.d.ts +8 -0
- package/dist/src/core/useWatch.js +23 -0
- package/dist/src/plugins/i18n.d.ts +6 -0
- package/dist/src/plugins/i18n.js +16 -0
- package/dist/src/plugins/router.d.ts +188 -0
- package/dist/src/plugins/router.js +1178 -0
- package/dist/src/reactivity/bindAttribute.d.ts +5 -0
- package/dist/src/reactivity/bindAttribute.js +31 -0
- package/dist/src/reactivity/bindChildNode.d.ts +10 -0
- package/dist/src/reactivity/bindChildNode.js +46 -0
- package/dist/src/reactivity/bindTextNode.d.ts +10 -0
- package/dist/src/reactivity/bindTextNode.js +27 -0
- package/dist/src/reactivity/signal.d.ts +3 -0
- package/dist/src/reactivity/signal.js +1 -0
- package/dist/src/reactivity/track.d.ts +18 -0
- package/dist/src/reactivity/track.js +73 -0
- package/dist/src/reactivity/useComputed.d.ts +6 -0
- package/dist/src/reactivity/useComputed.js +30 -0
- package/dist/src/reactivity/useEffect.d.ts +6 -0
- package/dist/src/reactivity/useEffect.js +23 -0
- package/dist/src/reactivity/useState.d.ts +10 -0
- package/dist/src/reactivity/useState.js +34 -0
- package/dist/src/reactivity/useStore.d.ts +19 -0
- package/dist/src/reactivity/useStore.js +53 -0
- package/dist/src/reactivity/useWatch.d.ts +8 -0
- package/dist/src/reactivity/useWatch.js +23 -0
- package/dist/src/utils/sanitize.d.ts +1 -0
- package/dist/src/utils/sanitize.js +8 -0
- package/dist/ssr-27FOM46T.js +35 -0
- package/dist/ssr-GFUTTSJD.js +22 -0
- package/dist/ssr-K7DCR6BZ.js +35 -0
- package/dist/ssr-O6LFMRFP.js +35 -0
- package/dist/ssr-QZEVGMMK.js +35 -0
- package/dist/ssr-SGVBCAGC.js +35 -0
- package/dist/ssr-UB2IXCYX.js +35 -0
- package/dist/ssr-XBZQNV4O.js +22 -0
- package/dist/ssr-Y76FSXDU.js +35 -0
- package/dist/ssr-YQJ4AYBD.js +35 -0
- package/dist/ssr.cjs +1757 -0
- package/dist/ssr.d.cts +478 -0
- package/dist/ssr.d.ts +478 -0
- package/dist/ssr.js +743 -0
- package/dist/tagFactory-CZPO4RXF.d.cts +34 -0
- package/dist/tagFactory-CZPO4RXF.d.ts +34 -0
- package/dist/tagFactory-CgImPVMY.d.cts +22 -0
- package/dist/tagFactory-CgImPVMY.d.ts +22 -0
- package/dist/tagFactory-Cw1iv5if.d.cts +22 -0
- package/dist/tagFactory-Cw1iv5if.d.ts +22 -0
- package/dist/tagFactory-DeAXq9ef.d.cts +30 -0
- package/dist/tagFactory-DeAXq9ef.d.ts +30 -0
- package/dist/tagFactory-SkY0a7L1.d.cts +22 -0
- package/dist/tagFactory-SkY0a7L1.d.ts +22 -0
- package/dist/testing.cjs +1919 -0
- package/dist/testing.d.cts +491 -0
- package/dist/testing.d.ts +491 -0
- package/dist/testing.js +1862 -0
- package/dist/ui.cjs +1497 -0
- package/dist/ui.d.cts +264 -0
- package/dist/ui.d.ts +264 -0
- package/dist/ui.js +900 -0
- package/dist/widgets.cjs +919 -0
- package/dist/widgets.d.cts +165 -0
- package/dist/widgets.d.ts +165 -0
- package/dist/widgets.js +545 -0
- package/package.json +134 -0
package/dist/widgets.cjs
ADDED
|
@@ -0,0 +1,919 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// widgets.ts
|
|
21
|
+
var widgets_exports = {};
|
|
22
|
+
__export(widgets_exports, {
|
|
23
|
+
accordion: () => accordion,
|
|
24
|
+
combobox: () => combobox,
|
|
25
|
+
contentEditable: () => contentEditable,
|
|
26
|
+
datePicker: () => datePicker,
|
|
27
|
+
fileUpload: () => fileUpload,
|
|
28
|
+
popover: () => popover,
|
|
29
|
+
select: () => select,
|
|
30
|
+
tabs: () => tabs,
|
|
31
|
+
tooltip: () => tooltip
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(widgets_exports);
|
|
34
|
+
|
|
35
|
+
// src/reactivity/track.ts
|
|
36
|
+
var subscriberStack = [];
|
|
37
|
+
var currentSubscriber = null;
|
|
38
|
+
var signalSubscribers = /* @__PURE__ */ new WeakMap();
|
|
39
|
+
var SUBS = "__s";
|
|
40
|
+
var notifyDepth = 0;
|
|
41
|
+
var pendingQueue = [];
|
|
42
|
+
var pendingSet = /* @__PURE__ */ new Set();
|
|
43
|
+
var suspendDepth = 0;
|
|
44
|
+
var trackingSuspended = false;
|
|
45
|
+
function track(effectFn, subscriber) {
|
|
46
|
+
if (!subscriber) subscriber = effectFn;
|
|
47
|
+
cleanup(subscriber);
|
|
48
|
+
subscriberStack.push(subscriber);
|
|
49
|
+
currentSubscriber = subscriber;
|
|
50
|
+
effectFn();
|
|
51
|
+
subscriberStack.pop();
|
|
52
|
+
currentSubscriber = subscriberStack[subscriberStack.length - 1] || null;
|
|
53
|
+
return () => cleanup(subscriber);
|
|
54
|
+
}
|
|
55
|
+
function suspendTracking() {
|
|
56
|
+
if (suspendDepth === 0) {
|
|
57
|
+
subscriberStack.push(null);
|
|
58
|
+
currentSubscriber = null;
|
|
59
|
+
trackingSuspended = true;
|
|
60
|
+
}
|
|
61
|
+
suspendDepth++;
|
|
62
|
+
}
|
|
63
|
+
function resumeTracking() {
|
|
64
|
+
suspendDepth--;
|
|
65
|
+
if (suspendDepth === 0) {
|
|
66
|
+
subscriberStack.pop();
|
|
67
|
+
currentSubscriber = subscriberStack[subscriberStack.length - 1] || null;
|
|
68
|
+
trackingSuspended = false;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
function recordDependency(signal2) {
|
|
72
|
+
if (!currentSubscriber) return;
|
|
73
|
+
let deps = currentSubscriber._deps;
|
|
74
|
+
if (!deps) {
|
|
75
|
+
deps = /* @__PURE__ */ new Set();
|
|
76
|
+
currentSubscriber._deps = deps;
|
|
77
|
+
}
|
|
78
|
+
if (!deps.has(signal2)) {
|
|
79
|
+
deps.add(signal2);
|
|
80
|
+
let subs = signal2[SUBS];
|
|
81
|
+
if (!subs) {
|
|
82
|
+
subs = /* @__PURE__ */ new Set();
|
|
83
|
+
signalSubscribers.set(signal2, subs);
|
|
84
|
+
signal2[SUBS] = subs;
|
|
85
|
+
}
|
|
86
|
+
subs.add(currentSubscriber);
|
|
87
|
+
if (subs.size === 1) {
|
|
88
|
+
signal2.__f = currentSubscriber;
|
|
89
|
+
} else if (signal2.__f !== void 0) {
|
|
90
|
+
signal2.__f = void 0;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
function queueSignalNotification(signal2) {
|
|
95
|
+
const subs = signal2[SUBS];
|
|
96
|
+
if (!subs) return;
|
|
97
|
+
for (const sub of subs) {
|
|
98
|
+
if (sub._c) {
|
|
99
|
+
propagateDirty(sub);
|
|
100
|
+
} else if (!pendingSet.has(sub)) {
|
|
101
|
+
pendingSet.add(sub);
|
|
102
|
+
pendingQueue.push(sub);
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
function drainNotificationQueue() {
|
|
107
|
+
if (notifyDepth > 0) return;
|
|
108
|
+
notifyDepth++;
|
|
109
|
+
try {
|
|
110
|
+
let i = 0;
|
|
111
|
+
while (i < pendingQueue.length) {
|
|
112
|
+
pendingQueue[i]();
|
|
113
|
+
i++;
|
|
114
|
+
}
|
|
115
|
+
} finally {
|
|
116
|
+
pendingQueue.length = 0;
|
|
117
|
+
pendingSet.clear();
|
|
118
|
+
notifyDepth--;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
function propagateDirty(sub) {
|
|
122
|
+
sub();
|
|
123
|
+
let sig = sub._sig;
|
|
124
|
+
let suspended = false;
|
|
125
|
+
if (sig && sig._g) {
|
|
126
|
+
const sDeps = sub._deps;
|
|
127
|
+
if (sDeps && sDeps.size === 1) {
|
|
128
|
+
suspendTracking();
|
|
129
|
+
suspended = true;
|
|
130
|
+
const s = sig;
|
|
131
|
+
s._d = false;
|
|
132
|
+
s._v = s._g();
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
while (sig) {
|
|
136
|
+
const first = sig.__f;
|
|
137
|
+
if (first) {
|
|
138
|
+
if (first._c) {
|
|
139
|
+
const nSig = first._sig;
|
|
140
|
+
nSig._d = true;
|
|
141
|
+
if (suspended && nSig._g) {
|
|
142
|
+
const fDeps = first._deps;
|
|
143
|
+
if (fDeps && fDeps.size === 1) {
|
|
144
|
+
nSig._d = false;
|
|
145
|
+
nSig._v = nSig._g();
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
sig = nSig;
|
|
149
|
+
continue;
|
|
150
|
+
}
|
|
151
|
+
if (!pendingSet.has(first)) {
|
|
152
|
+
pendingSet.add(first);
|
|
153
|
+
pendingQueue.push(first);
|
|
154
|
+
}
|
|
155
|
+
break;
|
|
156
|
+
}
|
|
157
|
+
const subs = sig[SUBS];
|
|
158
|
+
if (!subs) break;
|
|
159
|
+
let nextSig;
|
|
160
|
+
for (const s of subs) {
|
|
161
|
+
if (s._c) {
|
|
162
|
+
s();
|
|
163
|
+
const nSig = s._sig;
|
|
164
|
+
if (nSig && !nextSig) {
|
|
165
|
+
nextSig = nSig;
|
|
166
|
+
} else if (nSig) {
|
|
167
|
+
propagateDirty(s);
|
|
168
|
+
}
|
|
169
|
+
} else if (!pendingSet.has(s)) {
|
|
170
|
+
pendingSet.add(s);
|
|
171
|
+
pendingQueue.push(s);
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
sig = nextSig;
|
|
175
|
+
}
|
|
176
|
+
if (suspended) resumeTracking();
|
|
177
|
+
}
|
|
178
|
+
function notifySubscribers(signal2) {
|
|
179
|
+
const first = signal2.__f;
|
|
180
|
+
if (first) {
|
|
181
|
+
if (notifyDepth > 0) {
|
|
182
|
+
if (first._c) {
|
|
183
|
+
propagateDirty(first);
|
|
184
|
+
} else if (!pendingSet.has(first)) {
|
|
185
|
+
pendingSet.add(first);
|
|
186
|
+
pendingQueue.push(first);
|
|
187
|
+
}
|
|
188
|
+
return;
|
|
189
|
+
}
|
|
190
|
+
notifyDepth++;
|
|
191
|
+
try {
|
|
192
|
+
if (first._c) {
|
|
193
|
+
propagateDirty(first);
|
|
194
|
+
} else {
|
|
195
|
+
first();
|
|
196
|
+
}
|
|
197
|
+
let i = 0;
|
|
198
|
+
while (i < pendingQueue.length) {
|
|
199
|
+
pendingQueue[i]();
|
|
200
|
+
i++;
|
|
201
|
+
}
|
|
202
|
+
} finally {
|
|
203
|
+
pendingQueue.length = 0;
|
|
204
|
+
pendingSet.clear();
|
|
205
|
+
notifyDepth--;
|
|
206
|
+
}
|
|
207
|
+
return;
|
|
208
|
+
}
|
|
209
|
+
const subs = signal2[SUBS];
|
|
210
|
+
if (!subs || subs.size === 0) return;
|
|
211
|
+
if (notifyDepth > 0) {
|
|
212
|
+
for (const sub of subs) {
|
|
213
|
+
if (sub._c) {
|
|
214
|
+
propagateDirty(sub);
|
|
215
|
+
} else if (!pendingSet.has(sub)) {
|
|
216
|
+
pendingSet.add(sub);
|
|
217
|
+
pendingQueue.push(sub);
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
notifyDepth++;
|
|
223
|
+
try {
|
|
224
|
+
let directCount = 0;
|
|
225
|
+
for (const sub of subs) {
|
|
226
|
+
pendingQueue[directCount++] = sub;
|
|
227
|
+
}
|
|
228
|
+
for (let i2 = 0; i2 < directCount; i2++) {
|
|
229
|
+
if (pendingQueue[i2]._c) {
|
|
230
|
+
propagateDirty(pendingQueue[i2]);
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
for (let i2 = 0; i2 < directCount; i2++) {
|
|
234
|
+
if (!pendingQueue[i2]._c) {
|
|
235
|
+
if (!pendingSet.has(pendingQueue[i2])) {
|
|
236
|
+
pendingQueue[i2]();
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
}
|
|
240
|
+
let i = directCount;
|
|
241
|
+
while (i < pendingQueue.length) {
|
|
242
|
+
pendingQueue[i]();
|
|
243
|
+
i++;
|
|
244
|
+
}
|
|
245
|
+
} finally {
|
|
246
|
+
pendingQueue.length = 0;
|
|
247
|
+
pendingSet.clear();
|
|
248
|
+
notifyDepth--;
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
function cleanup(subscriber) {
|
|
252
|
+
const deps = subscriber._deps;
|
|
253
|
+
if (!deps || deps.size === 0) return;
|
|
254
|
+
for (const signal2 of deps) {
|
|
255
|
+
const subs = signal2[SUBS];
|
|
256
|
+
if (subs) {
|
|
257
|
+
subs.delete(subscriber);
|
|
258
|
+
if (signal2.__f === subscriber) {
|
|
259
|
+
signal2.__f = void 0;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
}
|
|
263
|
+
deps.clear();
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
// src/core/dev.ts
|
|
267
|
+
function isDev() {
|
|
268
|
+
return typeof globalThis.__SIBU_DEV__ !== "undefined" ? !!globalThis.__SIBU_DEV__ : typeof __SIBU_DEV__ !== "undefined" ? __SIBU_DEV__ : true;
|
|
269
|
+
}
|
|
270
|
+
function devAssert(condition, message) {
|
|
271
|
+
if (isDev() && !condition) {
|
|
272
|
+
throw new Error(`[Sibu] ${message}`);
|
|
273
|
+
}
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
// src/core/signals/derived.ts
|
|
277
|
+
function derived(getter, options) {
|
|
278
|
+
devAssert(typeof getter === "function", "derived: argument must be a getter function.");
|
|
279
|
+
const debugName = options?.name;
|
|
280
|
+
const cs = {};
|
|
281
|
+
cs._d = false;
|
|
282
|
+
cs._g = getter;
|
|
283
|
+
const markDirty = () => {
|
|
284
|
+
if (cs._d) return;
|
|
285
|
+
cs._d = true;
|
|
286
|
+
};
|
|
287
|
+
markDirty._c = 1;
|
|
288
|
+
markDirty._sig = cs;
|
|
289
|
+
track(() => {
|
|
290
|
+
cs._d = false;
|
|
291
|
+
cs._v = getter();
|
|
292
|
+
}, markDirty);
|
|
293
|
+
const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
|
|
294
|
+
function computedGetter() {
|
|
295
|
+
if (trackingSuspended) {
|
|
296
|
+
if (cs._d) {
|
|
297
|
+
cs._d = false;
|
|
298
|
+
cs._v = getter();
|
|
299
|
+
}
|
|
300
|
+
return cs._v;
|
|
301
|
+
}
|
|
302
|
+
recordDependency(cs);
|
|
303
|
+
if (cs._d) {
|
|
304
|
+
const oldValue = cs._v;
|
|
305
|
+
cs._d = false;
|
|
306
|
+
suspendTracking();
|
|
307
|
+
try {
|
|
308
|
+
cs._v = getter();
|
|
309
|
+
} finally {
|
|
310
|
+
resumeTracking();
|
|
311
|
+
}
|
|
312
|
+
if (hook && oldValue !== cs._v) {
|
|
313
|
+
hook.emit("computed:update", { signal: cs, oldValue, newValue: cs._v });
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
return cs._v;
|
|
317
|
+
}
|
|
318
|
+
if (debugName) {
|
|
319
|
+
computedGetter.__name = debugName;
|
|
320
|
+
cs.__name = debugName;
|
|
321
|
+
}
|
|
322
|
+
computedGetter.__signal = cs;
|
|
323
|
+
if (hook) hook.emit("computed:create", { signal: cs, name: debugName, getter: computedGetter });
|
|
324
|
+
return computedGetter;
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
// src/reactivity/batch.ts
|
|
328
|
+
var batchDepth = 0;
|
|
329
|
+
var pendingSignals = /* @__PURE__ */ new Set();
|
|
330
|
+
function batch(fn) {
|
|
331
|
+
batchDepth++;
|
|
332
|
+
try {
|
|
333
|
+
fn();
|
|
334
|
+
} finally {
|
|
335
|
+
batchDepth--;
|
|
336
|
+
if (batchDepth === 0) {
|
|
337
|
+
flushBatch();
|
|
338
|
+
}
|
|
339
|
+
}
|
|
340
|
+
}
|
|
341
|
+
function enqueueBatchedSignal(signal2) {
|
|
342
|
+
if (batchDepth === 0) return false;
|
|
343
|
+
pendingSignals.add(signal2);
|
|
344
|
+
return true;
|
|
345
|
+
}
|
|
346
|
+
function flushBatch() {
|
|
347
|
+
const signals = Array.from(pendingSignals);
|
|
348
|
+
pendingSignals.clear();
|
|
349
|
+
for (const signal2 of signals) {
|
|
350
|
+
queueSignalNotification(signal2);
|
|
351
|
+
}
|
|
352
|
+
drainNotificationQueue();
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
// src/core/signals/signal.ts
|
|
356
|
+
function signal(initial, options) {
|
|
357
|
+
const state = { value: initial };
|
|
358
|
+
const debugName = options?.name;
|
|
359
|
+
if (debugName) {
|
|
360
|
+
state.__name = debugName;
|
|
361
|
+
}
|
|
362
|
+
function get() {
|
|
363
|
+
recordDependency(state);
|
|
364
|
+
return state.value;
|
|
365
|
+
}
|
|
366
|
+
get.__signal = state;
|
|
367
|
+
if (debugName) get.__name = debugName;
|
|
368
|
+
function set(next) {
|
|
369
|
+
const newValue = typeof next === "function" ? next(state.value) : next;
|
|
370
|
+
if (Object.is(newValue, state.value)) return;
|
|
371
|
+
const oldValue = state.value;
|
|
372
|
+
state.value = newValue;
|
|
373
|
+
const hook2 = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
|
|
374
|
+
if (hook2) hook2.emit("signal:update", { signal: state, name: debugName, oldValue, newValue });
|
|
375
|
+
if (!enqueueBatchedSignal(state)) {
|
|
376
|
+
notifySubscribers(state);
|
|
377
|
+
}
|
|
378
|
+
}
|
|
379
|
+
const hook = globalThis.__SIBU_DEVTOOLS_GLOBAL_HOOK__;
|
|
380
|
+
if (hook) hook.emit("signal:create", { signal: state, name: debugName, getter: get, initial });
|
|
381
|
+
return [get, set];
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
// src/widgets/Combobox.ts
|
|
385
|
+
function combobox(options) {
|
|
386
|
+
const { items, filterFn, itemToString } = options;
|
|
387
|
+
const defaultFilterFn = (item, q) => {
|
|
388
|
+
const str = itemToString ? itemToString(item) : String(item);
|
|
389
|
+
return str.toLowerCase().includes(q.toLowerCase());
|
|
390
|
+
};
|
|
391
|
+
const filter = filterFn ?? defaultFilterFn;
|
|
392
|
+
const [query, setQuery] = signal("");
|
|
393
|
+
const [selectedItem, setSelectedItem] = signal(null);
|
|
394
|
+
const [highlightedIndex, setHighlightedIndex] = signal(-1);
|
|
395
|
+
const [isOpen, setIsOpen] = signal(false);
|
|
396
|
+
const filteredItems = derived(() => {
|
|
397
|
+
const q = query();
|
|
398
|
+
if (q === "") return items;
|
|
399
|
+
return items.filter((item) => filter(item, q));
|
|
400
|
+
});
|
|
401
|
+
function select2(item) {
|
|
402
|
+
batch(() => {
|
|
403
|
+
setSelectedItem(item);
|
|
404
|
+
const str = itemToString ? itemToString(item) : String(item);
|
|
405
|
+
setQuery(str);
|
|
406
|
+
setIsOpen(false);
|
|
407
|
+
});
|
|
408
|
+
}
|
|
409
|
+
function highlightNext() {
|
|
410
|
+
const filtered = filteredItems();
|
|
411
|
+
if (filtered.length === 0) return;
|
|
412
|
+
setHighlightedIndex((prev) => {
|
|
413
|
+
const next = prev + 1;
|
|
414
|
+
return next >= filtered.length ? 0 : next;
|
|
415
|
+
});
|
|
416
|
+
}
|
|
417
|
+
function highlightPrev() {
|
|
418
|
+
const filtered = filteredItems();
|
|
419
|
+
if (filtered.length === 0) return;
|
|
420
|
+
setHighlightedIndex((prev) => {
|
|
421
|
+
const next = prev - 1;
|
|
422
|
+
return next < 0 ? filtered.length - 1 : next;
|
|
423
|
+
});
|
|
424
|
+
}
|
|
425
|
+
function selectHighlighted() {
|
|
426
|
+
const filtered = filteredItems();
|
|
427
|
+
const idx = highlightedIndex();
|
|
428
|
+
if (idx >= 0 && idx < filtered.length) {
|
|
429
|
+
select2(filtered[idx]);
|
|
430
|
+
}
|
|
431
|
+
}
|
|
432
|
+
function open() {
|
|
433
|
+
setIsOpen(true);
|
|
434
|
+
}
|
|
435
|
+
function close() {
|
|
436
|
+
setIsOpen(false);
|
|
437
|
+
}
|
|
438
|
+
return {
|
|
439
|
+
query,
|
|
440
|
+
setQuery,
|
|
441
|
+
filteredItems,
|
|
442
|
+
selectedItem,
|
|
443
|
+
select: select2,
|
|
444
|
+
highlightedIndex,
|
|
445
|
+
highlightNext,
|
|
446
|
+
highlightPrev,
|
|
447
|
+
selectHighlighted,
|
|
448
|
+
isOpen,
|
|
449
|
+
open,
|
|
450
|
+
close
|
|
451
|
+
};
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
// src/widgets/Tabs.ts
|
|
455
|
+
function tabs(options) {
|
|
456
|
+
const { tabs: tabDefs, defaultTab } = options;
|
|
457
|
+
const initialTab = defaultTab ?? tabDefs.find((t) => !t.disabled)?.id ?? tabDefs[0]?.id ?? "";
|
|
458
|
+
const [activeTab, setActiveTabState] = signal(initialTab);
|
|
459
|
+
function setActiveTab(id) {
|
|
460
|
+
const tab = tabDefs.find((t) => t.id === id);
|
|
461
|
+
if (tab && !tab.disabled) {
|
|
462
|
+
setActiveTabState(id);
|
|
463
|
+
}
|
|
464
|
+
}
|
|
465
|
+
const tabs2 = derived(
|
|
466
|
+
() => tabDefs.map((t) => ({
|
|
467
|
+
...t,
|
|
468
|
+
isActive: t.id === activeTab()
|
|
469
|
+
}))
|
|
470
|
+
);
|
|
471
|
+
function findCurrentIndex() {
|
|
472
|
+
return tabDefs.findIndex((t) => t.id === activeTab());
|
|
473
|
+
}
|
|
474
|
+
function nextTab() {
|
|
475
|
+
const currentIdx = findCurrentIndex();
|
|
476
|
+
const len = tabDefs.length;
|
|
477
|
+
if (len === 0) return;
|
|
478
|
+
for (let i = 1; i <= len; i++) {
|
|
479
|
+
const candidate = tabDefs[(currentIdx + i) % len];
|
|
480
|
+
if (!candidate.disabled) {
|
|
481
|
+
setActiveTabState(candidate.id);
|
|
482
|
+
return;
|
|
483
|
+
}
|
|
484
|
+
}
|
|
485
|
+
}
|
|
486
|
+
function prevTab() {
|
|
487
|
+
const currentIdx = findCurrentIndex();
|
|
488
|
+
const len = tabDefs.length;
|
|
489
|
+
if (len === 0) return;
|
|
490
|
+
for (let i = 1; i <= len; i++) {
|
|
491
|
+
const candidate = tabDefs[(currentIdx - i + len) % len];
|
|
492
|
+
if (!candidate.disabled) {
|
|
493
|
+
setActiveTabState(candidate.id);
|
|
494
|
+
return;
|
|
495
|
+
}
|
|
496
|
+
}
|
|
497
|
+
}
|
|
498
|
+
return {
|
|
499
|
+
activeTab,
|
|
500
|
+
setActiveTab,
|
|
501
|
+
tabs: tabs2,
|
|
502
|
+
nextTab,
|
|
503
|
+
prevTab
|
|
504
|
+
};
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
// src/widgets/Accordion.ts
|
|
508
|
+
function accordion(options) {
|
|
509
|
+
const { items: itemDefs, multiple = false, defaultExpanded = [] } = options;
|
|
510
|
+
const [expandedIds, setExpandedIds] = signal(new Set(defaultExpanded));
|
|
511
|
+
const items = derived(
|
|
512
|
+
() => itemDefs.map((item) => ({
|
|
513
|
+
...item,
|
|
514
|
+
isExpanded: expandedIds().has(item.id)
|
|
515
|
+
}))
|
|
516
|
+
);
|
|
517
|
+
function expand(id) {
|
|
518
|
+
if (!itemDefs.some((item) => item.id === id)) return;
|
|
519
|
+
if (multiple) {
|
|
520
|
+
setExpandedIds((prev) => {
|
|
521
|
+
const next = new Set(prev);
|
|
522
|
+
next.add(id);
|
|
523
|
+
return next;
|
|
524
|
+
});
|
|
525
|
+
} else {
|
|
526
|
+
setExpandedIds(/* @__PURE__ */ new Set([id]));
|
|
527
|
+
}
|
|
528
|
+
}
|
|
529
|
+
function collapse(id) {
|
|
530
|
+
setExpandedIds((prev) => {
|
|
531
|
+
const next = new Set(prev);
|
|
532
|
+
next.delete(id);
|
|
533
|
+
return next;
|
|
534
|
+
});
|
|
535
|
+
}
|
|
536
|
+
function toggle(id) {
|
|
537
|
+
if (expandedIds().has(id)) {
|
|
538
|
+
collapse(id);
|
|
539
|
+
} else {
|
|
540
|
+
expand(id);
|
|
541
|
+
}
|
|
542
|
+
}
|
|
543
|
+
function expandAll() {
|
|
544
|
+
if (multiple) {
|
|
545
|
+
setExpandedIds(new Set(itemDefs.map((item) => item.id)));
|
|
546
|
+
}
|
|
547
|
+
}
|
|
548
|
+
function collapseAll() {
|
|
549
|
+
setExpandedIds(/* @__PURE__ */ new Set());
|
|
550
|
+
}
|
|
551
|
+
return {
|
|
552
|
+
items,
|
|
553
|
+
toggle,
|
|
554
|
+
expand,
|
|
555
|
+
collapse,
|
|
556
|
+
expandAll,
|
|
557
|
+
collapseAll
|
|
558
|
+
};
|
|
559
|
+
}
|
|
560
|
+
|
|
561
|
+
// src/widgets/Popover.ts
|
|
562
|
+
function popover() {
|
|
563
|
+
const [isOpen, setIsOpen] = signal(false);
|
|
564
|
+
function open() {
|
|
565
|
+
setIsOpen(true);
|
|
566
|
+
}
|
|
567
|
+
function close() {
|
|
568
|
+
setIsOpen(false);
|
|
569
|
+
}
|
|
570
|
+
function toggle() {
|
|
571
|
+
setIsOpen((prev) => !prev);
|
|
572
|
+
}
|
|
573
|
+
return { isOpen, open, close, toggle };
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
// src/widgets/Select.ts
|
|
577
|
+
function select(options) {
|
|
578
|
+
const { items, multiple = false } = options;
|
|
579
|
+
const [selectedItems, setSelectedItems] = signal([]);
|
|
580
|
+
const [isOpen, setIsOpen] = signal(false);
|
|
581
|
+
const [highlightedIndex, setHighlightedIndex] = signal(-1);
|
|
582
|
+
const selectedItem = derived(() => {
|
|
583
|
+
const sel = selectedItems();
|
|
584
|
+
return sel.length > 0 ? sel[sel.length - 1] : null;
|
|
585
|
+
});
|
|
586
|
+
function select2(item) {
|
|
587
|
+
if (multiple) {
|
|
588
|
+
setSelectedItems((prev) => {
|
|
589
|
+
if (prev.includes(item)) return prev;
|
|
590
|
+
return [...prev, item];
|
|
591
|
+
});
|
|
592
|
+
} else {
|
|
593
|
+
batch(() => {
|
|
594
|
+
setSelectedItems([item]);
|
|
595
|
+
setIsOpen(false);
|
|
596
|
+
});
|
|
597
|
+
}
|
|
598
|
+
}
|
|
599
|
+
function deselect(item) {
|
|
600
|
+
setSelectedItems((prev) => prev.filter((i) => i !== item));
|
|
601
|
+
}
|
|
602
|
+
function toggle(item) {
|
|
603
|
+
if (selectedItems().includes(item)) {
|
|
604
|
+
deselect(item);
|
|
605
|
+
} else {
|
|
606
|
+
select2(item);
|
|
607
|
+
}
|
|
608
|
+
}
|
|
609
|
+
function isSelected(item) {
|
|
610
|
+
return selectedItems().includes(item);
|
|
611
|
+
}
|
|
612
|
+
function open() {
|
|
613
|
+
setIsOpen(true);
|
|
614
|
+
}
|
|
615
|
+
function close() {
|
|
616
|
+
setIsOpen(false);
|
|
617
|
+
}
|
|
618
|
+
function highlightNext() {
|
|
619
|
+
if (items.length === 0) return;
|
|
620
|
+
setHighlightedIndex((prev) => {
|
|
621
|
+
const next = prev + 1;
|
|
622
|
+
return next >= items.length ? 0 : next;
|
|
623
|
+
});
|
|
624
|
+
}
|
|
625
|
+
function highlightPrev() {
|
|
626
|
+
if (items.length === 0) return;
|
|
627
|
+
setHighlightedIndex((prev) => {
|
|
628
|
+
const next = prev - 1;
|
|
629
|
+
return next < 0 ? items.length - 1 : next;
|
|
630
|
+
});
|
|
631
|
+
}
|
|
632
|
+
function selectHighlighted() {
|
|
633
|
+
const idx = highlightedIndex();
|
|
634
|
+
if (idx >= 0 && idx < items.length) {
|
|
635
|
+
select2(items[idx]);
|
|
636
|
+
}
|
|
637
|
+
}
|
|
638
|
+
function clear() {
|
|
639
|
+
setSelectedItems([]);
|
|
640
|
+
}
|
|
641
|
+
return {
|
|
642
|
+
selectedItems,
|
|
643
|
+
selectedItem,
|
|
644
|
+
select: select2,
|
|
645
|
+
deselect,
|
|
646
|
+
toggle,
|
|
647
|
+
isSelected,
|
|
648
|
+
isOpen,
|
|
649
|
+
open,
|
|
650
|
+
close,
|
|
651
|
+
highlightedIndex,
|
|
652
|
+
highlightNext,
|
|
653
|
+
highlightPrev,
|
|
654
|
+
selectHighlighted,
|
|
655
|
+
clear
|
|
656
|
+
};
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
// src/widgets/Tooltip.ts
|
|
660
|
+
function tooltip(options) {
|
|
661
|
+
const delay = options?.delay ?? 0;
|
|
662
|
+
const [isVisible, setIsVisible] = signal(false);
|
|
663
|
+
const [content, setContent] = signal("");
|
|
664
|
+
let delayTimer = null;
|
|
665
|
+
function show() {
|
|
666
|
+
if (delay > 0) {
|
|
667
|
+
if (delayTimer !== null) {
|
|
668
|
+
clearTimeout(delayTimer);
|
|
669
|
+
}
|
|
670
|
+
delayTimer = setTimeout(() => {
|
|
671
|
+
setIsVisible(true);
|
|
672
|
+
delayTimer = null;
|
|
673
|
+
}, delay);
|
|
674
|
+
} else {
|
|
675
|
+
setIsVisible(true);
|
|
676
|
+
}
|
|
677
|
+
}
|
|
678
|
+
function hide() {
|
|
679
|
+
if (delayTimer !== null) {
|
|
680
|
+
clearTimeout(delayTimer);
|
|
681
|
+
delayTimer = null;
|
|
682
|
+
}
|
|
683
|
+
setIsVisible(false);
|
|
684
|
+
}
|
|
685
|
+
return { isVisible, show, hide, content, setContent };
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
// src/widgets/FileUpload.ts
|
|
689
|
+
function fileUpload(options) {
|
|
690
|
+
const accept = options?.accept;
|
|
691
|
+
const multiple = options?.multiple ?? false;
|
|
692
|
+
const maxSize = options?.maxSize;
|
|
693
|
+
const onFiles = options?.onFiles;
|
|
694
|
+
const [files, setFiles] = signal([]);
|
|
695
|
+
const [errors, setErrors] = signal([]);
|
|
696
|
+
const [isDragOver, setDragOver] = signal(false);
|
|
697
|
+
function isAccepted(file) {
|
|
698
|
+
if (!accept) return true;
|
|
699
|
+
const acceptedTypes = accept.split(",").map((t) => t.trim().toLowerCase());
|
|
700
|
+
const fileName = file.name.toLowerCase();
|
|
701
|
+
const fileType = file.type.toLowerCase();
|
|
702
|
+
return acceptedTypes.some((pattern) => {
|
|
703
|
+
if (pattern.startsWith(".")) {
|
|
704
|
+
return fileName.endsWith(pattern);
|
|
705
|
+
}
|
|
706
|
+
if (pattern.endsWith("/*")) {
|
|
707
|
+
const prefix = pattern.slice(0, pattern.indexOf("/"));
|
|
708
|
+
return fileType.startsWith(`${prefix}/`);
|
|
709
|
+
}
|
|
710
|
+
return fileType === pattern;
|
|
711
|
+
});
|
|
712
|
+
}
|
|
713
|
+
function addFiles(fileList) {
|
|
714
|
+
const incoming = Array.from(fileList);
|
|
715
|
+
const validFiles = [];
|
|
716
|
+
const newErrors = [];
|
|
717
|
+
for (const file of incoming) {
|
|
718
|
+
if (!isAccepted(file)) {
|
|
719
|
+
newErrors.push(`File "${file.name}" is not an accepted type`);
|
|
720
|
+
continue;
|
|
721
|
+
}
|
|
722
|
+
if (maxSize !== void 0 && file.size > maxSize) {
|
|
723
|
+
newErrors.push(`File "${file.name}" exceeds maximum size of ${maxSize} bytes`);
|
|
724
|
+
continue;
|
|
725
|
+
}
|
|
726
|
+
validFiles.push(file);
|
|
727
|
+
}
|
|
728
|
+
batch(() => {
|
|
729
|
+
setErrors(newErrors);
|
|
730
|
+
if (validFiles.length > 0) {
|
|
731
|
+
if (multiple) {
|
|
732
|
+
setFiles((prev) => [...prev, ...validFiles]);
|
|
733
|
+
} else {
|
|
734
|
+
setFiles([validFiles[validFiles.length - 1]]);
|
|
735
|
+
}
|
|
736
|
+
if (onFiles) {
|
|
737
|
+
onFiles(validFiles);
|
|
738
|
+
}
|
|
739
|
+
}
|
|
740
|
+
});
|
|
741
|
+
}
|
|
742
|
+
function removeFile(index) {
|
|
743
|
+
setFiles((prev) => {
|
|
744
|
+
if (index < 0 || index >= prev.length) return prev;
|
|
745
|
+
const next = [...prev];
|
|
746
|
+
next.splice(index, 1);
|
|
747
|
+
return next;
|
|
748
|
+
});
|
|
749
|
+
}
|
|
750
|
+
function clear() {
|
|
751
|
+
batch(() => {
|
|
752
|
+
setFiles([]);
|
|
753
|
+
setErrors([]);
|
|
754
|
+
});
|
|
755
|
+
}
|
|
756
|
+
return {
|
|
757
|
+
files,
|
|
758
|
+
addFiles,
|
|
759
|
+
removeFile,
|
|
760
|
+
clear,
|
|
761
|
+
errors,
|
|
762
|
+
isDragOver,
|
|
763
|
+
setDragOver
|
|
764
|
+
};
|
|
765
|
+
}
|
|
766
|
+
|
|
767
|
+
// src/widgets/contentEditable.ts
|
|
768
|
+
function contentEditable() {
|
|
769
|
+
const [content, setContent] = signal("");
|
|
770
|
+
const [isFocused, setFocused] = signal(false);
|
|
771
|
+
function execCommand(command, value) {
|
|
772
|
+
if (typeof document !== "undefined" && document.execCommand) {
|
|
773
|
+
document.execCommand(command, false, value ?? "");
|
|
774
|
+
}
|
|
775
|
+
}
|
|
776
|
+
function bold() {
|
|
777
|
+
execCommand("bold");
|
|
778
|
+
}
|
|
779
|
+
function italic() {
|
|
780
|
+
execCommand("italic");
|
|
781
|
+
}
|
|
782
|
+
function underline() {
|
|
783
|
+
execCommand("underline");
|
|
784
|
+
}
|
|
785
|
+
return {
|
|
786
|
+
content,
|
|
787
|
+
setContent,
|
|
788
|
+
isFocused,
|
|
789
|
+
setFocused,
|
|
790
|
+
execCommand,
|
|
791
|
+
bold,
|
|
792
|
+
italic,
|
|
793
|
+
underline
|
|
794
|
+
};
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
// src/widgets/datePicker.ts
|
|
798
|
+
function datePicker(options) {
|
|
799
|
+
const minDate = options?.minDate;
|
|
800
|
+
const maxDate = options?.maxDate;
|
|
801
|
+
const initialDate = options?.initialDate ?? null;
|
|
802
|
+
const [selectedDate, setSelectedDate] = signal(initialDate);
|
|
803
|
+
const [viewDate, setViewDate] = signal(initialDate ?? /* @__PURE__ */ new Date());
|
|
804
|
+
function isDateDisabled(date) {
|
|
805
|
+
if (minDate && date < stripTime(minDate)) return true;
|
|
806
|
+
if (maxDate && date > stripTime(maxDate)) return true;
|
|
807
|
+
return false;
|
|
808
|
+
}
|
|
809
|
+
function stripTime(d) {
|
|
810
|
+
return new Date(d.getFullYear(), d.getMonth(), d.getDate());
|
|
811
|
+
}
|
|
812
|
+
function sameDay(a, b) {
|
|
813
|
+
return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
|
|
814
|
+
}
|
|
815
|
+
function select2(date) {
|
|
816
|
+
if (!isDateDisabled(date)) {
|
|
817
|
+
setSelectedDate(date);
|
|
818
|
+
}
|
|
819
|
+
}
|
|
820
|
+
function nextMonth() {
|
|
821
|
+
setViewDate((prev) => {
|
|
822
|
+
const next = new Date(prev);
|
|
823
|
+
next.setMonth(next.getMonth() + 1);
|
|
824
|
+
return next;
|
|
825
|
+
});
|
|
826
|
+
}
|
|
827
|
+
function prevMonth() {
|
|
828
|
+
setViewDate((prev) => {
|
|
829
|
+
const next = new Date(prev);
|
|
830
|
+
next.setMonth(next.getMonth() - 1);
|
|
831
|
+
return next;
|
|
832
|
+
});
|
|
833
|
+
}
|
|
834
|
+
function nextYear() {
|
|
835
|
+
setViewDate((prev) => {
|
|
836
|
+
const next = new Date(prev);
|
|
837
|
+
next.setFullYear(next.getFullYear() + 1);
|
|
838
|
+
return next;
|
|
839
|
+
});
|
|
840
|
+
}
|
|
841
|
+
function prevYear() {
|
|
842
|
+
setViewDate((prev) => {
|
|
843
|
+
const next = new Date(prev);
|
|
844
|
+
next.setFullYear(next.getFullYear() - 1);
|
|
845
|
+
return next;
|
|
846
|
+
});
|
|
847
|
+
}
|
|
848
|
+
const daysInMonth = derived(() => {
|
|
849
|
+
const vd = viewDate();
|
|
850
|
+
const year = vd.getFullYear();
|
|
851
|
+
const month = vd.getMonth();
|
|
852
|
+
const today = /* @__PURE__ */ new Date();
|
|
853
|
+
const selected = selectedDate();
|
|
854
|
+
const firstDay = new Date(year, month, 1);
|
|
855
|
+
const startDow = firstDay.getDay();
|
|
856
|
+
const lastDay = new Date(year, month + 1, 0);
|
|
857
|
+
const totalDaysInMonth = lastDay.getDate();
|
|
858
|
+
const days = [];
|
|
859
|
+
for (let i = startDow - 1; i >= 0; i--) {
|
|
860
|
+
const date = new Date(year, month, -i);
|
|
861
|
+
days.push({
|
|
862
|
+
date,
|
|
863
|
+
isCurrentMonth: false,
|
|
864
|
+
isToday: sameDay(date, today),
|
|
865
|
+
isSelected: selected !== null && sameDay(date, selected),
|
|
866
|
+
isDisabled: isDateDisabled(date)
|
|
867
|
+
});
|
|
868
|
+
}
|
|
869
|
+
for (let d = 1; d <= totalDaysInMonth; d++) {
|
|
870
|
+
const date = new Date(year, month, d);
|
|
871
|
+
days.push({
|
|
872
|
+
date,
|
|
873
|
+
isCurrentMonth: true,
|
|
874
|
+
isToday: sameDay(date, today),
|
|
875
|
+
isSelected: selected !== null && sameDay(date, selected),
|
|
876
|
+
isDisabled: isDateDisabled(date)
|
|
877
|
+
});
|
|
878
|
+
}
|
|
879
|
+
const remaining = days.length % 7;
|
|
880
|
+
if (remaining > 0) {
|
|
881
|
+
const trailingCount = 7 - remaining;
|
|
882
|
+
for (let i = 1; i <= trailingCount; i++) {
|
|
883
|
+
const date = new Date(year, month + 1, i);
|
|
884
|
+
days.push({
|
|
885
|
+
date,
|
|
886
|
+
isCurrentMonth: false,
|
|
887
|
+
isToday: sameDay(date, today),
|
|
888
|
+
isSelected: selected !== null && sameDay(date, selected),
|
|
889
|
+
isDisabled: isDateDisabled(date)
|
|
890
|
+
});
|
|
891
|
+
}
|
|
892
|
+
}
|
|
893
|
+
return days;
|
|
894
|
+
});
|
|
895
|
+
return {
|
|
896
|
+
selectedDate,
|
|
897
|
+
select: select2,
|
|
898
|
+
viewDate,
|
|
899
|
+
setViewDate,
|
|
900
|
+
nextMonth,
|
|
901
|
+
prevMonth,
|
|
902
|
+
nextYear,
|
|
903
|
+
prevYear,
|
|
904
|
+
daysInMonth,
|
|
905
|
+
isDateDisabled
|
|
906
|
+
};
|
|
907
|
+
}
|
|
908
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
909
|
+
0 && (module.exports = {
|
|
910
|
+
accordion,
|
|
911
|
+
combobox,
|
|
912
|
+
contentEditable,
|
|
913
|
+
datePicker,
|
|
914
|
+
fileUpload,
|
|
915
|
+
popover,
|
|
916
|
+
select,
|
|
917
|
+
tabs,
|
|
918
|
+
tooltip
|
|
919
|
+
});
|