natxocc
2cfa7db221
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
1912 lines
71 KiB
JavaScript
1912 lines
71 KiB
JavaScript
(() => {
|
|
var __defProp = Object.defineProperty;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
function __accessProp(key) {
|
|
return this[key];
|
|
}
|
|
var __toCommonJS = (from) => {
|
|
var entry = (__moduleCache ??= new WeakMap).get(from), desc;
|
|
if (entry)
|
|
return entry;
|
|
entry = __defProp({}, "__esModule", { value: true });
|
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
for (var key of __getOwnPropNames(from))
|
|
if (!__hasOwnProp.call(entry, key))
|
|
__defProp(entry, key, {
|
|
get: __accessProp.bind(from, key),
|
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
});
|
|
}
|
|
__moduleCache.set(from, entry);
|
|
return entry;
|
|
};
|
|
var __moduleCache;
|
|
var __returnValue = (v) => v;
|
|
function __exportSetter(name, newValue) {
|
|
this[name] = __returnValue.bind(null, newValue);
|
|
}
|
|
var __export = (target, all) => {
|
|
for (var name in all)
|
|
__defProp(target, name, {
|
|
get: all[name],
|
|
enumerable: true,
|
|
configurable: true,
|
|
set: __exportSetter.bind(all, name)
|
|
});
|
|
};
|
|
|
|
// sigpro-ui-full.js
|
|
var exports_sigpro_ui_full = {};
|
|
__export(exports_sigpro_ui_full, {
|
|
Utils: () => Utils,
|
|
Tooltip: () => Tooltip,
|
|
Toggle: () => Toggle,
|
|
Toast: () => Toast,
|
|
Timeline: () => Timeline,
|
|
Textrotate: () => Textrotate,
|
|
Textarea: () => Textarea,
|
|
Tabs: () => Tabs,
|
|
TableItems: () => TableItems,
|
|
Table: () => Table,
|
|
SwapToggle: () => SwapToggle,
|
|
SwapOn: () => SwapOn,
|
|
SwapOff: () => SwapOff,
|
|
Swap: () => Swap,
|
|
Steps: () => Steps,
|
|
Step: () => Step,
|
|
Stats: () => Stats,
|
|
Stat: () => Stat,
|
|
Stack: () => Stack,
|
|
SkeletonText: () => SkeletonText,
|
|
Skeleton: () => Skeleton,
|
|
Select: () => Select,
|
|
RatingItems: () => RatingItems,
|
|
Rating: () => Rating,
|
|
Range: () => Range,
|
|
Radio: () => Radio,
|
|
Radial: () => Radial,
|
|
Progress: () => Progress,
|
|
Navbar: () => Navbar,
|
|
Modal: () => Modal,
|
|
Menu: () => Menu,
|
|
Loading: () => Loading,
|
|
ListRows: () => ListRows,
|
|
List: () => List,
|
|
Kbd: () => Kbd,
|
|
Input: () => Input,
|
|
Indicator: () => Indicator,
|
|
Icon: () => Icon,
|
|
Fileinput: () => Fileinput,
|
|
Fieldset: () => Fieldset,
|
|
Fab: () => Fab,
|
|
Editor: () => Editor,
|
|
DropdownContent: () => DropdownContent,
|
|
DropdownButton: () => DropdownButton,
|
|
Dropdown: () => Dropdown,
|
|
DrawerToggle: () => DrawerToggle,
|
|
DrawerSide: () => DrawerSide,
|
|
DrawerOverlay: () => DrawerOverlay,
|
|
DrawerContent: () => DrawerContent,
|
|
Drawer: () => Drawer,
|
|
Divider: () => Divider,
|
|
Datepicker: () => Datepicker,
|
|
Components: () => Components,
|
|
Colorpicker: () => Colorpicker,
|
|
ColorPalette: () => ColorPalette,
|
|
Checkbox: () => Checkbox,
|
|
ChatImage: () => ChatImage,
|
|
ChatHeader: () => ChatHeader,
|
|
ChatFooter: () => ChatFooter,
|
|
ChatBubble: () => ChatBubble,
|
|
Chat: () => Chat,
|
|
CarouselItem: () => CarouselItem,
|
|
Carousel: () => Carousel,
|
|
CardTitle: () => CardTitle,
|
|
CardBody: () => CardBody,
|
|
CardActions: () => CardActions,
|
|
Card: () => Card,
|
|
Calendar: () => Calendar,
|
|
Button: () => Button,
|
|
Badge: () => Badge,
|
|
Autocomplete: () => Autocomplete,
|
|
Alert: () => Alert,
|
|
Accordion: () => Accordion
|
|
});
|
|
|
|
// node_modules/sigpro/dist/sigpro.esm.min.js
|
|
var m = (e) => typeof e === "function";
|
|
var j = (e) => e && typeof e === "object";
|
|
var N = Array.isArray;
|
|
var E = typeof document < "u" ? document : null;
|
|
var V = (e) => e?._isRuntime ? e.container : e instanceof Node ? e : E.createTextNode(e == null ? "" : String(e));
|
|
var d = null;
|
|
var _ = null;
|
|
var b = false;
|
|
var C = 0;
|
|
var R = new Set;
|
|
var I = new WeakMap;
|
|
var O = Symbol("iter");
|
|
var L = new WeakMap;
|
|
var K = "http://www.w3.org/2000/svg";
|
|
var P = "http://www.w3.org/1999/xlink";
|
|
var W = new Set("svg,path,circle,rect,line,polyline,polygon,g,defs,text,textPath,tspan,use,symbol,image,marker,ellipse".split(","));
|
|
var v = null;
|
|
var S = (e) => {
|
|
if (!e || e._disposed)
|
|
return;
|
|
e._disposed = true;
|
|
let r = [e];
|
|
while (r.length) {
|
|
let n = r.pop();
|
|
if (n._cleanups)
|
|
n._cleanups.forEach((o) => o()), n._cleanups.clear();
|
|
if (n._children)
|
|
n._children.forEach((o) => r.push(o)), n._children.clear();
|
|
if (n._deps)
|
|
n._deps.forEach((o) => o.delete(n)), n._deps.clear();
|
|
}
|
|
};
|
|
var g = (e) => {
|
|
if (_)
|
|
(_._cleanups ||= new Set).add(e);
|
|
};
|
|
var D = (e) => {
|
|
let r = d;
|
|
d = null;
|
|
try {
|
|
return e();
|
|
} finally {
|
|
d = r;
|
|
}
|
|
};
|
|
var x = (e, r = false) => {
|
|
let n = () => {
|
|
if (n._disposed)
|
|
return;
|
|
if (n._deps)
|
|
n._deps.forEach((c) => c.delete(n));
|
|
if (n._cleanups)
|
|
n._cleanups.forEach((c) => c()), n._cleanups.clear();
|
|
let o = d, s = _;
|
|
d = _ = n;
|
|
try {
|
|
return n._result = e();
|
|
} catch (c) {
|
|
console.error("[SigPro]", c);
|
|
} finally {
|
|
d = o, _ = s;
|
|
}
|
|
};
|
|
if (n._deps = n._cleanups = n._children = null, n._disposed = false, n._isComputed = r, n._depth = d ? d._depth + 1 : 0, n._mounts = [], n._parent = _, _)
|
|
(_._children ||= new Set).add(n);
|
|
return n;
|
|
};
|
|
var $ = () => {
|
|
if (b)
|
|
return;
|
|
b = true;
|
|
let e = Array.from(R).sort((r, n) => r._depth - n._depth);
|
|
R.clear();
|
|
for (let r of e)
|
|
if (!r._disposed)
|
|
r();
|
|
b = false;
|
|
};
|
|
var z = (e) => {
|
|
C++;
|
|
try {
|
|
return e();
|
|
} finally {
|
|
if (C--, C === 0 && R.size > 0 && !b)
|
|
$();
|
|
}
|
|
};
|
|
var w = (e, r = false) => {
|
|
if (!r && d && !d._disposed)
|
|
e.add(d), (d._deps ||= new Set).add(e);
|
|
else if (r && e.size > 0) {
|
|
let n = false;
|
|
for (let o of e) {
|
|
if (o === d || o._disposed)
|
|
continue;
|
|
if (o._isComputed) {
|
|
if (o._dirty = true, o._subs)
|
|
w(o._subs, true);
|
|
} else
|
|
R.add(o), n = true;
|
|
}
|
|
if (n && !b && C === 0)
|
|
queueMicrotask($);
|
|
}
|
|
};
|
|
var U = (e, r = null) => {
|
|
let n = new Set;
|
|
if (m(e)) {
|
|
let o, s = () => {
|
|
if (s._dirty) {
|
|
let c = d;
|
|
d = s;
|
|
try {
|
|
let t = e();
|
|
if (!Object.is(o, t))
|
|
o = t, w(n, true);
|
|
} finally {
|
|
d = c;
|
|
}
|
|
s._dirty = false;
|
|
}
|
|
return w(n), o;
|
|
};
|
|
return s._isComputed = true, s._subs = n, s._dirty = true, s._deps = null, s._disposed = false, s;
|
|
}
|
|
if (r)
|
|
try {
|
|
e = JSON.parse(localStorage.getItem(r)) ?? e;
|
|
} catch (o) {}
|
|
return (...o) => {
|
|
if (o.length) {
|
|
let s = m(o[0]) ? o[0](e) : o[0];
|
|
if (!Object.is(e, s)) {
|
|
if (e = s, r)
|
|
localStorage.setItem(r, JSON.stringify(e));
|
|
w(n, true);
|
|
}
|
|
}
|
|
return w(n), e;
|
|
};
|
|
};
|
|
var X = (e) => {
|
|
if (!j(e))
|
|
return e;
|
|
let r = I.get(e);
|
|
if (r)
|
|
return r;
|
|
let n = new Map, o = (c) => {
|
|
let t = n.get(c);
|
|
if (!t)
|
|
n.set(c, t = new Set);
|
|
return t;
|
|
}, s = new Proxy(e, { get(c, t, i) {
|
|
if (typeof t !== "symbol")
|
|
w(o(t));
|
|
return X(Reflect.get(c, t, i));
|
|
}, set(c, t, i, l) {
|
|
let u = Reflect.has(c, t), a = Reflect.get(c, t, l), f = Reflect.set(c, t, i, l);
|
|
if (f && !Object.is(a, i)) {
|
|
if (w(o(t), true), !u)
|
|
w(o(O), true);
|
|
}
|
|
return f;
|
|
}, deleteProperty(c, t) {
|
|
let i = Reflect.deleteProperty(c, t);
|
|
if (i)
|
|
w(o(t), true), w(o(O), true);
|
|
return i;
|
|
}, ownKeys(c) {
|
|
return w(o(O)), Reflect.ownKeys(c);
|
|
} });
|
|
return I.set(e, s), s;
|
|
};
|
|
var k = (e, r) => {
|
|
if (r === undefined) {
|
|
let o = x(e);
|
|
return o(), () => S(o);
|
|
}
|
|
let n = x(() => {
|
|
let o = Array.isArray(e) ? e.map((s) => s()) : e();
|
|
D(() => r(o));
|
|
});
|
|
return n(), () => S(n);
|
|
};
|
|
var B = (e) => {
|
|
if (!e)
|
|
return;
|
|
if (e._cleanups)
|
|
e._cleanups.forEach((r) => r()), e._cleanups.clear();
|
|
if (e._ownerEffect)
|
|
S(e._ownerEffect);
|
|
if (e.childNodes)
|
|
e.childNodes.forEach((r) => B(r));
|
|
};
|
|
var M = (e, r = {}, n = []) => {
|
|
if (r instanceof Node || N(r) || !j(r))
|
|
n = r, r = {};
|
|
if (m(e)) {
|
|
let t = x(() => {
|
|
let a = e(r, { children: n, emit: (f, ...h) => r[`on${f[0].toUpperCase()}${f.slice(1)}`]?.(...h) });
|
|
return t._result = a, a;
|
|
});
|
|
t();
|
|
let i = t._result;
|
|
if (i == null)
|
|
return null;
|
|
let l = i instanceof Node || N(i) && i.every((a) => a instanceof Node) ? i : E.createTextNode(String(i)), u = (a) => {
|
|
if (j(a) && !a._isRuntime)
|
|
a._mounts = t._mounts || [], a._cleanups = t._cleanups || new Set, a._ownerEffect = t;
|
|
};
|
|
return N(l) ? l.forEach(u) : u(l), l;
|
|
}
|
|
let o = W.has(e), s = o ? E.createElementNS(K, e) : E.createElement(e);
|
|
s._cleanups = new Set;
|
|
for (let t of Object.keys(r)) {
|
|
let i = r[t];
|
|
if (t === "ref") {
|
|
m(i) ? i(s) : i.current = s;
|
|
continue;
|
|
}
|
|
let l = v ? v(t, i) : i;
|
|
if (o && t.startsWith("xlink:")) {
|
|
l == null ? s.removeAttributeNS(P, t.slice(6)) : s.setAttributeNS(P, t.slice(6), l);
|
|
continue;
|
|
}
|
|
if (t.startsWith("on")) {
|
|
let u = t.slice(2).toLowerCase();
|
|
s.addEventListener(u, l);
|
|
let a = () => s.removeEventListener(u, l);
|
|
s._cleanups.add(a), g(a);
|
|
} else if (m(l)) {
|
|
let u = x(() => {
|
|
let a = l(), f = v ? v(t, a) : a;
|
|
if (t === "class")
|
|
s.className = f || "";
|
|
else if (f == null)
|
|
s.removeAttribute(t);
|
|
else if (t in s && !o)
|
|
s[t] = f;
|
|
else
|
|
s.setAttribute(t, f === true ? "" : f);
|
|
});
|
|
if (u(), s._cleanups.add(() => S(u)), g(() => S(u)), /^(INPUT|TEXTAREA|SELECT)$/.test(s.tagName) && (t === "value" || t === "checked")) {
|
|
let a = t === "checked" ? "change" : "input";
|
|
s.addEventListener(a, (f) => l(f.target[t]));
|
|
}
|
|
} else if (l != null)
|
|
if (t in s && !o)
|
|
s[t] = l;
|
|
else
|
|
s.setAttribute(t, l === true ? "" : l);
|
|
}
|
|
let c = (t) => {
|
|
if (N(t))
|
|
return t.forEach(c);
|
|
if (m(t)) {
|
|
let i = E.createTextNode("");
|
|
s.appendChild(i);
|
|
let l = [], u = x(() => {
|
|
let a = t(), f = (N(a) ? a : [a]).map(V);
|
|
l.forEach((p) => {
|
|
if (p._isRuntime)
|
|
p.destroy();
|
|
else
|
|
B(p);
|
|
if (p.parentNode)
|
|
p.remove();
|
|
});
|
|
let h = i;
|
|
for (let p = f.length - 1;p >= 0; p--) {
|
|
let y = f[p];
|
|
if (y.parentNode !== h.parentNode)
|
|
h.parentNode?.insertBefore(y, h);
|
|
if (y._mounts)
|
|
y._mounts.forEach((G) => G());
|
|
h = y;
|
|
}
|
|
l = f;
|
|
});
|
|
u(), s._cleanups.add(() => S(u)), g(() => S(u));
|
|
} else {
|
|
let i = V(t);
|
|
if (s.appendChild(i), i._mounts)
|
|
i._mounts.forEach((l) => l());
|
|
}
|
|
};
|
|
return c(n), s;
|
|
};
|
|
var T = (e) => {
|
|
let r = new Set, n = _, o = d, s = E.createElement("div");
|
|
s.style.display = "contents", s.setAttribute("role", "presentation"), _ = { _cleanups: r }, d = null;
|
|
let c = (t) => {
|
|
if (!t)
|
|
return;
|
|
if (t._isRuntime)
|
|
r.add(t.destroy), s.appendChild(t.container);
|
|
else if (N(t))
|
|
t.forEach(c);
|
|
else
|
|
s.appendChild(t instanceof Node ? t : E.createTextNode(String(t == null ? "" : t)));
|
|
};
|
|
try {
|
|
c(e({ onCleanup: (t) => r.add(t) }));
|
|
} finally {
|
|
_ = n, d = o;
|
|
}
|
|
return { _isRuntime: true, container: s, destroy: () => {
|
|
r.forEach((t) => t()), B(s), s.remove();
|
|
} };
|
|
};
|
|
var F = (e, r, n = null) => {
|
|
let o = E.createTextNode(""), s = M("div", { style: "display:contents" }, [o]), c = null;
|
|
return k(() => !!(m(e) ? e() : e), (t) => {
|
|
if (c)
|
|
c.destroy(), c = null;
|
|
let i = t ? r : n;
|
|
if (i)
|
|
c = T(() => m(i) ? i() : i), s.insertBefore(c.container, o);
|
|
}), g(() => c?.destroy()), s;
|
|
};
|
|
var J = (e, r, n) => {
|
|
let o = E.createTextNode(""), s = M("div", { style: "display:contents" }, [o]), c = new Map;
|
|
return k(() => (m(e) ? e() : e) || [], (t) => {
|
|
let i = new Map, l = [], u = t || [];
|
|
for (let f = 0;f < u.length; f++) {
|
|
let h = u[f], p = n ? h?.[n] ?? f : h?.id ?? f, y = c.get(p);
|
|
if (!y)
|
|
y = T(() => r(h, f));
|
|
else
|
|
c.delete(p);
|
|
i.set(p, y), l.push(y);
|
|
}
|
|
c.forEach((f) => f.destroy());
|
|
let a = o;
|
|
for (let f = l.length - 1;f >= 0; f--) {
|
|
let p = l[f].container;
|
|
if (p.nextSibling !== a)
|
|
s.insertBefore(p, a);
|
|
a = p;
|
|
}
|
|
c = i;
|
|
}), s;
|
|
};
|
|
var A = (e) => {
|
|
let r = () => window.location.hash.slice(1) || "/", n = U(r()), o = () => n(r());
|
|
window.addEventListener("hashchange", o), g(() => window.removeEventListener("hashchange", o));
|
|
let s = M("div", { class: "router-hook" }), c = null;
|
|
return k([n], () => {
|
|
let t = n(), i = e.find((l) => {
|
|
let u = l.path.split("/").filter(Boolean), a = t.split("/").filter(Boolean);
|
|
return u.length === a.length && u.every((f, h) => f[0] === ":" || f === a[h]);
|
|
}) || e.find((l) => l.path === "*");
|
|
if (i) {
|
|
c?.destroy();
|
|
let l = {};
|
|
i.path.split("/").filter(Boolean).forEach((u, a) => {
|
|
if (u[0] === ":")
|
|
l[u.slice(1)] = t.split("/").filter(Boolean)[a];
|
|
}), A.params(l), c = T(() => m(i.component) ? i.component(l) : i.component), s.replaceChildren(c.container);
|
|
}
|
|
}), s;
|
|
};
|
|
A.params = U({});
|
|
A.to = (e) => window.location.hash = e.replace(/^#?\/?/, "#/");
|
|
A.back = () => window.history.back();
|
|
A.path = () => window.location.hash.replace(/^#/, "") || "/";
|
|
var Q = (e, r) => {
|
|
let n = typeof r === "string" ? E.querySelector(r) : r;
|
|
if (!n)
|
|
return;
|
|
if (L.has(n))
|
|
L.get(n).destroy();
|
|
let o = T(m(e) ? e : () => e);
|
|
return n.replaceChildren(o.container), L.set(n, o), o;
|
|
};
|
|
|
|
// node_modules/sigpro/sigpro.js
|
|
var isFunc = (f) => typeof f === "function";
|
|
var isObj = (o) => o && typeof o === "object";
|
|
var isArr = Array.isArray;
|
|
var doc = typeof document !== "undefined" ? document : null;
|
|
var ensureNode = (n) => n?._isRuntime ? n.container : n instanceof Node ? n : doc.createTextNode(n == null ? "" : String(n));
|
|
var activeEffect = null;
|
|
var activeOwner = null;
|
|
var isFlushing = false;
|
|
var batchDepth = 0;
|
|
var effectQueue = new Set;
|
|
var proxyCache = new WeakMap;
|
|
var ITER = Symbol("iter");
|
|
var MOUNTED_NODES = new WeakMap;
|
|
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
var XLINK_NS = "http://www.w3.org/1999/xlink";
|
|
var SVG_TAGS = new Set("svg,path,circle,rect,line,polyline,polygon,g,defs,text,textPath,tspan,use,symbol,image,marker,ellipse".split(","));
|
|
var attrFilter = null;
|
|
var filterXSS = (fn) => {
|
|
attrFilter = fn;
|
|
};
|
|
var dispose = (eff) => {
|
|
if (!eff || eff._disposed)
|
|
return;
|
|
eff._disposed = true;
|
|
const stack = [eff];
|
|
while (stack.length) {
|
|
const e = stack.pop();
|
|
if (e._cleanups) {
|
|
e._cleanups.forEach((fn) => fn());
|
|
e._cleanups.clear();
|
|
}
|
|
if (e._children) {
|
|
e._children.forEach((child) => stack.push(child));
|
|
e._children.clear();
|
|
}
|
|
if (e._deps) {
|
|
e._deps.forEach((depSet) => depSet.delete(e));
|
|
e._deps.clear();
|
|
}
|
|
}
|
|
};
|
|
var onUnmount = (fn) => {
|
|
if (activeOwner)
|
|
(activeOwner._cleanups ||= new Set).add(fn);
|
|
};
|
|
var untrack = (fn) => {
|
|
const p = activeEffect;
|
|
activeEffect = null;
|
|
try {
|
|
return fn();
|
|
} finally {
|
|
activeEffect = p;
|
|
}
|
|
};
|
|
var createEffect = (fn, isComputed = false) => {
|
|
const effect = () => {
|
|
if (effect._disposed)
|
|
return;
|
|
if (effect._deps)
|
|
effect._deps.forEach((s) => s.delete(effect));
|
|
if (effect._cleanups) {
|
|
effect._cleanups.forEach((c) => c());
|
|
effect._cleanups.clear();
|
|
}
|
|
const prevEffect = activeEffect;
|
|
const prevOwner = activeOwner;
|
|
activeEffect = activeOwner = effect;
|
|
try {
|
|
return effect._result = fn();
|
|
} catch (e) {
|
|
console.error("[SigPro]", e);
|
|
} finally {
|
|
activeEffect = prevEffect;
|
|
activeOwner = prevOwner;
|
|
}
|
|
};
|
|
effect._deps = effect._cleanups = effect._children = null;
|
|
effect._disposed = false;
|
|
effect._isComputed = isComputed;
|
|
effect._depth = activeEffect ? activeEffect._depth + 1 : 0;
|
|
effect._mounts = [];
|
|
effect._parent = activeOwner;
|
|
if (activeOwner)
|
|
(activeOwner._children ||= new Set).add(effect);
|
|
return effect;
|
|
};
|
|
var flush = () => {
|
|
if (isFlushing)
|
|
return;
|
|
isFlushing = true;
|
|
const sorted = Array.from(effectQueue).sort((a, b2) => a._depth - b2._depth);
|
|
effectQueue.clear();
|
|
for (const e of sorted)
|
|
if (!e._disposed)
|
|
e();
|
|
isFlushing = false;
|
|
};
|
|
var trackUpdate = (subs, trigger = false) => {
|
|
if (!trigger && activeEffect && !activeEffect._disposed) {
|
|
subs.add(activeEffect);
|
|
(activeEffect._deps ||= new Set).add(subs);
|
|
} else if (trigger && subs.size > 0) {
|
|
let hasQueue = false;
|
|
for (const e of subs) {
|
|
if (e === activeEffect || e._disposed)
|
|
continue;
|
|
if (e._isComputed) {
|
|
e._dirty = true;
|
|
if (e._subs)
|
|
trackUpdate(e._subs, true);
|
|
} else {
|
|
effectQueue.add(e);
|
|
hasQueue = true;
|
|
}
|
|
}
|
|
if (hasQueue && !isFlushing && batchDepth === 0)
|
|
queueMicrotask(flush);
|
|
}
|
|
};
|
|
var $2 = (val, key = null) => {
|
|
const subs = new Set;
|
|
if (isFunc(val)) {
|
|
let cache;
|
|
const computed = () => {
|
|
if (computed._dirty) {
|
|
const prev = activeEffect;
|
|
activeEffect = computed;
|
|
try {
|
|
const next = val();
|
|
if (!Object.is(cache, next)) {
|
|
cache = next;
|
|
trackUpdate(subs, true);
|
|
}
|
|
} finally {
|
|
activeEffect = prev;
|
|
}
|
|
computed._dirty = false;
|
|
}
|
|
trackUpdate(subs);
|
|
return cache;
|
|
};
|
|
computed._isComputed = true;
|
|
computed._subs = subs;
|
|
computed._dirty = true;
|
|
computed._deps = null;
|
|
computed._disposed = false;
|
|
return computed;
|
|
}
|
|
if (key)
|
|
try {
|
|
val = JSON.parse(localStorage.getItem(key)) ?? val;
|
|
} catch (e) {}
|
|
return (...args) => {
|
|
if (args.length) {
|
|
const next = isFunc(args[0]) ? args[0](val) : args[0];
|
|
if (!Object.is(val, next)) {
|
|
val = next;
|
|
if (key)
|
|
localStorage.setItem(key, JSON.stringify(val));
|
|
trackUpdate(subs, true);
|
|
}
|
|
}
|
|
trackUpdate(subs);
|
|
return val;
|
|
};
|
|
};
|
|
var watch = (sources, cb) => {
|
|
if (cb === undefined) {
|
|
const effect2 = createEffect(sources);
|
|
effect2();
|
|
return () => dispose(effect2);
|
|
}
|
|
const effect = createEffect(() => {
|
|
const vals = Array.isArray(sources) ? sources.map((s) => s()) : sources();
|
|
untrack(() => cb(vals));
|
|
});
|
|
effect();
|
|
return () => dispose(effect);
|
|
};
|
|
var cleanupNode = (node) => {
|
|
if (!node)
|
|
return;
|
|
if (node._cleanups) {
|
|
node._cleanups.forEach((fn) => fn());
|
|
node._cleanups.clear();
|
|
}
|
|
if (node._ownerEffect)
|
|
dispose(node._ownerEffect);
|
|
if (node.childNodes)
|
|
node.childNodes.forEach((n) => cleanupNode(n));
|
|
};
|
|
var h = (tag, props = {}, children = []) => {
|
|
if (props instanceof Node || isArr(props) || !isObj(props)) {
|
|
children = props;
|
|
props = {};
|
|
}
|
|
if (isFunc(tag)) {
|
|
const effect = createEffect(() => {
|
|
const result2 = tag(props, {
|
|
children,
|
|
emit: (ev, ...args) => props[`on${ev[0].toUpperCase()}${ev.slice(1)}`]?.(...args)
|
|
});
|
|
effect._result = result2;
|
|
return result2;
|
|
});
|
|
effect();
|
|
const result = effect._result;
|
|
if (result == null)
|
|
return null;
|
|
const node = result instanceof Node || isArr(result) && result.every((n) => n instanceof Node) ? result : doc.createTextNode(String(result));
|
|
const attach = (n) => {
|
|
if (isObj(n) && !n._isRuntime) {
|
|
n._mounts = effect._mounts || [];
|
|
n._cleanups = effect._cleanups || new Set;
|
|
n._ownerEffect = effect;
|
|
}
|
|
};
|
|
isArr(node) ? node.forEach(attach) : attach(node);
|
|
return node;
|
|
}
|
|
const isSVG = SVG_TAGS.has(tag);
|
|
const el = isSVG ? doc.createElementNS(SVG_NS, tag) : doc.createElement(tag);
|
|
el._cleanups = new Set;
|
|
for (const k2 of Object.keys(props)) {
|
|
let v2 = props[k2];
|
|
if (k2 === "ref") {
|
|
isFunc(v2) ? v2(el) : v2.current = el;
|
|
continue;
|
|
}
|
|
let val = attrFilter ? attrFilter(k2, v2) : v2;
|
|
if (isSVG && k2.startsWith("xlink:")) {
|
|
val == null ? el.removeAttributeNS(XLINK_NS, k2.slice(6)) : el.setAttributeNS(XLINK_NS, k2.slice(6), val);
|
|
continue;
|
|
}
|
|
if (k2.startsWith("on")) {
|
|
const ev = k2.slice(2).toLowerCase();
|
|
el.addEventListener(ev, val);
|
|
const off = () => el.removeEventListener(ev, val);
|
|
el._cleanups.add(off);
|
|
onUnmount(off);
|
|
} else if (isFunc(val)) {
|
|
const effect = createEffect(() => {
|
|
const raw = val();
|
|
const safeVal = attrFilter ? attrFilter(k2, raw) : raw;
|
|
if (k2 === "class")
|
|
el.className = safeVal || "";
|
|
else if (safeVal == null)
|
|
el.removeAttribute(k2);
|
|
else if (k2 in el && !isSVG)
|
|
el[k2] = safeVal;
|
|
else
|
|
el.setAttribute(k2, safeVal === true ? "" : safeVal);
|
|
});
|
|
effect();
|
|
el._cleanups.add(() => dispose(effect));
|
|
onUnmount(() => dispose(effect));
|
|
if (/^(INPUT|TEXTAREA|SELECT)$/.test(el.tagName) && (k2 === "value" || k2 === "checked")) {
|
|
const evType = k2 === "checked" ? "change" : "input";
|
|
el.addEventListener(evType, (ev) => val(ev.target[k2]));
|
|
}
|
|
} else {
|
|
if (val != null) {
|
|
if (k2 in el && !isSVG)
|
|
el[k2] = val;
|
|
else
|
|
el.setAttribute(k2, val === true ? "" : val);
|
|
}
|
|
}
|
|
}
|
|
const append = (c) => {
|
|
if (isArr(c))
|
|
return c.forEach(append);
|
|
if (isFunc(c)) {
|
|
const anchor = doc.createTextNode("");
|
|
el.appendChild(anchor);
|
|
let currentNodes = [];
|
|
const effect = createEffect(() => {
|
|
const res = c();
|
|
const next = (isArr(res) ? res : [res]).map(ensureNode);
|
|
currentNodes.forEach((n) => {
|
|
if (n._isRuntime)
|
|
n.destroy();
|
|
else
|
|
cleanupNode(n);
|
|
if (n.parentNode)
|
|
n.remove();
|
|
});
|
|
let ref = anchor;
|
|
for (let i = next.length - 1;i >= 0; i--) {
|
|
const node = next[i];
|
|
if (node.parentNode !== ref.parentNode)
|
|
ref.parentNode?.insertBefore(node, ref);
|
|
if (node._mounts)
|
|
node._mounts.forEach((fn) => fn());
|
|
ref = node;
|
|
}
|
|
currentNodes = next;
|
|
});
|
|
effect();
|
|
el._cleanups.add(() => dispose(effect));
|
|
onUnmount(() => dispose(effect));
|
|
} else {
|
|
const node = ensureNode(c);
|
|
el.appendChild(node);
|
|
if (node._mounts)
|
|
node._mounts.forEach((fn) => fn());
|
|
}
|
|
};
|
|
append(children);
|
|
return el;
|
|
};
|
|
var render = (renderFn) => {
|
|
const cleanups = new Set;
|
|
const previousOwner = activeOwner;
|
|
const previousEffect = activeEffect;
|
|
const container = doc.createElement("div");
|
|
container.style.display = "contents";
|
|
container.setAttribute("role", "presentation");
|
|
activeOwner = { _cleanups: cleanups };
|
|
activeEffect = null;
|
|
const processResult = (result) => {
|
|
if (!result)
|
|
return;
|
|
if (result._isRuntime) {
|
|
cleanups.add(result.destroy);
|
|
container.appendChild(result.container);
|
|
} else if (isArr(result)) {
|
|
result.forEach(processResult);
|
|
} else {
|
|
container.appendChild(result instanceof Node ? result : doc.createTextNode(String(result == null ? "" : result)));
|
|
}
|
|
};
|
|
try {
|
|
processResult(renderFn({ onCleanup: (fn) => cleanups.add(fn) }));
|
|
} finally {
|
|
activeOwner = previousOwner;
|
|
activeEffect = previousEffect;
|
|
}
|
|
return {
|
|
_isRuntime: true,
|
|
container,
|
|
destroy: () => {
|
|
cleanups.forEach((fn) => fn());
|
|
cleanupNode(container);
|
|
container.remove();
|
|
}
|
|
};
|
|
};
|
|
var router = (routes) => {
|
|
const getHash = () => window.location.hash.slice(1) || "/";
|
|
const path = $2(getHash());
|
|
const handler = () => path(getHash());
|
|
window.addEventListener("hashchange", handler);
|
|
onUnmount(() => window.removeEventListener("hashchange", handler));
|
|
const hook = h("div", { class: "router-hook" });
|
|
let currentView = null;
|
|
watch([path], () => {
|
|
const cur = path();
|
|
const route = routes.find((r) => {
|
|
const p1 = r.path.split("/").filter(Boolean);
|
|
const p2 = cur.split("/").filter(Boolean);
|
|
return p1.length === p2.length && p1.every((p, i) => p[0] === ":" || p === p2[i]);
|
|
}) || routes.find((r) => r.path === "*");
|
|
if (route) {
|
|
currentView?.destroy();
|
|
const params = {};
|
|
route.path.split("/").filter(Boolean).forEach((p, i) => {
|
|
if (p[0] === ":")
|
|
params[p.slice(1)] = cur.split("/").filter(Boolean)[i];
|
|
});
|
|
router.params(params);
|
|
currentView = render(() => isFunc(route.component) ? route.component(params) : route.component);
|
|
hook.replaceChildren(currentView.container);
|
|
}
|
|
});
|
|
return hook;
|
|
};
|
|
router.params = $2({});
|
|
router.to = (p) => window.location.hash = p.replace(/^#?\/?/, "#/");
|
|
router.back = () => window.history.back();
|
|
router.path = () => window.location.hash.replace(/^#/, "") || "/";
|
|
|
|
// node_modules/sigpro/sigpro/xss.js
|
|
var DANGEROUS_PROTOCOL = /^\s*(javascript|data|vbscript):/i;
|
|
var DANGEROUS_URI_ATTRS = new Set(["src", "href", "formaction", "action", "background", "code", "archive"]);
|
|
var isDangerousAttr = (key) => DANGEROUS_URI_ATTRS.has(key) || key.startsWith("on");
|
|
var validateAttr = (key, val) => {
|
|
if (val == null || val === false)
|
|
return null;
|
|
if (isDangerousAttr(key)) {
|
|
const sVal = String(val);
|
|
if (DANGEROUS_PROTOCOL.test(sVal)) {
|
|
console.warn(`[SigPro XSS] Locked ${key}`);
|
|
return "#";
|
|
}
|
|
}
|
|
return val;
|
|
};
|
|
filterXSS(validateAttr);
|
|
|
|
// node_modules/sigpro/sigpro/tags.js
|
|
if (typeof window !== "undefined") {
|
|
"a abbr article aside audio b blockquote br button canvas caption cite code col colgroup datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5 h6 header hr i iframe img input ins kbd label legend li main mark meter nav object ol optgroup option output p picture pre progress section select slot small source span strong sub summary sup svg table tbody td template textarea tfoot th thead time tr u ul video".split(" ").forEach((tag) => {
|
|
window[tag] = (props, children) => h(tag, props, children);
|
|
});
|
|
console.log("SigPro tags ready");
|
|
}
|
|
|
|
// sigpro-ui.js
|
|
var exports_sigpro_ui = {};
|
|
__export(exports_sigpro_ui, {
|
|
Tooltip: () => Tooltip,
|
|
Toggle: () => Toggle,
|
|
Toast: () => Toast,
|
|
Timeline: () => Timeline,
|
|
Textrotate: () => Textrotate,
|
|
Textarea: () => Textarea,
|
|
Tabs: () => Tabs,
|
|
TableItems: () => TableItems,
|
|
Table: () => Table,
|
|
SwapToggle: () => SwapToggle,
|
|
SwapOn: () => SwapOn,
|
|
SwapOff: () => SwapOff,
|
|
Swap: () => Swap,
|
|
Steps: () => Steps,
|
|
Step: () => Step,
|
|
Stats: () => Stats,
|
|
Stat: () => Stat,
|
|
Stack: () => Stack,
|
|
SkeletonText: () => SkeletonText,
|
|
Skeleton: () => Skeleton,
|
|
Select: () => Select,
|
|
RatingItems: () => RatingItems,
|
|
Rating: () => Rating,
|
|
Range: () => Range,
|
|
Radio: () => Radio,
|
|
Radial: () => Radial,
|
|
Progress: () => Progress,
|
|
Navbar: () => Navbar,
|
|
Modal: () => Modal,
|
|
Menu: () => Menu,
|
|
Loading: () => Loading,
|
|
ListRows: () => ListRows,
|
|
List: () => List,
|
|
Kbd: () => Kbd,
|
|
Input: () => Input,
|
|
Indicator: () => Indicator,
|
|
Icon: () => Icon,
|
|
Fileinput: () => Fileinput,
|
|
Fieldset: () => Fieldset,
|
|
Fab: () => Fab,
|
|
DropdownContent: () => DropdownContent,
|
|
DropdownButton: () => DropdownButton,
|
|
Dropdown: () => Dropdown,
|
|
DrawerToggle: () => DrawerToggle,
|
|
DrawerSide: () => DrawerSide,
|
|
DrawerOverlay: () => DrawerOverlay,
|
|
DrawerContent: () => DrawerContent,
|
|
Drawer: () => Drawer,
|
|
Divider: () => Divider,
|
|
Datepicker: () => Datepicker,
|
|
Colorpicker: () => Colorpicker,
|
|
ColorPalette: () => ColorPalette,
|
|
Checkbox: () => Checkbox,
|
|
ChatImage: () => ChatImage,
|
|
ChatHeader: () => ChatHeader,
|
|
ChatFooter: () => ChatFooter,
|
|
ChatBubble: () => ChatBubble,
|
|
Chat: () => Chat,
|
|
CarouselItem: () => CarouselItem,
|
|
Carousel: () => Carousel,
|
|
CardTitle: () => CardTitle,
|
|
CardBody: () => CardBody,
|
|
CardActions: () => CardActions,
|
|
Card: () => Card,
|
|
Calendar: () => Calendar,
|
|
Button: () => Button,
|
|
Badge: () => Badge,
|
|
Autocomplete: () => Autocomplete,
|
|
Alert: () => Alert,
|
|
Accordion: () => Accordion
|
|
});
|
|
|
|
// sigpro-helpers.js
|
|
var get = (val) => typeof val === "function" ? val() : val;
|
|
var getBy = (item, field = "label") => item && typeof item === "object" ? item[field] : item;
|
|
var cls = (...classes) => classes.filter(Boolean).join(" ").trim();
|
|
var isFn = (f) => typeof f === "function";
|
|
var filterBy = (items, query, field = "label", q = String(query).toLowerCase()) => !query ? get(items) : get(items).filter((item) => String(item && typeof item === "object" ? item[field] : item).toLowerCase().includes(q));
|
|
var rand = (r) => `${r}-${Math.random().toString(36).slice(2, 9)}`;
|
|
var close = () => document.activeElement?.blur();
|
|
|
|
// sigpro-ui.js
|
|
var Accordion = (p) => {
|
|
const name = p.name || rand("acc");
|
|
return J(p.items, (it) => {
|
|
return M("div", { class: cls("collapse", p.class) }, [
|
|
M("input", { type: "radio", name, checked: it.open || undefined }),
|
|
it.title ? M("div", { class: cls("collapse-title", `${it.classTitle ?? " font-semibold"}`) }, it.title) : null,
|
|
it.content ? M("div", { class: cls("collapse-content text-sm", `${it.classContent ?? " font-semibold"}`) }, it.content) : null
|
|
]);
|
|
});
|
|
};
|
|
var Alert = (p, c) => M("div", { ...p, class: cls("alert", p.class) }, c);
|
|
var Autocomplete = ({ items, value, onselect, placeholder = "...", ...props }) => {
|
|
const query = U(get(value) || "");
|
|
const filtered = U(() => filterBy(items, query()));
|
|
const pick = (item) => {
|
|
const display = getBy(item);
|
|
const actual = typeof item === "string" ? item : item.value;
|
|
query(display);
|
|
if (isFn(value))
|
|
value(actual);
|
|
onselect?.(item);
|
|
close();
|
|
};
|
|
return Dropdown({ class: "w-full" }, [
|
|
M("div", { tabindex: "0", role: "button", class: "w-full" }, Input({
|
|
...props,
|
|
placeholder,
|
|
value: query,
|
|
left: M("span", { class: "icon-[lucide--search]" }),
|
|
oninput: (e) => {
|
|
query(e.target.value);
|
|
if (isFn(value))
|
|
value(e.target.value);
|
|
}
|
|
})),
|
|
DropdownContent({ class: "p-2 bg-base-100 rounded-box shadow-xl w-full max-h-60 overflow-y-auto border border-base-300 z-50" }, M("ul", { class: "menu flex-col flex-nowrap w-full p-0" }, [
|
|
J(filtered, (item) => M("li", {}, [
|
|
M("a", {
|
|
onmousedown: (e) => e.preventDefault(),
|
|
onclick: () => pick(item)
|
|
}, getBy(item))
|
|
]), (item) => getBy(item)),
|
|
() => filtered().length === 0 ? M("li", { class: "p-4 opacity-50 text-center" }, "Sin resultados") : null
|
|
]))
|
|
]);
|
|
};
|
|
var Badge = (p, c) => M("span", { ...p, class: cls("badge", p.class) }, c);
|
|
var Button = (p, c) => M("button", { ...p, class: cls("btn", p.class) }, c);
|
|
var Calendar = (p) => {
|
|
const internalDate = U(new Date);
|
|
const hoverDate = U(null);
|
|
const startHour = U(0);
|
|
const endHour = U(0);
|
|
const now = new Date;
|
|
const todayStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}-${String(now.getDate()).padStart(2, "0")}`;
|
|
const fmt = (d2) => `${d2.getFullYear()}-${String(d2.getMonth() + 1).padStart(2, "0")}-${String(d2.getDate()).padStart(2, "0")}`;
|
|
const rangeMode = () => get(p.range) === true;
|
|
const current = () => get(p.value);
|
|
const selectDate = (date) => {
|
|
const s = fmt(date);
|
|
const v2 = current();
|
|
if (rangeMode()) {
|
|
if (!v2?.start || v2.start && v2.end) {
|
|
p.onChange?.({ start: s, end: null, ...p.hour && { startHour: startHour() } });
|
|
} else {
|
|
const start = v2.start;
|
|
const nv = s < start ? { start: s, end: start } : { start, end: s };
|
|
if (p.hour) {
|
|
nv.startHour = v2.startHour ?? startHour();
|
|
nv.endHour = endHour();
|
|
}
|
|
p.onChange?.(nv);
|
|
}
|
|
} else {
|
|
p.onChange?.(p.hour ? `${s}T${String(startHour()).padStart(2, "0")}:00:00` : s);
|
|
}
|
|
};
|
|
const move = (m2) => {
|
|
const d2 = internalDate();
|
|
internalDate(new Date(d2.getFullYear(), d2.getMonth() + m2, 1));
|
|
};
|
|
const moveYear = (y) => {
|
|
const d2 = internalDate();
|
|
internalDate(new Date(d2.getFullYear() + y, d2.getMonth(), 1));
|
|
};
|
|
const HourSlider = ({ value: hVal, onChange: onH }) => M("div", { class: "flex-1" }, [
|
|
M("div", { class: "flex gap-2 items-center" }, [
|
|
M("input", { type: "range", min: 0, max: 23, value: hVal, class: "range range-xs flex-1", oninput: (e) => onH(+e.target.value) }),
|
|
M("span", { class: "text-sm font-mono min-w-[48px] text-center" }, () => String(get(hVal)).padStart(2, "0") + ":00")
|
|
])
|
|
]);
|
|
return M("div", {
|
|
class: cls("p-4 bg-base-100 border border-base-300 shadow-2xl rounded-box w-80 select-none", p.class)
|
|
}, [
|
|
M("div", { class: "flex justify-between items-center mb-4 gap-1" }, [
|
|
M("div", { class: "flex gap-0.5" }, [
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => moveYear(-1) }, M("span", { class: "icon-[lucide--chevrons-left]" })),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => move(-1) }, M("span", { class: "icon-[lucide--chevron-left]" }))
|
|
]),
|
|
M("span", { class: "font-bold uppercase flex-1 text-center" }, () => internalDate().toLocaleString("es-ES", { month: "short", year: "numeric" })),
|
|
M("div", { class: "flex gap-0.5" }, [
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => move(1) }, M("span", { class: "icon-[lucide--chevron-right]" })),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs px-1", onclick: () => moveYear(1) }, M("span", { class: "icon-[lucide--chevrons-right]" }))
|
|
])
|
|
]),
|
|
M("div", { class: "grid grid-cols-7 gap-1", onmouseleave: () => hoverDate(null) }, [
|
|
...["L", "M", "X", "J", "V", "S", "D"].map((d2) => M("div", { class: "text-[10px] opacity-40 font-bold text-center" }, d2)),
|
|
() => {
|
|
const d2 = internalDate(), y = d2.getFullYear(), m2 = d2.getMonth();
|
|
const firstDay = new Date(y, m2, 1).getDay();
|
|
const offset = firstDay === 0 ? 6 : firstDay - 1;
|
|
const dim = new Date(y, m2 + 1, 0).getDate();
|
|
const cells = [];
|
|
for (let i = 0;i < offset; i++)
|
|
cells.push(M("div"));
|
|
for (let i = 1;i <= dim; i++) {
|
|
const date = new Date(y, m2, i), ds = fmt(date);
|
|
cells.push(M("button", {
|
|
type: "button",
|
|
class: () => {
|
|
const v2 = current(), h2 = hoverDate();
|
|
const isStart = typeof v2 === "string" ? v2.split("T")[0] === ds : v2?.start === ds;
|
|
const isEnd = v2?.end === ds;
|
|
let inRange = false;
|
|
if (rangeMode() && v2?.start) {
|
|
const start = v2.start;
|
|
if (!v2.end && h2)
|
|
inRange = ds > start && ds <= h2 || ds < start && ds >= h2;
|
|
else if (v2.end)
|
|
inRange = ds > start && ds < v2.end;
|
|
}
|
|
const base = "btn btn-xs p-0 aspect-square min-h-0 h-auto font-normal relative";
|
|
const st = isStart || isEnd ? "btn-primary z-10" : inRange ? "bg-primary/20 border-none rounded-none" : "btn-ghost";
|
|
const today = ds === todayStr ? "ring-1 ring-primary ring-inset font-black text-primary" : "";
|
|
return cls(base, st, today);
|
|
},
|
|
onmouseenter: () => rangeMode() && hoverDate(ds),
|
|
onclick: () => selectDate(date)
|
|
}, i.toString()));
|
|
}
|
|
return cells;
|
|
}
|
|
]),
|
|
p.hour ? M("div", { class: "mt-3 pt-2 border-t border-base-300" }, rangeMode() ? M("div", { class: "flex gap-4" }, [HourSlider({ value: startHour, onChange: (h2) => startHour(h2) }), HourSlider({ value: endHour, onChange: (h2) => endHour(h2) })]) : HourSlider({ value: startHour, onChange: (h2) => startHour(h2) })) : null
|
|
]);
|
|
};
|
|
var Card = (p, c) => M("div", { ...p, class: cls("card", p.class) }, c);
|
|
var CardTitle = (p, c) => M("div", { ...p, class: cls("card-title", p.class) }, c);
|
|
var CardBody = (p, c) => M("div", { ...p, class: cls("card-body", p.class) }, c);
|
|
var CardActions = (p, c) => M("div", { ...p, class: cls("card-actions", p.class) }, c);
|
|
var Carousel = (p, c) => M("div", { ...p, class: cls("carousel", p.class) }, c);
|
|
var CarouselItem = (p, c) => M("div", { ...p, class: cls("carousel-item", p.class) }, c);
|
|
var Chat = (p, c) => M("div", { ...p, class: cls("chat", p.class) }, c);
|
|
var ChatBubble = (p, c) => M("div", { ...p, class: cls("chat-bubble", p.class) }, c);
|
|
var ChatFooter = (p, c) => M("div", { ...p, class: cls("chat-footer", p.class) }, c);
|
|
var ChatHeader = (p, c) => M("div", { ...p, class: cls("chat-header", p.class) }, c);
|
|
var ChatImage = (p, c) => M("div", { ...p, class: cls("chat-image avatar", p.class) }, M("div", { class: "w-10 rounded-full" }, typeof c === "string" ? M("img", { src: c, alt: "avatar" }) : c));
|
|
var Checkbox = (p) => M("input", { ...p, type: "checkbox", class: cls("checkbox", p.class) });
|
|
var Colorpicker = (p) => {
|
|
const current = () => get(p.value) || "#000000";
|
|
return Dropdown({}, [
|
|
DropdownButton({ class: "btn" }, [
|
|
M("div", { class: "size-5 rounded-sm", style: () => `background-color: ${current()}` }),
|
|
p.label && M("span", {}, p.label)
|
|
]),
|
|
DropdownContent({ class: "p-3 bg-base-100 rounded-box shadow-xl w-64" }, ColorPalette({ value: p.value, onchange: (c) => {
|
|
isFn(p.value) ? p.value(c) : p.onchange?.(c);
|
|
} }))
|
|
]);
|
|
};
|
|
var ColorPalette = (p) => {
|
|
const current = () => get(p.value) || "#000000";
|
|
const palette = [
|
|
"#000",
|
|
"#1A1A1A",
|
|
"#333",
|
|
"#4D4D4D",
|
|
"#666",
|
|
"#808080",
|
|
"#B3B3B3",
|
|
"#FFF",
|
|
"#450a0a",
|
|
"#7f1d1d",
|
|
"#991b1b",
|
|
"#b91c1c",
|
|
"#dc2626",
|
|
"#ef4444",
|
|
"#f87171",
|
|
"#fca5a5",
|
|
"#431407",
|
|
"#7c2d12",
|
|
"#9a3412",
|
|
"#c2410c",
|
|
"#ea580c",
|
|
"#f97316",
|
|
"#fb923c",
|
|
"#ffedd5",
|
|
"#713f12",
|
|
"#a16207",
|
|
"#ca8a04",
|
|
"#eab308",
|
|
"#facc15",
|
|
"#fde047",
|
|
"#fef08a",
|
|
"#fff9c4",
|
|
"#064e3b",
|
|
"#065f46",
|
|
"#059669",
|
|
"#10b981",
|
|
"#34d399",
|
|
"#4ade80",
|
|
"#84cc16",
|
|
"#d9f99d",
|
|
"#082f49",
|
|
"#075985",
|
|
"#0284c7",
|
|
"#0ea5e9",
|
|
"#38bdf8",
|
|
"#7dd3fc",
|
|
"#22d3ee",
|
|
"#cffafe",
|
|
"#1e1b4b",
|
|
"#312e81",
|
|
"#4338ca",
|
|
"#4f46e5",
|
|
"#6366f1",
|
|
"#818cf8",
|
|
"#a5b4fc",
|
|
"#e0e7ff",
|
|
"#2e1065",
|
|
"#4c1d95",
|
|
"#6d28d9",
|
|
"#7c3aed",
|
|
"#8b5cf6",
|
|
"#a855f7",
|
|
"#d946ef",
|
|
"#fae8ff"
|
|
];
|
|
const pick = (c) => isFn(p.value) ? p.value(c) : p.onchange?.(c);
|
|
return M("div", { class: "grid grid-cols-8 gap-1" }, palette.map((c) => M("button", {
|
|
type: "button",
|
|
style: `background-color: ${c}`,
|
|
class: () => {
|
|
const act = current().toLowerCase() === c.toLowerCase();
|
|
return `size-6 rounded-sm cursor-pointer transition-all hover:scale-125 hover:z-10 active:scale-95 outline-none border border-black/5 p-0 min-h-0 ${act ? "ring-2 ring-offset-1 ring-primary z-10 scale-110" : ""}`;
|
|
},
|
|
onclick: () => {
|
|
pick(c);
|
|
close();
|
|
}
|
|
})));
|
|
};
|
|
var Datepicker = (p) => {
|
|
const displayValue = U("");
|
|
const rangeMode = () => get(p.range) === true;
|
|
k(() => {
|
|
const v2 = get(p.value);
|
|
if (!v2)
|
|
return displayValue("");
|
|
let text = "";
|
|
if (typeof v2 === "string") {
|
|
text = p.hour && v2.includes("T") ? v2.replace("T", " ") : v2;
|
|
} else if (v2.start && v2.end) {
|
|
const startStr = p.hour && v2.startHour != null ? `${v2.start} ${String(v2.startHour).padStart(2, "0")}:00` : v2.start;
|
|
const endStr = p.hour && v2.endHour != null ? `${v2.end} ${String(v2.endHour).padStart(2, "0")}:00` : v2.end;
|
|
text = `${startStr} - ${endStr}`;
|
|
} else if (v2.start) {
|
|
const startStr = p.hour && v2.startHour != null ? `${v2.start} ${String(v2.startHour).padStart(2, "0")}:00` : v2.start;
|
|
text = `${startStr}...`;
|
|
}
|
|
displayValue(text);
|
|
});
|
|
const handleChange = (val) => {
|
|
if (isFn(p.value))
|
|
p.value(val);
|
|
else
|
|
p.onChange?.(val);
|
|
if (!rangeMode() || val?.end != null)
|
|
close();
|
|
};
|
|
return Dropdown({ class: cls("w-full", p.class) }, [
|
|
M("label", {
|
|
tabindex: "0",
|
|
role: "button",
|
|
class: "input input-bordered flex items-center gap-2 cursor-pointer"
|
|
}, [
|
|
M("span", { class: "icon-[lucide--calendar] shrink-0" }),
|
|
M("span", {
|
|
class: () => `grow text-left truncate ${!displayValue() ? "opacity-50" : ""}`
|
|
}, () => displayValue() || p.placeholder || (rangeMode() ? "Seleccionar rango..." : "Seleccionar fecha...")),
|
|
() => displayValue() ? M("button", {
|
|
type: "button",
|
|
class: "btn btn-ghost btn-xs btn-circle -mr-2",
|
|
onmousedown: (e) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
if (isFn(p.value))
|
|
p.value(null);
|
|
else
|
|
p.onChange?.(null);
|
|
displayValue("");
|
|
}
|
|
}, M("span", { class: "icon-[lucide--x] opacity-50" })) : null
|
|
]),
|
|
DropdownContent({ class: "p-0 bg-base-100 rounded-box shadow-xl" }, Calendar({
|
|
value: p.value,
|
|
range: rangeMode(),
|
|
hour: p.hour,
|
|
onChange: handleChange
|
|
}))
|
|
]);
|
|
};
|
|
var Drawer = (p, c) => div({ ...p, class: cls("drawer", p.class) }, c);
|
|
var DrawerToggle = (p) => input({ ...p, type: "checkbox", class: "drawer-toggle", checked: () => get(p.checked), onchange: (e) => isFn(p.checked) && p.checked(e.target.checked) });
|
|
var DrawerContent = (p, c) => div({ ...p, class: cls("drawer-content", p.class) }, c);
|
|
var DrawerSide = (p, c) => div({ ...p, class: cls("drawer-side", p.class) }, c);
|
|
var DrawerOverlay = (p) => label({ ...p, for: p.for, class: cls("drawer-overlay", p.class) });
|
|
var Divider = (p) => M("div", { ...p, class: cls("divider", p.class) });
|
|
var Dropdown = (p, c) => M("div", { ...p, class: cls("dropdown", p.class) }, c);
|
|
var DropdownButton = (p, c) => M("div", { ...p, tabindex: "0", role: "button", class: cls("btn", p.class) }, c);
|
|
var DropdownContent = (p, c) => M("div", { ...p, tabindex: "0", class: cls("dropdown-content", p.class) }, c);
|
|
var Fab = (p, c) => M("div", { class: "fab" }, [M("div", { tabindex: "0", role: "button", class: cls("btn", p.class) }, Icon(p.icon)), c]);
|
|
var Fieldset = (p, c) => M("fieldset", { class: cls("fieldset", p.class) }, [M("legend", { class: "fieldset-legend" }, p.label), c]);
|
|
var Fileinput = (p) => {
|
|
const files = U([]);
|
|
const drag = U(false);
|
|
const error = U(null);
|
|
const maxBytes = (p.max || 2) * 1024 * 1024;
|
|
const process = (fileList) => {
|
|
const arr = Array.from(fileList);
|
|
error(null);
|
|
if (arr.some((f) => f.size > maxBytes)) {
|
|
error(`Máx ${p.max || 2}MB`);
|
|
return;
|
|
}
|
|
const updated = [...files(), ...arr];
|
|
files(updated);
|
|
if (isFn(p.onselect))
|
|
p.onselect(updated);
|
|
else if (isFn(p.value))
|
|
p.value(updated);
|
|
};
|
|
const remove = (idx) => {
|
|
const updated = files().filter((_2, i) => i !== idx);
|
|
files(updated);
|
|
if (isFn(p.onselect))
|
|
p.onselect(updated);
|
|
else if (isFn(p.value))
|
|
p.value(updated);
|
|
};
|
|
return M("div", { class: cls("fieldset w-full p-0", p.class) }, [
|
|
M("label", {
|
|
class: () => `relative flex items-center justify-between w-full h-12 px-4 border-2 border-dashed rounded-lg cursor-pointer transition-all duration-200 ${drag() ? "border-primary bg-primary/10" : "border-base-content/20 bg-base-100 hover:bg-base-200"}`,
|
|
ondragover: (e) => {
|
|
e.preventDefault();
|
|
drag(true);
|
|
},
|
|
ondragleave: () => drag(false),
|
|
ondrop: (e) => {
|
|
e.preventDefault();
|
|
drag(false);
|
|
process(e.dataTransfer.files);
|
|
}
|
|
}, [
|
|
M("div", { class: "flex items-center gap-3 w-full" }, [
|
|
M("span", { class: "icon-[lucide--upload]" }),
|
|
M("span", { class: "text-sm opacity-70 truncate grow text-left" }, "Arrastra o selecciona archivos..."),
|
|
M("span", { class: "text-[10px] opacity-40 shrink-0" }, `Máx ${p.max || 2}MB`)
|
|
]),
|
|
M("input", {
|
|
type: "file",
|
|
multiple: true,
|
|
accept: p.accept || "*",
|
|
class: "hidden",
|
|
onchange: (e) => process(e.target.files)
|
|
})
|
|
]),
|
|
() => error() && M("span", { class: "text-[10px] text-error mt-1 px-1 font-medium" }, error()),
|
|
F(() => files().length > 0, () => M("ul", { class: "mt-2 space-y-1" }, J(files, (file, idx) => M("li", { class: "flex items-center justify-between p-1.5 pl-3 text-xs bg-base-200/50 rounded-md border border-base-300" }, [
|
|
M("div", { class: "flex items-center gap-2 truncate" }, [
|
|
M("span", { class: "opacity-50" }, "\uD83D\uDCC4"),
|
|
M("span", { class: "truncate font-medium max-w-[200px]" }, file.name),
|
|
M("span", { class: "text-[9px] opacity-40" }, `(${(file.size / 1024).toFixed(0)} KB)`)
|
|
]),
|
|
M("button", {
|
|
type: "button",
|
|
class: "btn btn-ghost btn-xs btn-circle",
|
|
onclick: (e) => {
|
|
e.preventDefault();
|
|
remove(idx);
|
|
}
|
|
}, M("span", { class: "icon-[lucide--x]" }))
|
|
]))))
|
|
]);
|
|
};
|
|
var Icon = (p) => M("span", { class: p.startsWith("icon-") ? p : "" }, p.startsWith("icon-") ? null : p);
|
|
var Indicator = (p, c) => M("div", { ...p, class: cls("indicator", p.class) }, [p.value && M("span", { class: cls("indicator-item badge", p.class) }, p.value), c]);
|
|
var Input = (p) => {
|
|
const { label: label2, icon, float, placeholder, value, left, right, rule, hint, content, ...rest } = p;
|
|
const showPassword = U(false);
|
|
const isPassword = p.type === "password";
|
|
const pattern = rule ?? null;
|
|
const inputType = () => isPassword ? get(showPassword) ? "text" : "password" : p.type || "search";
|
|
return M("label", { class: float ? "floating-label" : "" }, [
|
|
float ? M("span", {}, label2) : null,
|
|
M("label", { pattern, class: () => cls("input validator", p.class) }, [
|
|
label2 && !float ? M("span", { class: "label" }, label2) : null,
|
|
left ?? null,
|
|
M("input", { ...rest, type: inputType, class: "grow", pattern, placeholder: placeholder || label2 || " ", value }),
|
|
right ?? null,
|
|
isPassword ? Swap({ class: "ml-2" }, [
|
|
SwapToggle({ value: showPassword, class: "swap-rotate" }),
|
|
SwapOn({}, Icon("icon-[lucide--eye]")),
|
|
SwapOff({}, Icon("icon-[lucide--eye-off]"))
|
|
]) : null
|
|
]),
|
|
hint ? M("div", { class: "validator-hint" }, hint) : null
|
|
]);
|
|
};
|
|
var Kbd = (p, c) => M("kbd", { ...p, class: cls("kbd", p.class) }, c);
|
|
var List = (p, c) => M("ul", { ...p, class: cls("list", p.class) }, c);
|
|
var ListRows = (p) => () => (get(p.items) || []).map((item, idx) => M("li", { class: cls("list-row", p.class, item?.class) }, typeof p.render === "function" ? p.render(item, idx) : item));
|
|
var Loading = (p, c) => M("span", { ...p, class: cls("loading loading-spinner", p.class) }, c);
|
|
var Menu = (p) => {
|
|
if (p.children !== undefined)
|
|
return M("ul", { class: cls("menu", p.class), ...p }, p.children);
|
|
const { items } = p;
|
|
const render2 = (item) => item.children ? M("li", {}, M("details", { open: item.open || undefined }, [
|
|
M("summary", {}, getBy(item)),
|
|
M("ul", {}, J(() => get(item.children) || [], render2))
|
|
])) : M("li", {}, M("a", {
|
|
href: item.href,
|
|
onclick: item.onclick ? (e) => {
|
|
if (!item.href)
|
|
e.preventDefault();
|
|
item.onclick(e);
|
|
} : null
|
|
}, getBy(item)));
|
|
return M("ul", { class: cls("menu", p.class) }, J(() => get(items) || [], render2));
|
|
};
|
|
var Modal = (p) => {
|
|
let dialogRef = null;
|
|
k(() => {
|
|
const isOpen = get(p.open);
|
|
if (!dialogRef)
|
|
return;
|
|
isOpen ? dialogRef.showModal() : dialogRef.close();
|
|
});
|
|
const close2 = () => isFn(p.open) && p.open(false);
|
|
return M("dialog", {
|
|
...p,
|
|
ref: (el) => dialogRef = el,
|
|
class: cls("modal", p.class),
|
|
onclose: close2,
|
|
oncancel: close2
|
|
}, [
|
|
M("div", { class: "modal-box" }, [
|
|
p.title && M("h3", { class: "text-lg font-bold" }, p.title),
|
|
p.children,
|
|
M("div", { class: "modal-action" }, [
|
|
p.actions || Button({ class: "btn", onclick: close2 }, "Cerrar")
|
|
])
|
|
]),
|
|
M("form", { method: "dialog", class: "modal-backdrop" }, [
|
|
M("button", {}, "close")
|
|
])
|
|
]);
|
|
};
|
|
var Navbar = (p, c) => M("div", { ...p, class: cls("navbar", p.class) }, c);
|
|
var Progress = (p) => M("progress", { ...p, class: cls("progress", p.class) });
|
|
var Radial = (p, c) => M("div", { ...p, class: cls("radial-progress", p.class), style: `--value:${p.value ?? 0};${p.style ?? ""}`, role: "progressbar", "aria-valuenow": p.value ?? 0 }, c ?? `${p.value ?? 0}%`);
|
|
var Radio = (p) => M("input", { ...p, type: "radio", class: cls("radio", p.class) });
|
|
var Range = (p) => M("input", { ...p, type: "range", class: cls("range", p.class) });
|
|
var Rating = (p, c) => M("div", { ...p, class: "rating" }, c);
|
|
var RatingItems = (p) => [...Array(p.count)].map((_2, i) => M("input", { class: cls("mask", p.class), name: p.name, type: "radio", checked: () => get(p.value) === i, onchange: () => isFn(p.value) ? p.value(i) : p.onchange?.(i) }));
|
|
var Select = (p, c) => {
|
|
if (c !== undefined)
|
|
return M("select", { class: cls("select", p.class), ...p }, c);
|
|
const { label: label2, float, placeholder, placeholderDisabled = true, value, left, right, hint, items, keyFn, ...rest } = p;
|
|
const opts = () => {
|
|
const raw = get(items) || [];
|
|
const ph = placeholder ? [{ disabled: placeholderDisabled, label: placeholder, value: "" }] : [];
|
|
return [...ph, ...raw];
|
|
};
|
|
return M("label", { class: float ? "floating-label" : "" }, [
|
|
float ? M("span", {}, label2) : null,
|
|
M("label", { class: cls("select", rest.class) }, [
|
|
!float && label2 ? M("span", { class: "label" }, label2) : null,
|
|
left ?? null,
|
|
M("select", {
|
|
value: () => get(value),
|
|
onchange: (e) => isFn(value) ? value(e.target.value) : rest.onchange?.(e)
|
|
}, J(opts, (item) => {
|
|
const val = getBy(item, item.value !== undefined ? "value" : undefined);
|
|
const lab = getBy(item, "label");
|
|
return M("option", { value: val, disabled: item.disabled || undefined }, lab);
|
|
})),
|
|
right ?? null
|
|
]),
|
|
hint ? M("div", { class: "validator-hint" }, hint) : null
|
|
]);
|
|
};
|
|
var Skeleton = (p) => M("div", { ...p, class: cls("skeleton", p.class) });
|
|
var SkeletonText = (p) => M("span", { ...p, class: cls("skeleton skeleton-text", p.class) });
|
|
var Stack = (p, c) => M("div", { ...p, class: cls("stack", p.class) }, c);
|
|
var Stats = (p, c) => M("div", { ...p, class: cls("stats shadow", p.class) }, c);
|
|
var Stat = (p) => M("div", { ...p, class: cls("stat", p.class) }, [
|
|
p.title ? M("div", { class: "stat-title" }, p.title) : null,
|
|
p.value ? M("div", { class: "stat-value" }, p.value) : null,
|
|
p.desc ? M("div", { class: "stat-desc" }, p.desc) : null
|
|
]);
|
|
var Steps = (p, c) => M("ul", { ...p, class: cls("steps", p.class) }, c);
|
|
var Step = (p, c) => M("li", { ...p, class: cls("step", p.class), "data-content": p.dataContent }, c);
|
|
var Swap = (p, c) => M("label", { ...p, class: cls("swap", p.class) }, c);
|
|
var SwapToggle = (p) => M("input", { type: "checkbox", checked: () => get(p.value), onchange: (e) => isFn(p.value) && p.value(e.target.checked), class: p.class });
|
|
var SwapOn = (p, c) => M("div", { ...p, class: cls("swap-on", p.class) }, c);
|
|
var SwapOff = (p, c) => M("div", { ...p, class: cls("swap-off", p.class) }, c);
|
|
var Table = (p, c) => M("table", { ...p, class: cls("table", p.class) }, c);
|
|
var TableItems = ({ items, columns = [], header = true }) => {
|
|
const head = header !== false && columns.some((c) => c.label) ? M("thead", {}, M("tr", {}, columns.map((c) => M("th", { class: c.class }, c.label)))) : null;
|
|
const body = M("tbody", {}, () => {
|
|
const list = get(items) || [];
|
|
return list.map((it, idx) => M("tr", {}, columns.map((c) => {
|
|
const v2 = c.render ? c.render(it, idx) : it[c.key];
|
|
return M("td", { class: c.class }, v2);
|
|
})));
|
|
});
|
|
return [head, body].filter(Boolean);
|
|
};
|
|
var Tabs = (p, c) => {
|
|
if (!p.items) {
|
|
const { class: className2, ...rest2 } = p;
|
|
return M("div", { ...rest2, class: cls("tabs", className2) }, c);
|
|
}
|
|
const { items, activeIndex, onClose, class: className, ...rest } = p;
|
|
const get2 = (x2) => isFn(x2) ? x2() : x2;
|
|
const closeH = onClose || (isFn(items) ? (idx, item) => {
|
|
const arr = get2(items);
|
|
const newArr = arr.filter((_2, i) => i !== idx);
|
|
items(newArr);
|
|
if (activeIndex() >= newArr.length)
|
|
activeIndex(Math.max(0, newArr.length - 1));
|
|
} : null);
|
|
return M("div", { ...rest, class: cls("tabs", className) }, () => {
|
|
const list = get2(items) || [];
|
|
return list.flatMap((it, idx) => {
|
|
const isActive = () => activeIndex() === idx;
|
|
const button = M("button", {
|
|
class: () => `tab ${isActive() ? "tab-active" : ""} ${it.class || ""}`,
|
|
onclick: (e) => {
|
|
e.preventDefault();
|
|
activeIndex(idx);
|
|
it.onclick?.(e);
|
|
}
|
|
}, [
|
|
getBy(it),
|
|
it.closable ? M("span", {
|
|
class: "ml-1 inline-flex items-center justify-center w-4 h-4 rounded-full hover:bg-base-300 text-base-content/60 hover:text-base-content cursor-pointer",
|
|
onclick: (e) => {
|
|
e.stopPropagation();
|
|
closeH?.(idx, it);
|
|
}
|
|
}, M("span", { class: "icon-[lucide--x] w-3 h-3" })) : null
|
|
]);
|
|
const contentDiv = M("div", {
|
|
class: "tab-content bg-base-100 border-base-300 p-6",
|
|
style: () => `display: ${isActive() ? "block" : "none"};`
|
|
}, isFn(it.content) ? it.content() : it.content);
|
|
return [button, contentDiv];
|
|
});
|
|
});
|
|
};
|
|
var Textarea = (p) => M("textarea", { ...p, class: cls("textarea", p.class) });
|
|
var Textrotate = (p, c) => M("span", { ...p, class: cls("text-rotate", p.class) }, c);
|
|
var Timeline = (p, c) => M("ul", { ...p, class: cls("timeline", p.class) }, c);
|
|
var Toast = (message, type = "alert-success", duration = 3500) => {
|
|
let container = document.getElementById("sigpro-toast-container");
|
|
if (!container) {
|
|
container = M("div", {
|
|
id: "sigpro-toast-container",
|
|
class: "fixed top-0 right-0 z-[9999] p-4 flex flex-col items-end gap-2 pointer-events-none"
|
|
});
|
|
document.body.appendChild(container);
|
|
}
|
|
const host = M("div", { style: "display: contents" });
|
|
container.appendChild(host);
|
|
let closeFn, timer, enterTimer;
|
|
const ToastComponent = () => {
|
|
const visible = U(false);
|
|
const leaving = U(false);
|
|
closeFn = () => {
|
|
if (leaving())
|
|
return;
|
|
clearTimeout(timer);
|
|
clearTimeout(enterTimer);
|
|
leaving(true);
|
|
setTimeout(() => {
|
|
instance.destroy();
|
|
host.remove();
|
|
if (!container.hasChildNodes())
|
|
container.remove();
|
|
}, 300);
|
|
};
|
|
enterTimer = setTimeout(() => visible(true), 0);
|
|
const content = typeof message === "function" ? get(message) : message;
|
|
const msgNode = typeof content === "string" ? M("span", {}, content) : content;
|
|
return M("div", {
|
|
class: () => {
|
|
const base = `alert alert-soft ${type} shadow-lg transition-all duration-300 inline-flex w-auto whitespace-nowrap pointer-events-auto`;
|
|
if (leaving())
|
|
return `${base} translate-x-full opacity-0`;
|
|
if (visible())
|
|
return `${base} translate-x-0 opacity-100`;
|
|
return `${base} translate-x-10 opacity-0`;
|
|
}
|
|
}, [
|
|
msgNode,
|
|
M("button", {
|
|
class: "btn btn-xs btn-circle btn-ghost",
|
|
onclick: closeFn
|
|
}, M("span", { class: "icon-[lucide--x]" }))
|
|
]);
|
|
};
|
|
const instance = Q(ToastComponent, host);
|
|
if (duration > 0)
|
|
timer = setTimeout(closeFn, duration);
|
|
return closeFn;
|
|
};
|
|
var Toggle = (p) => M("input", { ...p, type: "checkbox", class: cls("toggle", p.class) });
|
|
var Tooltip = (p, c) => M("div", { ...p, class: cls("tooltip", p.class), "data-tip": p.tip }, c);
|
|
|
|
// sigpro-editor.js
|
|
var exports_sigpro_editor = {};
|
|
__export(exports_sigpro_editor, {
|
|
Editor: () => Editor
|
|
});
|
|
var Editor = (p) => {
|
|
const { value, class: extraClass } = p;
|
|
let editorRef = null;
|
|
let savedRange = null;
|
|
const isSource = U(false);
|
|
const source = U("");
|
|
const count = U(0);
|
|
const refreshTick = U(0);
|
|
const showEmojis = U(false);
|
|
const emojis = ["\uD83D\uDE00", "\uD83D\uDE0A", "\uD83D\uDE09", "\uD83E\uDDD0", "\uD83D\uDE2E", "\uD83E\uDD14", "\uD83D\uDE05", "\uD83D\uDE02", "\uD83D\uDE0D", "\uD83D\uDE18", "\uD83E\uDD70", "\uD83D\uDC4D", "\uD83D\uDC4E", "\uD83D\uDC4C", "\uD83E\uDD1D", "\uD83E\uDD1E", "\uD83D\uDC4B", "\uD83D\uDC4F", "\uD83D\uDE4C", "\uD83D\uDE4F", "\uD83D\uDCAA", "☝️", "\uD83D\uDC47", "\uD83D\uDC48", "\uD83D\uDC49", "\uD83D\uDD95", "✅", "⚠️", "\uD83D\uDE80", "\uD83D\uDCE2", "✉️", "❤️"];
|
|
const saveSelection = () => {
|
|
const sel = window.getSelection();
|
|
if (sel.getRangeAt && sel.rangeCount)
|
|
savedRange = sel.getRangeAt(0);
|
|
};
|
|
const restoreSelection = () => {
|
|
if (savedRange) {
|
|
const sel = window.getSelection();
|
|
sel.removeAllRanges();
|
|
sel.addRange(savedRange);
|
|
}
|
|
};
|
|
const triggerRefresh = () => {
|
|
refreshTick(refreshTick() + 1);
|
|
if (editorRef)
|
|
count(editorRef.innerText.length);
|
|
};
|
|
const notify = () => {
|
|
if (!editorRef)
|
|
return;
|
|
const html = editorRef.innerHTML;
|
|
if (isFn(value))
|
|
value(html);
|
|
else
|
|
p.onchange?.(html);
|
|
triggerRefresh();
|
|
};
|
|
const exec = (cmd, val = null) => {
|
|
if (!editorRef)
|
|
return;
|
|
editorRef.focus();
|
|
if (savedRange)
|
|
restoreSelection();
|
|
document.execCommand(cmd, false, val);
|
|
savedRange = null;
|
|
notify();
|
|
};
|
|
const openLightbox = (src) => {
|
|
const overlay = document.createElement("div");
|
|
overlay.style = `position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;`;
|
|
const img = document.createElement("img");
|
|
img.src = src;
|
|
img.style = `max-width:95%;max-height:95%;box-shadow:0 0 30px rgba(0,0,0,0.5);border-radius:4px;`;
|
|
overlay.onclick = () => document.body.removeChild(overlay);
|
|
overlay.appendChild(img);
|
|
document.body.appendChild(overlay);
|
|
};
|
|
const handleUpload = (file) => {
|
|
if (!file)
|
|
return;
|
|
const reader = new FileReader;
|
|
reader.onload = (re) => {
|
|
if (file.type.startsWith("image/")) {
|
|
const imgHtml = `<div style="display:inline-block; resize:both; overflow:hidden; vertical-align:bottom; line-height:0; width:200px; height:auto; border:1px dashed #ccc; padding:2px; cursor:pointer;" class="resizable-img-container"><img src="${re.target.result}" style="width:100%; height:100%; object-fit:contain; pointer-events:none;"></div> `;
|
|
exec("insertHTML", imgHtml);
|
|
} else {
|
|
const linkHtml = `<a href="${re.target.result}" download="${file.name}" contenteditable="false" style="display:inline-flex; align-items:center; gap:5px; padding:4px 8px; border:1px solid #ccc; border-radius:4px; background:#f9f9f9; text-decoration:none; color:#333; font-size:12px; margin:2px; cursor:pointer;"><span class="icon-[lucide--paperclip] w-3 h-3"></span>${file.name}</a> `;
|
|
exec("insertHTML", linkHtml);
|
|
}
|
|
};
|
|
reader.readAsDataURL(file);
|
|
};
|
|
const queryState = (cmd, val = null) => {
|
|
refreshTick();
|
|
if (!editorRef || isSource())
|
|
return false;
|
|
try {
|
|
if (cmd === "formatBlock") {
|
|
let node = window.getSelection().getRangeAt(0).commonAncestorContainer;
|
|
while (node && node !== editorRef) {
|
|
if (node.nodeType === 1 && node.tagName === val)
|
|
return true;
|
|
node = node.parentNode;
|
|
}
|
|
return false;
|
|
}
|
|
return document.queryCommandState(cmd);
|
|
} catch (e) {
|
|
return false;
|
|
}
|
|
};
|
|
const toolbar = M("div", { class: "flex flex-wrap items-center gap-1 p-2 border-b border-base-300 bg-base-200 sticky top-0 z-20" }, [
|
|
M("div", { class: "flex flex-wrap gap-1 flex-1 items-center" }, [
|
|
M("button", { type: "button", class: () => `btn btn-ghost btn-xs ${queryState("bold") ? "btn-active bg-primary/20" : ""}`, onclick: () => exec("bold") }, M("span", { class: "icon-[lucide--bold]" })),
|
|
M("button", { type: "button", class: () => `btn btn-ghost btn-xs ${queryState("italic") ? "btn-active bg-primary/20" : ""}`, onclick: () => exec("italic") }, M("span", { class: "icon-[lucide--italic]" })),
|
|
M("button", { type: "button", class: () => `btn btn-ghost btn-xs ${queryState("underline") ? "btn-active bg-primary/20" : ""}`, onclick: () => exec("underline") }, M("span", { class: "icon-[lucide--underline]" })),
|
|
M("input", { type: "color", class: "w-5 h-5 p-0 border-0 bg-transparent cursor-pointer", oninput: (e) => exec("foreColor", e.target.value) }),
|
|
M("span", { class: "w-px h-5 bg-base-300 mx-1" }),
|
|
M("button", {
|
|
type: "button",
|
|
class: "btn btn-ghost btn-xs",
|
|
onclick: () => exec("justifyLeft")
|
|
}, M("span", { class: "icon-[lucide--align-left]" })),
|
|
M("button", {
|
|
type: "button",
|
|
class: "btn btn-ghost btn-xs",
|
|
onclick: () => exec("justifyCenter")
|
|
}, M("span", { class: "icon-[lucide--align-center]" })),
|
|
M("button", {
|
|
type: "button",
|
|
class: "btn btn-ghost btn-xs",
|
|
onclick: () => exec("justifyRight")
|
|
}, M("span", { class: "icon-[lucide--align-right]" })),
|
|
M("span", { class: "w-px h-5 bg-base-300 mx-1" }),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: () => exec("insertUnorderedList") }, M("span", { class: "icon-[lucide--list]" })),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: () => exec("insertOrderedList") }, M("span", { class: "icon-[lucide--list-ordered]" })),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: () => exec("outdent") }, M("span", { class: "icon-[lucide--indent-decrease]" })),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: () => exec("indent") }, M("span", { class: "icon-[lucide--indent-increase]" })),
|
|
M("button", { type: "button", class: () => `btn btn-ghost btn-xs ${queryState("formatBlock", "BLOCKQUOTE") ? "btn-active" : ""}`, onclick: () => exec("formatBlock", queryState("formatBlock", "BLOCKQUOTE") ? "P" : "BLOCKQUOTE") }, M("span", { class: "icon-[lucide--quote]" })),
|
|
M("span", { class: "w-px h-5 bg-base-300 mx-1" }),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: () => {
|
|
const url = window.prompt("URL:");
|
|
if (url)
|
|
exec("createLink", url);
|
|
} }, M("span", { class: "icon-[lucide--link]" })),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: () => {
|
|
const input2 = document.createElement("input");
|
|
input2.type = "file";
|
|
input2.onchange = (e) => handleUpload(e.target.files[0]);
|
|
input2.click();
|
|
} }, M("span", { class: "icon-[lucide--paperclip]" })),
|
|
M("div", { class: "relative" }, [
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: (e) => {
|
|
e.stopPropagation();
|
|
saveSelection();
|
|
showEmojis(!showEmojis());
|
|
} }, M("span", { class: "icon-[lucide--smile]" })),
|
|
M("div", { class: "absolute top-full left-0 mt-1 p-2 bg-base-100 border border-base-300 shadow-xl rounded-box w-52 z-50 flex flex-wrap gap-1", style: () => showEmojis() ? "display:flex" : "display:none" }, emojis.map((emo) => M("span", { class: "cursor-pointer hover:bg-base-200 p-1 rounded text-lg", onclick: (e) => {
|
|
e.stopPropagation();
|
|
exec("insertText", emo);
|
|
showEmojis(false);
|
|
} }, emo)))
|
|
]),
|
|
M("span", { class: "w-px h-5 bg-base-300 mx-1" }),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: () => exec("undo") }, M("span", { class: "icon-[lucide--undo-2]" })),
|
|
M("button", { type: "button", class: "btn btn-ghost btn-xs", onclick: () => exec("redo") }, M("span", { class: "icon-[lucide--redo-2]" }))
|
|
]),
|
|
M("button", { type: "button", class: () => `btn btn-ghost btn-xs ${isSource() ? "btn-active" : ""}`, onclick: () => {
|
|
if (!isSource())
|
|
source(editorRef?.innerHTML || "");
|
|
else if (editorRef) {
|
|
editorRef.innerHTML = source();
|
|
notify();
|
|
}
|
|
isSource(!isSource());
|
|
} }, M("span", { class: "icon-[lucide--code-2]" }))
|
|
]);
|
|
if (typeof document !== "undefined" && !document.getElementById("editor-styles")) {
|
|
const style = document.createElement("style");
|
|
style.id = "editor-styles";
|
|
style.textContent = `
|
|
[contenteditable="true"] div,
|
|
[contenteditable="true"] p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
`;
|
|
document.head.appendChild(style);
|
|
}
|
|
return M("div", { class: cls("border border-base-300 rounded-box bg-base-100 overflow-hidden shadow-sm flex flex-col", extraClass) }, [
|
|
toolbar,
|
|
M("div", { class: "relative flex-1 flex flex-col", onclick: () => showEmojis(false) }, [
|
|
M("div", {
|
|
ref: (el) => {
|
|
if (!editorRef && el) {
|
|
editorRef = el;
|
|
el.innerHTML = get(value) || "";
|
|
document.execCommand("defaultParagraphSeparator", false, "br");
|
|
el.addEventListener("click", (e) => {
|
|
const container = e.target.closest(".resizable-img-container");
|
|
if (container) {
|
|
const img = container.querySelector("img");
|
|
if (img)
|
|
openLightbox(img.src);
|
|
}
|
|
});
|
|
}
|
|
},
|
|
style: () => `min-height:22rem;${isSource() ? "display:none" : ""}`,
|
|
class: "p-4 outline-none text-base-content leading-relaxed [&>div]:m-0 [&>p]:m-0 [&>div]:min-h-[1em] [&_.resizable-img-container]:hover:border-primary [&_blockquote]:border-l-4 [&_blockquote]:border-base-300 [&_blockquote]:pl-4 [&_blockquote]:italic [&_ul]:list-disc [&_ul]:pl-8 [&_ol]:list-decimal [&_ol]:pl-8",
|
|
contenteditable: "true",
|
|
oninput: notify,
|
|
onkeydown: (e) => {
|
|
if (e.key === "Tab") {
|
|
e.preventDefault();
|
|
exec("indent");
|
|
}
|
|
},
|
|
onkeyup: () => {
|
|
triggerRefresh();
|
|
saveSelection();
|
|
},
|
|
onclick: (e) => {
|
|
triggerRefresh();
|
|
saveSelection();
|
|
e.stopPropagation();
|
|
},
|
|
onmouseup: () => {
|
|
notify();
|
|
saveSelection();
|
|
},
|
|
onpaste: (e) => {
|
|
e.preventDefault();
|
|
const text = e.clipboardData.getData("text/plain");
|
|
exec("insertText", text);
|
|
},
|
|
ondragover: (e) => e.preventDefault(),
|
|
ondrop: (e) => {
|
|
e.preventDefault();
|
|
handleUpload(e.dataTransfer.files[0]);
|
|
}
|
|
}),
|
|
M("textarea", {
|
|
class: "w-full flex-1 min-h-[22rem] p-4 outline-none font-mono text-sm bg-base-200 border-0",
|
|
style: () => isSource() ? "" : "display:none",
|
|
value: source,
|
|
oninput: (e) => {
|
|
source(e.target.value);
|
|
if (editorRef)
|
|
editorRef.innerHTML = e.target.value;
|
|
p.onchange?.(e.target.value);
|
|
}
|
|
})
|
|
]),
|
|
M("div", { class: "px-3 py-1 border-t border-base-300 bg-base-100/50 text-[10px] text-right text-base-content/60 italic" }, [
|
|
M("span", () => `${count()} caracteres`)
|
|
])
|
|
]);
|
|
};
|
|
|
|
// sigpro-locale.js
|
|
var i18n = {
|
|
es: {
|
|
close: "Cerrar",
|
|
confirm: "Confirmar",
|
|
cancel: "Cancelar",
|
|
search: "Buscar...",
|
|
loading: "Cargando...",
|
|
nodata: "Sin datos"
|
|
},
|
|
en: {
|
|
close: "Close",
|
|
confirm: "Confirm",
|
|
cancel: "Cancel",
|
|
search: "Search...",
|
|
loading: "Loading...",
|
|
nodata: "No data"
|
|
}
|
|
};
|
|
var currentLocale = U("es");
|
|
var Locale = (t) => currentLocale(t);
|
|
var tt = (t) => () => i18n[currentLocale()][t] || t;
|
|
|
|
// sigpro-ui-full.js
|
|
var Components = { ...exports_sigpro_ui, ...exports_sigpro_editor };
|
|
var Utils = { Locale, tt };
|
|
if (typeof window !== "undefined") {
|
|
const fns = { $: U, $$: X, watch: k, h: M, each: J, when: F, mount: Q, batch: z };
|
|
Object.entries(fns).forEach(([name, fn]) => {
|
|
Object.defineProperty(window, name, {
|
|
value: fn,
|
|
writable: true,
|
|
configurable: true,
|
|
enumerable: true
|
|
});
|
|
});
|
|
Object.entries({ ...Components, ...Utils }).forEach(([name, value]) => {
|
|
Object.defineProperty(window, name, {
|
|
value,
|
|
writable: false,
|
|
configurable: true,
|
|
enumerable: true
|
|
});
|
|
});
|
|
console.log("SigProUI DX installed");
|
|
}
|
|
})();
|