diff --git a/dist/sigpro-ui.css b/dist/sigpro-ui.css index 75fc9c0..1be96d0 100644 --- a/dist/sigpro-ui.css +++ b/dist/sigpro-ui.css @@ -4775,31 +4775,6 @@ flex-direction: var(--tabs-direction); } } - .footer { - @layer daisyui.l1.l2.l3 { - display: grid; - width: 100%; - grid-auto-flow: row; - place-items: start; - column-gap: calc(0.25rem * 4); - row-gap: calc(0.25rem * 10); - font-size: 0.875rem; - line-height: 1.25rem; - & > * { - display: grid; - place-items: start; - gap: calc(0.25rem * 2); - } - &.footer-center { - grid-auto-flow: column dense; - place-items: center; - text-align: center; - & > * { - place-items: center; - } - } - } - } .stat { @layer daisyui.l1.l2.l3 { display: inline-grid; diff --git a/dist/sigpro-ui.editor.esm.js b/dist/sigpro-ui.editor.esm.js index 3a813e0..e1d8ffc 100644 --- a/dist/sigpro-ui.editor.esm.js +++ b/dist/sigpro-ui.editor.esm.js @@ -1,8 +1,8 @@ // src/editor.js -import { $ as $2, isFunc as isFunc2, h as h2 } from "./sigpro.js"; +import { $ as $2, isFunc as isFunc2, h as h2 } from "sigpro"; // src/sigpro-ui.js -import { $, watch, h, mount, when, each, isFunc } from "./sigpro.js"; +import { $, watch, h, mount, when, each, isFunc } from "sigpro"; var val = (val2) => typeof val2 === "function" ? val2() : val2; var cls = (...classes) => classes.filter(Boolean).join(" ").trim(); var currentLocale = $("en"); diff --git a/dist/sigpro-ui.editor.esm.min.js b/dist/sigpro-ui.editor.esm.min.js index a4f93dd..0d3bfda 100644 --- a/dist/sigpro-ui.editor.esm.min.js +++ b/dist/sigpro-ui.editor.esm.min.js @@ -1,7 +1,7 @@ -import{$ as y,isFunc as W,h as o}from"./sigpro.js";import{$ as A,watch as J,h as z,mount as M,when as P,each as X,isFunc as Z}from"./sigpro.js";var w=(u)=>typeof u==="function"?u():u;var R=(...u)=>u.filter(Boolean).join(" ").trim();var N=A("en");var c=(u,g)=>(x)=>z(u,{...x,class:`${g} ${x?.class||""}`.trim()}),t=(u,g)=>(x,b)=>z(u,{...x,class:`${g} ${x?.class||""}`.trim()},b),E=(u,g,x)=>(b)=>z(u,{type:x,...b,class:`${g} ${b?.class||""}`.trim()}),S=t("div","alert");var Y=t("div","avatar-group -space-x-6"),$=t("span","badge"),B=t("div","breadcrumbs"),H=t("button","btn"),I=t("div","card"),V=t("div","card-title"),D=t("div","card-body"),m=t("div","card-actions"),F=t("div","carousel"),v=t("div","carousel-item"),h=t("div","chat"),p=t("div","chat-bubble"),nn=t("div","chat-footer"),on=t("div","chat-header");var tn=E("input","checkbox","checkbox"),bn=t("div","drawer");var sn=t("div","drawer-content"),en=t("div","drawer-side");var rn=c("div","divider"),un=t("div","dropdown");var gn=t("kbd","kbd"),xn=t("ul","list");var ln=t("span","loading loading-spinner"),an=t("div","navbar"),fn=c("progress","progress");var dn=E("input","radio","radio"),kn=E("input","range","range"),cn=t("div","rating");var yn=c("div","skeleton"),Ln=c("span","skeleton skeleton-text"),Tn=t("div","stack"),En=t("div","stats shadow"),Cn=t("ul","steps");var _n=t("label","swap");var zn=t("div","swap-on"),Un=t("div","swap-off"),jn=t("table","table"),wn=c("textarea","textarea");var Rn=t("ul","timeline"),On=E("input","toggle","checkbox");var An=(u)=>{let{value:g,class:x}=u,b=null,f=null,l=y(!1),i=y(""),U=y(0),C=y(0),d=y(!1),O=["\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","✉️","❤️"],L=()=>{let n=window.getSelection();if(n.getRangeAt&&n.rangeCount)f=n.getRangeAt(0)},K=()=>{if(f){let n=window.getSelection();n.removeAllRanges(),n.addRange(f)}},_=()=>{if(C(C()+1),b)U(b.innerText.length)},T=()=>{if(!b)return;let n=b.innerHTML;if(W(g))g(n);else u.onchange?.(n);_()},s=(n,e=null)=>{if(!b)return;if(b.focus(),f)K();document.execCommand(n,!1,e),f=null,T()},Q=(n)=>{let e=document.createElement("div");e.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;";let r=document.createElement("img");r.src=n,r.style="max-width:95%;max-height:95%;box-shadow:0 0 30px rgba(0,0,0,0.5);border-radius:4px;",e.onclick=()=>document.body.removeChild(e),e.appendChild(r),document.body.appendChild(e)},j=(n)=>{if(!n)return;let e=new FileReader;e.onload=(r)=>{if(n.type.startsWith("image/")){let a=`
`;s("insertHTML",a)}else{let a=`${n.name} `;s("insertHTML",a)}},e.readAsDataURL(n)},k=(n,e=null)=>{if(C(),!b||l())return!1;try{if(n==="formatBlock"){let r=window.getSelection().getRangeAt(0).commonAncestorContainer;while(r&&r!==b){if(r.nodeType===1&&r.tagName===e)return!0;r=r.parentNode}return!1}return document.queryCommandState(n)}catch(r){return!1}},q=o("div",{class:"flex flex-wrap items-center gap-1 p-2 border-b border-base-300 bg-base-200 sticky top-0 z-20"},[o("div",{class:"flex flex-wrap gap-1 flex-1 items-center"},[o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${k("bold")?"btn-active bg-primary/20":""}`,onclick:()=>s("bold")},o("span",{class:"icon-[lucide--bold]"})),o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${k("italic")?"btn-active bg-primary/20":""}`,onclick:()=>s("italic")},o("span",{class:"icon-[lucide--italic]"})),o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${k("underline")?"btn-active bg-primary/20":""}`,onclick:()=>s("underline")},o("span",{class:"icon-[lucide--underline]"})),o("input",{type:"color",class:"w-5 h-5 p-0 border-0 bg-transparent cursor-pointer",oninput:(n)=>s("foreColor",n.target.value)}),o("span",{class:"w-px h-5 bg-base-300 mx-1"}),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("justifyLeft")},o("span",{class:"icon-[lucide--align-left]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("justifyCenter")},o("span",{class:"icon-[lucide--align-center]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("justifyRight")},o("span",{class:"icon-[lucide--align-right]"})),o("span",{class:"w-px h-5 bg-base-300 mx-1"}),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("insertUnorderedList")},o("span",{class:"icon-[lucide--list]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("insertOrderedList")},o("span",{class:"icon-[lucide--list-ordered]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("outdent")},o("span",{class:"icon-[lucide--indent-decrease]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("indent")},o("span",{class:"icon-[lucide--indent-increase]"})),o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${k("formatBlock","BLOCKQUOTE")?"btn-active":""}`,onclick:()=>s("formatBlock",k("formatBlock","BLOCKQUOTE")?"P":"BLOCKQUOTE")},o("span",{class:"icon-[lucide--quote]"})),o("span",{class:"w-px h-5 bg-base-300 mx-1"}),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>{let n=window.prompt("URL:");if(n)s("createLink",n)}},o("span",{class:"icon-[lucide--link]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>{let n=document.createElement("input");n.type="file",n.onchange=(e)=>j(e.target.files[0]),n.click()}},o("span",{class:"icon-[lucide--paperclip]"})),o("div",{class:"relative"},[o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:(n)=>{n.stopPropagation(),L(),d(!d())}},o("span",{class:"icon-[lucide--smile]"})),o("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:()=>d()?"display:flex":"display:none"},O.map((n)=>o("span",{class:"cursor-pointer hover:bg-base-200 p-1 rounded text-lg",onclick:(e)=>{e.stopPropagation(),s("insertText",n),d(!1)}},n)))]),o("span",{class:"w-px h-5 bg-base-300 mx-1"}),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("undo")},o("span",{class:"icon-[lucide--undo-2]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("redo")},o("span",{class:"icon-[lucide--redo-2]"}))]),o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${l()?"btn-active":""}`,onclick:()=>{if(!l())i(b?.innerHTML||"");else if(b)b.innerHTML=i(),T();l(!l())}},o("span",{class:"icon-[lucide--code-2]"}))]);if(typeof document<"u"&&!document.getElementById("editor-styles")){let n=document.createElement("style");n.id="editor-styles",n.textContent=` +import{$ as y,isFunc as W,h as o}from"sigpro";import{$ as A,watch as J,h as j,mount as M,when as P,each as X,isFunc as Z}from"sigpro";var w=(u)=>typeof u==="function"?u():u;var R=(...u)=>u.filter(Boolean).join(" ").trim();var N=A("en");var c=(u,g)=>(x)=>j(u,{...x,class:`${g} ${x?.class||""}`.trim()}),t=(u,g)=>(x,b)=>j(u,{...x,class:`${g} ${x?.class||""}`.trim()},b),E=(u,g,x)=>(b)=>j(u,{type:x,...b,class:`${g} ${b?.class||""}`.trim()}),S=t("div","alert");var Y=t("div","avatar-group -space-x-6"),$=t("span","badge"),B=t("div","breadcrumbs"),H=t("button","btn"),I=t("div","card"),V=t("div","card-title"),D=t("div","card-body"),m=t("div","card-actions"),F=t("div","carousel"),v=t("div","carousel-item"),h=t("div","chat"),p=t("div","chat-bubble"),nn=t("div","chat-footer"),on=t("div","chat-header");var tn=E("input","checkbox","checkbox"),bn=t("div","drawer");var sn=t("div","drawer-content"),en=t("div","drawer-side");var rn=c("div","divider"),un=t("div","dropdown");var gn=t("kbd","kbd"),xn=t("ul","list");var ln=t("span","loading loading-spinner"),an=t("div","navbar"),fn=c("progress","progress");var dn=E("input","radio","radio"),kn=E("input","range","range"),cn=t("div","rating");var yn=c("div","skeleton"),Ln=c("span","skeleton skeleton-text"),Tn=t("div","stack"),En=t("div","stats shadow"),Cn=t("ul","steps");var _n=t("label","swap");var jn=t("div","swap-on"),zn=t("div","swap-off"),Un=t("table","table"),wn=c("textarea","textarea");var Rn=t("ul","timeline"),On=E("input","toggle","checkbox");var An=(u)=>{let{value:g,class:x}=u,b=null,f=null,l=y(!1),i=y(""),z=y(0),C=y(0),d=y(!1),O=["\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","✉️","❤️"],L=()=>{let n=window.getSelection();if(n.getRangeAt&&n.rangeCount)f=n.getRangeAt(0)},K=()=>{if(f){let n=window.getSelection();n.removeAllRanges(),n.addRange(f)}},_=()=>{if(C(C()+1),b)z(b.innerText.length)},T=()=>{if(!b)return;let n=b.innerHTML;if(W(g))g(n);else u.onchange?.(n);_()},s=(n,e=null)=>{if(!b)return;if(b.focus(),f)K();document.execCommand(n,!1,e),f=null,T()},Q=(n)=>{let e=document.createElement("div");e.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;";let r=document.createElement("img");r.src=n,r.style="max-width:95%;max-height:95%;box-shadow:0 0 30px rgba(0,0,0,0.5);border-radius:4px;",e.onclick=()=>document.body.removeChild(e),e.appendChild(r),document.body.appendChild(e)},U=(n)=>{if(!n)return;let e=new FileReader;e.onload=(r)=>{if(n.type.startsWith("image/")){let a=` `;s("insertHTML",a)}else{let a=`${n.name} `;s("insertHTML",a)}},e.readAsDataURL(n)},k=(n,e=null)=>{if(C(),!b||l())return!1;try{if(n==="formatBlock"){let r=window.getSelection().getRangeAt(0).commonAncestorContainer;while(r&&r!==b){if(r.nodeType===1&&r.tagName===e)return!0;r=r.parentNode}return!1}return document.queryCommandState(n)}catch(r){return!1}},q=o("div",{class:"flex flex-wrap items-center gap-1 p-2 border-b border-base-300 bg-base-200 sticky top-0 z-20"},[o("div",{class:"flex flex-wrap gap-1 flex-1 items-center"},[o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${k("bold")?"btn-active bg-primary/20":""}`,onclick:()=>s("bold")},o("span",{class:"icon-[lucide--bold]"})),o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${k("italic")?"btn-active bg-primary/20":""}`,onclick:()=>s("italic")},o("span",{class:"icon-[lucide--italic]"})),o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${k("underline")?"btn-active bg-primary/20":""}`,onclick:()=>s("underline")},o("span",{class:"icon-[lucide--underline]"})),o("input",{type:"color",class:"w-5 h-5 p-0 border-0 bg-transparent cursor-pointer",oninput:(n)=>s("foreColor",n.target.value)}),o("span",{class:"w-px h-5 bg-base-300 mx-1"}),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("justifyLeft")},o("span",{class:"icon-[lucide--align-left]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("justifyCenter")},o("span",{class:"icon-[lucide--align-center]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("justifyRight")},o("span",{class:"icon-[lucide--align-right]"})),o("span",{class:"w-px h-5 bg-base-300 mx-1"}),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("insertUnorderedList")},o("span",{class:"icon-[lucide--list]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("insertOrderedList")},o("span",{class:"icon-[lucide--list-ordered]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("outdent")},o("span",{class:"icon-[lucide--indent-decrease]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("indent")},o("span",{class:"icon-[lucide--indent-increase]"})),o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${k("formatBlock","BLOCKQUOTE")?"btn-active":""}`,onclick:()=>s("formatBlock",k("formatBlock","BLOCKQUOTE")?"P":"BLOCKQUOTE")},o("span",{class:"icon-[lucide--quote]"})),o("span",{class:"w-px h-5 bg-base-300 mx-1"}),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>{let n=window.prompt("URL:");if(n)s("createLink",n)}},o("span",{class:"icon-[lucide--link]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>{let n=document.createElement("input");n.type="file",n.onchange=(e)=>U(e.target.files[0]),n.click()}},o("span",{class:"icon-[lucide--paperclip]"})),o("div",{class:"relative"},[o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:(n)=>{n.stopPropagation(),L(),d(!d())}},o("span",{class:"icon-[lucide--smile]"})),o("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:()=>d()?"display:flex":"display:none"},O.map((n)=>o("span",{class:"cursor-pointer hover:bg-base-200 p-1 rounded text-lg",onclick:(e)=>{e.stopPropagation(),s("insertText",n),d(!1)}},n)))]),o("span",{class:"w-px h-5 bg-base-300 mx-1"}),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("undo")},o("span",{class:"icon-[lucide--undo-2]"})),o("button",{type:"button",class:"btn btn-ghost btn-xs",onclick:()=>s("redo")},o("span",{class:"icon-[lucide--redo-2]"}))]),o("button",{type:"button",class:()=>`btn btn-ghost btn-xs ${l()?"btn-active":""}`,onclick:()=>{if(!l())i(b?.innerHTML||"");else if(b)b.innerHTML=i(),T();l(!l())}},o("span",{class:"icon-[lucide--code-2]"}))]);if(typeof document<"u"&&!document.getElementById("editor-styles")){let n=document.createElement("style");n.id="editor-styles",n.textContent=` [contenteditable="true"] div, [contenteditable="true"] p { margin: 0; padding: 0; } - `,document.head.appendChild(n)}return o("div",{class:R("border border-base-300 rounded-box bg-base-100 overflow-hidden shadow-sm flex flex-col",x)},[q,o("div",{class:"relative flex-1 flex flex-col",onclick:()=>d(!1)},[o("div",{ref:(n)=>{if(!b&&n)b=n,n.innerHTML=w(g)||"",document.execCommand("defaultParagraphSeparator",!1,"br"),n.addEventListener("click",(e)=>{let r=e.target.closest(".resizable-img-container");if(r){let a=r.querySelector("img");if(a)Q(a.src)}})},style:()=>`min-height:22rem;${l()?"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:T,onkeydown:(n)=>{if(n.key==="Tab")n.preventDefault(),s("indent")},onkeyup:()=>{_(),L()},onclick:(n)=>{_(),L(),n.stopPropagation()},onmouseup:()=>{T(),L()},onpaste:(n)=>{n.preventDefault();let e=n.clipboardData.getData("text/plain");s("insertText",e)},ondragover:(n)=>n.preventDefault(),ondrop:(n)=>{n.preventDefault(),j(n.dataTransfer.files[0])}}),o("textarea",{class:"w-full flex-1 min-h-[22rem] p-4 outline-none font-mono text-sm bg-base-200 border-0",style:()=>l()?"":"display:none",value:i,oninput:(n)=>{if(i(n.target.value),b)b.innerHTML=n.target.value;u.onchange?.(n.target.value)}})]),o("div",{class:"px-3 py-1 border-t border-base-300 bg-base-100/50 text-[10px] text-right text-base-content/60 italic"},[o("span",()=>`${U()}`)])])};export{An as Editor}; + `,document.head.appendChild(n)}return o("div",{class:R("border border-base-300 rounded-box bg-base-100 overflow-hidden shadow-sm flex flex-col",x)},[q,o("div",{class:"relative flex-1 flex flex-col",onclick:()=>d(!1)},[o("div",{ref:(n)=>{if(!b&&n)b=n,n.innerHTML=w(g)||"",document.execCommand("defaultParagraphSeparator",!1,"br"),n.addEventListener("click",(e)=>{let r=e.target.closest(".resizable-img-container");if(r){let a=r.querySelector("img");if(a)Q(a.src)}})},style:()=>`min-height:22rem;${l()?"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:T,onkeydown:(n)=>{if(n.key==="Tab")n.preventDefault(),s("indent")},onkeyup:()=>{_(),L()},onclick:(n)=>{_(),L(),n.stopPropagation()},onmouseup:()=>{T(),L()},onpaste:(n)=>{n.preventDefault();let e=n.clipboardData.getData("text/plain");s("insertText",e)},ondragover:(n)=>n.preventDefault(),ondrop:(n)=>{n.preventDefault(),U(n.dataTransfer.files[0])}}),o("textarea",{class:"w-full flex-1 min-h-[22rem] p-4 outline-none font-mono text-sm bg-base-200 border-0",style:()=>l()?"":"display:none",value:i,oninput:(n)=>{if(i(n.target.value),b)b.innerHTML=n.target.value;u.onchange?.(n.target.value)}})]),o("div",{class:"px-3 py-1 border-t border-base-300 bg-base-100/50 text-[10px] text-right text-base-content/60 italic"},[o("span",()=>`${z()}`)])])};export{An as Editor}; diff --git a/dist/sigpro-ui.esm.js b/dist/sigpro-ui.esm.js index 72a0620..32a49d5 100644 --- a/dist/sigpro-ui.esm.js +++ b/dist/sigpro-ui.esm.js @@ -1,5 +1,5 @@ // src/sigpro-ui.js -import { $, watch, h, mount, when, each, isFunc } from "./sigpro.js"; +import { $, watch, h, mount, when, each, isFunc } from "sigpro"; var val = (val2) => typeof val2 === "function" ? val2() : val2; var getBy = (item, field = "label") => item && typeof item === "object" ? item[field] : item; var cls = (...classes) => classes.filter(Boolean).join(" ").trim(); diff --git a/dist/sigpro-ui.esm.min.js b/dist/sigpro-ui.esm.min.js index abbfed0..be79bb9 100644 --- a/dist/sigpro-ui.esm.min.js +++ b/dist/sigpro-ui.esm.min.js @@ -1 +1 @@ -import{$ as q,watch as d,h as J,mount as l,when as a,each as $,isFunc as A}from"./sigpro.js";var O=(G)=>typeof G==="function"?G():G,B=(G,K="label")=>G&&typeof G==="object"?G[K]:G,E=(...G)=>G.filter(Boolean).join(" ").trim(),c=(G,K,Q="label")=>{let W=String(O(K)||"").toLowerCase(),U=(O(G)||[]).map((Z)=>typeof Z==="object"?Z:{label:Z,value:Z});return!W?U:U.filter((Z)=>String(Z[Q]||"").toLowerCase().includes(W))},i=(G)=>`${G}-${Math.random().toString(36).slice(2,9)}`,g=()=>document.activeElement?.blur(),o=q("en"),n={es:{uploadFiles:"Arrastrar y soltar o click para seleccionar..."},en:{uploadFiles:"Drag and drop or click to select"}},kG=(G)=>{if(n[G])o(G)},t=(G)=>()=>n[o()][G]||G,H=(G,K)=>(Q)=>J(G,{...Q,class:`${K} ${Q?.class||""}`.trim()}),k=(G,K)=>(Q,W)=>J(G,{...Q,class:`${K} ${Q?.class||""}`.trim()},W),F=(G,K,Q)=>(W)=>J(G,{type:Q,...W,class:`${K} ${W?.class||""}`.trim()}),zG=k("div","alert"),YG=(G,K)=>J("div",{class:"avatar"},J("div",{class:G.class},K)),NG=k("div","avatar-group -space-x-6"),OG=k("span","badge"),LG=k("div","breadcrumbs"),p=k("button","btn"),TG=k("div","card"),AG=k("div","card-title"),PG=k("div","card-body"),qG=k("div","card-actions"),CG=k("div","carousel"),MG=k("div","carousel-item"),RG=k("div","chat"),IG=k("div","chat-bubble"),VG=k("div","chat-footer"),BG=k("div","chat-header"),SG=(G,K)=>J("div",{...G,class:E("chat-image avatar",G.class)},J("div",{class:"w-10 rounded-full"},typeof K==="string"?J("img",{src:K,alt:"avatar"}):K)),$G=F("input","checkbox","checkbox"),bG=k("div","drawer"),HG=(G)=>input({...G,type:"checkbox",class:"drawer-toggle",checked:()=>O(G.checked),onchange:(K)=>A(G.checked)&&G.checked(K.target.checked)}),DG=k("div","drawer-content"),FG=k("div","drawer-side"),wG=(G)=>label({...G,for:G.for,class:E("drawer-overlay",G.class)}),xG=H("div","divider"),u=k("div","dropdown"),e=(G,K)=>J("div",{...G,tabindex:"0",role:"button",class:E("btn",G.class)},K),m=(G,K)=>J("div",{...G,tabindex:"0",class:E("dropdown-content",G.class)},K),yG=(G,K)=>J("div",{class:"fab"},[J("div",{tabindex:"0",role:"button",class:E("btn",G.class)},D({},G.icon)),K]),fG=(G,K)=>J("fieldset",{class:E("fieldset",G.class)},[J("legend",{class:"fieldset-legend"},G.label),K]),D=(G,K)=>J("span",{...G,class:E(K,G.class)}),gG=(G,K)=>J("div",{...G,class:E("indicator",G.class)},[G.value&&J("span",{class:E("indicator-item badge",G.class)},G.value),K]),uG=k("kbd","kbd"),mG=k("ul","list"),vG=(G)=>()=>(O(G.items)||[]).map((K,Q)=>J("li",{class:E("list-row",G.class,K?.class)},typeof G.render==="function"?G.render(K,Q):K)),dG=k("span","loading loading-spinner"),oG=k("div","navbar"),nG=H("progress","progress"),rG=(G,K)=>J("div",{class:E("radial-progress",G.class),style:`--value:${O(G.value)??0};`,role:"progressbar","aria-valuenow":G.value},K),hG=F("input","radio","radio"),sG=F("input","range","range"),lG=k("div","rating"),aG=(G)=>[...Array(G.count)].map((K,Q)=>J("input",{class:E("mask",G.class),name:G.name,type:"radio",checked:()=>O(G.value)===Q,onchange:()=>A(G.value)?G.value(Q):G.onchange?.(Q)})),cG=H("div","skeleton"),iG=H("span","skeleton skeleton-text"),tG=k("div","stack"),pG=k("div","stats shadow"),eG=k("ul","steps"),GJ=(G,K)=>J("li",{...G,class:E("step",G.class),"data-content":G.dataContent},K),GG=k("label","swap"),JG=(G)=>J("input",{type:"checkbox",checked:()=>O(G.value),onchange:(K)=>A(G.value)&&G.value(K.target.checked),class:G.class}),KG=k("div","swap-on"),QG=k("div","swap-off"),JJ=k("table","table"),KJ=H("textarea","textarea"),QJ=(G,K)=>J("span",{...G,class:E("text-rotate",G.class)},J("span",{},K)),UJ=k("ul","timeline"),WJ=F("input","toggle","checkbox"),XJ=(G,K)=>J("div",{...G,class:E("tooltip",G.class),"data-tip":G.tip},K),ZJ=(G)=>{let K=G.name||i("acc");return $(G.items,(Q)=>{return J("div",{class:E("collapse",G.class)},[J("input",{type:"radio",name:K,checked:Q.open||void 0}),Q.title?J("div",{class:E("collapse-title",`${Q.classTitle??" font-semibold"}`)},Q.title):null,Q.content?J("div",{class:E("collapse-content text-sm",`${Q.classContent??" font-semibold"}`)},Q.content):null])})},_J=({items:G,value:K,onselect:Q,placeholder:W="...",...U})=>{let Z=q(O(K)||""),L=q(()=>c(G,Z())),z=(_)=>{let j=B(_),N=typeof _==="string"?_:_.value;if(Z(j),A(K))K(N);Q?.(_),g()};return u({class:"w-80"},[J("div",{tabindex:"0",role:"button",class:"w-full"},XG({...U,placeholder:W,value:Z,left:D({},"icon-[lucide--search]")})),m({class:"p-2 bg-base-100 rounded-box shadow-xl w-full max-h-60 overflow-y-auto border border-base-300 z-50"},J("ul",{class:"menu flex-col flex-nowrap w-full p-0"},[$(L,(_)=>J("li",{},[J("a",{onmousedown:(j)=>j.preventDefault(),onclick:()=>z(_)},B(_))]),"value"),()=>L().length===0?J("li",{class:"p-4 opacity-50 text-center"},"Sin resultados"):null]))])},UG=(G)=>{let K=q(new Date),Q=q(null),W=q(0),U=q(0),Z=new Date,L=`${Z.getFullYear()}-${String(Z.getMonth()+1).padStart(2,"0")}-${String(Z.getDate()).padStart(2,"0")}`,z=(X)=>`${X.getFullYear()}-${String(X.getMonth()+1).padStart(2,"0")}-${String(X.getDate()).padStart(2,"0")}`,_=()=>O(G.range)===!0,j=()=>O(G.value),N=(X)=>{let Y=z(X),M=j();if(_())if(!M?.start||M.start&&M.end)G.onChange?.({start:Y,end:null,...G.hour&&{startHour:W()}});else{let S=M.start,b=Y