natxocc/sigpro-ui
1
1
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

Toast tiene el ancho para cada uno
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 4s
Details

Browse Source
This commit is contained in:
Natxo
2026-04-27 18:20:10 +02:00
parent 670e9fd8fe
commit 627bfd78ad
10 changed files with 41 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
dist/sigpro-ui.esm.js vendored
View File

@@ -100,7 +100,7 @@ var x = false;
var A = 0;
var C = new Set;
var D = new WeakMap;
var $2 = Symbol("iter");
var $ = Symbol("iter");
var B = new WeakMap;
var E = (e) => {
if (!e || e._disposed)
@@ -247,16 +247,16 @@ var I = (e) => {
let u = Reflect.has(c, t), a = Reflect.get(c, t, l), f = Reflect.set(c, t, r, l);
if (f && !Object.is(a, r)) {
if (w(i(t), true), !u)
w(i($2), true);
w(i($), true);
}
return f;
}, deleteProperty(c, t) {
let r = Reflect.deleteProperty(c, t);
if (r)
w(i(t), true), w(i($2), true);
w(i(t), true), w(i($), true);
return r;
}, ownKeys(c) {
return w(i($2)), Reflect.ownKeys(c);
return w(i($)), Reflect.ownKeys(c);
} });
return D.set(e, s), s;
};
@@ -1110,7 +1110,7 @@ var Toast = (message, type = "alert-success", duration = 3500) => {
if (!container) {
container = O("div", {
id: "sigpro-toast-container",
class: "fixed top-0 right-0 z-[9999] p-4 flex flex-col gap-2 pointer-events-none"
class: "fixed top-0 right-0 z-[9999] p-4 flex flex-col items-end gap-2 pointer-events-none"
});
document.body.appendChild(container);
}
@@ -1138,11 +1138,12 @@ var Toast = (message, type = "alert-success", duration = 3500) => {
const msgNode = typeof content === "string" ? O("span", {}, content) : content;
return O("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 `alert alert-soft ${type} shadow-lg transition-all duration-300 translate-x-full opacity-0 pointer-events-auto`;
return `${base} translate-x-full opacity-0`;
if (visible())
return `alert alert-soft ${type} shadow-lg transition-all duration-300 translate-x-0 opacity-100 pointer-events-auto`;
return `alert alert-soft ${type} shadow-lg transition-all duration-300 translate-x-10 opacity-0 pointer-events-auto`;
return `${base} translate-x-0 opacity-100`;
return `${base} translate-x-10 opacity-0`;
}
}, [
msgNode,