limbo-component 2.3.4 → 2.3.6

package/dist/limbo.es.js

@@ -21,34 +21,34 @@ return s("div",{className:"fixed inset-0 bg-black/95 z-[10000] flex flex-col",ro
 /* @__PURE__ */l("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded text-white",children:"+"})," /"," ",
 /* @__PURE__ */l("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded text-white",children:"-"})," ","zoom •"," ","Doble click para ampliar/restablecer •"," ","Flechas para mover •"," ",
 /* @__PURE__ */l("kbd",{className:"px-1.5 py-0.5 bg-white/10 rounded text-white",children:"ESC"})," cerrar"]}),
-/* @__PURE__ */l("span",{className:"sm:hidden",children:"Click para zoom • Doble click para restablecer • ESC para cerrar"})]})})]})}function W({image:i,isOpen:o,onClose:u,onSelect:d,onDelete:m,onCrop:h,onVariantDeleted:p,allowedActions:f={select:!0,download:!0,copy:!0,delete:!0,crop:!0}}){const{loadVariants:g,getVariants:b,isLoading:y,getError:v,removeVariant:w}=q(),x=window.limboCore?.accessibilityManager,[k,C]=e.useState(null),[S,N]=e.useState(null),[E,$]=t(null),_=(window.limboCore?.config?.getGlobal()||{}).interaction||{allowSelection:!1,allowCropping:!0},z=_.allowSelection&&f.select&&d,T=_.allowCropping&&f.crop&&h,A=f.download,P=f.delete,[M,I]=e.useState(/* @__PURE__ */new Set),[L,D]=e.useState(/* @__PURE__ */new Set),O=a(null),R=a(null),j=r(e=>{if("Escape"===e.key){if(E)return;e.preventDefault(),u?.()}if("Tab"===e.key&&O.current){const t=O.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),n=t[0],r=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),r?.focus()):e.shiftKey||document.activeElement!==r||(e.preventDefault(),n?.focus())}},[u,E]);n(()=>{if(o)return R.current?.focus(),document.addEventListener("keydown",j),()=>document.removeEventListener("keydown",j)},[o,j]);const F=e.useMemo(()=>i?.variants||[],[i?.variants]),U=b(i?.id),W=(F.length>0?F:U).filter(e=>!L.has(e.id)),V=0===F.length&&y(i?.id),H=0===F.length?v(i?.id):null;n(()=>{!o||!i?.id||i?.variants&&0!==i.variants.length||g(i.id)},[o,i?.id,i?.variants,g]),e.useEffect(()=>{o&&(I(/* @__PURE__ */new Set),D(/* @__PURE__ */new Set))},[o]);if(!o)return null;const K=[{...i,isOriginal:!0},...W.map(e=>({...e,isOriginal:!1}))];/* @__PURE__ */
+/* @__PURE__ */l("span",{className:"sm:hidden",children:"Click para zoom • Doble click para restablecer • ESC para cerrar"})]})})]})}function W({image:i,isOpen:o,onClose:u,onSelect:d,onDelete:m,onCrop:h,onVariantDeleted:p,allowedActions:f={select:!0,download:!0,copy:!0,delete:!0,crop:!0}}){const{loadVariants:g,getVariants:b,isLoading:y,getError:v,removeVariant:w}=q(),x=window.limboCore?.accessibilityManager,[k,C]=e.useState(null),[S,N]=e.useState(null),[E,$]=t(null),[_,z]=t(null),T=(window.limboCore?.config?.getGlobal()||{}).interaction||{allowSelection:!1,allowCropping:!0},A=T.allowSelection&&f.select&&d,P=T.allowCropping&&f.crop&&h,M=f.download,I=f.copy,L=f.delete,[D,O]=e.useState(/* @__PURE__ */new Set),[R,j]=e.useState(/* @__PURE__ */new Set),F=a(null),U=a(null),W=r(e=>{if("Escape"===e.key){if(E)return;e.preventDefault(),u?.()}if("Tab"===e.key&&F.current){const t=F.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),n=t[0],r=t[t.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),r?.focus()):e.shiftKey||document.activeElement!==r||(e.preventDefault(),n?.focus())}},[u,E]);n(()=>{if(o)return U.current?.focus(),document.addEventListener("keydown",W),()=>document.removeEventListener("keydown",W)},[o,W]);const V=e.useMemo(()=>i?.variants||[],[i?.variants]),H=b(i?.id),K=(V.length>0?V:H).filter(e=>!R.has(e.id)),G=0===V.length&&y(i?.id),Q=0===V.length?v(i?.id):null;n(()=>{!o||!i?.id||i?.variants&&0!==i.variants.length||g(i.id)},[o,i?.id,i?.variants,g]),e.useEffect(()=>{o&&(O(/* @__PURE__ */new Set),j(/* @__PURE__ */new Set))},[o]);if(!o)return null;const Y=[{...i,isOriginal:!0},...K.map(e=>({...e,isOriginal:!1}))];/* @__PURE__ */
 return s("div",{className:"fixed inset-0 bg-black/85 flex items-center justify-center z-[1000] p-4",onClick:()=>{E||u?.()},role:"dialog","aria-modal":"true","aria-labelledby":"variants-modal-title","aria-describedby":"variants-modal-description",children:[
-/* @__PURE__ */s("div",{ref:O,className:"bg-white rounded-xl max-w-[95vw] max-h-[90vh] overflow-hidden shadow-2xl flex flex-col w-[900px]",onClick:e=>e.stopPropagation(),children:[
+/* @__PURE__ */s("div",{ref:F,className:"bg-white rounded-xl max-w-[95vw] max-h-[90vh] overflow-hidden shadow-2xl flex flex-col w-[900px]",onClick:e=>e.stopPropagation(),children:[
 /* @__PURE__ */s("div",{className:"px-5 py-4 border-b border-gray-200 flex justify-between items-center bg-gray-50",children:[
 /* @__PURE__ */s("div",{className:"flex-1 min-w-0 pr-4",children:[
 /* @__PURE__ */l("h2",{id:"variants-modal-title",className:"m-0 text-lg font-semibold text-gray-900 truncate",children:i?.filename}),
-/* @__PURE__ */s("p",{id:"variants-modal-description",className:"text-sm text-gray-500 mt-1",children:["Imagen original y ",W.length," recorte",1!==W.length?"s":""," disponible",1!==W.length?"s":""]})]}),
-/* @__PURE__ */l("button",{ref:R,className:"w-10 h-10 flex items-center justify-center rounded-lg bg-gray-100 hover:bg-red-200 text-gray-500 hover:text-red-1000 transition-colors focus:outline-none focus:ring-2 focus:ring-brand-blue-400",onClick:u,"aria-label":"Cerrar modal (ESC)",title:"Cerrar (ESC)",children:/* @__PURE__ */l("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:/* @__PURE__ */l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),k&&/* @__PURE__ */l("div",{className:"mx-2 mt-2 px-2 py-1.5 rounded text-xs "+("success"===S?"bg-green-50 text-green-1000":"bg-red-50 text-red-1000"),role:"alert",children:k}),
-/* @__PURE__ */l("div",{className:"p-5 overflow-y-auto flex-1 bg-gray-50/50",children:V?/* @__PURE__ */s("div",{className:"text-center py-16 text-gray-500",role:"status","aria-live":"polite",children:[
+/* @__PURE__ */s("p",{id:"variants-modal-description",className:"text-sm text-gray-500 mt-1",children:["Imagen original y ",K.length," recorte",1!==K.length?"s":""," disponible",1!==K.length?"s":""]})]}),
+/* @__PURE__ */l("button",{ref:U,className:"w-10 h-10 flex items-center justify-center rounded-lg bg-gray-100 hover:bg-red-200 text-gray-500 hover:text-red-1000 transition-colors focus:outline-none focus:ring-2 focus:ring-brand-blue-400",onClick:u,"aria-label":"Cerrar modal (ESC)",title:"Cerrar (ESC)",children:/* @__PURE__ */l("svg",{className:"w-5 h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:/* @__PURE__ */l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}),k&&/* @__PURE__ */l("div",{className:"mx-2 mt-2 px-2 py-1.5 rounded text-xs "+("success"===S?"bg-green-50 text-green-1000":"bg-red-50 text-red-1000"),role:"alert",children:k}),
+/* @__PURE__ */l("div",{className:"p-5 overflow-y-auto flex-1 bg-gray-50/50",children:G?/* @__PURE__ */s("div",{className:"text-center py-16 text-gray-500",role:"status","aria-live":"polite",children:[
 /* @__PURE__ */l("div",{className:"w-12 h-12 border-4 border-gray-200 border-t-brand-blue-800 rounded-full animate-spin mx-auto mb-4"}),
-/* @__PURE__ */l("p",{className:"text-base",children:"Cargando variantes..."})]}):H?/* @__PURE__ */s("div",{className:"text-center py-16 text-red-1000",role:"alert",children:[
+/* @__PURE__ */l("p",{className:"text-base",children:"Cargando variantes..."})]}):Q?/* @__PURE__ */s("div",{className:"text-center py-16 text-red-1000",role:"alert",children:[
 /* @__PURE__ */l("svg",{className:"w-12 h-12 mx-auto mb-4 text-red-800",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:/* @__PURE__ */l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),
-/* @__PURE__ */s("p",{className:"text-base font-medium",children:["Error: ",H]}),
-/* @__PURE__ */l("button",{onClick:()=>g(i.id),className:"mt-4 text-sm px-5 py-2.5 rounded-lg bg-brand-blue-800 text-white hover:bg-brand-blue-1000 focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-2",children:"Reintentar"})]}):0===W.length?/* @__PURE__ */s("div",{className:"text-center py-16 text-gray-500",children:[
+/* @__PURE__ */s("p",{className:"text-base font-medium",children:["Error: ",Q]}),
+/* @__PURE__ */l("button",{onClick:()=>g(i.id),className:"mt-4 text-sm px-5 py-2.5 rounded-lg bg-brand-blue-800 text-white hover:bg-brand-blue-1000 focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-2",children:"Reintentar"})]}):0===K.length?/* @__PURE__ */s("div",{className:"text-center py-16 text-gray-500",children:[
 /* @__PURE__ */l("svg",{className:"w-12 h-12 mx-auto mb-4 text-gray-300",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:/* @__PURE__ */l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})}),
-/* @__PURE__ */l("p",{className:"text-base",children:"No hay recortes disponibles"})]}):/* @__PURE__ */l("div",{className:"grid grid-cols-2 lg:grid-cols-3 gap-5",role:"list","aria-label":"Lista de imágenes",children:K.map((e,t)=>{const n=e.isOriginal,r=!n&&M.has(e.id),a=e.url,o=n?"Original":e.name||e.filename||`Recorte ${t}`,f=n?i.width:e.width,g=n?i.height:e.height,b=n?i.file_size:e.file_size||0;/* @__PURE__ */
+/* @__PURE__ */l("p",{className:"text-base",children:"No hay recortes disponibles"})]}):/* @__PURE__ */l("div",{className:"grid grid-cols-2 lg:grid-cols-3 gap-5",role:"list","aria-label":"Lista de imágenes",children:Y.map((e,t)=>{const n=e.isOriginal,r=!n&&D.has(e.id),a=e.url,o=n?"Original":e.name||e.filename||`Recorte ${t}`,f=n?i.width:e.width,g=n?i.height:e.height,b=n?i.file_size:e.file_size||0;/* @__PURE__ */
 return s("article",{role:"listitem","aria-label":`${o} - ${f}×${g} píxeles`,className:`rounded-xl overflow-hidden transition-all shadow-sm hover:shadow-lg ${n?"ring-2 ring-brand-blue-800 ring-offset-2 bg-white":"border border-gray-200 bg-white hover:border-brand-blue-400"} focus-within:ring-2 focus-within:ring-brand-blue-400`,children:[
 /* @__PURE__ */s("button",{type:"button",title:"Click para ampliar con zoom",className:"relative w-full cursor-pointer aspect-square flex items-center justify-center overflow-hidden bg-gray-100 focus:outline-none group",onClick:r?void 0:()=>{return n?(x?.announce(`Abriendo visor de imagen: ${i.filename}`),void $({src:i.url,title:i.filename||"Original",subtitle:`${i.width}×${i.height} · ${Math.round((i.file_size||0)/1024)}KB`})):(t=e,x?.announce(`Abriendo visor de imagen: ${t.name}`),void $({src:t.url,title:t.name||t.filename||"Recorte",subtitle:`${t.width}×${t.height} · ${Math.round((t.file_size||0)/1024)}KB`}));var t},"aria-label":`Ver ${o} en tamaño completo con zoom`,disabled:r,children:[r?/* @__PURE__ */s("div",{className:"text-center text-gray-400",children:[
 /* @__PURE__ */l("svg",{className:"w-10 h-10 mx-auto mb-2",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:/* @__PURE__ */l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}),
 /* @__PURE__ */l("span",{className:"text-sm",children:"Error al cargar"})]}):/* @__PURE__ */s(c,{children:[
-/* @__PURE__ */l("img",{src:a,alt:`${o} - ${f}×${g}px`,loading:n?"eager":"lazy",onError:n?void 0:()=>{return t=e.id,void I(e=>/* @__PURE__ */new Set([...e,t]));var t},className:"w-full h-full object-contain p-3 transition-transform group-hover:scale-105"}),
+/* @__PURE__ */l("img",{src:a,alt:`${o} - ${f}×${g}px`,loading:n?"eager":"lazy",onError:n?void 0:()=>{return t=e.id,void O(e=>/* @__PURE__ */new Set([...e,t]));var t},className:"w-full h-full object-contain p-3 transition-transform group-hover:scale-105"}),
 /* @__PURE__ */l("div",{className:"absolute inset-0 bg-black/0 group-hover:bg-black/10 transition-colors flex items-center justify-center",children:/* @__PURE__ */s("span",{className:"opacity-0 group-hover:opacity-100 transition-opacity bg-black/60 text-white px-3 py-1.5 rounded-full text-xs font-medium flex items-center gap-1.5",children:[
 /* @__PURE__ */l("svg",{className:"w-4 h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:/* @__PURE__ */l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v3m0 0v3m0-3h3m-3 0H7"})}),"Ampliar"]})})]}),n&&/* @__PURE__ */l("span",{className:"absolute top-3 left-3 bg-brand-blue-800 text-white text-xs font-bold px-3 py-1.5 rounded-lg shadow-lg",children:"ORIGINAL"})]}),
 /* @__PURE__ */s("div",{className:"px-4 py-3 border-t border-gray-100 bg-white",children:[
 /* @__PURE__ */l("h3",{className:"text-sm font-semibold text-gray-900 truncate mb-2",title:o,children:o}),
 /* @__PURE__ */s("div",{className:"flex items-center justify-between",children:[
 /* @__PURE__ */s("span",{className:"text-xs text-gray-500 font-medium",children:[f,"×",g," ·"," ",Math.round(b/1024),"KB"]}),
-/* @__PURE__ */s("div",{className:"flex gap-2",role:"group","aria-label":`Acciones para ${o}`,children:[n&&T&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 rounded-lg bg-brand-blue-400 hover:bg-brand-blue-800 cursor-pointer text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-1 transition-colors shadow-sm",onClick:e=>{e.stopPropagation(),h&&(x?.announce(`Abriendo herramienta de recorte para ${i.filename}`),h(i),u?.())},"aria-label":"Crear nuevo recorte",title:"Recortar",children:/* @__PURE__ */l("span",{className:"icon icon-scissors-white icon--sm"})}),A&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 rounded-lg bg-brand-blue-400 hover:bg-brand-blue-800 cursor-pointer text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-1 transition-colors shadow-sm",onClick:t=>{t.stopPropagation(),n?(async()=>{const{downloadImage:e}=await Promise.resolve().then(()=>Yt);await e(i.url||i.path,i.filename||"limbo-image",{originalFormat:i.format,accessibilityManager:x})})():(async e=>{const{downloadImage:t}=await Promise.resolve().then(()=>Yt);await t(e.url,e.name||"limbo-variant",{originalFormat:e.format||e.output_format,accessibilityManager:x})})(e)},"aria-label":`Descargar ${o}`,title:"Descargar",children:/* @__PURE__ */l("span",{className:"icon icon-download-white icon--sm"})}),P&&(!n||m)&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 rounded-lg bg-red-1000 hover:bg-red-800 cursor-pointer text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-red-800 focus:ring-offset-1 transition-colors shadow-sm",onClick:t=>{t.stopPropagation(),n?(async()=>{if(!m)return;window.confirm(`¿Estás seguro de que deseas eliminar "${i.filename}"? Esta acción también eliminará todos sus recortes.`)&&(x?.announce(`Eliminando imagen ${i.filename}`),await m(i.id),u?.())})():(async e=>{if(window.confirm(`¿Estás seguro de que deseas eliminar el recorte "${e.name||e.filename}"?`)){x?.announce(`Eliminando recorte ${e.name||e.filename}`);const t=await w(i.id,e.id);t.success?(D(t=>/* @__PURE__ */new Set([...t,e.id])),C("Recorte eliminado correctamente"),N("success"),x?.announce("Recorte eliminado correctamente"),p?.(),setTimeout(()=>{C(null),N(null)},3e3)):(C(`Error al eliminar recorte: ${t.error}`),N("error"),x?.announceError(`Error al eliminar recorte: ${t.error}`),setTimeout(()=>{C(null),N(null)},5e3))}})(e)},"aria-label":`Eliminar ${o}`,title:"Eliminar",children:/* @__PURE__ */l("span",{className:"icon icon-close-small-white icon--sm"})}),z&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 cursor-pointer rounded-lg bg-brand-blue-1000 text-white hover:bg-brand-blue-800 flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-1 transition-colors shadow-sm",onClick:t=>{t.stopPropagation(),n?(d?.(i),u?.()):(e=>{const t={id:e.id,filename:`${i.filename}_${e.name}`,url:e.url,width:e.width,height:e.height,mime_type:`image/${e.format}`,file_size:e.file_size,upload_date:e.created_at,processing_status:"completed",is_variant:!0,parent_asset_id:i.id,variant_info:e};x?.announce(`Recorte seleccionado: ${e.name}`),d?.(t),u?.()})(e)},"aria-label":`Seleccionar ${o}`,title:"Seleccionar",children:/* @__PURE__ */l("span",{className:"icon icon-tick-white icon--sm"})})]})]})]})]},n?"original":e.id)})})})]}),
+/* @__PURE__ */s("div",{className:"flex gap-2",role:"group","aria-label":`Acciones para ${o}`,children:[n&&P&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 rounded-lg bg-brand-blue-400 hover:bg-brand-blue-800 cursor-pointer text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-1 transition-colors shadow-sm",onClick:e=>{e.stopPropagation(),h&&(x?.announce(`Abriendo herramienta de recorte para ${i.filename}`),h(i),u?.())},"aria-label":"Crear nuevo recorte",title:"Recortar",children:/* @__PURE__ */l("span",{className:"icon icon-scissors-white icon--sm"})}),I&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 rounded-lg bg-brand-blue-400 hover:bg-brand-blue-800 cursor-pointer text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-1 transition-colors shadow-sm",onClick:t=>{t.stopPropagation();(async(e,t,n)=>{try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(t);else{const e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.focus(),e.select(),document.execCommand("copy"),document.body.removeChild(e)}z(e),x?.announce(`URL de ${n} copiada al portapapeles`),setTimeout(()=>z(null),2e3)}catch(r){console.error("Error al copiar URL:",r),x?.announceError(`Error al copiar URL de ${n}. Inténtalo de nuevo.`)}})(n?"original":e.id,n?i.url||i.path:e.url,o)},"aria-label":_===(n?"original":e.id)?"¡Copiado!":`Copiar URL de ${o}`,title:_===(n?"original":e.id)?"¡Copiado!":"Copiar URL",children:/* @__PURE__ */l("span",{className:`icon ${_===(n?"original":e.id)?"icon-copied-white":"icon-copy-white"} icon--sm`})}),M&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 rounded-lg bg-brand-blue-400 hover:bg-brand-blue-800 cursor-pointer text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-1 transition-colors shadow-sm",onClick:t=>{t.stopPropagation(),n?(async()=>{const{downloadImage:e}=await Promise.resolve().then(()=>Yt);await e(i.url||i.path,i.filename||"limbo-image",{originalFormat:i.format,accessibilityManager:x})})():(async e=>{const{downloadImage:t}=await Promise.resolve().then(()=>Yt);await t(e.url,e.name||"limbo-variant",{originalFormat:e.format||e.output_format,accessibilityManager:x})})(e)},"aria-label":`Descargar ${o}`,title:"Descargar",children:/* @__PURE__ */l("span",{className:"icon icon-download-white icon--sm"})}),L&&(!n||m)&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 rounded-lg bg-red-1000 hover:bg-red-800 cursor-pointer text-white flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-red-800 focus:ring-offset-1 transition-colors shadow-sm",onClick:t=>{t.stopPropagation(),n?(async()=>{if(!m)return;window.confirm(`¿Estás seguro de que deseas eliminar "${i.filename}"? Esta acción también eliminará todos sus recortes.`)&&(x?.announce(`Eliminando imagen ${i.filename}`),await m(i.id),u?.())})():(async e=>{if(window.confirm(`¿Estás seguro de que deseas eliminar el recorte "${e.name||e.filename}"?`)){x?.announce(`Eliminando recorte ${e.name||e.filename}`);const t=await w(i.id,e.id);t.success?(j(t=>/* @__PURE__ */new Set([...t,e.id])),C("Recorte eliminado correctamente"),N("success"),x?.announce("Recorte eliminado correctamente"),p?.(),setTimeout(()=>{C(null),N(null)},3e3)):(C(`Error al eliminar recorte: ${t.error}`),N("error"),x?.announceError(`Error al eliminar recorte: ${t.error}`),setTimeout(()=>{C(null),N(null)},5e3))}})(e)},"aria-label":`Eliminar ${o}`,title:"Eliminar",children:/* @__PURE__ */l("span",{className:"icon icon-close-small-white icon--sm"})}),A&&/* @__PURE__ */l("button",{type:"button",className:"w-8 h-8 cursor-pointer rounded-lg bg-brand-blue-1000 text-white hover:bg-brand-blue-800 flex items-center justify-center focus:outline-none focus:ring-2 focus:ring-brand-blue-400 focus:ring-offset-1 transition-colors shadow-sm",onClick:t=>{t.stopPropagation(),n?(d?.(i),u?.()):(e=>{const t={id:e.id,filename:`${i.filename}_${e.name}`,url:e.url,width:e.width,height:e.height,mime_type:`image/${e.format}`,file_size:e.file_size,upload_date:e.created_at,processing_status:"completed",is_variant:!0,parent_asset_id:i.id,variant_info:e};x?.announce(`Recorte seleccionado: ${e.name}`),d?.(t),u?.()})(e)},"aria-label":`Seleccionar ${o}`,title:"Seleccionar",children:/* @__PURE__ */l("span",{className:"icon icon-tick-white icon--sm"})})]})]})]})]},n?"original":e.id)})})})]}),
 /* @__PURE__ */l(B,{isOpen:!!E,src:E?.src||"",alt:E?.title||"Imagen",title:E?.title,subtitle:E?.subtitle,onClose:()=>$(null)})]})}function V({image:n,onDelete:r,onCrop:a,onSelect:i,thumbnailSize:o=32,isDeleting:u=!1,allowedActions:d={select:!0,download:!0,copy:!0,delete:!0,crop:!0,variants:!0}}){const[m,h]=t(!1),[p,f]=t(!1),[g,b]=t(!1),[y,v]=t(n.variants_count||0),[w,x]=t(!0),[k,C]=t(!1),{isMobile:S,isTouch:E}=N(),$=window.limboCore?.accessibilityManager,_=(window.limboCore?.config?.getGlobal()||{}).interaction||{allowSelection:!1,allowCropping:!0},z=e=>{e.stopPropagation(),$?.announce(`Eliminando imagen ${n.filename}`,"assertive"),r?.(n)},T=async e=>{e.stopPropagation();let t=n.url||n.path;try{if(navigator.clipboard&&window.isSecureContext)await navigator.clipboard.writeText(t);else{const e=document.createElement("textarea");e.value=t,e.style.position="fixed",e.style.opacity="0",document.body.appendChild(e),e.focus(),e.select(),document.execCommand("copy"),document.body.removeChild(e)}h(!0),$?.announce(`URL de ${n.filename} copiada al portapapeles. Nota: La URL puede tener un tiempo de validez limitado.`),setTimeout(()=>h(!1),2e3)}catch(r){console.error("Error al copiar URL:",r),$?.announce(`Error al copiar URL de ${n.filename}. Inténtalo de nuevo.`),alert(`Error al copiar URL de ${n.filename}. Por favor, inténtalo de nuevo.`)}},A=async e=>{e.preventDefault(),e.stopPropagation();const{downloadImage:t}=await Promise.resolve().then(()=>Yt);await t(n.url||n.path,n.filename||"limbo-image",{originalFormat:n.format,accessibilityManager:$})},P=e=>{e.stopPropagation(),$?.announce(`Editando imagen ${n.filename}`),a?.(n)},M=n.variants&&n.variants.length>0||y>0,I=y,L=e.useCallback(()=>{v(e=>Math.max(0,e-1))},[]);e.useEffect(()=>{v(n.variants_count||0)},[n.variants_count]),e.useEffect(()=>{x(!0),C(!1)},[n.url,n.path]);const D=_.allowSelection&&d.select&&i,O=_.allowCropping&&d.crop&&a,R=()=>{M?($?.announce(`Mostrando recortes de ${n.filename}`),f(!0)):($?.announce(`Abriendo visor de ${n.filename}`),b(!0))};/* @__PURE__ */
 return s(c,{children:[
 /* @__PURE__ */s("div",{className:`limbo-image-card flex flex-col items-center cursor-pointer relative transition ${u?"opacity-50":""} ${S?"limbo-image-card--mobile":""}`,onClick:R,onKeyDown:e=>{switch(e.key){case"Enter":case" ":e.preventDefault(),R();break;case"d":case"D":d.download&&(e.preventDefault(),A(e));break;case"c":case"C":d.copy&&(e.preventDefault(),T(e));break;case"Delete":case"Backspace":d.delete&&r&&(e.preventDefault(),z(e));break;case"x":case"X":d.crop&&a&&(e.preventDefault(),P(e));break;case"v":case"V":d.variants&&(e.preventDefault(),(e=>{e.stopPropagation(),$?.announce(`Mostrando recortes de ${n.filename}`),f(!0)})(e))}},title:M?`Ver ${I} recorte${1!==I?"s":""} de ${n.filename}`:S?"Toque para ampliar imagen":"Click para ampliar imagen con zoom",role:"button",tabIndex:0,"aria-label":`Imagen ${n.filename}. ${n.width}x${n.height} px`,style:{...E&&{touchAction:"manipulation",WebkitTapHighlightColor:"transparent"}},children:[
@@ -498,13 +498,13 @@ return s("div",{className:"flex flex-col items-center justify-center py-8 text-g
 /* @__PURE__ */s("div",{className:"mb-6",children:[
 /* @__PURE__ */l("p",{className:"text-gray-600 mb-2",children:"Su sesión ha expirado por seguridad."}),
 /* @__PURE__ */l("p",{className:"text-gray-600",children:"Es necesario recargar la página para obtener un nuevo token de acceso."})]}),
-/* @__PURE__ */l("div",{className:"flex justify-end space-x-3",children:/* @__PURE__ */l("button",{onClick:t,className:"px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors",children:"Recargar Página"})})]})}):null}function tn(){const[e,n]=t(!1),[r,a]=t(null);return{deleteImg:async e=>{if(!e)return a("ID de imagen no proporcionado"),!1;n(!0),a(null);try{const t=await async function(e){try{return await A({endpoint:`/assets/${e}`,method:"DELETE",basePath:R,useJWT:!0})}catch(r){throw O(r)}}(e);return!1!==t.success}catch(t){return a(t.message),!1}finally{n(!1)}},loading:e,error:r,reset:()=>{a(null)}}}const nn=/* @__PURE__ */new Map;function rn(e,r=500){const[a,i]=t(e);return n(()=>{const t=setTimeout(()=>{i(e)},r);return()=>{clearTimeout(t)}},[e,r]),a}function an({apiKey:e,prod:a=!1,url:o=!0,features:u=["gallery","upload","cropper"],modeUI:d="full",ui:m={showActions:["select","download","copy","delete","crop","variants"],hideActions:[],theme:"light",language:"es",compactMode:!1,showTabs:!0},callbacks:h={},instanceId:p=null,itemsPerPage:f=10,_externalImage:g=null,cropperConfig:b=null}){sessionStorage.removeItem("limbo_stock_selectedService"),sessionStorage.removeItem("limbo_stock_dynamicForm"),sessionStorage.removeItem("limbo_stock_stockImages"),sessionStorage.removeItem("limbo_stock_currentPage"),sessionStorage.removeItem("limbo_stock_paginationInfo"),sessionStorage.removeItem("limbo_portals_searchName"),sessionStorage.removeItem("limbo_portals_limit"),sessionStorage.removeItem("limbo_portals_currentPage"),sessionStorage.removeItem("limbo_portals_images"),sessionStorage.removeItem("limbo_portals_portalResults"),sessionStorage.removeItem("limbo_portals_paginationInfo");const[y,v]=t({name:"",uploadedBy:"",dateFrom:"",dateTo:""}),w=rn(y.name,500),x=rn(y.uploadedBy,500),k=(()=>{switch(d){case"gallery-only":return["gallery"];case"upload-only":return["upload","cropper"];case"crop-only":return["cropper"];case"ia-only":return["ia"];default:return u}})(),[C,S]=t(k.includes("gallery")?"gallery":k.includes("upload")?"upload":k.includes("cropper")?"cropper":k.includes("ia")?"ia":k[0]||"gallery"),[N,$]=t(null);n(()=>{g&&(console.log("📸 Imagen externa detectada:",g),$(g),S("cropper"))},[g]);const[_,z]=t(1),{isTokenExpired:T,handleTokenExpiredClose:A}=function(){const[e,a]=t(!1),i=r(e=>{if(401===e?.response?.status){const t=e.response.data;if("token_expired"===t?.error||t?.message?.includes("expired")||t?.message?.includes("caducado")||t?.error?.includes("expired"))return a(!0),!0}return!1},[]),o=r(()=>{a(!1),alert("El token ha expirado. La página se recargará para obtener un nuevo token."),window.location.reload()},[]);return n(()=>{const e=e=>{e.detail&&e.detail.error&&i(e.detail.error)};return window.addEventListener("tokenExpiredError",e),()=>{window.removeEventListener("tokenExpiredError",e)}},[i]),{isTokenExpired:e,checkTokenExpiration:i,handleTokenExpiredClose:o}}(),{upload:P,loading:M,error:I,uploadedImage:L,reset:D}=function(){const[e,n]=t(!1),[r,a]=t(null),[i,o]=t(null);return{upload:async(e,t=null)=>{if(!e)return a("No se ha proporcionado ningún archivo"),null;n(!0),a(null),o(null);try{const n=await F(e,t,!1),r=n.result||n;return o(r),r}catch(r){return a(r.message),null}finally{n(!1)}},loading:e,error:r,uploadedImage:i,reset:()=>{a(null),o(null)}}}(),{deleteImg:O,loading:R,error:U,reset:B}=tn(),W={limit:f,page:_,...w&&{name:w},...x&&{uploadedBy:x},...y.dateFrom&&{dateFrom:y.dateFrom},...y.dateTo&&{dateTo:y.dateTo}},V=k.includes("gallery"),{images:H,loading:G,error:Q,pagination:Y,invalidateCache:X,setImages:J}=function(e,r=!1,a={},o=!0){const[l,s]=t([]),[c,u]=t(o),[d,m]=t(null),[h,p]=t(null),[f,g]=t(0),b=i(()=>JSON.stringify(a),[a]);return n(()=>{if(!o)return void u(!1);const e=`${b}`,t=nn.get(e),n=Date.now();if(t&&n-t.timestamp<6e5)return s(t.data),p(t.pagination||null),void u(!1);let r=!0;return(async()=>{if(f>=3)r&&(m("Error de autenticación: Verifica tus credenciales API"),u(!1));else try{const t=await j(a);if(!r)return;const i=t.result||t.data||[],o=t.pagination||null;s(i),p(o),m(null),g(0),nn.set(e,{data:i,pagination:o,timestamp:n})}catch(t){r&&(m(t.message),g(e=>e+1))}finally{r&&u(!1)}})(),()=>{r=!1}},[e,r,b,f,a,o]),{images:l,loading:c,error:d,pagination:h,setImages:s,invalidateCache:()=>{nn.delete(`${b}`)}}}(e,a,W,V),{refreshVariants:Z}=q(),ee=e=>!m.hideActions?.includes(e)&&(!!m.showActions?.includes(e)||!(m.showActions?.length>0)),te=[{id:"gallery",label:"Galería",feature:"gallery"},{id:"upload",label:"Subir nueva",feature:"upload"},{id:"cropper",label:"Recortador",hideNonActive:!0,feature:"cropper"}].filter(e=>k.includes(e.feature)),ne=async e=>{const t=URL.createObjectURL(e),n=await new Promise(e=>{const n=new Image;n.onload=()=>{e({width:n.naturalWidth,height:n.naturalHeight}),URL.revokeObjectURL(t)},n.onerror=()=>{e({width:1920,height:1080}),URL.revokeObjectURL(t)},n.src=t}),r={file:e,filename:e.name,mime_type:e.type,url:URL.createObjectURL(e),width:n.width,height:n.height};if($(r),k.includes("cropper"))S("cropper");else{const t=await P(e);t&&(X(),z(1),J(e=>[t,...e]),S("gallery"),h.onUpload&&h.onUpload({assetId:t.id,url:t.url,fileName:t.filename,mime:t.mime_type,width:t.width,height:t.height,instanceId:p}))}},re=async e=>{if(!confirm("¿Estás seguro de que deseas eliminar esta imagen? Esta acción también eliminará todos sus recortes."))return;await O(e)&&(X(),z(1),J(t=>t.filter(t=>t.id!==e)),N&&N.id===e&&($(null),S("gallery")))},ae=()=>"crop-only"===d||1===k.length&&"cropper"===k[0]?"crop-only":k.includes("gallery")?"with-gallery":k.includes("upload")&&!k.includes("gallery")?"upload-only":"with-gallery";/* @__PURE__ */
+/* @__PURE__ */l("div",{className:"flex justify-end space-x-3",children:/* @__PURE__ */l("button",{onClick:t,className:"px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors",children:"Recargar Página"})})]})}):null}function tn(){const[e,n]=t(!1),[r,a]=t(null);return{deleteImg:async e=>{if(!e)return a("ID de imagen no proporcionado"),!1;n(!0),a(null);try{const t=await async function(e){try{return await A({endpoint:`/assets/${e}`,method:"DELETE",basePath:R,useJWT:!0})}catch(r){throw O(r)}}(e);return!1!==t.success}catch(t){return a(t.message),!1}finally{n(!1)}},loading:e,error:r,reset:()=>{a(null)}}}const nn=/* @__PURE__ */new Map;function rn(e,r=500){const[a,i]=t(e);return n(()=>{const t=setTimeout(()=>{i(e)},r);return()=>{clearTimeout(t)}},[e,r]),a}function an({apiKey:e,prod:a=!1,url:o=!0,features:u=["gallery","upload","cropper"],modeUI:d="full",ui:m={showActions:["select","download","copy","delete","crop","variants"],hideActions:[],theme:"light",language:"es",compactMode:!1,showTabs:!0},callbacks:h={},instanceId:p=null,itemsPerPage:f=10,_externalImage:g=null,cropperConfig:b=null}){sessionStorage.removeItem("limbo_stock_selectedService"),sessionStorage.removeItem("limbo_stock_dynamicForm"),sessionStorage.removeItem("limbo_stock_stockImages"),sessionStorage.removeItem("limbo_stock_currentPage"),sessionStorage.removeItem("limbo_stock_paginationInfo"),sessionStorage.removeItem("limbo_portals_searchName"),sessionStorage.removeItem("limbo_portals_limit"),sessionStorage.removeItem("limbo_portals_currentPage"),sessionStorage.removeItem("limbo_portals_images"),sessionStorage.removeItem("limbo_portals_portalResults"),sessionStorage.removeItem("limbo_portals_paginationInfo");const[y,v]=t({name:"",uploadedBy:"",dateFrom:"",dateTo:""}),w=rn(y.name,500),x=rn(y.uploadedBy,500),k=(()=>{switch(d){case"gallery-only":return["gallery"];case"upload-only":return["upload","cropper"];case"crop-only":return["cropper"];case"ia-only":return["ia"];default:return u}})(),[C,S]=t(k.includes("gallery")?"gallery":k.includes("upload")?"upload":k.includes("cropper")?"cropper":k.includes("ia")?"ia":k[0]||"gallery"),[N,$]=t(null);n(()=>{g&&(console.log("📸 Imagen externa detectada:",g),$(g),S("cropper"))},[g]);const[_,z]=t(1),{isTokenExpired:T,handleTokenExpiredClose:A}=function(){const[e,a]=t(!1),i=r(e=>{if(401===e?.response?.status){const t=e.response.data;if("token_expired"===t?.error||t?.message?.includes("expired")||t?.message?.includes("caducado")||t?.error?.includes("expired"))return a(!0),!0}return!1},[]),o=r(()=>{a(!1),alert("El token ha expirado. La página se recargará para obtener un nuevo token."),window.location.reload()},[]);return n(()=>{const e=e=>{e.detail&&e.detail.error&&i(e.detail.error)};return window.addEventListener("tokenExpiredError",e),()=>{window.removeEventListener("tokenExpiredError",e)}},[i]),{isTokenExpired:e,checkTokenExpiration:i,handleTokenExpiredClose:o}}(),{upload:P,loading:M,error:I,uploadedImage:L,reset:D}=function(){const[e,n]=t(!1),[r,a]=t(null),[i,o]=t(null);return{upload:async(e,t=null)=>{if(!e)return a("No se ha proporcionado ningún archivo"),null;n(!0),a(null),o(null);try{const n=await F(e,t,!1),r=n.result||n;return o(r),r}catch(r){return a(r.message),null}finally{n(!1)}},loading:e,error:r,uploadedImage:i,reset:()=>{a(null),o(null)}}}(),{deleteImg:O,loading:R,error:U,reset:B}=tn(),W={limit:f,page:_,...w&&{name:w},...x&&{uploadedBy:x},...y.dateFrom&&{dateFrom:y.dateFrom},...y.dateTo&&{dateTo:y.dateTo}},V=k.includes("gallery"),{images:H,loading:G,error:Q,pagination:Y,invalidateCache:X,setImages:J}=function(e,r=!1,a={},o=!0){const[l,s]=t([]),[c,u]=t(o),[d,m]=t(null),[h,p]=t(null),[f,g]=t(0),b=i(()=>JSON.stringify(a),[a]);return n(()=>{if(!o)return void u(!1);const e=`${b}`,t=nn.get(e),n=Date.now();if(t&&n-t.timestamp<6e5)return s(t.data),p(t.pagination||null),void u(!1);let r=!0;return(async()=>{if(f>=3)r&&(m("Error de autenticación: Verifica tus credenciales API"),u(!1));else try{const t=await j(a);if(!r)return;const i=t.result||t.data||[],o=t.pagination||null;s(i),p(o),m(null),g(0),nn.set(e,{data:i,pagination:o,timestamp:n})}catch(t){r&&(m(t.message),g(e=>e+1))}finally{r&&u(!1)}})(),()=>{r=!1}},[e,r,b,f,a,o]),{images:l,loading:c,error:d,pagination:h,setImages:s,invalidateCache:()=>{nn.delete(`${b}`)}}}(e,a,W,V),{refreshVariants:Z}=q(),ee=e=>!m.hideActions?.includes(e)&&(!!m.showActions?.includes(e)||!(m.showActions?.length>0)),te=[{id:"gallery",label:"Galería",feature:"gallery"},{id:"upload",label:"Subir nueva",feature:"upload"},{id:"cropper",label:"Recortador",hideNonActive:!0,feature:"cropper"}].filter(e=>k.includes(e.feature)),ne=async e=>{const t=URL.createObjectURL(e),n=await new Promise(e=>{const n=new Image;n.onload=()=>{e({width:n.naturalWidth,height:n.naturalHeight}),URL.revokeObjectURL(t)},n.onerror=()=>{e({width:1920,height:1080}),URL.revokeObjectURL(t)},n.src=t}),r={file:e,filename:e.name,mime_type:e.type,url:URL.createObjectURL(e),width:n.width,height:n.height};if($(r),k.includes("cropper"))S("cropper");else{const t=await P(e);t&&(X(),z(1),J(e=>[t,...e]),S("gallery"),h.onUpload&&h.onUpload({assetId:t.id,url:t.url,fileName:t.filename,mime:t.mime_type,width:t.width,height:t.height,instanceId:p}))}},re=async e=>{if(!confirm("¿Estás seguro de que deseas eliminar esta imagen? Esta acción también eliminará todos sus recortes."))return;await O(e)&&(X(),z(1),J(t=>t.filter(t=>t.id!==e)),N&&N.id===e&&($(null),S("gallery")))},ae=e=>{$(e),k.includes("cropper")&&S("cropper")},ie=()=>"crop-only"===d||1===k.length&&"cropper"===k[0]?"crop-only":k.includes("gallery")?"with-gallery":k.includes("upload")&&!k.includes("gallery")?"upload-only":"with-gallery";/* @__PURE__ */
 return s(c,{children:[m.showTabs&&"cropper"!=C&&/* @__PURE__ */l(E,{tabs:te,active:C,onChange:e=>{S(e),"upload"!==e&&D(),"gallery"!==e&&B()}}),Q&&/* @__PURE__ */s("div",{className:"alert alert-danger",children:["Error al cargar imágenes: ",Q]}),U&&/* @__PURE__ */s("div",{className:"alert alert-danger",children:["Error al eliminar imagen: ",U]}),"gallery"===C&&/* @__PURE__ */s(c,{children:[R&&/* @__PURE__ */l(Zt,{text:"Eliminando imagen..."}),L&&/* @__PURE__ */s("div",{className:"alert alert-success absolute top-0 right-[50px] m-4",children:["✅ Imagen subida correctamente: ",L.filename]}),
-/* @__PURE__ */l(K,{onSelect:e=>{h.onSelect&&h.onSelect({assetId:e.id,url:e.url,fileName:e.filename,mime:e.mime_type,width:e.width,height:e.height,instanceId:p})},onCrop:e=>{$(e),k.includes("cropper")&&S("cropper")},onDelete:ee("delete")?re:null,deletingId:R,images:H,loading:G,error:Q,filters:y,onFiltersChange:e=>{v(e),z(1)},filterConfig:m.galleryFilters||{},loadingConfig:m.galleryLoading||{},allowedActions:{select:ee("select"),download:ee("download"),copy:ee("copy"),delete:ee("delete"),crop:ee("crop")}}),Y&&!G&&/* @__PURE__ */l(Jt,{currentPage:Y.page||_,totalPages:Y.pages||1,onPageChange:e=>{z(e)},disabled:G||R})]}),"upload"===C&&/* @__PURE__ */s("div",{children:[M&&/* @__PURE__ */l(Zt,{text:"Subiendo imagen..."}),I&&/* @__PURE__ */s("div",{className:"alert alert-danger",children:["Error al subir imagen: ",I]}),L&&/* @__PURE__ */s("div",{className:"alert alert-success absolute top-0 right-[50px] m-4",children:["✅ Imagen subida correctamente: ",L.filename]}),
-/* @__PURE__ */l(he,{onSelect:ne,disabled:M,apiKey:e,prod:a})]}),"cropper"===C&&N&&/* @__PURE__ */l(Xt,{image:N,onSave:e=>{const t=ae(),n=window.limboCore?.config?.getGlobal()||{},r=n.mode||"embed",a=n.autoHideOnComplete||!1;let i=[],o=null;e.crops&&e.asset?(i=e.crops,o=e.asset):i=Array.isArray(e)?e:[e],o&&"with-gallery"===t&&(J(e=>[o,...e]),z(1),h.onUpload&&h.onUpload({assetId:o.id,url:o.url,fileName:o.filename,mime:o.mime_type,width:o.width,height:o.height,instanceId:p})),"with-gallery"===t&&X();const l=o||N,s={crops:i,assetId:l?.id,instanceId:p,asset:l?{id:l.id,url:l.url||l.urlSigned,width:l.width,height:l.height,filename:l.filename,mime_type:l.mime_type}:null};switch(h.onCropsSaved&&h.onCropsSaved(s),window.limboCore?.events&&window.limboCore.events.emit("cropsSaved",s),t){case"with-gallery":"modal"===r?window.limboCore?.modals?.closeAllModals():($(null),S("gallery"));break;case"upload-only":"modal"===r?window.limboCore?.modals?.closeAllModals():($(null),S("upload"));break;case"crop-only":if("modal"===r)h.onCropperComplete&&h.onCropperComplete({crops:i,instanceId:p}),window.limboCore?.events&&window.limboCore.events.emit("cropperComplete",{crops:i,instanceId:p}),window.limboCore?.modals?.closeAllModals();else if(h.onCropperComplete&&h.onCropperComplete({crops:i,instanceId:p}),window.limboCore?.events&&window.limboCore.events.emit("cropperComplete",{crops:i,instanceId:p}),a){const e=document.querySelector(`#limbo-instance-${p}`);e&&(e.style.display="none")}}},onCancel:()=>{const e=ae(),t=(window.limboCore?.config?.getGlobal()||{}).mode||"embed";switch(h.onCropperCancelled&&h.onCropperCancelled({assetId:N?.id,instanceId:p}),window.limboCore?.events&&window.limboCore.events.emit("cropperCancelled",{assetId:N?.id,instanceId:p}),e){case"with-gallery":$(null),S("gallery");break;case"upload-only":"modal"===t?window.limboCore?.modals?.closeAllModals():($(null),S("upload"));break;case"crop-only":"modal"===t?window.limboCore?.modals?.closeAllModals():window.limboCore?.events&&window.limboCore.events.emit("cropperClosed",{instanceId:p,reason:"cancelled"})}},onDelete:N?.id&&ee("delete")?()=>re(N.id):null,onError:e=>{h.onCropperError&&h.onCropperError(e,p),window.limboCore?.events&&window.limboCore.events.emit("cropperError",{error:e,assetId:N?.id,instanceId:p}),console.error("Cropper error:",e)},deleting:R,onVariantCreated:(e,t)=>{Z(e)},onUpload:P,uploading:M,cropperConfig:b}),"cropper"===C&&!N&&
+/* @__PURE__ */l(K,{onSelect:e=>{if(b?.mandatoryCrops?.length>0&&k.includes("cropper"))return console.log("[App] 📐 MandatoryCrops detectados, navegando al cropper primero"),void ae(e);h.onSelect&&h.onSelect({assetId:e.id,url:e.url,fileName:e.filename,mime:e.mime_type,width:e.width,height:e.height,instanceId:p})},onCrop:ae,onDelete:ee("delete")?re:null,deletingId:R,images:H,loading:G,error:Q,filters:y,onFiltersChange:e=>{v(e),z(1)},filterConfig:m.galleryFilters||{},loadingConfig:m.galleryLoading||{},allowedActions:{select:ee("select"),download:ee("download"),copy:ee("copy"),delete:ee("delete"),crop:ee("crop")}}),Y&&!G&&/* @__PURE__ */l(Jt,{currentPage:Y.page||_,totalPages:Y.pages||1,onPageChange:e=>{z(e)},disabled:G||R})]}),"upload"===C&&/* @__PURE__ */s("div",{children:[M&&/* @__PURE__ */l(Zt,{text:"Subiendo imagen..."}),I&&/* @__PURE__ */s("div",{className:"alert alert-danger",children:["Error al subir imagen: ",I]}),L&&/* @__PURE__ */s("div",{className:"alert alert-success absolute top-0 right-[50px] m-4",children:["✅ Imagen subida correctamente: ",L.filename]}),
+/* @__PURE__ */l(he,{onSelect:ne,disabled:M,apiKey:e,prod:a})]}),"cropper"===C&&N&&/* @__PURE__ */l(Xt,{image:N,onSave:e=>{const t=ie(),n=window.limboCore?.config?.getGlobal()||{},r=n.mode||"embed",a=n.autoHideOnComplete||!1;let i=[],o=null;e.crops&&e.asset?(i=e.crops,o=e.asset):i=Array.isArray(e)?e:[e],o&&"with-gallery"===t&&(J(e=>[o,...e]),z(1),h.onUpload&&h.onUpload({assetId:o.id,url:o.url,fileName:o.filename,mime:o.mime_type,width:o.width,height:o.height,instanceId:p})),"with-gallery"===t&&X();const l=o||N,s={crops:i,assetId:l?.id,instanceId:p,asset:l?{id:l.id,url:l.url||l.urlSigned,width:l.width,height:l.height,filename:l.filename,mime_type:l.mime_type}:null};switch(h.onCropsSaved&&h.onCropsSaved(s),window.limboCore?.events&&window.limboCore.events.emit("cropsSaved",s),t){case"with-gallery":"modal"===r?window.limboCore?.modals?.closeAllModals():($(null),S("gallery"));break;case"upload-only":"modal"===r?window.limboCore?.modals?.closeAllModals():($(null),S("upload"));break;case"crop-only":if("modal"===r)h.onCropperComplete&&h.onCropperComplete({crops:i,instanceId:p}),window.limboCore?.events&&window.limboCore.events.emit("cropperComplete",{crops:i,instanceId:p}),window.limboCore?.modals?.closeAllModals();else if(h.onCropperComplete&&h.onCropperComplete({crops:i,instanceId:p}),window.limboCore?.events&&window.limboCore.events.emit("cropperComplete",{crops:i,instanceId:p}),a){const e=document.querySelector(`#limbo-instance-${p}`);e&&(e.style.display="none")}}},onCancel:()=>{const e=ie(),t=(window.limboCore?.config?.getGlobal()||{}).mode||"embed";switch(h.onCropperCancelled&&h.onCropperCancelled({assetId:N?.id,instanceId:p}),window.limboCore?.events&&window.limboCore.events.emit("cropperCancelled",{assetId:N?.id,instanceId:p}),e){case"with-gallery":$(null),S("gallery");break;case"upload-only":"modal"===t?window.limboCore?.modals?.closeAllModals():($(null),S("upload"));break;case"crop-only":"modal"===t?window.limboCore?.modals?.closeAllModals():window.limboCore?.events&&window.limboCore.events.emit("cropperClosed",{instanceId:p,reason:"cancelled"})}},onDelete:N?.id&&ee("delete")?()=>re(N.id):null,onError:e=>{h.onCropperError&&h.onCropperError(e,p),window.limboCore?.events&&window.limboCore.events.emit("cropperError",{error:e,assetId:N?.id,instanceId:p}),console.error("Cropper error:",e)},deleting:R,onVariantCreated:(e,t)=>{Z(e)},onUpload:P,uploading:M,cropperConfig:b}),"cropper"===C&&!N&&
 /* @__PURE__ */s("div","crop-only"===d?{children:[M&&/* @__PURE__ */l(Zt,{text:"Subiendo imagen..."}),I&&/* @__PURE__ */s("div",{className:"alert alert-danger",children:["Error al subir imagen: ",I]}),
 /* @__PURE__ */l(he,{onSelect:ne,disabled:M,apiKey:e,prod:a})]}:{className:"limbo-empty-state flex flex-col items-center justify-center py-12 px-6 text-center",children:[
 /* @__PURE__ */l("div",{className:"text-gray-400 mb-4",children:/* @__PURE__ */l("svg",{className:"w-16 h-16 mx-auto",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:/* @__PURE__ */l("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"})})}),
 /* @__PURE__ */l("p",{className:"text-gray-600 mb-4",children:"Selecciona una imagen de la galería para comenzar a recortar."})]}),
-/* @__PURE__ */l(en,{isOpen:T,onClose:A})]})}class on{constructor(e,t,n,r){this.id=e,this.config=t,this.eventManager=n,this.modalManager=r,this.root=null,this.container=null,this.modal=null,this.mounted=!1,this.destroyed=!1,this.button=null,this._validateConfig(),this._initialize()}_initialize(){"embed"===this.config.mode?this.mount():"button"===this.config.mode&&this._createButton(),this._emitDOMEvent("ready",{instance:this,config:this.config,timestamp:Date.now()})}mount(){if(this.mounted||this.destroyed)return this;if(this.container=this._resolveContainer(),!this.container)return this.eventManager.emit("error",{instanceId:this.id,error:"Container not found"}),this;try{this.root=C.createRoot(this.container),this.root.render(this._renderApp()),this.mounted=!0,this.eventManager.emit("ready",{instance:this})}catch(e){this.eventManager.emit("error",{instanceId:this.id,error:e.message})}return this}unmount(){return this.mounted?(this.root&&(this.root.unmount(),this.root=null),"button"===this.config.mode&&this.button,this.mounted=!1,this):this}open(){return"modal"!==this.config.mode&&"button"!==this.config.mode||(this.modal||this._createModal(),this.modal&&!this.modal.isOpened()&&(this.modal.open(),this.eventManager.emit("modal:open",{instance:this}))),this}close(){return this.modal&&this.modal.isOpened()&&(this.eventManager?.emit("modal:close",{instance:this}),this.modal.close()),this}updateConfig(e){return this.config={...this.config,...e},this.mounted&&this.root.render(this._renderApp()),this.eventManager.emit("config:updated",{instance:this,newConfig:e}),this}destroy(){this.destroyed||(this.unmount(),this.modal&&(this.modal.destroy(),this.modal=null),this.button&&this.button.parentNode&&(this.button.parentNode.removeChild(this.button),this.button=null),this.eventManager.emit("destroy",{instance:this}),this.container=null,this.config=null,this.eventManager=null,this.modalManager=null,this.destroyed=!0)}getId(){return this.id}getMode(){return this.config.mode}isMounted(){return this.mounted}isDestroyed(){return this.destroyed}getContainer(){return this.container}getConfig(){return{...this.config}}isContainerInDOM(){return this.container&&document.contains(this.container)}_createModal(){if(this.modalManager&&"modal"===this.config.mode&&(this.modal=this.modalManager.createModal({title:this.config.title||"Limbo Image Manager",size:this.config.modalSize||"large",onOpen:()=>{const e={instance:this,mode:"modal",timestamp:Date.now()};this._emitDOMEvent("modal:open",e),this.config.callbacks?.onOpen&&this.config.callbacks.onOpen(e)},onClose:()=>{const e={instance:this,mode:"modal",timestamp:Date.now()};this._emitDOMEvent("modal:close",e),this.config.callbacks?.onClose&&this.config.callbacks.onClose(e),this.config.autoDestroy&&this.destroy()},onDestroy:()=>{this.modal=null}}),this.modal)){const e=this.modal.getBodyContainer();this.root=C.createRoot(e),this.root.render(this._renderApp()),this.mounted=!0}}_createButton(){if(this.container||(this.container=this._resolveContainer()),!this.container)return void this.eventManager.emit("error",{instanceId:this.id,error:"Container not found for button mode"});const e=document.createElement("button");e.type="button",e.className="limbo-trigger-button",e.textContent=this.config.buttonText||"Abrir Limbo",e.style.cssText="\n      background: #001978;\n      color: white;\n      border: none;\n      padding: 10px 20px;\n      border-radius: 6px;\n      cursor: pointer;\n      font-family: inherit;\n      font-size: 14px;\n      font-weight: 500;\n      transition: all 0.2s ease;\n    ",e.addEventListener("mouseenter",()=>{e.style.backgroundColor="#334793",e.style.transform="translateY(-1px)"}),e.addEventListener("mouseleave",()=>{e.style.backgroundColor="#001978",e.style.transform="translateY(0)"}),e.addEventListener("click",()=>{this.open()}),this.container.appendChild(e),this.button=e,this.mounted=!0}_resolveContainer(){const{container:e}=this.config;return e?"string"==typeof e?document.querySelector(e):e instanceof Element?e:null:null}_renderApp(){return e.createElement("div",{id:`limbo-component-container-${this.id}`,className:"limbo-instance limbo-component-container-wrapper h-full w-full py-2 bg-white rounded-md","data-limbo-id":this.id,"data-limbo-mode":this.config.mode,"data-limbo-version":"2.0","data-limbo-isolated":"true","aria-label":"Limbo Image Manager",role:"region"},e.createElement(an,{apiKey:this.config.apiKey||null,publicKey:this.config.publicKey||null,token:this.config.token||null,prod:this.config.prod||!1,url:this.config.url,features:this.config.features,modeUI:this.config.modeUI||"full",ui:this.config.ui,callbacks:this._createCallbacks(),instanceId:this.id,authMode:this.config.authMode||this.config.publicKey?"session":"manual",_externalImage:this.config._externalImage||null,cropperConfig:this.config.cropper||null}))}_createCallbacks(){return{onSelect:e=>{const t=this.config?.callbacks?.onSelect,n=this._createStandardPayload(e,"select");t&&t(n),this.destroyed||this._emitDOMEvent("select",n)},onUpload:e=>{const t=this.config?.callbacks?.onUpload,n=this._createStandardPayload(e,"upload");t&&t(n),this.destroyed||this._emitDOMEvent("upload",n)},onError:e=>{const t=this.config?.callbacks?.onError,n={instance:this,error:{message:e.message||"Unknown error",code:e.code||"UNKNOWN",timestamp:Date.now()}};t&&t(n.error),this.destroyed||this._emitDOMEvent("error",n)},onClose:()=>{const e=this.config?.callbacks?.onClose,t={instance:this,timestamp:Date.now()};e&&e(),this.destroyed||this._emitDOMEvent("close",t)}}}_createStandardPayload(e,t){const n={instance:this,eventType:t,timestamp:Date.now(),instanceId:this.id,mode:this.config?.mode,features:this.config?.features};return e&&(e.assetId||e.id?(n.assetId=e.assetId||e.id,n.variants=e.variants||[],n.master=e.master||{urlSigned:e.url||e.urlSigned,width:e.width,height:e.height,mime:e.mime||e.mimeType},n.fileName=e.fileName||e.name,n.mime=e.mime||e.mimeType,n.width=e.width,n.height=e.height,n.fileBlob=e.fileBlob||e.file,n.metadata={uploadedBy:e.uploadedBy,uploadedAt:e.uploadedAt||e.timestamp,size:e.size,...e.metadata}):Object.assign(n,e)),n}_emitDOMEvent(e,t){if(this.destroyed)return;const n=new CustomEvent(`limbo:${e}`,{detail:t,bubbles:!0,cancelable:!0});(this.getContainer()||document).dispatchEvent(n),this.eventManager?.emit(e,t)}_validateConfig(){if(!(this.config.auth?.apiKey||this.config.auth?.publicKey||this.config.auth?.token||this.config.apiKey||this.config.publicKey||this.config.token))throw new Error(`LimboInstance ${this.id}: Authentication is required. Provide either auth.publicKey (recommended) or auth.apiKey (for server-side only)`);if((this.config.auth?.apiKey||this.config.apiKey)&&"undefined"!=typeof window&&console.warn("⚠️ SECURITY WARNING: API Key detected in client-side code.\nThis is a security risk! Use publicKey instead for client applications.\nAPI Keys should only be used in server-side environments."),!["embed","modal","button"].includes(this.config.mode))throw new Error(`LimboInstance ${this.id}: invalid mode ${this.config.mode}`);if("embed"===this.config.mode&&!this.config.container)throw new Error(`LimboInstance ${this.id}: container is required for embed mode`);if("button"===this.config.mode&&!this.config.container)throw new Error(`LimboInstance ${this.id}: container is required for button mode`)}}class ln{constructor(){this.instances=/* @__PURE__ */new Map,this.counter=0}create(e,t,n){const r="limbo-"+ ++this.counter,a=new on(r,e,t,n);return this.instances.set(r,a),a}get(e){return this.instances.get(e)}getAll(){return Array.from(this.instances.values())}getActive(){return this.getAll().filter(e=>e.isMounted())}destroy(e){const t=this.instances.get(e);return!!t&&(t.destroy(),this.instances.delete(e),!0)}destroyAll(){this.instances.forEach(e=>e.destroy()),this.instances.clear()}cleanupOrphans(){const e=[];return this.instances.forEach((t,n)=>{t.isContainerInDOM()||e.push(n)}),e.forEach(e=>this.destroy(e)),e.length}getStats(){const e=this.getAll();return{total:e.length,active:e.filter(e=>e.isMounted()).length,embed:e.filter(e=>"embed"===e.getMode()).length,modal:e.filter(e=>"modal"===e.getMode()).length,button:e.filter(e=>"button"===e.getMode()).length}}}class sn{constructor(){this.config=null,this.instances=/* @__PURE__ */new Map,this.observer=null,this.initialized=!1}configure(e,t,n){return this.config={selector:e.selector||null,dataset:e.dataset||"data-limbo-input-file",return:e.return||e.returnType||"json",mode:e.mode||"modal",features:e.features||["gallery","upload","cropper"],crop:e.crop||"free",quality:e.quality||.9,format:e.format||"webp",modeUI:e.modeUI||"full",modalSize:e.modalSize||"fullscreen",theme:e.theme||"light",compact:e.compact||!1,maxSize:e.maxSize||"10MB",formats:e.formats||["jpg","jpeg","png","webp"],minWidth:e.minWidth||null,minHeight:e.minHeight||null,maxWidth:e.maxWidth||null,maxHeight:e.maxHeight||null,buttonText:e.buttonText||"Seleccionar Imagen",buttonClass:e.buttonClass||"limbo-auto-button",buttonStyle:e.buttonStyle||"primary",showPreview:!1!==e.showPreview,allowMultiple:e.allowMultiple||!1,autoAssign:!1!==e.autoAssign,...e},this.configManager=t,this.eventManager=n,this._initialize(),this}cleanup(){this.observer&&(this.observer.disconnect(),this.observer=null),this.instances.forEach(({input:e,button:t})=>{this._restoreInput(e,t)}),this.instances.clear(),this.config=null,this.initialized=!1}getStats(){return{configured:null!==this.config,totalInputs:this.instances.size,dataset:this.config?.dataset,returnType:this.config?.return}}_initialize(){this.initialized||(this._scanExistingInputs(),this._setupObserver(),this.initialized=!0,this.eventManager.emit("autoInputs:initialized",{config:this.config,inputsFound:this.instances.size}))}_scanExistingInputs(){const e=this.config.selector||`input[${this.config.dataset}]`;document.querySelectorAll(e).forEach(e=>this._processInput(e))}_processInput(e){const t=this._getInputId(e);if(this.instances.has(t))return;if(!this._validateInput(e))return;const n=this._createButton(e);this._hideInput(e),this._insertButton(e,n),this.instances.set(t,{input:e,button:n,config:this._getInputConfig(e)}),this.eventManager.emit("autoInputs:processed",{inputId:t,input:e,button:n})}_createButton(e){const t=document.createElement("button"),n=this._getInputConfig(e);t.type="button",t.textContent=n.buttonText||this.config.buttonText;const r=[this.config.buttonClass];return n.buttonClass&&n.buttonClass!==this.config.buttonClass&&r.push(n.buttonClass),t.className=r.join(" "),this._styleButton(t,n),this._attachButtonEvents(t,e),t.setAttribute("aria-label",n.buttonText||this.config.buttonText),t.setAttribute("data-limbo-trigger","true"),t.setAttribute("data-limbo-input-id",n.inputId),n.disabled&&(t.disabled=!0),t}_styleButton(e,t){const n=t.buttonStyle||this.config.buttonStyle,r=t.theme||this.config.theme,a=t.compact||this.config.compact,i={border:"none",borderRadius:"8px",cursor:"pointer",fontFamily:"inherit",fontSize:a?"12px":"14px",fontWeight:"500",transition:"all 0.2s ease",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:a?"6px 12px":"8px 16px",textDecoration:"none",userSelect:"none"},o={primary:{backgroundColor:"dark"===r?"#3b82f6":"#001978",color:"white",hoverBg:"dark"===r?"#2563eb":"#334793"},secondary:{backgroundColor:"dark"===r?"#374151":"#f3f4f6",color:"dark"===r?"#f9fafb":"#374151",border:"1px solid "+("dark"===r?"#4b5563":"#d1d5db"),hoverBg:"dark"===r?"#4b5563":"#e5e7eb"},outline:{backgroundColor:"transparent",color:"dark"===r?"#3b82f6":"#001978",border:"2px solid "+("dark"===r?"#3b82f6":"#001978"),hoverBg:"dark"===r?"#3b82f6":"#001978",hoverColor:"white"},ghost:{backgroundColor:"transparent",color:"dark"===r?"#f9fafb":"#374151",hoverBg:"dark"===r?"#374151":"#f3f4f6"}},l=o[n]||o.primary;Object.assign(e.style,{...i,...l});const s=l.backgroundColor,c=l.color;e.addEventListener("mouseenter",()=>{e.style.backgroundColor=l.hoverBg||l.backgroundColor,l.hoverColor&&(e.style.color=l.hoverColor),e.style.transform="translateY(-1px)",e.style.boxShadow="0 4px 12px rgba(0, 0, 0, 0.15)"}),e.addEventListener("mouseleave",()=>{e.style.backgroundColor=s,e.style.color=c,e.style.transform="translateY(0)",e.style.boxShadow="none"}),t.disabled&&(e.style.opacity="0.5",e.style.cursor="not-allowed")}_attachButtonEvents(e,t){e.addEventListener("click",e=>{e.preventDefault(),this._handleButtonClick(t)})}_handleButtonClick(e){const t=this._getInputConfig(e),n=this._createModalConfig(t);this.eventManager.emit("autoInputs:modalRequest",{input:e,config:n,callback:async t=>await this._handleImageSelection(e,t)})}async _handleImageSelection(e,t){const n=this._getInputConfig(e);try{const r=await this._formatImageData(t,n);!1!==n.autoAssign&&(e.value=r),e.dispatchEvent(new Event("change",{bubbles:!0})),e.dispatchEvent(new CustomEvent("limbo:resultReady",{detail:{imageData:t,input:e,value:r,config:n,assignment:{format:n.return,smartAssign:!1!==n.smartAssign,autoAssign:!1!==n.autoAssign},legacy:{imageData:t,formatted:this._createFormattedResult(t,n)}},bubbles:!0})),e.dispatchEvent(new CustomEvent("limbo:imageSelected",{detail:{imageData:t,input:e,value:r,config:n,formatted:this._createFormattedResult(t,n)},bubbles:!0})),this.eventManager.emit("autoInputs:imageSelected",{input:e,imageData:t,value:r,config:n})}catch(r){console.error("Error handling image selection:",r),e.dispatchEvent(new CustomEvent("limbo:error",{detail:{error:r.message,input:e,imageData:t,config:n},bubbles:!0})),this._handleImageSelectionLegacy(e,t)}}_handleImageSelectionLegacy(e,t){const n=this._getInputConfig(e),r=this._formatImageData(t,n);!1!==n.autoAssign&&(e.value=r),e.dispatchEvent(new Event("change",{bubbles:!0})),e.dispatchEvent(new CustomEvent("limbo:imageSelected",{detail:{imageData:t,input:e,value:r,config:n,formatted:this._createFormattedResult(t,n)},bubbles:!0})),this.eventManager.emit("autoInputs:imageSelected",{input:e,imageData:t,value:r,config:n})}_createFormattedResult(e,t){return{url:e.url||e.path||"",base64:e.base64||e.dataUrl||"",assetId:e.assetId||e.id||"",fileName:e.fileName||e.filename||"",object:{url:e.url||e.path,assetId:e.assetId||e.id,fileName:e.fileName||e.filename,mime:e.mime||e.mime_type,width:e.width,height:e.height,size:e.size||e.file_size,created:e.created_at||e.created,metadata:e.metadata||{}},json:JSON.stringify({url:e.url||e.path,assetId:e.assetId||e.id,fileName:e.fileName||e.filename,mime:e.mime||e.mime_type,width:e.width,height:e.height,size:e.size||e.file_size}),metadata:{width:e.width,height:e.height,size:e.size||e.file_size,format:e.format||e.mime_type,quality:t.quality||this.config.quality,aspectRatio:e.width&&e.height?e.width/e.height:null}}}async _formatImageData(e,t=null){const n=(t||{}).return||this.config.return||"json",r=void 0!==e.original;switch(n){case"url":return r?e.images?.[0]?.url||e.original?.url||"":e.url||e.path||"";case"base64":return e.base64||e.dataUrl||"";case"assetId":return r?e.original?.assetId||"":e.assetId||e.id||"";case"fileName":return e.fileName||e.filename||"";default:return r?JSON.stringify(e):JSON.stringify({original:{url:e.url||e.path,width:e.width,height:e.height,assetId:e.assetId||e.id}})}}_createModalConfig(e){return{mode:e.mode||this.config.mode||"modal",modeUI:e.modeUI||this.config.modeUI||"full",features:e.features||this.config.features,modalSize:e.modalSize||this.config.modalSize||"fullscreen",title:e.description||this.config.title||"Seleccionar imagen",cropper:this._getCropperConfig(e),ui:{showActions:this._getUIActions(e),hideActions:[],showTabs:this._shouldShowTabs(e),theme:e.theme||this.config.theme,compact:e.compact||this.config.compact,showPreview:void 0!==e.showPreview?e.showPreview:this.config.showPreview},validation:{maxSize:e.maxSize||this.config.maxSize,formats:e.formats||this.config.formats,minWidth:e.minWidth||this.config.minWidth,minHeight:e.minHeight||this.config.minHeight,maxWidth:e.maxWidth||this.config.maxWidth,maxHeight:e.maxHeight||this.config.maxHeight,required:e.required||!1},behavior:{allowMultiple:e.allowMultiple||this.config.allowMultiple,closeOnSelect:!0,autoAssign:void 0!==e.autoAssign?e.autoAssign:this.config.autoAssign,allowSelectNew:!1!==e.allowSelectNew},initialImageUrl:e.initialImageUrl||null,returnConfig:{format:e.return||this.config.return,quality:e.quality||this.config.quality,outputFormat:e.format||this.config.format},inputMeta:{inputId:e.inputId,inputName:e.inputName,inputType:e.inputType,placeholder:e.placeholder}}}_getCropperConfig(e){const t=e.crop||this.config.crop,n={quality:e.quality||this.config.quality,format:e.format||this.config.format,mandatoryCrops:e.mandatoryCrops||[],allowAdditionalCrops:!1!==e.allowAdditionalCrops,maxCrops:e.maxCrops||null};if(e.mandatoryCrops&&e.mandatoryCrops.length>0)return{...n,aspectRatio:null};if(!t||"none"===t||"false"===t)return null;if("free"===t)return{...n,aspectRatio:null};const r={"1:1":1,"16:9":16/9,"4:3":4/3,"3:2":1.5,"2:1":2,square:1,landscape:16/9,portrait:3/4};if(r[t])return{...n,aspectRatio:r[t],minCropBoxWidth:e.minWidth||this.config.minWidth,minCropBoxHeight:e.minHeight||this.config.minHeight};if("string"==typeof t&&t.includes(":")){const[e,r]=t.split(":").map(Number);if(!isNaN(e)&&!isNaN(r)&&0!==r)return{...n,aspectRatio:e/r}}const a=parseFloat(t);return!isNaN(a)&&a>0?{...n,aspectRatio:a}:"object"==typeof t?{...n,...t}:null}_shouldShowTabs(e){const t=e.modeUI||this.config.modeUI||"full",n=e.features||this.config.features;return!["gallery-only","upload-only","crop-only","ia-only"].includes(t)&&(n&&n.length>1)}_getUIActions(e){const t=e.modeUI||this.config.modeUI||"full",n=e.features||this.config.features;let r=[];switch(t){case"gallery-only":case"upload-only":r=["select"];break;case"crop-only":r=["select","crop"];break;default:r=["select"],n.includes("cropper")&&r.push("crop"),n.includes("gallery")&&(r.push("download","copy"),this.config.allowDelete&&r.push("delete"))}return r}_getInputId(e){return e.id||e.name||`limbo-auto-${Date.now()}-${Math.random()}`}_validateInput(e){return e instanceof HTMLInputElement}_getInputConfig(e){const t=e=>e?e.split(",").map(e=>e.trim()):null,n=e=>{if(!e)return null;const t=e.match(/^(\d+(?:\.\d+)?)(MB|KB|B)?$/i);if(!t)return null;const n=parseFloat(t[1]);switch((t[2]||"B").toUpperCase()){case"MB":return 1024*n*1024;case"KB":return 1024*n;default:return n}},r=(e,t=!1)=>null===e?t:"true"===e||"1"===e||""===e,a=e=>e?parseFloat(e):null,i=e=>{if(!e)return null;try{return JSON.parse(e)}catch(t){return console.warn("[Limbo AutoInputManager] Error parsing JSON attribute:",t),null}},o=i(e.dataset.mandatorycrops)||i(e.dataset.mandatoryCrops)||i(e.getAttribute("data-mandatory-crops"))||i(e.getAttribute("data-limbo-mandatory-crops"))||null;return{return:e.dataset.returntype||e.getAttribute("data-limbo-return")||this.config.return,mode:e.dataset.mode||e.getAttribute("data-limbo-mode")||this.config.mode,features:t(e.dataset.features)||t(e.getAttribute("data-limbo-features"))||this.config.features,crop:e.dataset.crop||e.getAttribute("data-limbo-crop")||this.config.crop,quality:a(e.dataset.quality)||a(e.getAttribute("data-limbo-quality"))||this.config.quality,format:e.dataset.format||e.getAttribute("data-limbo-format")||this.config.format,modeUI:e.dataset.modeui||e.dataset.modeUI||e.getAttribute("data-limbo-mode-ui")||this.config.modeUI,modalSize:e.dataset.modalsize||e.getAttribute("data-limbo-modal-size")||this.config.modalSize,theme:e.dataset.theme||e.getAttribute("data-limbo-theme")||this.config.theme,compact:r(e.dataset.compact,null)??r(e.getAttribute("data-limbo-compact"),this.config.compact),maxSize:n(e.getAttribute("data-limbo-max-size"))||n(this.config.maxSize),formats:t(e.getAttribute("data-limbo-formats"))||this.config.formats,minWidth:a(e.getAttribute("data-limbo-min-width"))||this.config.minWidth,minHeight:a(e.getAttribute("data-limbo-min-height"))||this.config.minHeight,maxWidth:a(e.getAttribute("data-limbo-max-width"))||this.config.maxWidth,maxHeight:a(e.getAttribute("data-limbo-max-height"))||this.config.maxHeight,buttonText:e.dataset.buttontext||e.getAttribute("data-limbo-button-text")||this.config.buttonText,buttonStyle:e.dataset.buttonstyle||e.getAttribute("data-limbo-button-style")||this.config.buttonStyle,buttonClass:e.dataset.buttonclass||e.getAttribute("data-limbo-button-class")||this.config.buttonClass,showPreview:r(e.getAttribute("data-limbo-show-preview"),this.config.showPreview),allowMultiple:r(e.getAttribute("data-limbo-allow-multiple"),this.config.allowMultiple),autoAssign:r(e.getAttribute("data-limbo-auto-assign"),this.config.autoAssign),placeholder:e.getAttribute("data-limbo-placeholder"),description:e.getAttribute("data-limbo-description"),required:r(e.getAttribute("data-limbo-required"),!1),disabled:r(e.getAttribute("data-limbo-disabled"),!1),inputId:e.id||e.name||this._generateInputId(e),inputName:e.name,inputType:e.type,mandatoryCrops:o,allowAdditionalCrops:r(e.dataset.allowadditionalcrops,null)??r(e.getAttribute("data-limbo-allow-additional-crops"),!0),maxCrops:a(e.dataset.maxcrops)||a(e.getAttribute("data-limbo-max-crops"))||null,allowSelectNew:r(e.dataset.allowselectnew,null)??r(e.getAttribute("data-limbo-allow-select-new"),!0),initialImageUrl:e.value||null}}_generateInputId(){return`limbo-auto-input-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}_hideInput(e){e.style.display="none"}_insertButton(e,t){e.parentNode.insertBefore(t,e.nextSibling)}_restoreInput(e,t){e.style.display="",t&&t.parentNode&&t.parentNode.removeChild(t)}_setupObserver(){this.observer=new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e.nodeType===Node.ELEMENT_NODE&&this._scanNodeForInputs(e)})})}),this.observer.observe(document.body,{childList:!0,subtree:!0})}_scanNodeForInputs(e){const t=this.config.selector||`input[${this.config.dataset}]`;e.matches&&e.matches(t)&&this._processInput(e);const n=e.querySelectorAll&&e.querySelectorAll(t);n&&n.forEach(e=>this._processInput(e))}}class cn{constructor(){this.listeners=/* @__PURE__ */new Map}emit(e,t={}){this._emitDOMEvent(e,t),this._executeListeners(e,t)}on(e,t){return this.listeners.has(e)||this.listeners.set(e,[]),this.listeners.get(e).push(t),()=>this.off(e,t)}off(e,t){const n=this.listeners.get(e);if(n){const e=n.indexOf(t);e>-1&&n.splice(e,1)}}cleanup(){this.listeners.clear()}_emitDOMEvent(e,t){const n=new CustomEvent(`limbo:${e}`,{detail:{...t,timestamp:Date.now()},bubbles:!0,cancelable:!0});(t.instance?.getContainer()||document).dispatchEvent(n)}_executeListeners(e,t){const n=this.listeners.get(e);n&&n.forEach(n=>{try{n(t)}catch(r){console.error(`Error executing listener for ${e}:`,r)}})}getStats(){const e={};return this.listeners.forEach((t,n)=>{e[n]=t.length}),e}}class un{constructor(){this.activeModals=/* @__PURE__ */new Set,this.zIndexBase=1e4,this.focusableSelectors=["button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"]):not([disabled])',"a[href]"].join(", "),this.initialized=!1,this._initGlobalListeners()}createModal(e){const t=new dn(this._generateModalId(),e,this);return this.activeModals.add(t),t}closeModal(e){const t=this._findModal(e);return!!t&&(t.close(),!0)}closeAllModals(){this.activeModals.forEach(e=>e.close()),this.activeModals.clear()}getActiveModal(){return Array.from(this.activeModals).pop()||null}getStats(){return{active:this.activeModals.size,nextZIndex:this._getNextZIndex()}}_generateModalId(){return`limbo-modal-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}_findModal(e){return Array.from(this.activeModals).find(t=>t.getId()===e)}_getNextZIndex(){return this.zIndexBase+10*this.activeModals.size}_removeModal(e){this.activeModals.delete(e)}_handleGlobalKeydown(e){const t=this.getActiveModal();t&&("Escape"===e.key&&(e.preventDefault(),t.close()),"Tab"===e.key&&this._handleTabTrap(e,t))}_handleTabTrap(e,t){const n=t.getFocusableElements();if(0===n.length)return;const r=n[0],a=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),a.focus()):document.activeElement===a&&(e.preventDefault(),r.focus())}_initGlobalListeners(){this.initialized||(this.globalKeydownHandler=e=>this._handleGlobalKeydown(e),document.addEventListener("keydown",this.globalKeydownHandler),this.initialized=!0)}destroy(){this.closeAllModals(),this.initialized&&this.globalKeydownHandler&&(document.removeEventListener("keydown",this.globalKeydownHandler),this.initialized=!1,this.globalKeydownHandler=null)}}class dn{constructor(e,t,n){this.id=e,this.config={title:t.title||"Limbo",content:t.content||null,showCloseButton:!1!==t.showCloseButton,backdrop:!1!==t.backdrop,keyboard:!1!==t.keyboard,focus:!1!==t.focus,animation:!1!==t.animation,size:t.size||"large",onOpen:t.onOpen||null,onClose:t.onClose||null,onDestroy:t.onDestroy||null,...t},this.manager=n,this.element=null,this.backdrop=null,this.isOpen=!1,this.previousFocus=null,this._create()}_create(){this._createBackdrop(),this._createModal(),this._attachEvents()}_createBackdrop(){this.config.backdrop&&(this.backdrop=document.createElement("div"),this.backdrop.className="limbo-modal-backdrop",this.backdrop.style.cssText=`\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: ${this.manager._getNextZIndex()};\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    `,this.backdrop.addEventListener("click",e=>{e.target===this.backdrop&&this.close()}))}_createModal(){this.element=document.createElement("div"),this.element.className=`limbo-modal limbo-modal--${this.config.size}`,this.element.id=this.id,this.element.role="dialog",this.element.setAttribute("aria-modal","true"),this.element.setAttribute("aria-labelledby",`${this.id}-title`),this.element.tabIndex=-1;const e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),t={small:e?"width: 100%; height: 100%;":"max-width: 500px; min-height: 400px;",medium:e?"width: 100%; height: 100%;":"max-width: 800px; min-height: 500px;",large:e?"width: 100%; height: 100%;":"max-width: 1400px; min-height: 700px;",xlarge:e?"width: 100%; height: 100%;":"max-width: 95dvw; min-height: 85vh;",fullscreen:"width: 100%; height: 100%; max-width: 100%; max-height: 100%; border-radius: 0;"},n="fullscreen"===this.config.size,r=e||n?`\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      transform: ${e?"translateY(100%)":"scale(0.95)"};\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      max-height: none;\n      border-radius: 0;\n      background: white;\n      z-index: ${this.manager._getNextZIndex()+1};\n      opacity: ${e?"1":"0"};\n      transition: ${e?"transform":"all"} 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      padding-top: env(safe-area-inset-top);\n      padding-left: env(safe-area-inset-left);\n      padding-right: env(safe-area-inset-right);\n      padding-bottom: env(safe-area-inset-bottom);\n    `:`\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0.8);\n      ${t[this.config.size]}\n      width: 90%;\n      max-height: 90vh;\n      background: white;\n      border-radius: 16px;\n      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);\n      z-index: ${this.manager._getNextZIndex()+1};\n      opacity: 0;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    `;this.element.style.cssText=r,this._createHeader(),this._createBody(),document.body.appendChild(this.backdrop),document.body.appendChild(this.element)}_createHeader(){const e=document.createElement("div");e.className="limbo-modal-header";const t=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);e.style.cssText=`\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: ${t?"16px 20px":"20px 24px"};\n      border-bottom: 1px solid #e9ecef;\n      background: #f8f9fa;\n      ${t?"position: sticky; top: 0; z-index: 10;":""}\n      min-height: ${t?"60px":"auto"};\n    `;const n=document.createElement("h2");if(n.id=`${this.id}-title`,n.className="limbo-modal-title",n.textContent=this.config.title,n.style.cssText="\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: #001978;\n      flex: 1;\n      margin-right: 16px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    ",e.appendChild(n),this.config.showCloseButton){const n=document.createElement("button");n.type="button",n.className="limbo-modal-close",n.innerHTML="✕",n.setAttribute("aria-label","Cerrar modal"),n.style.cssText=`\n        background: none;\n        border: none;\n        font-size: ${t?"28px":"24px"};\n        color: #6c757d;\n        cursor: pointer;\n        padding: ${t?"8px":"4px"};\n        border-radius: 4px;\n        transition: all 0.2s ease;\n        min-width: ${t?"44px":"auto"};\n        min-height: ${t?"44px":"auto"};\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      `,n.addEventListener("mouseenter",()=>{n.style.backgroundColor="#f8f9fa",n.style.color="#001978"}),n.addEventListener("mouseleave",()=>{n.style.backgroundColor="transparent",n.style.color="#6c757d"}),n.addEventListener("click",()=>this.close()),e.appendChild(n)}this.element.appendChild(e)}_createBody(){const e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),t=document.createElement("div");t.className="limbo-modal-body",t.id=`${this.id}-body`,t.style.cssText=`\n      flex: 1;\n      overflow-y: auto;\n      padding: 0;\n      -webkit-overflow-scrolling: touch;\n      ${e?"height: 100%; overscroll-behavior: contain;":""}\n    `,this.config.content&&("string"==typeof this.config.content?t.innerHTML=this.config.content:this.config.content instanceof Element&&t.appendChild(this.config.content)),this.element.appendChild(t)}_attachEvents(){this._originalBodyOverflow=document.body.style.overflow}open(){if(this.isOpen)return this;window.limbo&&window.limbo.core&&window.limbo.core.keyboard?(window.limbo.core.keyboard.pushFocus(document.activeElement),window.limbo.core.keyboard.setActiveModal(this.element)):this.previousFocus=document.activeElement,document.body.style.overflow="hidden";const e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),t="fullscreen"===this.config.size;return requestAnimationFrame(()=>{this.backdrop&&(this.backdrop.style.opacity="1"),this.element.style.opacity="1",this.element.style.transform=e?"translateY(0%)":t?"scale(1)":"translate(-50%, -50%) scale(1)"}),this.isOpen=!0,this.config.focus&&setTimeout(()=>{if(window.limbo&&window.limbo.core&&window.limbo.core.keyboard)window.limbo.core.keyboard.focusFirst(this.element);else{const e=this.getFocusableElements()[0];e&&e.focus()}},300),this.config.onOpen&&this.config.onOpen(this),this}close(){if(!this.isOpen)return this;const e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),t="fullscreen"===this.config.size;return this.backdrop&&(this.backdrop.style.opacity="0"),this.element.style.opacity="0",this.element.style.transform=e?"translateY(100%)":t?"scale(0.95)":"translate(-50%, -50%) scale(0.8)",setTimeout(()=>{this._cleanup()},300),this.isOpen=!1,window.limbo&&window.limbo.core&&window.limbo.core.keyboard&&(window.limbo.core.keyboard.setActiveModal(null),window.limbo.core.keyboard.releaseFocus()),this.config.onClose&&this.config.onClose(this),this}destroy(){this.close(),this.manager._removeModal(this),this.config.onDestroy&&this.config.onDestroy(this)}getBodyContainer(){return this.element.querySelector(".limbo-modal-body")}getFocusableElements(){return Array.from(this.element.querySelectorAll(this.manager.focusableSelectors))}getId(){return this.id}isOpened(){return this.isOpen}getConfig(){return{...this.config}}_cleanup(){document.body.style.overflow=this._originalBodyOverflow||"",this.previousFocus&&"function"==typeof this.previousFocus.focus&&this.previousFocus.focus(),this.backdrop&&this.backdrop.parentNode&&this.backdrop.parentNode.removeChild(this.backdrop),this.element&&this.element.parentNode&&this.element.parentNode.removeChild(this.element)}}class mn{constructor(){this.currentTheme=null,this.customThemes=/* @__PURE__ */new Map,this.config=this._getDefaultConfig(),this.isInitialized=!1,this.isCompactMode=!1,this.compactBreakpoint=null,this.compactObserver=null,this.mediaQueryObserver=null,this.mutationObserver=null,this.storageListener=null,this.themeCache=/* @__PURE__ */new Map,this.appliedStyles=/* @__PURE__ */new Set,this.changeCallbacks=/* @__PURE__ */new Set}_getDefaultConfig(){return{theme:{auto:!0,storage:!0,inherit:!0,smooth:!0,detectSystem:!0},compact:{enabled:!1,auto:!0,breakpoint:768,forceOnMobile:!0,persistPreference:!0},presets:{light:{name:"light",displayName:"Claro",variables:{"--limbo-primary":"#3b82f6","--limbo-primary-hover":"#2563eb","--limbo-primary-light":"#dbeafe","--limbo-primary-dark":"#1e40af","--limbo-bg-primary":"#ffffff","--limbo-bg-secondary":"#f8fafc","--limbo-bg-tertiary":"#f1f5f9","--limbo-bg-overlay":"rgba(0, 0, 0, 0.5)","--limbo-bg-card":"#ffffff","--limbo-bg-input":"#ffffff","--limbo-text-primary":"#0f172a","--limbo-text-secondary":"#475569","--limbo-text-tertiary":"#64748b","--limbo-text-inverse":"#ffffff","--limbo-text-muted":"#94a3b8","--limbo-border-light":"#e2e8f0","--limbo-border-medium":"#cbd5e1","--limbo-border-strong":"#94a3b8","--limbo-border-focus":"#3b82f6","--limbo-success":"#10b981","--limbo-success-light":"#d1fae5","--limbo-error":"#ef4444","--limbo-error-light":"#fee2e2","--limbo-warning":"#f59e0b","--limbo-warning-light":"#fef3c7","--limbo-info":"#3b82f6","--limbo-info-light":"#dbeafe","--limbo-shadow-sm":"0 1px 2px 0 rgba(0, 0, 0, 0.05)","--limbo-shadow-md":"0 4px 6px -1px rgba(0, 0, 0, 0.1)","--limbo-shadow-lg":"0 10px 15px -3px rgba(0, 0, 0, 0.1)","--limbo-shadow-xl":"0 20px 25px -5px rgba(0, 0, 0, 0.1)","--limbo-radius-sm":"4px","--limbo-radius-md":"6px","--limbo-radius-lg":"8px","--limbo-radius-xl":"12px","--limbo-font-family":"system-ui, -apple-system, sans-serif","--limbo-font-size-xs":"12px","--limbo-font-size-sm":"14px","--limbo-font-size-md":"16px","--limbo-font-size-lg":"18px","--limbo-font-size-xl":"20px","--limbo-z-dropdown":"1000","--limbo-z-sticky":"1020","--limbo-z-fixed":"1030","--limbo-z-modal":"1050","--limbo-z-tooltip":"1070","--limbo-transition-fast":"150ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-transition-normal":"300ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-transition-slow":"500ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-spacing-compact":"0.5rem","--limbo-spacing-compact-sm":"0.25rem","--limbo-spacing-compact-lg":"0.75rem","--limbo-font-size-compact-xs":"11px","--limbo-font-size-compact-sm":"12px","--limbo-font-size-compact-md":"14px","--limbo-font-size-compact-lg":"16px","--limbo-radius-compact":"4px","--limbo-radius-compact-sm":"3px","--limbo-radius-compact-lg":"6px","--limbo-button-height-compact":"32px","--limbo-input-height-compact":"36px","--limbo-modal-padding-compact":"12px","--limbo-card-padding-compact":"12px","--limbo-gap-compact":"8px","--limbo-gap-compact-sm":"4px","--limbo-gap-compact-lg":"12px"}},dark:{name:"dark",displayName:"Oscuro",variables:{"--limbo-primary":"#60a5fa","--limbo-primary-hover":"#3b82f6","--limbo-primary-light":"#1e293b","--limbo-primary-dark":"#93c5fd","--limbo-bg-primary":"#0f172a","--limbo-bg-secondary":"#1e293b","--limbo-bg-tertiary":"#334155","--limbo-bg-overlay":"rgba(0, 0, 0, 0.8)","--limbo-bg-card":"#1e293b","--limbo-bg-input":"#334155","--limbo-text-primary":"#f8fafc","--limbo-text-secondary":"#cbd5e1","--limbo-text-tertiary":"#94a3b8","--limbo-text-inverse":"#0f172a","--limbo-text-muted":"#64748b","--limbo-border-light":"#334155","--limbo-border-medium":"#475569","--limbo-border-strong":"#64748b","--limbo-border-focus":"#60a5fa","--limbo-success":"#34d399","--limbo-success-light":"#064e3b","--limbo-error":"#f87171","--limbo-error-light":"#7f1d1d","--limbo-warning":"#fbbf24","--limbo-warning-light":"#78350f","--limbo-info":"#60a5fa","--limbo-info-light":"#1e3a8a","--limbo-shadow-sm":"0 1px 2px 0 rgba(0, 0, 0, 0.2)","--limbo-shadow-md":"0 4px 6px -1px rgba(0, 0, 0, 0.3)","--limbo-shadow-lg":"0 10px 15px -3px rgba(0, 0, 0, 0.4)","--limbo-shadow-xl":"0 20px 25px -5px rgba(0, 0, 0, 0.5)","--limbo-radius-sm":"4px","--limbo-radius-md":"6px","--limbo-radius-lg":"8px","--limbo-radius-xl":"12px","--limbo-font-family":"system-ui, -apple-system, sans-serif","--limbo-font-size-xs":"12px","--limbo-font-size-sm":"14px","--limbo-font-size-md":"16px","--limbo-font-size-lg":"18px","--limbo-font-size-xl":"20px","--limbo-z-dropdown":"1000","--limbo-z-sticky":"1020","--limbo-z-fixed":"1030","--limbo-z-modal":"1050","--limbo-z-tooltip":"1070","--limbo-transition-fast":"150ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-transition-normal":"300ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-transition-slow":"500ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-spacing-compact":"0.5rem","--limbo-spacing-compact-sm":"0.25rem","--limbo-spacing-compact-lg":"0.75rem","--limbo-font-size-compact-xs":"11px","--limbo-font-size-compact-sm":"12px","--limbo-font-size-compact-md":"14px","--limbo-font-size-compact-lg":"16px","--limbo-radius-compact":"4px","--limbo-radius-compact-sm":"3px","--limbo-radius-compact-lg":"6px","--limbo-button-height-compact":"32px","--limbo-input-height-compact":"36px","--limbo-modal-padding-compact":"12px","--limbo-card-padding-compact":"12px","--limbo-gap-compact":"8px","--limbo-gap-compact-sm":"4px","--limbo-gap-compact-lg":"12px"}},auto:{name:"auto",displayName:"Automático",variables:{}}},inheritance:{portalSelectors:["body","[data-theme]",".theme-light",".theme-dark",".light-theme",".dark-theme"],variablePrefix:"--",fallbackTheme:"light"},transitions:{duration:"300ms",easing:"cubic-bezier(0.4, 0, 0.2, 1)",properties:["background-color","border-color","color","fill","stroke","box-shadow"]}}}initialize(e={}){this.isInitialized?console.warn("ThemeManager already initialized"):(this.config=this._deepMerge(this.config,e),this._loadCustomThemes(),this.config.theme.inherit&&this._inheritPortalTheme(),this._applyInitialTheme(),this._applyInitialCompactMode(),this._setupObservers(),this._injectBaseStyles(),this.isInitialized=!0)}_injectBaseStyles(){if(document.getElementById("limbo-theme-styles"))return;const e=`\n            :root {\n                /* Variables de transición para cambios de tema */\n                color-scheme: light dark;\n            }\n            \n            [data-limbo-theme] {\n                transition: ${this.config.transitions.properties.map(e=>`${e} ${this.config.transitions.duration} ${this.config.transitions.easing}`).join(", ")};\n            }\n            \n            /* Clases de utilidad para temas */\n            .limbo-theme-light {\n                color-scheme: light;\n            }\n            \n            .limbo-theme-dark {\n                color-scheme: dark;\n            }\n            \n            .limbo-theme-auto {\n                color-scheme: light dark;\n            }\n            \n            /* Estilos para elementos del componente con variables CSS */\n            .limbo-component {\n                background-color: var(--limbo-bg-primary);\n                color: var(--limbo-text-primary);\n                border-color: var(--limbo-border-light);\n                border-radius: var(--limbo-radius-md);\n                font-family: var(--limbo-font-family);\n                font-size: var(--limbo-font-size-md);\n                transition: var(--limbo-transition-normal);\n            }\n            \n            .limbo-card {\n                background-color: var(--limbo-bg-card);\n                border: 1px solid var(--limbo-border-light);\n                border-radius: var(--limbo-radius-lg);\n                box-shadow: var(--limbo-shadow-md);\n                color: var(--limbo-text-primary);\n            }\n            \n            .limbo-input {\n                background-color: var(--limbo-bg-input);\n                border: 1px solid var(--limbo-border-medium);\n                border-radius: var(--limbo-radius-md);\n                color: var(--limbo-text-primary);\n                font-family: var(--limbo-font-family);\n                font-size: var(--limbo-font-size-md);\n                transition: var(--limbo-transition-fast);\n            }\n            \n            .limbo-input:focus {\n                border-color: var(--limbo-border-focus);\n                box-shadow: 0 0 0 3px var(--limbo-primary-light);\n                outline: none;\n            }\n            \n            .limbo-button {\n                background-color: var(--limbo-primary);\n                border: 1px solid var(--limbo-primary);\n                border-radius: var(--limbo-radius-md);\n                color: var(--limbo-text-inverse);\n                font-family: var(--limbo-font-family);\n                font-size: var(--limbo-font-size-md);\n                transition: var(--limbo-transition-fast);\n                cursor: pointer;\n            }\n            \n            .limbo-button:hover {\n                background-color: var(--limbo-primary-hover);\n                border-color: var(--limbo-primary-hover);\n            }\n            \n            .limbo-button.secondary {\n                background-color: var(--limbo-bg-secondary);\n                border-color: var(--limbo-border-medium);\n                color: var(--limbo-text-primary);\n            }\n            \n            .limbo-button.secondary:hover {\n                background-color: var(--limbo-bg-tertiary);\n            }\n            \n            /* Estados de feedback con variables */\n            .limbo-state-success {\n                background-color: var(--limbo-success-light);\n                border-color: var(--limbo-success);\n                color: var(--limbo-success);\n            }\n            \n            .limbo-state-error {\n                background-color: var(--limbo-error-light);\n                border-color: var(--limbo-error);\n                color: var(--limbo-error);\n            }\n            \n            .limbo-state-warning {\n                background-color: var(--limbo-warning-light);\n                border-color: var(--limbo-warning);\n                color: var(--limbo-warning);\n            }\n            \n            .limbo-state-info {\n                background-color: var(--limbo-info-light);\n                border-color: var(--limbo-info);\n                color: var(--limbo-info);\n            }\n            \n            /* Overlay y modal con variables */\n            .limbo-overlay {\n                background-color: var(--limbo-bg-overlay);\n                backdrop-filter: blur(4px);\n            }\n            \n            .limbo-modal {\n                background-color: var(--limbo-bg-card);\n                border-radius: var(--limbo-radius-xl);\n                box-shadow: var(--limbo-shadow-xl);\n                color: var(--limbo-text-primary);\n            }\n            \n            /* Responsive design con variables */\n            @media (max-width: 640px) {\n                .limbo-component {\n                    font-size: var(--limbo-font-size-sm);\n                }\n            }\n            \n            /* Modo reducido de movimiento */\n            @media (prefers-reduced-motion: reduce) {\n                [data-limbo-theme] {\n                    transition: none;\n                }\n                \n                .limbo-component,\n                .limbo-input,\n                .limbo-button {\n                    transition: none;\n                }\n            }\n            \n            /* Esquemas de color automático */\n            @media (prefers-color-scheme: dark) {\n                :root:not([data-limbo-theme]) {\n                    color-scheme: dark;\n                }\n            }\n            \n            @media (prefers-color-scheme: light) {\n                :root:not([data-limbo-theme]) {\n                    color-scheme: light;\n                }\n            }\n            \n            /* ===================================\n               MODO COMPACTO - ESTILOS ESPECÍFICOS  \n               =================================== */\n            \n            /* Activación del modo compacto por atributo o clase */\n            [data-limbo-compact="true"],\n            .limbo-compact-mode {\n                /* Componentes base más pequeños */\n                --limbo-font-size-md: var(--limbo-font-size-compact-md);\n                --limbo-font-size-sm: var(--limbo-font-size-compact-sm);\n                --limbo-font-size-lg: var(--limbo-font-size-compact-lg);\n                --limbo-spacing: var(--limbo-spacing-compact);\n                --limbo-radius-md: var(--limbo-radius-compact);\n                --limbo-gap: var(--limbo-gap-compact);\n            }\n            \n            /* Botones compactos */\n            [data-limbo-compact="true"] .limbo-button,\n            .limbo-compact-mode .limbo-button {\n                height: var(--limbo-button-height-compact);\n                padding: var(--limbo-spacing-compact-sm) var(--limbo-spacing-compact);\n                font-size: var(--limbo-font-size-compact-sm);\n                border-radius: var(--limbo-radius-compact);\n                min-width: auto;\n            }\n            \n            /* Inputs compactos */\n            [data-limbo-compact="true"] .limbo-input,\n            .limbo-compact-mode .limbo-input {\n                height: var(--limbo-input-height-compact);\n                padding: var(--limbo-spacing-compact-sm) var(--limbo-spacing-compact);\n                font-size: var(--limbo-font-size-compact-md);\n                border-radius: var(--limbo-radius-compact);\n            }\n            \n            /* Cards compactas */\n            [data-limbo-compact="true"] .limbo-card,\n            .limbo-compact-mode .limbo-card {\n                padding: var(--limbo-card-padding-compact);\n                border-radius: var(--limbo-radius-compact-lg);\n            }\n            \n            /* Modales compactos */\n            [data-limbo-compact="true"] .limbo-modal,\n            .limbo-compact-mode .limbo-modal {\n                padding: var(--limbo-modal-padding-compact);\n                border-radius: var(--limbo-radius-compact-lg);\n                max-width: 90vw;\n                max-height: 90vh;\n            }\n            \n            /* Tabs compactas */\n            [data-limbo-compact="true"] .limbo-tabs,\n            .limbo-compact-mode .limbo-tabs {\n                gap: var(--limbo-gap-compact-sm);\n            }\n            \n            [data-limbo-compact="true"] .limbo-tab,\n            .limbo-compact-mode .limbo-tab {\n                padding: var(--limbo-spacing-compact-sm) var(--limbo-spacing-compact);\n                font-size: var(--limbo-font-size-compact-sm);\n                border-radius: var(--limbo-radius-compact-sm);\n            }\n            \n            /* Gallery compacta */\n            [data-limbo-compact="true"] .limbo-gallery,\n            .limbo-compact-mode .limbo-gallery {\n                gap: var(--limbo-gap-compact-sm);\n            }\n            \n            [data-limbo-compact="true"] .limbo-gallery-item,\n            .limbo-compact-mode .limbo-gallery-item {\n                border-radius: var(--limbo-radius-compact);\n                min-height: 120px; /* Más pequeño para móviles */\n            }\n            \n            /* Notificaciones compactas */\n            [data-limbo-compact="true"] .limbo-notification,\n            .limbo-compact-mode .limbo-notification {\n                padding: var(--limbo-spacing-compact-sm) var(--limbo-spacing-compact);\n                font-size: var(--limbo-font-size-compact-sm);\n                border-radius: var(--limbo-radius-compact);\n            }\n            \n            /* Progress indicators compactos */\n            [data-limbo-compact="true"] .limbo-progress,\n            .limbo-compact-mode .limbo-progress {\n                height: 3px; /* Más delgado */\n            }\n            \n            [data-limbo-compact="true"] .limbo-progress-circular,\n            .limbo-compact-mode .limbo-progress-circular {\n                width: 20px;\n                height: 20px;\n            }\n            \n            /* Auto-activación en pantallas pequeñas */\n            @media (max-width: 768px) {\n                :root[data-limbo-compact="auto"],\n                .limbo-component[data-limbo-compact="auto"] {\n                    /* Aplicar automáticamente estilos compactos */\n                    --limbo-font-size-md: var(--limbo-font-size-compact-md);\n                    --limbo-font-size-sm: var(--limbo-font-size-compact-sm);\n                    --limbo-spacing: var(--limbo-spacing-compact);\n                    --limbo-radius-md: var(--limbo-radius-compact);\n                    --limbo-gap: var(--limbo-gap-compact);\n                }\n                \n                /* Modal full-screen en móvil cuando es compacto */\n                [data-limbo-compact="auto"] .limbo-modal,\n                [data-limbo-compact="true"] .limbo-modal {\n                    position: fixed;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    width: 100vw;\n                    height: 100vh;\n                    max-width: 100vw;\n                    max-height: 100vh;\n                    border-radius: 0;\n                    margin: 0;\n                }\n                \n                /* Tabs en accordion en móvil */\n                [data-limbo-compact="auto"] .limbo-tabs,\n                [data-limbo-compact="true"] .limbo-tabs {\n                    flex-direction: column;\n                    width: 100%;\n                }\n                \n                /* Gallery de 2 columnas en móvil */\n                [data-limbo-compact="auto"] .limbo-gallery,\n                [data-limbo-compact="true"] .limbo-gallery {\n                    grid-template-columns: 1fr 1fr;\n                    gap: var(--limbo-gap-compact);\n                }\n            }\n            \n            /* Touch targets más grandes en móviles */\n            @media (max-width: 768px) and (pointer: coarse) {\n                [data-limbo-compact="auto"] .limbo-button,\n                [data-limbo-compact="true"] .limbo-button {\n                    min-height: 44px; /* Tamaño mínimo de toque recomendado */\n                    padding: var(--limbo-spacing-compact) var(--limbo-spacing-compact-lg);\n                }\n                \n                [data-limbo-compact="auto"] .limbo-tab,\n                [data-limbo-compact="true"] .limbo-tab {\n                    min-height: 44px;\n                }\n            }\n        `,t=document.createElement("style");t.id="limbo-theme-styles",t.textContent=e,document.head.appendChild(t)}applyTheme(e,t={}){const n=this._getTheme(e);if(!n)return console.warn(`Theme '${e}' not found`),!1;const r=this.currentTheme;return this._applyThemeVariables(n,t.scope),this._updateThemeAttributes(n.name),this.config.theme.storage&&!t.temporary&&this._saveThemePreference(n.name),this.currentTheme=n.name,this._triggerChangeCallbacks(n.name,r),!0}toggleTheme(e="light",t="dark"){const n=this.currentTheme===e?t:e;return this.applyTheme(n)}applyAutoTheme(){const e=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";return this.applyTheme(e)}registerTheme(e,t){const n={name:e,displayName:t.displayName||e,variables:t.variables||{},extends:t.extends||null,...t};if(n.extends){const e=this._getTheme(n.extends);e&&(n.variables={...e.variables,...n.variables})}return this.customThemes.set(e,n),this}removeTheme(e){if(this.config.presets[e])return console.warn(`Cannot remove predefined theme: ${e}`),!1;const t=this.customThemes.delete(e);return t&&this.currentTheme===e&&this.applyTheme(this.config.inheritance.fallbackTheme),t}getAvailableThemes(){const e=Object.keys(this.config.presets),t=Array.from(this.customThemes.keys());return{presets:e,custom:t,all:[...e,...t]}}getCurrentTheme(){return{name:this.currentTheme,theme:this._getTheme(this.currentTheme),isCustom:this.customThemes.has(this.currentTheme),variables:this._getCurrentVariables()}}enableCompactMode(e={}){const t={element:document.documentElement,persist:!0,...e};return t.element.setAttribute("data-limbo-compact","true"),t.element.classList.add("limbo-compact-mode"),this.isCompactMode=!0,t.persist&&this.config.compact.persistPreference&&this._saveCompactPreference(!0),this._triggerCompactChange(!0),this}disableCompactMode(e={}){const t={element:document.documentElement,persist:!0,...e};return t.element.setAttribute("data-limbo-compact","false"),t.element.classList.remove("limbo-compact-mode"),this.isCompactMode=!1,t.persist&&this.config.compact.persistPreference&&this._saveCompactPreference(!1),this._triggerCompactChange(!1),this}toggleCompactMode(e={}){return this.isCompactMode?this.disableCompactMode(e):this.enableCompactMode(e)}applyAutoCompactMode(){const e=this._shouldUseCompactMode();return e&&!this.isCompactMode?this.enableCompactMode({persist:!1}):!e&&this.isCompactMode&&this.disableCompactMode({persist:!1}),this}getCompactState(){return{isEnabled:this.isCompactMode,isAuto:this.config.compact.auto,breakpoint:this.config.compact.breakpoint,currentViewport:window.innerWidth,shouldBeCompact:this._shouldUseCompactMode()}}_shouldUseCompactMode(){if(!this.config.compact.auto)return this.config.compact.enabled;const e=window.innerWidth<=this.config.compact.breakpoint,t=/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),n="ontouchstart"in window||navigator.maxTouchPoints>0;return!(!this.config.compact.forceOnMobile||!t&&!n)||e}_saveCompactPreference(e){try{localStorage.setItem("limbo-compact-preference",e.toString())}catch(t){console.warn("Could not save compact preference:",t)}}_loadCompactPreference(){try{return"true"===localStorage.getItem("limbo-compact-preference")}catch(e){return console.warn("Could not load compact preference:",e),null}}_triggerCompactChange(e){this.changeCallbacks.forEach(t=>{try{t({type:"compact",isCompact:e,viewport:window.innerWidth,timestamp:Date.now()})}catch(n){console.error("Error in compact mode change callback:",n)}})}_inheritPortalTheme(){const e=this._detectPortalTheme();return e?(this.registerTheme("portal-inherited",e),"portal-inherited"):null}_detectPortalTheme(){const e={name:"portal-detected",displayName:"Tema del Portal",variables:{}};for(const t of this.config.inheritance.portalSelectors){const n=document.querySelector(t);if(n){const t=this._extractCSSVariables(n);Object.keys(t).length>0&&(e.variables={...e.variables,...t});const r=n.getAttribute("data-theme")||n.getAttribute("class")?.match(/theme-(\w+)/)||n.getAttribute("class")?.match(/(\w+)-theme/);r&&(e.detectedName=Array.isArray(r)?r[1]:r)}}return Object.keys(e.variables).length>0?e:null}_extractCSSVariables(e){const t={},n=getComputedStyle(e);["primary","primary-hover","primary-light","primary-dark","bg-primary","bg-secondary","bg-tertiary","bg-card","bg-input","text-primary","text-secondary","text-tertiary","text-inverse","border-light","border-medium","border-strong","border-focus","success","error","warning","info","shadow-sm","shadow-md","shadow-lg","shadow-xl","radius-sm","radius-md","radius-lg","radius-xl"].forEach(e=>{const r=`--limbo-${e}`,a=n.getPropertyValue(r).trim();a&&(t[r]=a)});return["--primary-color","--background-color","--text-color","--border-color","--accent-color","--surface-color"].forEach(e=>{const r=n.getPropertyValue(e).trim();if(r){const n=this._mapGenericToLimbo(e,r);n&&Object.assign(t,n)}}),t}_mapGenericToLimbo(e,t){return{"--primary-color":{"--limbo-primary":t},"--background-color":{"--limbo-bg-primary":t},"--text-color":{"--limbo-text-primary":t},"--border-color":{"--limbo-border-light":t},"--accent-color":{"--limbo-primary":t},"--surface-color":{"--limbo-bg-card":t}}[e]||null}_applyInitialTheme(){let e=this.config.inheritance.fallbackTheme;if(this.config.theme.storage){const t=this._loadThemePreference();t&&this._getTheme(t)&&(e=t)}const t=document.documentElement.getAttribute("data-limbo-theme");t&&this._getTheme(t)&&(e=t);const n=this._inheritPortalTheme();n&&(e=n),this.config.theme.auto&&"auto"===e&&(e=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),this.applyTheme(e,{temporary:!1})}_applyInitialCompactMode(){let e=!1;if(this.config.compact.persistPreference){const t=this._loadCompactPreference();null!==t&&(e=t)}const t=document.documentElement.getAttribute("data-limbo-compact");"true"===t?e=!0:"false"===t&&(e=!1),("auto"===t||this.config.compact.auto)&&(e=this._shouldUseCompactMode()),e?this.enableCompactMode({persist:!1}):this.disableCompactMode({persist:!1})}_applyThemeVariables(e,t=document.documentElement){const n="string"==typeof t?document.querySelector(t):t;n?(Object.entries(e.variables).forEach(([e,t])=>{n.style.setProperty(e,t),this.appliedStyles.add(`${n.tagName}:${e}`)}),this.themeCache.set(e.name,{theme:e,appliedAt:Date.now(),scope:n})):console.warn("Theme scope element not found")}_updateThemeAttributes(e){document.documentElement.setAttribute("data-limbo-theme",e),document.documentElement.classList.remove("limbo-theme-light","limbo-theme-dark","limbo-theme-auto"),document.documentElement.classList.add(`limbo-theme-${e}`),this._updateMetaThemeColor(e)}_updateMetaThemeColor(e){const t=this._getTheme(e);if(!t)return;const n=t.variables["--limbo-primary"]||"#3b82f6";let r=document.querySelector('meta[name="theme-color"]');r||(r=document.createElement("meta"),r.name="theme-color",document.head.appendChild(r)),r.content=n}_getTheme(e){return this.config.presets[e]?this.config.presets[e]:this.customThemes.has(e)?this.customThemes.get(e):null}_getCurrentVariables(){const e=this._getTheme(this.currentTheme);if(!e)return{};const t=getComputedStyle(document.documentElement),n={};return Object.keys(e.variables).forEach(e=>{n[e]=t.getPropertyValue(e).trim()}),n}_saveThemePreference(e){try{localStorage.setItem("limbo-theme-preference",e)}catch(t){console.warn("Could not save theme preference:",t)}}_loadThemePreference(){try{return localStorage.getItem("limbo-theme-preference")}catch(e){return console.warn("Could not load theme preference:",e),null}}_loadCustomThemes(){try{const e=localStorage.getItem("limbo-custom-themes");if(e){const t=JSON.parse(e);Object.entries(t).forEach(([e,t])=>{this.customThemes.set(e,t)})}}catch(e){console.warn("Could not load custom themes:",e)}}_saveCustomThemes(){try{const e=Object.fromEntries(this.customThemes);localStorage.setItem("limbo-custom-themes",JSON.stringify(e))}catch(e){console.warn("Could not save custom themes:",e)}}_setupObservers(){this.config.theme.detectSystem&&this._setupSystemObserver(),this.config.theme.storage&&this._setupStorageObserver(),this._setupMutationObserver(),this.config.compact.auto&&this._setupViewportObserver()}_setupSystemObserver(){const e=window.matchMedia("(prefers-color-scheme: dark)");e.addEventListener("change",e=>{if("auto"===this.currentTheme||this.config.theme.auto){const t=e.matches?"dark":"light";this.applyTheme(t,{temporary:!0})}}),this.mediaQueryObserver=e}_setupStorageObserver(){const e=e=>{"limbo-theme-preference"===e.key&&e.newValue!==this.currentTheme&&this._getTheme(e.newValue)&&this.applyTheme(e.newValue)};window.addEventListener("storage",e),this.storageListener=e}_setupMutationObserver(){const e=new MutationObserver(e=>{e.forEach(e=>{if("attributes"===e.type&&"data-limbo-theme"===e.attributeName){const t=e.target.getAttribute("data-limbo-theme");t&&t!==this.currentTheme&&this._getTheme(t)&&this.applyTheme(t)}})});e.observe(document.documentElement,{attributes:!0,attributeFilter:["data-limbo-theme"]}),this.mutationObserver=e}_setupViewportObserver(){const e=`(max-width: ${this.config.compact.breakpoint}px)`,t=window.matchMedia(e);t.addEventListener("change",()=>{("auto"===document.documentElement.getAttribute("data-limbo-compact")||this.config.compact.auto)&&this.applyAutoCompactMode()}),this.compactObserver=t,window.addEventListener("orientationchange",()=>{setTimeout(()=>{("auto"===document.documentElement.getAttribute("data-limbo-compact")||this.config.compact.auto)&&this.applyAutoCompactMode()},100)})}onThemeChange(e){return this.changeCallbacks.add(e),()=>this.changeCallbacks.delete(e)}_triggerChangeCallbacks(e,t){this.changeCallbacks.forEach(n=>{try{n({theme:e,previousTheme:t,themeData:this._getTheme(e),variables:this._getCurrentVariables()})}catch(r){console.error("Error in theme change callback:",r)}})}generateThemeFromColors(e,t){const n={name:e,displayName:e,variables:{}};t.primary&&(n.variables["--limbo-primary"]=t.primary,n.variables["--limbo-primary-hover"]=this._darkenColor(t.primary,10),n.variables["--limbo-primary-light"]=this._lightenColor(t.primary,40),n.variables["--limbo-primary-dark"]=this._darkenColor(t.primary,20)),t.background&&(n.variables["--limbo-bg-primary"]=t.background,n.variables["--limbo-bg-secondary"]=this._lightenColor(t.background,5),n.variables["--limbo-bg-tertiary"]=this._lightenColor(t.background,10),n.variables["--limbo-bg-card"]=t.background),t.text&&(n.variables["--limbo-text-primary"]=t.text,n.variables["--limbo-text-secondary"]=this._lightenColor(t.text,20),n.variables["--limbo-text-tertiary"]=this._lightenColor(t.text,40));const r=this._getTheme(this.config.inheritance.fallbackTheme);return r&&(n.variables={...r.variables,...n.variables}),this.registerTheme(e,n),n}_darkenColor(e,t){const n=parseInt(e.replace("#",""),16),r=Math.round(2.55*t),a=(n>>16)-r,i=(n>>8&255)-r,o=(255&n)-r;return"#"+(16777216+65536*(a<255?a<1?0:a:255)+256*(i<255?i<1?0:i:255)+(o<255?o<1?0:o:255)).toString(16).slice(1)}_lightenColor(e,t){const n=parseInt(e.replace("#",""),16),r=Math.round(2.55*t),a=(n>>16)+r,i=(n>>8&255)+r,o=(255&n)+r;return"#"+(16777216+65536*(a<255?a<1?0:a:255)+256*(i<255?i<1?0:i:255)+(o<255?o<1?0:o:255)).toString(16).slice(1)}_deepMerge(e,t){const n={...e};return Object.keys(t).forEach(r=>{t[r]&&"object"==typeof t[r]&&!Array.isArray(t[r])?n[r]=this._deepMerge(e[r]||{},t[r]):n[r]=t[r]}),n}getThemeInfo(){return{current:this.getCurrentTheme(),available:this.getAvailableThemes(),compact:this.getCompactState(),config:this.config,isInitialized:this.isInitialized,cache:{themes:this.themeCache.size,applied:this.appliedStyles.size},observers:{system:!!this.mediaQueryObserver,storage:!!this.storageListener,mutation:!!this.mutationObserver,viewport:!!this.compactObserver}}}debug(){return console.table(this.getThemeInfo()),this.getThemeInfo()}destroy(){this.mediaQueryObserver&&this.mediaQueryObserver.removeEventListener("change",this._setupSystemObserver),this.storageListener&&window.removeEventListener("storage",this.storageListener),this.mutationObserver&&this.mutationObserver.disconnect(),this.compactObserver&&this.compactObserver.removeEventListener("change",this._setupViewportObserver),this.changeCallbacks.clear(),this.themeCache.clear(),this.appliedStyles.clear(),this._saveCustomThemes();const e=document.getElementById("limbo-theme-styles");e&&e.remove(),this.isInitialized=!1}}const hn=new class{constructor(){this.config=new m,this.instances=new ln,this.autoInputs=new sn,this.events=new cn,this.modals=new un,this.theme=new mn,this.containerQueryDetector=S,this._setupInternalListeners(),this._initializeContainerQueries()}configure(e){var t;return this.config.setGlobal(e),t={publicKey:e.publicKey,apiKey:e.apiKey,token:e.token,authMode:e.authMode||"manual",tokenProvider:e.tokenProvider,prod:e.prod||!1,mode:e.mode||"embed",callbacks:e.callbacks||null},z={...z,...t},z.authMode||(z.token?z.authMode="manual":z.authMode="session"),this.config}setToken(e){return function(e){z.token=e}(e),this}create(e){const t=this.config.merge(e);return this.instances.create(t,this.events,this.modals)}configureAutoInputs(e){return this.autoInputs.configure(e,this.config,this.events)}setTheme(e){return e&&(this.config.set("theme",e),this.theme.setTheme(e),this.events.emit("theme:changed",{theme:e})),this}getTheme(){return this.theme.getCurrentTheme()}scanAndActivate(e=null){const t=this.autoInputs.config?.dataset||"data-limbo-input-file",n=e||`[${t}]`,r=document.querySelectorAll(n);if(0===r.length)return{found:0,processed:0,skipped:0};let a=0,i=0;return r.forEach(e=>{try{this.autoInputs._processInput(e),a++}catch(t){console.warn(`⚠️ Limbo: Error procesando input ${e.id||e.name}:`,t),i++}}),this.events.emit("limbo:scanCompleted",{found:r.length,processed:a,skipped:i,inputs:Array.from(r)}),{found:r.length,processed:a,skipped:i}}_initializeContainerQueries(){this.containerQueryDetector.observeResize(),setTimeout(()=>{document.querySelectorAll(".limbo-component-container-wrapper").forEach(e=>{this.containerQueryDetector.applyResponsiveClasses(e)})},100)}rescan(e=document){const t=this.autoInputs.config?.dataset||"data-limbo-input-file",n=e.querySelectorAll(`[${t}]`);let r=0;return n.forEach(e=>{if(!this.autoInputs.instances.has(this.autoInputs._getInputId(e)))try{this.autoInputs._processInput(e),r++}catch(t){console.warn("⚠️ Limbo: Error procesando nuevo input:",t)}}),r}init(e){const t=this._mapLegacyOptions(e);return this.create(t)}getInstances(){return this.instances.getAll()}destroy(){this.instances.destroyAll(),this.autoInputs.cleanup(),this.events.cleanup(),this.theme.removeTheme()}_mapLegacyOptions(e){return{container:e.container||"#image-manager",mode:"embed",features:["gallery","upload","cropper"],apiKey:e.apiKey,prod:e.prod||!1,url:void 0===e.url||e.url}}_setupInternalListeners(){this.events.on("autoInputs:modalRequest",({config:e,callback:t})=>{this._handleAutoInputModalRequest({config:e,callback:t})})}_handleAutoInputModalRequest({config:e,callback:t}){const n=e=>{let n={};if(e.crops&&e.crops.length>0){const t=e.asset||e.original;n.original={url:t?.url||t?.urlSigned||e.originalUrl,width:t?.width||e.originalWidth,height:t?.height||e.originalHeight,assetId:t?.id||e.assetId},n.images=e.crops.map(e=>({url:e.url||e.urlSigned,width:e.width,height:e.height,name:e.name||e.filename}))}else e.asset?n.original={url:e.asset.url||e.asset.urlSigned,width:e.asset.width,height:e.asset.height,assetId:e.asset.id}:e.master?.urlSigned||e.master?.url?n.original={url:e.master.urlSigned||e.master.url,width:e.master.width||e.width,height:e.master.height||e.height,assetId:e.assetId}:e.url||e.urlSigned?n.original={url:e.url||e.urlSigned,width:e.width,height:e.height,assetId:e.assetId||e.id}:(console.warn("[Limbo] handleResult: formato de datos no reconocido",e),n=e);t(n),a.close()},r={...e,mode:"modal",autoDestroy:!0,interaction:{allowSelection:!0,allowCropping:!0,...e.interaction},callbacks:{onSelect:e=>{n(e)},onCropsSaved:e=>{n(e)},onCropperComplete:e=>{n(e)},onUpload:t=>{"upload-only"!==e.modeUI||e.features?.includes("cropper")||n(t)},onClose:()=>{}}};if(e.initialImageUrl){const t=this._extractAssetIdFromUrl(e.initialImageUrl);r._externalImage={url:e.initialImageUrl,filename:e.initialImageUrl.split("/").pop()?.split("?")[0]||"image.jpg",width:1920,height:1080,mime_type:"image/jpeg",id:t}}e.cropper&&(r.cropper=e.cropper),this.config.setGlobal({interaction:{allowSelection:!0,allowCropping:!0,...e.interaction}});const a=this.create(r);a.open()}_extractAssetIdFromUrl(e){if(!e)return null;try{const t=/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/gi,n=e.match(t);return n&&n.length>=2?n[1]:n&&1===n.length?n[0]:null}catch(t){return console.warn("Error extracting asset ID from URL:",t),null}}openGallery(e={}){const t=this.create({mode:"modal",modeUI:"gallery-only",features:["gallery"],autoDestroy:!0,modal:{title:e.title||"Seleccionar Imagen",size:e.size||"large"},callbacks:{onSelect:n=>{e.onSelect?.(n),!1!==e.autoClose&&t.close()}},...e});return t.open(),t}openUploader(e={}){const t=!1!==e.redirectToGallery?["upload","gallery"]:["upload"],n=this.create({mode:"modal",modeUI:!1!==e.redirectToGallery?"full":"upload-only",features:t,autoDestroy:!0,modal:{title:e.title||"Subir Imagen",size:e.size||"medium"},callbacks:{onUpload:t=>{e.onUpload?.(t),!1===e.autoClose||e.redirectToGallery||n.close()}},...e});return n.open(),n}openCropper(e,t={}){if(!e)throw new Error("Limbo.openCropper: imageUrl es requerido");const n={url:e,filename:t.filename||"image.jpg",width:t.width||1920,height:t.height||1080,mime_type:t.mimeType||"image/jpeg",id:t.assetId||`external-${Date.now()}`},r=this.create({mode:"modal",modeUI:"crop-only",features:["cropper"],autoDestroy:!0,modal:{title:t.title||"Recortar Imagen",size:"xlarge"},cropper:{mandatoryCrops:t.mandatoryCrops||[],allowCustomCrops:!1!==t.allowCustomCrops,enforceRequiredCrops:!1!==t.enforceRequiredCrops},callbacks:{onCropperComplete:e=>{t.onComplete?.(e),!1!==t.autoClose&&r.close()},onCropperCancelled:e=>{t.onCancelled?.(e),!1!==t.autoClose&&r.close()},onCropperError:e=>{t.onError?.(e)}},_externalImage:n,...t});return r.open(),r}createInlineGallery(e,t={}){return this.create({container:e,mode:"embed",modeUI:"gallery-only",features:["gallery"],callbacks:{onSelect:t.onSelect,onDelete:t.onDelete},...t})}createInlineUploader(e,t={}){return this.create({container:e,mode:"embed",modeUI:"upload-only",features:["upload"],callbacks:{onUpload:t.onUpload},...t})}createStandaloneCropper(e,t,n={}){if(!e)throw new Error("Limbo.createStandaloneCropper: container es requerido");if(!t)throw new Error("Limbo.createStandaloneCropper: imageUrl es requerido");const r={url:t,filename:n.filename||"image.jpg",width:n.width||1920,height:n.height||1080,mime_type:n.mimeType||"image/jpeg",id:n.assetId||`external-${Date.now()}`};return this.create({container:e,mode:"embed",modeUI:"crop-only",features:["cropper"],autoHideOnComplete:!1!==n.autoHideOnComplete,cropper:{mandatoryCrops:n.mandatoryCrops||[],allowCustomCrops:!1!==n.allowCustomCrops,enforceRequiredCrops:!1!==n.enforceRequiredCrops},callbacks:{onCropperComplete:n.onComplete,onCropperCancelled:n.onCancelled,onCropperError:n.onError},_externalImage:r,...n})}createFullSelector(e,t={}){return this.create({container:e,mode:t.mode||"embed",modeUI:"full",features:["gallery","upload","cropper"],callbacks:{onSelect:t.onSelect,onUpload:t.onUpload,onDelete:t.onDelete,onCropsSaved:t.onCropsSaved},...t})}};"undefined"!=typeof window&&(window.Limbo=hn,window.limboCore=hn);"undefined"!=typeof window&&document.querySelector("#root")&&(hn.configure({prod:!1,publicKey:"pk_e464fd744106b7a8d63d453c4bd02582",authMode:"session"}),hn.create({container:"#root",mode:"embed",modeUI:"full",features:["gallery","upload","cropper"],title:"Limbo Image Manager - Development",url:!0}),hn.configureAutoInputs({dataset:"data-limbo-input-file",return:"json",features:["gallery","upload","cropper"],modeUI:"full",modalSize:"large",title:"Seleccionar imagen",crops:"free",allowDelete:!1}));export{hn as default};
+/* @__PURE__ */l(en,{isOpen:T,onClose:A})]})}class on{constructor(e,t,n,r){this.id=e,this.config=t,this.eventManager=n,this.modalManager=r,this.root=null,this.container=null,this.modal=null,this.mounted=!1,this.destroyed=!1,this.button=null,this._validateConfig(),this._initialize()}_initialize(){"embed"===this.config.mode?this.mount():"button"===this.config.mode&&this._createButton(),this._emitDOMEvent("ready",{instance:this,config:this.config,timestamp:Date.now()})}mount(){if(this.mounted||this.destroyed)return this;if(this.container=this._resolveContainer(),!this.container)return this.eventManager.emit("error",{instanceId:this.id,error:"Container not found"}),this;try{this.root=C.createRoot(this.container),this.root.render(this._renderApp()),this.mounted=!0,this.eventManager.emit("ready",{instance:this})}catch(e){this.eventManager.emit("error",{instanceId:this.id,error:e.message})}return this}unmount(){return this.mounted?(this.root&&(this.root.unmount(),this.root=null),"button"===this.config.mode&&this.button,this.mounted=!1,this):this}open(){return"modal"!==this.config.mode&&"button"!==this.config.mode||(this.modal||this._createModal(),this.modal&&!this.modal.isOpened()&&(this.modal.open(),this.eventManager.emit("modal:open",{instance:this}))),this}close(){return this.modal&&this.modal.isOpened()&&(this.eventManager?.emit("modal:close",{instance:this}),this.modal.close()),this}updateConfig(e){return this.config={...this.config,...e},this.mounted&&this.root.render(this._renderApp()),this.eventManager.emit("config:updated",{instance:this,newConfig:e}),this}destroy(){this.destroyed||(this.unmount(),this.modal&&(this.modal.destroy(),this.modal=null),this.button&&this.button.parentNode&&(this.button.parentNode.removeChild(this.button),this.button=null),this.eventManager.emit("destroy",{instance:this}),this.container=null,this.config=null,this.eventManager=null,this.modalManager=null,this.destroyed=!0)}getId(){return this.id}getMode(){return this.config.mode}isMounted(){return this.mounted}isDestroyed(){return this.destroyed}getContainer(){return this.container}getConfig(){return{...this.config}}isContainerInDOM(){return this.container&&document.contains(this.container)}_createModal(){if(this.modalManager&&"modal"===this.config.mode&&(this.modal=this.modalManager.createModal({title:this.config.title||"Limbo Image Manager",size:this.config.modalSize||"large",onOpen:()=>{const e={instance:this,mode:"modal",timestamp:Date.now()};this._emitDOMEvent("modal:open",e),this.config.callbacks?.onOpen&&this.config.callbacks.onOpen(e)},onClose:()=>{const e={instance:this,mode:"modal",timestamp:Date.now()};this._emitDOMEvent("modal:close",e),this.config.callbacks?.onClose&&this.config.callbacks.onClose(e),this.config.autoDestroy&&this.destroy()},onDestroy:()=>{this.modal=null}}),this.modal)){const e=this.modal.getBodyContainer();this.root=C.createRoot(e),this.root.render(this._renderApp()),this.mounted=!0}}_createButton(){if(this.container||(this.container=this._resolveContainer()),!this.container)return void this.eventManager.emit("error",{instanceId:this.id,error:"Container not found for button mode"});const e=document.createElement("button");e.type="button",e.className="limbo-trigger-button",e.textContent=this.config.buttonText||"Abrir Limbo",e.style.cssText="\n      background: #001978;\n      color: white;\n      border: none;\n      padding: 10px 20px;\n      border-radius: 6px;\n      cursor: pointer;\n      font-family: inherit;\n      font-size: 14px;\n      font-weight: 500;\n      transition: all 0.2s ease;\n    ",e.addEventListener("mouseenter",()=>{e.style.backgroundColor="#334793",e.style.transform="translateY(-1px)"}),e.addEventListener("mouseleave",()=>{e.style.backgroundColor="#001978",e.style.transform="translateY(0)"}),e.addEventListener("click",()=>{this.open()}),this.container.appendChild(e),this.button=e,this.mounted=!0}_resolveContainer(){const{container:e}=this.config;return e?"string"==typeof e?document.querySelector(e):e instanceof Element?e:null:null}_renderApp(){return e.createElement("div",{id:`limbo-component-container-${this.id}`,className:"limbo-scope limbo-instance limbo-component-container-wrapper h-full w-full py-2 bg-white rounded-md","data-limbo-id":this.id,"data-limbo-mode":this.config.mode,"data-limbo-version":"2.0","data-limbo-isolated":"true","aria-label":"Limbo Image Manager",role:"region"},e.createElement(an,{apiKey:this.config.apiKey||null,publicKey:this.config.publicKey||null,token:this.config.token||null,prod:this.config.prod||!1,url:this.config.url,features:this.config.features,modeUI:this.config.modeUI||"full",ui:this.config.ui,callbacks:this._createCallbacks(),instanceId:this.id,authMode:this.config.authMode||this.config.publicKey?"session":"manual",_externalImage:this.config._externalImage||null,cropperConfig:this.config.cropper||null}))}_createCallbacks(){return{onSelect:e=>{const t=this.config?.callbacks?.onSelect,n=this._createStandardPayload(e,"select");t&&t(n),this.destroyed||this._emitDOMEvent("select",n)},onUpload:e=>{const t=this.config?.callbacks?.onUpload,n=this._createStandardPayload(e,"upload");t&&t(n),this.destroyed||this._emitDOMEvent("upload",n)},onError:e=>{const t=this.config?.callbacks?.onError,n={instance:this,error:{message:e.message||"Unknown error",code:e.code||"UNKNOWN",timestamp:Date.now()}};t&&t(n.error),this.destroyed||this._emitDOMEvent("error",n)},onClose:()=>{const e=this.config?.callbacks?.onClose,t={instance:this,timestamp:Date.now()};e&&e(),this.destroyed||this._emitDOMEvent("close",t)}}}_createStandardPayload(e,t){const n={instance:this,eventType:t,timestamp:Date.now(),instanceId:this.id,mode:this.config?.mode,features:this.config?.features};return e&&(e.assetId||e.id?(n.assetId=e.assetId||e.id,n.variants=e.variants||[],n.master=e.master||{urlSigned:e.url||e.urlSigned,width:e.width,height:e.height,mime:e.mime||e.mimeType},n.fileName=e.fileName||e.name,n.mime=e.mime||e.mimeType,n.width=e.width,n.height=e.height,n.fileBlob=e.fileBlob||e.file,n.metadata={uploadedBy:e.uploadedBy,uploadedAt:e.uploadedAt||e.timestamp,size:e.size,...e.metadata}):Object.assign(n,e)),n}_emitDOMEvent(e,t){if(this.destroyed)return;const n=new CustomEvent(`limbo:${e}`,{detail:t,bubbles:!0,cancelable:!0});(this.getContainer()||document).dispatchEvent(n),this.eventManager?.emit(e,t)}_validateConfig(){if(!(this.config.auth?.apiKey||this.config.auth?.publicKey||this.config.auth?.token||this.config.apiKey||this.config.publicKey||this.config.token))throw new Error(`LimboInstance ${this.id}: Authentication is required. Provide either auth.publicKey (recommended) or auth.apiKey (for server-side only)`);if((this.config.auth?.apiKey||this.config.apiKey)&&"undefined"!=typeof window&&console.warn("⚠️ SECURITY WARNING: API Key detected in client-side code.\nThis is a security risk! Use publicKey instead for client applications.\nAPI Keys should only be used in server-side environments."),!["embed","modal","button"].includes(this.config.mode))throw new Error(`LimboInstance ${this.id}: invalid mode ${this.config.mode}`);if("embed"===this.config.mode&&!this.config.container)throw new Error(`LimboInstance ${this.id}: container is required for embed mode`);if("button"===this.config.mode&&!this.config.container)throw new Error(`LimboInstance ${this.id}: container is required for button mode`)}}class ln{constructor(){this.instances=/* @__PURE__ */new Map,this.counter=0}create(e,t,n){const r="limbo-"+ ++this.counter,a=new on(r,e,t,n);return this.instances.set(r,a),a}get(e){return this.instances.get(e)}getAll(){return Array.from(this.instances.values())}getActive(){return this.getAll().filter(e=>e.isMounted())}destroy(e){const t=this.instances.get(e);return!!t&&(t.destroy(),this.instances.delete(e),!0)}destroyAll(){this.instances.forEach(e=>e.destroy()),this.instances.clear()}cleanupOrphans(){const e=[];return this.instances.forEach((t,n)=>{t.isContainerInDOM()||e.push(n)}),e.forEach(e=>this.destroy(e)),e.length}getStats(){const e=this.getAll();return{total:e.length,active:e.filter(e=>e.isMounted()).length,embed:e.filter(e=>"embed"===e.getMode()).length,modal:e.filter(e=>"modal"===e.getMode()).length,button:e.filter(e=>"button"===e.getMode()).length}}}class sn{constructor(){this.config=null,this.instances=/* @__PURE__ */new Map,this.observer=null,this.initialized=!1}configure(e,t,n){return this.config={selector:e.selector||null,dataset:e.dataset||"data-limbo-input-file",return:e.return||e.returnType||"json",mode:e.mode||"modal",features:e.features||["gallery","upload","cropper"],crop:e.crop||"free",quality:e.quality||.9,format:e.format||"webp",modeUI:e.modeUI||"full",modalSize:e.modalSize||"fullscreen",theme:e.theme||"light",compact:e.compact||!1,maxSize:e.maxSize||"10MB",formats:e.formats||["jpg","jpeg","png","webp"],minWidth:e.minWidth||null,minHeight:e.minHeight||null,maxWidth:e.maxWidth||null,maxHeight:e.maxHeight||null,buttonText:e.buttonText||"Seleccionar Imagen",buttonClass:e.buttonClass||"limbo-auto-button",buttonStyle:e.buttonStyle||"primary",showPreview:!1!==e.showPreview,allowMultiple:e.allowMultiple||!1,autoAssign:!1!==e.autoAssign,...e},this.configManager=t,this.eventManager=n,this._initialize(),this}cleanup(){this.observer&&(this.observer.disconnect(),this.observer=null),this.instances.forEach(({input:e,button:t})=>{this._restoreInput(e,t)}),this.instances.clear(),this.config=null,this.initialized=!1}getStats(){return{configured:null!==this.config,totalInputs:this.instances.size,dataset:this.config?.dataset,returnType:this.config?.return}}_initialize(){this.initialized||(this._scanExistingInputs(),this._setupObserver(),this.initialized=!0,this.eventManager.emit("autoInputs:initialized",{config:this.config,inputsFound:this.instances.size}))}_scanExistingInputs(){const e=this.config.selector||`input[${this.config.dataset}]`;document.querySelectorAll(e).forEach(e=>this._processInput(e))}_processInput(e){const t=this._getInputId(e);if(this.instances.has(t))return;if(!this._validateInput(e))return;const n=this._createButton(e);this._hideInput(e),this._insertButton(e,n),this.instances.set(t,{input:e,button:n,config:this._getInputConfig(e)}),this.eventManager.emit("autoInputs:processed",{inputId:t,input:e,button:n})}_createButton(e){const t=document.createElement("button"),n=this._getInputConfig(e);t.type="button",t.textContent=n.buttonText||this.config.buttonText;const r=[this.config.buttonClass];return n.buttonClass&&n.buttonClass!==this.config.buttonClass&&r.push(n.buttonClass),t.className=r.join(" "),this._styleButton(t,n),this._attachButtonEvents(t,e),t.setAttribute("aria-label",n.buttonText||this.config.buttonText),t.setAttribute("data-limbo-trigger","true"),t.setAttribute("data-limbo-input-id",n.inputId),n.disabled&&(t.disabled=!0),t}_styleButton(e,t){const n=t.buttonStyle||this.config.buttonStyle,r=t.theme||this.config.theme,a=t.compact||this.config.compact,i={border:"none",borderRadius:"8px",cursor:"pointer",fontFamily:"inherit",fontSize:a?"12px":"14px",fontWeight:"500",transition:"all 0.2s ease",display:"inline-flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:a?"6px 12px":"8px 16px",textDecoration:"none",userSelect:"none"},o={primary:{backgroundColor:"dark"===r?"#3b82f6":"#001978",color:"white",hoverBg:"dark"===r?"#2563eb":"#334793"},secondary:{backgroundColor:"dark"===r?"#374151":"#f3f4f6",color:"dark"===r?"#f9fafb":"#374151",border:"1px solid "+("dark"===r?"#4b5563":"#d1d5db"),hoverBg:"dark"===r?"#4b5563":"#e5e7eb"},outline:{backgroundColor:"transparent",color:"dark"===r?"#3b82f6":"#001978",border:"2px solid "+("dark"===r?"#3b82f6":"#001978"),hoverBg:"dark"===r?"#3b82f6":"#001978",hoverColor:"white"},ghost:{backgroundColor:"transparent",color:"dark"===r?"#f9fafb":"#374151",hoverBg:"dark"===r?"#374151":"#f3f4f6"}},l=o[n]||o.primary;Object.assign(e.style,{...i,...l});const s=l.backgroundColor,c=l.color;e.addEventListener("mouseenter",()=>{e.style.backgroundColor=l.hoverBg||l.backgroundColor,l.hoverColor&&(e.style.color=l.hoverColor),e.style.transform="translateY(-1px)",e.style.boxShadow="0 4px 12px rgba(0, 0, 0, 0.15)"}),e.addEventListener("mouseleave",()=>{e.style.backgroundColor=s,e.style.color=c,e.style.transform="translateY(0)",e.style.boxShadow="none"}),t.disabled&&(e.style.opacity="0.5",e.style.cursor="not-allowed")}_attachButtonEvents(e,t){e.addEventListener("click",e=>{e.preventDefault(),this._handleButtonClick(t)})}_handleButtonClick(e){const t=this._getInputConfig(e),n=this._createModalConfig(t);this.eventManager.emit("autoInputs:modalRequest",{input:e,config:n,callback:async t=>await this._handleImageSelection(e,t)})}async _handleImageSelection(e,t){const n=this._getInputConfig(e);try{const r=await this._formatImageData(t,n);!1!==n.autoAssign&&(e.value=r),e.dispatchEvent(new Event("change",{bubbles:!0})),e.dispatchEvent(new CustomEvent("limbo:resultReady",{detail:{imageData:t,input:e,value:r,config:n,assignment:{format:n.return,smartAssign:!1!==n.smartAssign,autoAssign:!1!==n.autoAssign},legacy:{imageData:t,formatted:this._createFormattedResult(t,n)}},bubbles:!0})),e.dispatchEvent(new CustomEvent("limbo:imageSelected",{detail:{imageData:t,input:e,value:r,config:n,formatted:this._createFormattedResult(t,n)},bubbles:!0})),this.eventManager.emit("autoInputs:imageSelected",{input:e,imageData:t,value:r,config:n})}catch(r){console.error("Error handling image selection:",r),e.dispatchEvent(new CustomEvent("limbo:error",{detail:{error:r.message,input:e,imageData:t,config:n},bubbles:!0})),this._handleImageSelectionLegacy(e,t)}}_handleImageSelectionLegacy(e,t){const n=this._getInputConfig(e),r=this._formatImageData(t,n);!1!==n.autoAssign&&(e.value=r),e.dispatchEvent(new Event("change",{bubbles:!0})),e.dispatchEvent(new CustomEvent("limbo:imageSelected",{detail:{imageData:t,input:e,value:r,config:n,formatted:this._createFormattedResult(t,n)},bubbles:!0})),this.eventManager.emit("autoInputs:imageSelected",{input:e,imageData:t,value:r,config:n})}_createFormattedResult(e,t){return{url:e.url||e.path||"",base64:e.base64||e.dataUrl||"",assetId:e.assetId||e.id||"",fileName:e.fileName||e.filename||"",object:{url:e.url||e.path,assetId:e.assetId||e.id,fileName:e.fileName||e.filename,mime:e.mime||e.mime_type,width:e.width,height:e.height,size:e.size||e.file_size,created:e.created_at||e.created,metadata:e.metadata||{}},json:JSON.stringify({url:e.url||e.path,assetId:e.assetId||e.id,fileName:e.fileName||e.filename,mime:e.mime||e.mime_type,width:e.width,height:e.height,size:e.size||e.file_size}),metadata:{width:e.width,height:e.height,size:e.size||e.file_size,format:e.format||e.mime_type,quality:t.quality||this.config.quality,aspectRatio:e.width&&e.height?e.width/e.height:null}}}async _formatImageData(e,t=null){const n=(t||{}).return||this.config.return||"json",r=void 0!==e.original;switch(n){case"url":return r?e.images?.[0]?.url||e.original?.url||"":e.url||e.path||"";case"base64":return e.base64||e.dataUrl||"";case"assetId":return r?e.original?.assetId||"":e.assetId||e.id||"";case"fileName":return e.fileName||e.filename||"";default:return r?JSON.stringify(e):JSON.stringify({original:{url:e.url||e.path,width:e.width,height:e.height,assetId:e.assetId||e.id}})}}_createModalConfig(e){return{mode:e.mode||this.config.mode||"modal",modeUI:e.modeUI||this.config.modeUI||"full",features:e.features||this.config.features,modalSize:e.modalSize||this.config.modalSize||"fullscreen",title:e.description||this.config.title||"Seleccionar imagen",cropper:this._getCropperConfig(e),ui:{showActions:this._getUIActions(e),hideActions:[],showTabs:this._shouldShowTabs(e),theme:e.theme||this.config.theme,compact:e.compact||this.config.compact,showPreview:void 0!==e.showPreview?e.showPreview:this.config.showPreview},validation:{maxSize:e.maxSize||this.config.maxSize,formats:e.formats||this.config.formats,minWidth:e.minWidth||this.config.minWidth,minHeight:e.minHeight||this.config.minHeight,maxWidth:e.maxWidth||this.config.maxWidth,maxHeight:e.maxHeight||this.config.maxHeight,required:e.required||!1},behavior:{allowMultiple:e.allowMultiple||this.config.allowMultiple,closeOnSelect:!0,autoAssign:void 0!==e.autoAssign?e.autoAssign:this.config.autoAssign,allowSelectNew:!1!==e.allowSelectNew},initialImageUrl:e.initialImageUrl||null,returnConfig:{format:e.return||this.config.return,quality:e.quality||this.config.quality,outputFormat:e.format||this.config.format},inputMeta:{inputId:e.inputId,inputName:e.inputName,inputType:e.inputType,placeholder:e.placeholder}}}_getCropperConfig(e){const t=e.crop||this.config.crop,n={quality:e.quality||this.config.quality,format:e.format||this.config.format,mandatoryCrops:e.mandatoryCrops||[],allowAdditionalCrops:!1!==e.allowAdditionalCrops,maxCrops:e.maxCrops||null};if(e.mandatoryCrops&&e.mandatoryCrops.length>0)return{...n,aspectRatio:null};if(!t||"none"===t||"false"===t)return null;if("free"===t)return{...n,aspectRatio:null};const r={"1:1":1,"16:9":16/9,"4:3":4/3,"3:2":1.5,"2:1":2,square:1,landscape:16/9,portrait:3/4};if(r[t])return{...n,aspectRatio:r[t],minCropBoxWidth:e.minWidth||this.config.minWidth,minCropBoxHeight:e.minHeight||this.config.minHeight};if("string"==typeof t&&t.includes(":")){const[e,r]=t.split(":").map(Number);if(!isNaN(e)&&!isNaN(r)&&0!==r)return{...n,aspectRatio:e/r}}const a=parseFloat(t);return!isNaN(a)&&a>0?{...n,aspectRatio:a}:"object"==typeof t?{...n,...t}:null}_shouldShowTabs(e){const t=e.modeUI||this.config.modeUI||"full",n=e.features||this.config.features;return!["gallery-only","upload-only","crop-only","ia-only"].includes(t)&&(n&&n.length>1)}_getUIActions(e){const t=e.modeUI||this.config.modeUI||"full",n=e.features||this.config.features;let r=[];switch(t){case"gallery-only":case"upload-only":r=["select"];break;case"crop-only":r=["select","crop"];break;default:r=["select"],n.includes("cropper")&&r.push("crop"),n.includes("gallery")&&(r.push("download","copy"),this.config.allowDelete&&r.push("delete"))}return r}_getInputId(e){return e.id||e.name||`limbo-auto-${Date.now()}-${Math.random()}`}_validateInput(e){return e instanceof HTMLInputElement}_getInputConfig(e){const t=e=>e?e.split(",").map(e=>e.trim()):null,n=e=>{if(!e)return null;const t=e.match(/^(\d+(?:\.\d+)?)(MB|KB|B)?$/i);if(!t)return null;const n=parseFloat(t[1]);switch((t[2]||"B").toUpperCase()){case"MB":return 1024*n*1024;case"KB":return 1024*n;default:return n}},r=(e,t=!1)=>null===e?t:"true"===e||"1"===e||""===e,a=e=>e?parseFloat(e):null,i=e=>{if(!e)return null;try{return JSON.parse(e)}catch(t){return console.warn("[Limbo AutoInputManager] Error parsing JSON attribute:",t),null}},o=i(e.dataset.mandatorycrops)||i(e.dataset.mandatoryCrops)||i(e.getAttribute("data-mandatory-crops"))||i(e.getAttribute("data-limbo-mandatory-crops"))||null;return{return:e.dataset.returntype||e.getAttribute("data-limbo-return")||this.config.return,mode:e.dataset.mode||e.getAttribute("data-limbo-mode")||this.config.mode,features:t(e.dataset.features)||t(e.getAttribute("data-limbo-features"))||this.config.features,crop:e.dataset.crop||e.getAttribute("data-limbo-crop")||this.config.crop,quality:a(e.dataset.quality)||a(e.getAttribute("data-limbo-quality"))||this.config.quality,format:e.dataset.format||e.getAttribute("data-limbo-format")||this.config.format,modeUI:e.dataset.modeui||e.dataset.modeUI||e.getAttribute("data-limbo-mode-ui")||this.config.modeUI,modalSize:e.dataset.modalsize||e.getAttribute("data-limbo-modal-size")||this.config.modalSize,theme:e.dataset.theme||e.getAttribute("data-limbo-theme")||this.config.theme,compact:r(e.dataset.compact,null)??r(e.getAttribute("data-limbo-compact"),this.config.compact),maxSize:n(e.getAttribute("data-limbo-max-size"))||n(this.config.maxSize),formats:t(e.getAttribute("data-limbo-formats"))||this.config.formats,minWidth:a(e.getAttribute("data-limbo-min-width"))||this.config.minWidth,minHeight:a(e.getAttribute("data-limbo-min-height"))||this.config.minHeight,maxWidth:a(e.getAttribute("data-limbo-max-width"))||this.config.maxWidth,maxHeight:a(e.getAttribute("data-limbo-max-height"))||this.config.maxHeight,buttonText:e.dataset.buttontext||e.getAttribute("data-limbo-button-text")||this.config.buttonText,buttonStyle:e.dataset.buttonstyle||e.getAttribute("data-limbo-button-style")||this.config.buttonStyle,buttonClass:e.dataset.buttonclass||e.getAttribute("data-limbo-button-class")||this.config.buttonClass,showPreview:r(e.getAttribute("data-limbo-show-preview"),this.config.showPreview),allowMultiple:r(e.getAttribute("data-limbo-allow-multiple"),this.config.allowMultiple),autoAssign:r(e.getAttribute("data-limbo-auto-assign"),this.config.autoAssign),placeholder:e.getAttribute("data-limbo-placeholder"),description:e.getAttribute("data-limbo-description"),required:r(e.getAttribute("data-limbo-required"),!1),disabled:r(e.getAttribute("data-limbo-disabled"),!1),inputId:e.id||e.name||this._generateInputId(e),inputName:e.name,inputType:e.type,mandatoryCrops:o,allowAdditionalCrops:r(e.dataset.allowadditionalcrops,null)??r(e.getAttribute("data-limbo-allow-additional-crops"),!0),maxCrops:a(e.dataset.maxcrops)||a(e.getAttribute("data-limbo-max-crops"))||null,allowSelectNew:r(e.dataset.allowselectnew,null)??r(e.getAttribute("data-limbo-allow-select-new"),!0),initialImageUrl:e.value||null}}_generateInputId(){return`limbo-auto-input-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}_hideInput(e){e.style.display="none"}_insertButton(e,t){e.parentNode.insertBefore(t,e.nextSibling)}_restoreInput(e,t){e.style.display="",t&&t.parentNode&&t.parentNode.removeChild(t)}_setupObserver(){this.observer=new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e.nodeType===Node.ELEMENT_NODE&&this._scanNodeForInputs(e)})})}),this.observer.observe(document.body,{childList:!0,subtree:!0})}_scanNodeForInputs(e){const t=this.config.selector||`input[${this.config.dataset}]`;e.matches&&e.matches(t)&&this._processInput(e);const n=e.querySelectorAll&&e.querySelectorAll(t);n&&n.forEach(e=>this._processInput(e))}}class cn{constructor(){this.listeners=/* @__PURE__ */new Map}emit(e,t={}){this._emitDOMEvent(e,t),this._executeListeners(e,t)}on(e,t){return this.listeners.has(e)||this.listeners.set(e,[]),this.listeners.get(e).push(t),()=>this.off(e,t)}off(e,t){const n=this.listeners.get(e);if(n){const e=n.indexOf(t);e>-1&&n.splice(e,1)}}cleanup(){this.listeners.clear()}_emitDOMEvent(e,t){const n=new CustomEvent(`limbo:${e}`,{detail:{...t,timestamp:Date.now()},bubbles:!0,cancelable:!0});(t.instance?.getContainer()||document).dispatchEvent(n)}_executeListeners(e,t){const n=this.listeners.get(e);n&&n.forEach(n=>{try{n(t)}catch(r){console.error(`Error executing listener for ${e}:`,r)}})}getStats(){const e={};return this.listeners.forEach((t,n)=>{e[n]=t.length}),e}}class un{constructor(){this.activeModals=/* @__PURE__ */new Set,this.zIndexBase=1e4,this.focusableSelectors=["button:not([disabled])","input:not([disabled])","select:not([disabled])","textarea:not([disabled])",'[tabindex]:not([tabindex="-1"]):not([disabled])',"a[href]"].join(", "),this.initialized=!1,this._initGlobalListeners()}createModal(e){const t=new dn(this._generateModalId(),e,this);return this.activeModals.add(t),t}closeModal(e){const t=this._findModal(e);return!!t&&(t.close(),!0)}closeAllModals(){this.activeModals.forEach(e=>e.close()),this.activeModals.clear()}getActiveModal(){return Array.from(this.activeModals).pop()||null}getStats(){return{active:this.activeModals.size,nextZIndex:this._getNextZIndex()}}_generateModalId(){return`limbo-modal-${Date.now()}-${Math.random().toString(36).substr(2,9)}`}_findModal(e){return Array.from(this.activeModals).find(t=>t.getId()===e)}_getNextZIndex(){return this.zIndexBase+10*this.activeModals.size}_removeModal(e){this.activeModals.delete(e)}_handleGlobalKeydown(e){const t=this.getActiveModal();t&&("Escape"===e.key&&(e.preventDefault(),t.close()),"Tab"===e.key&&this._handleTabTrap(e,t))}_handleTabTrap(e,t){const n=t.getFocusableElements();if(0===n.length)return;const r=n[0],a=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),a.focus()):document.activeElement===a&&(e.preventDefault(),r.focus())}_initGlobalListeners(){this.initialized||(this.globalKeydownHandler=e=>this._handleGlobalKeydown(e),document.addEventListener("keydown",this.globalKeydownHandler),this.initialized=!0)}destroy(){this.closeAllModals(),this.initialized&&this.globalKeydownHandler&&(document.removeEventListener("keydown",this.globalKeydownHandler),this.initialized=!1,this.globalKeydownHandler=null)}}class dn{constructor(e,t,n){this.id=e,this.config={title:t.title||"Limbo",content:t.content||null,showCloseButton:!1!==t.showCloseButton,backdrop:!1!==t.backdrop,keyboard:!1!==t.keyboard,focus:!1!==t.focus,animation:!1!==t.animation,size:t.size||"large",onOpen:t.onOpen||null,onClose:t.onClose||null,onDestroy:t.onDestroy||null,...t},this.manager=n,this.element=null,this.backdrop=null,this.isOpen=!1,this.previousFocus=null,this._create()}_create(){this._createBackdrop(),this._createModal(),this._attachEvents()}_createBackdrop(){this.config.backdrop&&(this.backdrop=document.createElement("div"),this.backdrop.className="limbo-modal-backdrop",this.backdrop.style.cssText=`\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.5);\n      z-index: ${this.manager._getNextZIndex()};\n      opacity: 0;\n      transition: opacity 0.3s ease;\n    `,this.backdrop.addEventListener("click",e=>{e.target===this.backdrop&&this.close()}))}_createModal(){this.element=document.createElement("div"),this.element.className=`limbo-scope limbo-modal limbo-modal--${this.config.size}`,this.element.id=this.id,this.element.role="dialog",this.element.setAttribute("aria-modal","true"),this.element.setAttribute("aria-labelledby",`${this.id}-title`),this.element.tabIndex=-1;const e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),t={small:e?"width: 100%; height: 100%;":"max-width: 500px; min-height: 400px;",medium:e?"width: 100%; height: 100%;":"max-width: 800px; min-height: 500px;",large:e?"width: 100%; height: 100%;":"max-width: 1400px; min-height: 700px;",xlarge:e?"width: 100%; height: 100%;":"max-width: 95dvw; min-height: 85vh;",fullscreen:"width: 100%; height: 100%; max-width: 100%; max-height: 100%; border-radius: 0;"},n="fullscreen"===this.config.size,r=e||n?`\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      transform: ${e?"translateY(100%)":"scale(0.95)"};\n      width: 100%;\n      height: 100%;\n      max-width: none;\n      max-height: none;\n      border-radius: 0;\n      background: white;\n      z-index: ${this.manager._getNextZIndex()+1};\n      opacity: ${e?"1":"0"};\n      transition: ${e?"transform":"all"} 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n      padding-top: env(safe-area-inset-top);\n      padding-left: env(safe-area-inset-left);\n      padding-right: env(safe-area-inset-right);\n      padding-bottom: env(safe-area-inset-bottom);\n    `:`\n      position: fixed;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%) scale(0.8);\n      ${t[this.config.size]}\n      width: 90%;\n      max-height: 90vh;\n      background: white;\n      border-radius: 16px;\n      box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);\n      z-index: ${this.manager._getNextZIndex()+1};\n      opacity: 0;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    `;this.element.style.cssText=r,this._createHeader(),this._createBody(),document.body.appendChild(this.backdrop),document.body.appendChild(this.element)}_createHeader(){const e=document.createElement("div");e.className="limbo-modal-header";const t=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);e.style.cssText=`\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: ${t?"16px 20px":"20px 24px"};\n      border-bottom: 1px solid #e9ecef;\n      background: #f8f9fa;\n      ${t?"position: sticky; top: 0; z-index: 10;":""}\n      min-height: ${t?"60px":"auto"};\n    `;const n=document.createElement("h2");if(n.id=`${this.id}-title`,n.className="limbo-modal-title",n.textContent=this.config.title,n.style.cssText="\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: #001978;\n      flex: 1;\n      margin-right: 16px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    ",e.appendChild(n),this.config.showCloseButton){const n=document.createElement("button");n.type="button",n.className="limbo-modal-close",n.innerHTML="✕",n.setAttribute("aria-label","Cerrar modal"),n.style.cssText=`\n        background: none;\n        border: none;\n        font-size: ${t?"28px":"24px"};\n        color: #6c757d;\n        cursor: pointer;\n        padding: ${t?"8px":"4px"};\n        border-radius: 4px;\n        transition: all 0.2s ease;\n        min-width: ${t?"44px":"auto"};\n        min-height: ${t?"44px":"auto"};\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n      `,n.addEventListener("mouseenter",()=>{n.style.backgroundColor="#f8f9fa",n.style.color="#001978"}),n.addEventListener("mouseleave",()=>{n.style.backgroundColor="transparent",n.style.color="#6c757d"}),n.addEventListener("click",()=>this.close()),e.appendChild(n)}this.element.appendChild(e)}_createBody(){const e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),t=document.createElement("div");t.className="limbo-modal-body",t.id=`${this.id}-body`,t.style.cssText=`\n      flex: 1;\n      overflow-y: auto;\n      padding: 0;\n      -webkit-overflow-scrolling: touch;\n      ${e?"height: 100%; overscroll-behavior: contain;":""}\n    `,this.config.content&&("string"==typeof this.config.content?t.innerHTML=this.config.content:this.config.content instanceof Element&&t.appendChild(this.config.content)),this.element.appendChild(t)}_attachEvents(){this._originalBodyOverflow=document.body.style.overflow}open(){if(this.isOpen)return this;window.limbo&&window.limbo.core&&window.limbo.core.keyboard?(window.limbo.core.keyboard.pushFocus(document.activeElement),window.limbo.core.keyboard.setActiveModal(this.element)):this.previousFocus=document.activeElement,document.body.style.overflow="hidden";const e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),t="fullscreen"===this.config.size;return requestAnimationFrame(()=>{this.backdrop&&(this.backdrop.style.opacity="1"),this.element.style.opacity="1",this.element.style.transform=e?"translateY(0%)":t?"scale(1)":"translate(-50%, -50%) scale(1)"}),this.isOpen=!0,this.config.focus&&setTimeout(()=>{if(window.limbo&&window.limbo.core&&window.limbo.core.keyboard)window.limbo.core.keyboard.focusFirst(this.element);else{const e=this.getFocusableElements()[0];e&&e.focus()}},300),this.config.onOpen&&this.config.onOpen(this),this}close(){if(!this.isOpen)return this;const e=window.innerWidth<=768||/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),t="fullscreen"===this.config.size;return this.backdrop&&(this.backdrop.style.opacity="0"),this.element.style.opacity="0",this.element.style.transform=e?"translateY(100%)":t?"scale(0.95)":"translate(-50%, -50%) scale(0.8)",setTimeout(()=>{this._cleanup()},300),this.isOpen=!1,window.limbo&&window.limbo.core&&window.limbo.core.keyboard&&(window.limbo.core.keyboard.setActiveModal(null),window.limbo.core.keyboard.releaseFocus()),this.config.onClose&&this.config.onClose(this),this}destroy(){this.close(),this.manager._removeModal(this),this.config.onDestroy&&this.config.onDestroy(this)}getBodyContainer(){return this.element.querySelector(".limbo-modal-body")}getFocusableElements(){return Array.from(this.element.querySelectorAll(this.manager.focusableSelectors))}getId(){return this.id}isOpened(){return this.isOpen}getConfig(){return{...this.config}}_cleanup(){document.body.style.overflow=this._originalBodyOverflow||"",this.previousFocus&&"function"==typeof this.previousFocus.focus&&this.previousFocus.focus(),this.backdrop&&this.backdrop.parentNode&&this.backdrop.parentNode.removeChild(this.backdrop),this.element&&this.element.parentNode&&this.element.parentNode.removeChild(this.element)}}class mn{constructor(){this.currentTheme=null,this.customThemes=/* @__PURE__ */new Map,this.config=this._getDefaultConfig(),this.isInitialized=!1,this.isCompactMode=!1,this.compactBreakpoint=null,this.compactObserver=null,this.mediaQueryObserver=null,this.mutationObserver=null,this.storageListener=null,this.themeCache=/* @__PURE__ */new Map,this.appliedStyles=/* @__PURE__ */new Set,this.changeCallbacks=/* @__PURE__ */new Set}_getDefaultConfig(){return{theme:{auto:!0,storage:!0,inherit:!0,smooth:!0,detectSystem:!0},compact:{enabled:!1,auto:!0,breakpoint:768,forceOnMobile:!0,persistPreference:!0},presets:{light:{name:"light",displayName:"Claro",variables:{"--limbo-primary":"#3b82f6","--limbo-primary-hover":"#2563eb","--limbo-primary-light":"#dbeafe","--limbo-primary-dark":"#1e40af","--limbo-bg-primary":"#ffffff","--limbo-bg-secondary":"#f8fafc","--limbo-bg-tertiary":"#f1f5f9","--limbo-bg-overlay":"rgba(0, 0, 0, 0.5)","--limbo-bg-card":"#ffffff","--limbo-bg-input":"#ffffff","--limbo-text-primary":"#0f172a","--limbo-text-secondary":"#475569","--limbo-text-tertiary":"#64748b","--limbo-text-inverse":"#ffffff","--limbo-text-muted":"#94a3b8","--limbo-border-light":"#e2e8f0","--limbo-border-medium":"#cbd5e1","--limbo-border-strong":"#94a3b8","--limbo-border-focus":"#3b82f6","--limbo-success":"#10b981","--limbo-success-light":"#d1fae5","--limbo-error":"#ef4444","--limbo-error-light":"#fee2e2","--limbo-warning":"#f59e0b","--limbo-warning-light":"#fef3c7","--limbo-info":"#3b82f6","--limbo-info-light":"#dbeafe","--limbo-shadow-sm":"0 1px 2px 0 rgba(0, 0, 0, 0.05)","--limbo-shadow-md":"0 4px 6px -1px rgba(0, 0, 0, 0.1)","--limbo-shadow-lg":"0 10px 15px -3px rgba(0, 0, 0, 0.1)","--limbo-shadow-xl":"0 20px 25px -5px rgba(0, 0, 0, 0.1)","--limbo-radius-sm":"4px","--limbo-radius-md":"6px","--limbo-radius-lg":"8px","--limbo-radius-xl":"12px","--limbo-font-family":"system-ui, -apple-system, sans-serif","--limbo-font-size-xs":"12px","--limbo-font-size-sm":"14px","--limbo-font-size-md":"16px","--limbo-font-size-lg":"18px","--limbo-font-size-xl":"20px","--limbo-z-dropdown":"1000","--limbo-z-sticky":"1020","--limbo-z-fixed":"1030","--limbo-z-modal":"1050","--limbo-z-tooltip":"1070","--limbo-transition-fast":"150ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-transition-normal":"300ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-transition-slow":"500ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-spacing-compact":"0.5rem","--limbo-spacing-compact-sm":"0.25rem","--limbo-spacing-compact-lg":"0.75rem","--limbo-font-size-compact-xs":"11px","--limbo-font-size-compact-sm":"12px","--limbo-font-size-compact-md":"14px","--limbo-font-size-compact-lg":"16px","--limbo-radius-compact":"4px","--limbo-radius-compact-sm":"3px","--limbo-radius-compact-lg":"6px","--limbo-button-height-compact":"32px","--limbo-input-height-compact":"36px","--limbo-modal-padding-compact":"12px","--limbo-card-padding-compact":"12px","--limbo-gap-compact":"8px","--limbo-gap-compact-sm":"4px","--limbo-gap-compact-lg":"12px"}},dark:{name:"dark",displayName:"Oscuro",variables:{"--limbo-primary":"#60a5fa","--limbo-primary-hover":"#3b82f6","--limbo-primary-light":"#1e293b","--limbo-primary-dark":"#93c5fd","--limbo-bg-primary":"#0f172a","--limbo-bg-secondary":"#1e293b","--limbo-bg-tertiary":"#334155","--limbo-bg-overlay":"rgba(0, 0, 0, 0.8)","--limbo-bg-card":"#1e293b","--limbo-bg-input":"#334155","--limbo-text-primary":"#f8fafc","--limbo-text-secondary":"#cbd5e1","--limbo-text-tertiary":"#94a3b8","--limbo-text-inverse":"#0f172a","--limbo-text-muted":"#64748b","--limbo-border-light":"#334155","--limbo-border-medium":"#475569","--limbo-border-strong":"#64748b","--limbo-border-focus":"#60a5fa","--limbo-success":"#34d399","--limbo-success-light":"#064e3b","--limbo-error":"#f87171","--limbo-error-light":"#7f1d1d","--limbo-warning":"#fbbf24","--limbo-warning-light":"#78350f","--limbo-info":"#60a5fa","--limbo-info-light":"#1e3a8a","--limbo-shadow-sm":"0 1px 2px 0 rgba(0, 0, 0, 0.2)","--limbo-shadow-md":"0 4px 6px -1px rgba(0, 0, 0, 0.3)","--limbo-shadow-lg":"0 10px 15px -3px rgba(0, 0, 0, 0.4)","--limbo-shadow-xl":"0 20px 25px -5px rgba(0, 0, 0, 0.5)","--limbo-radius-sm":"4px","--limbo-radius-md":"6px","--limbo-radius-lg":"8px","--limbo-radius-xl":"12px","--limbo-font-family":"system-ui, -apple-system, sans-serif","--limbo-font-size-xs":"12px","--limbo-font-size-sm":"14px","--limbo-font-size-md":"16px","--limbo-font-size-lg":"18px","--limbo-font-size-xl":"20px","--limbo-z-dropdown":"1000","--limbo-z-sticky":"1020","--limbo-z-fixed":"1030","--limbo-z-modal":"1050","--limbo-z-tooltip":"1070","--limbo-transition-fast":"150ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-transition-normal":"300ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-transition-slow":"500ms cubic-bezier(0.4, 0, 0.2, 1)","--limbo-spacing-compact":"0.5rem","--limbo-spacing-compact-sm":"0.25rem","--limbo-spacing-compact-lg":"0.75rem","--limbo-font-size-compact-xs":"11px","--limbo-font-size-compact-sm":"12px","--limbo-font-size-compact-md":"14px","--limbo-font-size-compact-lg":"16px","--limbo-radius-compact":"4px","--limbo-radius-compact-sm":"3px","--limbo-radius-compact-lg":"6px","--limbo-button-height-compact":"32px","--limbo-input-height-compact":"36px","--limbo-modal-padding-compact":"12px","--limbo-card-padding-compact":"12px","--limbo-gap-compact":"8px","--limbo-gap-compact-sm":"4px","--limbo-gap-compact-lg":"12px"}},auto:{name:"auto",displayName:"Automático",variables:{}}},inheritance:{portalSelectors:["body","[data-theme]",".theme-light",".theme-dark",".light-theme",".dark-theme"],variablePrefix:"--",fallbackTheme:"light"},transitions:{duration:"300ms",easing:"cubic-bezier(0.4, 0, 0.2, 1)",properties:["background-color","border-color","color","fill","stroke","box-shadow"]}}}initialize(e={}){this.isInitialized?console.warn("ThemeManager already initialized"):(this.config=this._deepMerge(this.config,e),this._loadCustomThemes(),this.config.theme.inherit&&this._inheritPortalTheme(),this._applyInitialTheme(),this._applyInitialCompactMode(),this._setupObservers(),this._injectBaseStyles(),this.isInitialized=!0)}_injectBaseStyles(){if(document.getElementById("limbo-theme-styles"))return;const e=`\n            :root {\n                /* Variables de transición para cambios de tema */\n                color-scheme: light dark;\n            }\n            \n            [data-limbo-theme] {\n                transition: ${this.config.transitions.properties.map(e=>`${e} ${this.config.transitions.duration} ${this.config.transitions.easing}`).join(", ")};\n            }\n            \n            /* Clases de utilidad para temas */\n            .limbo-theme-light {\n                color-scheme: light;\n            }\n            \n            .limbo-theme-dark {\n                color-scheme: dark;\n            }\n            \n            .limbo-theme-auto {\n                color-scheme: light dark;\n            }\n            \n            /* Estilos para elementos del componente con variables CSS */\n            .limbo-component {\n                background-color: var(--limbo-bg-primary);\n                color: var(--limbo-text-primary);\n                border-color: var(--limbo-border-light);\n                border-radius: var(--limbo-radius-md);\n                font-family: var(--limbo-font-family);\n                font-size: var(--limbo-font-size-md);\n                transition: var(--limbo-transition-normal);\n            }\n            \n            .limbo-card {\n                background-color: var(--limbo-bg-card);\n                border: 1px solid var(--limbo-border-light);\n                border-radius: var(--limbo-radius-lg);\n                box-shadow: var(--limbo-shadow-md);\n                color: var(--limbo-text-primary);\n            }\n            \n            .limbo-input {\n                background-color: var(--limbo-bg-input);\n                border: 1px solid var(--limbo-border-medium);\n                border-radius: var(--limbo-radius-md);\n                color: var(--limbo-text-primary);\n                font-family: var(--limbo-font-family);\n                font-size: var(--limbo-font-size-md);\n                transition: var(--limbo-transition-fast);\n            }\n            \n            .limbo-input:focus {\n                border-color: var(--limbo-border-focus);\n                box-shadow: 0 0 0 3px var(--limbo-primary-light);\n                outline: none;\n            }\n            \n            .limbo-button {\n                background-color: var(--limbo-primary);\n                border: 1px solid var(--limbo-primary);\n                border-radius: var(--limbo-radius-md);\n                color: var(--limbo-text-inverse);\n                font-family: var(--limbo-font-family);\n                font-size: var(--limbo-font-size-md);\n                transition: var(--limbo-transition-fast);\n                cursor: pointer;\n            }\n            \n            .limbo-button:hover {\n                background-color: var(--limbo-primary-hover);\n                border-color: var(--limbo-primary-hover);\n            }\n            \n            .limbo-button.secondary {\n                background-color: var(--limbo-bg-secondary);\n                border-color: var(--limbo-border-medium);\n                color: var(--limbo-text-primary);\n            }\n            \n            .limbo-button.secondary:hover {\n                background-color: var(--limbo-bg-tertiary);\n            }\n            \n            /* Estados de feedback con variables */\n            .limbo-state-success {\n                background-color: var(--limbo-success-light);\n                border-color: var(--limbo-success);\n                color: var(--limbo-success);\n            }\n            \n            .limbo-state-error {\n                background-color: var(--limbo-error-light);\n                border-color: var(--limbo-error);\n                color: var(--limbo-error);\n            }\n            \n            .limbo-state-warning {\n                background-color: var(--limbo-warning-light);\n                border-color: var(--limbo-warning);\n                color: var(--limbo-warning);\n            }\n            \n            .limbo-state-info {\n                background-color: var(--limbo-info-light);\n                border-color: var(--limbo-info);\n                color: var(--limbo-info);\n            }\n            \n            /* Overlay y modal con variables */\n            .limbo-overlay {\n                background-color: var(--limbo-bg-overlay);\n                backdrop-filter: blur(4px);\n            }\n            \n            .limbo-modal {\n                background-color: var(--limbo-bg-card);\n                border-radius: var(--limbo-radius-xl);\n                box-shadow: var(--limbo-shadow-xl);\n                color: var(--limbo-text-primary);\n            }\n            \n            /* Responsive design con variables */\n            @media (max-width: 640px) {\n                .limbo-component {\n                    font-size: var(--limbo-font-size-sm);\n                }\n            }\n            \n            /* Modo reducido de movimiento */\n            @media (prefers-reduced-motion: reduce) {\n                [data-limbo-theme] {\n                    transition: none;\n                }\n                \n                .limbo-component,\n                .limbo-input,\n                .limbo-button {\n                    transition: none;\n                }\n            }\n            \n            /* Esquemas de color automático */\n            @media (prefers-color-scheme: dark) {\n                :root:not([data-limbo-theme]) {\n                    color-scheme: dark;\n                }\n            }\n            \n            @media (prefers-color-scheme: light) {\n                :root:not([data-limbo-theme]) {\n                    color-scheme: light;\n                }\n            }\n            \n            /* ===================================\n               MODO COMPACTO - ESTILOS ESPECÍFICOS  \n               =================================== */\n            \n            /* Activación del modo compacto por atributo o clase */\n            [data-limbo-compact="true"],\n            .limbo-compact-mode {\n                /* Componentes base más pequeños */\n                --limbo-font-size-md: var(--limbo-font-size-compact-md);\n                --limbo-font-size-sm: var(--limbo-font-size-compact-sm);\n                --limbo-font-size-lg: var(--limbo-font-size-compact-lg);\n                --limbo-spacing: var(--limbo-spacing-compact);\n                --limbo-radius-md: var(--limbo-radius-compact);\n                --limbo-gap: var(--limbo-gap-compact);\n            }\n            \n            /* Botones compactos */\n            [data-limbo-compact="true"] .limbo-button,\n            .limbo-compact-mode .limbo-button {\n                height: var(--limbo-button-height-compact);\n                padding: var(--limbo-spacing-compact-sm) var(--limbo-spacing-compact);\n                font-size: var(--limbo-font-size-compact-sm);\n                border-radius: var(--limbo-radius-compact);\n                min-width: auto;\n            }\n            \n            /* Inputs compactos */\n            [data-limbo-compact="true"] .limbo-input,\n            .limbo-compact-mode .limbo-input {\n                height: var(--limbo-input-height-compact);\n                padding: var(--limbo-spacing-compact-sm) var(--limbo-spacing-compact);\n                font-size: var(--limbo-font-size-compact-md);\n                border-radius: var(--limbo-radius-compact);\n            }\n            \n            /* Cards compactas */\n            [data-limbo-compact="true"] .limbo-card,\n            .limbo-compact-mode .limbo-card {\n                padding: var(--limbo-card-padding-compact);\n                border-radius: var(--limbo-radius-compact-lg);\n            }\n            \n            /* Modales compactos */\n            [data-limbo-compact="true"] .limbo-modal,\n            .limbo-compact-mode .limbo-modal {\n                padding: var(--limbo-modal-padding-compact);\n                border-radius: var(--limbo-radius-compact-lg);\n                max-width: 90vw;\n                max-height: 90vh;\n            }\n            \n            /* Tabs compactas */\n            [data-limbo-compact="true"] .limbo-tabs,\n            .limbo-compact-mode .limbo-tabs {\n                gap: var(--limbo-gap-compact-sm);\n            }\n            \n            [data-limbo-compact="true"] .limbo-tab,\n            .limbo-compact-mode .limbo-tab {\n                padding: var(--limbo-spacing-compact-sm) var(--limbo-spacing-compact);\n                font-size: var(--limbo-font-size-compact-sm);\n                border-radius: var(--limbo-radius-compact-sm);\n            }\n            \n            /* Gallery compacta */\n            [data-limbo-compact="true"] .limbo-gallery,\n            .limbo-compact-mode .limbo-gallery {\n                gap: var(--limbo-gap-compact-sm);\n            }\n            \n            [data-limbo-compact="true"] .limbo-gallery-item,\n            .limbo-compact-mode .limbo-gallery-item {\n                border-radius: var(--limbo-radius-compact);\n                min-height: 120px; /* Más pequeño para móviles */\n            }\n            \n            /* Notificaciones compactas */\n            [data-limbo-compact="true"] .limbo-notification,\n            .limbo-compact-mode .limbo-notification {\n                padding: var(--limbo-spacing-compact-sm) var(--limbo-spacing-compact);\n                font-size: var(--limbo-font-size-compact-sm);\n                border-radius: var(--limbo-radius-compact);\n            }\n            \n            /* Progress indicators compactos */\n            [data-limbo-compact="true"] .limbo-progress,\n            .limbo-compact-mode .limbo-progress {\n                height: 3px; /* Más delgado */\n            }\n            \n            [data-limbo-compact="true"] .limbo-progress-circular,\n            .limbo-compact-mode .limbo-progress-circular {\n                width: 20px;\n                height: 20px;\n            }\n            \n            /* Auto-activación en pantallas pequeñas */\n            @media (max-width: 768px) {\n                :root[data-limbo-compact="auto"],\n                .limbo-component[data-limbo-compact="auto"] {\n                    /* Aplicar automáticamente estilos compactos */\n                    --limbo-font-size-md: var(--limbo-font-size-compact-md);\n                    --limbo-font-size-sm: var(--limbo-font-size-compact-sm);\n                    --limbo-spacing: var(--limbo-spacing-compact);\n                    --limbo-radius-md: var(--limbo-radius-compact);\n                    --limbo-gap: var(--limbo-gap-compact);\n                }\n                \n                /* Modal full-screen en móvil cuando es compacto */\n                [data-limbo-compact="auto"] .limbo-modal,\n                [data-limbo-compact="true"] .limbo-modal {\n                    position: fixed;\n                    top: 0;\n                    left: 0;\n                    right: 0;\n                    bottom: 0;\n                    width: 100vw;\n                    height: 100vh;\n                    max-width: 100vw;\n                    max-height: 100vh;\n                    border-radius: 0;\n                    margin: 0;\n                }\n                \n                /* Tabs en accordion en móvil */\n                [data-limbo-compact="auto"] .limbo-tabs,\n                [data-limbo-compact="true"] .limbo-tabs {\n                    flex-direction: column;\n                    width: 100%;\n                }\n                \n                /* Gallery de 2 columnas en móvil */\n                [data-limbo-compact="auto"] .limbo-gallery,\n                [data-limbo-compact="true"] .limbo-gallery {\n                    grid-template-columns: 1fr 1fr;\n                    gap: var(--limbo-gap-compact);\n                }\n            }\n            \n            /* Touch targets más grandes en móviles */\n            @media (max-width: 768px) and (pointer: coarse) {\n                [data-limbo-compact="auto"] .limbo-button,\n                [data-limbo-compact="true"] .limbo-button {\n                    min-height: 44px; /* Tamaño mínimo de toque recomendado */\n                    padding: var(--limbo-spacing-compact) var(--limbo-spacing-compact-lg);\n                }\n                \n                [data-limbo-compact="auto"] .limbo-tab,\n                [data-limbo-compact="true"] .limbo-tab {\n                    min-height: 44px;\n                }\n            }\n        `,t=document.createElement("style");t.id="limbo-theme-styles",t.textContent=e,document.head.appendChild(t)}applyTheme(e,t={}){const n=this._getTheme(e);if(!n)return console.warn(`Theme '${e}' not found`),!1;const r=this.currentTheme;return this._applyThemeVariables(n,t.scope),this._updateThemeAttributes(n.name),this.config.theme.storage&&!t.temporary&&this._saveThemePreference(n.name),this.currentTheme=n.name,this._triggerChangeCallbacks(n.name,r),!0}toggleTheme(e="light",t="dark"){const n=this.currentTheme===e?t:e;return this.applyTheme(n)}applyAutoTheme(){const e=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";return this.applyTheme(e)}registerTheme(e,t){const n={name:e,displayName:t.displayName||e,variables:t.variables||{},extends:t.extends||null,...t};if(n.extends){const e=this._getTheme(n.extends);e&&(n.variables={...e.variables,...n.variables})}return this.customThemes.set(e,n),this}removeTheme(e){if(this.config.presets[e])return console.warn(`Cannot remove predefined theme: ${e}`),!1;const t=this.customThemes.delete(e);return t&&this.currentTheme===e&&this.applyTheme(this.config.inheritance.fallbackTheme),t}getAvailableThemes(){const e=Object.keys(this.config.presets),t=Array.from(this.customThemes.keys());return{presets:e,custom:t,all:[...e,...t]}}getCurrentTheme(){return{name:this.currentTheme,theme:this._getTheme(this.currentTheme),isCustom:this.customThemes.has(this.currentTheme),variables:this._getCurrentVariables()}}enableCompactMode(e={}){const t={element:document.documentElement,persist:!0,...e};return t.element.setAttribute("data-limbo-compact","true"),t.element.classList.add("limbo-compact-mode"),this.isCompactMode=!0,t.persist&&this.config.compact.persistPreference&&this._saveCompactPreference(!0),this._triggerCompactChange(!0),this}disableCompactMode(e={}){const t={element:document.documentElement,persist:!0,...e};return t.element.setAttribute("data-limbo-compact","false"),t.element.classList.remove("limbo-compact-mode"),this.isCompactMode=!1,t.persist&&this.config.compact.persistPreference&&this._saveCompactPreference(!1),this._triggerCompactChange(!1),this}toggleCompactMode(e={}){return this.isCompactMode?this.disableCompactMode(e):this.enableCompactMode(e)}applyAutoCompactMode(){const e=this._shouldUseCompactMode();return e&&!this.isCompactMode?this.enableCompactMode({persist:!1}):!e&&this.isCompactMode&&this.disableCompactMode({persist:!1}),this}getCompactState(){return{isEnabled:this.isCompactMode,isAuto:this.config.compact.auto,breakpoint:this.config.compact.breakpoint,currentViewport:window.innerWidth,shouldBeCompact:this._shouldUseCompactMode()}}_shouldUseCompactMode(){if(!this.config.compact.auto)return this.config.compact.enabled;const e=window.innerWidth<=this.config.compact.breakpoint,t=/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),n="ontouchstart"in window||navigator.maxTouchPoints>0;return!(!this.config.compact.forceOnMobile||!t&&!n)||e}_saveCompactPreference(e){try{localStorage.setItem("limbo-compact-preference",e.toString())}catch(t){console.warn("Could not save compact preference:",t)}}_loadCompactPreference(){try{return"true"===localStorage.getItem("limbo-compact-preference")}catch(e){return console.warn("Could not load compact preference:",e),null}}_triggerCompactChange(e){this.changeCallbacks.forEach(t=>{try{t({type:"compact",isCompact:e,viewport:window.innerWidth,timestamp:Date.now()})}catch(n){console.error("Error in compact mode change callback:",n)}})}_inheritPortalTheme(){const e=this._detectPortalTheme();return e?(this.registerTheme("portal-inherited",e),"portal-inherited"):null}_detectPortalTheme(){const e={name:"portal-detected",displayName:"Tema del Portal",variables:{}};for(const t of this.config.inheritance.portalSelectors){const n=document.querySelector(t);if(n){const t=this._extractCSSVariables(n);Object.keys(t).length>0&&(e.variables={...e.variables,...t});const r=n.getAttribute("data-theme")||n.getAttribute("class")?.match(/theme-(\w+)/)||n.getAttribute("class")?.match(/(\w+)-theme/);r&&(e.detectedName=Array.isArray(r)?r[1]:r)}}return Object.keys(e.variables).length>0?e:null}_extractCSSVariables(e){const t={},n=getComputedStyle(e);["primary","primary-hover","primary-light","primary-dark","bg-primary","bg-secondary","bg-tertiary","bg-card","bg-input","text-primary","text-secondary","text-tertiary","text-inverse","border-light","border-medium","border-strong","border-focus","success","error","warning","info","shadow-sm","shadow-md","shadow-lg","shadow-xl","radius-sm","radius-md","radius-lg","radius-xl"].forEach(e=>{const r=`--limbo-${e}`,a=n.getPropertyValue(r).trim();a&&(t[r]=a)});return["--primary-color","--background-color","--text-color","--border-color","--accent-color","--surface-color"].forEach(e=>{const r=n.getPropertyValue(e).trim();if(r){const n=this._mapGenericToLimbo(e,r);n&&Object.assign(t,n)}}),t}_mapGenericToLimbo(e,t){return{"--primary-color":{"--limbo-primary":t},"--background-color":{"--limbo-bg-primary":t},"--text-color":{"--limbo-text-primary":t},"--border-color":{"--limbo-border-light":t},"--accent-color":{"--limbo-primary":t},"--surface-color":{"--limbo-bg-card":t}}[e]||null}_applyInitialTheme(){let e=this.config.inheritance.fallbackTheme;if(this.config.theme.storage){const t=this._loadThemePreference();t&&this._getTheme(t)&&(e=t)}const t=document.documentElement.getAttribute("data-limbo-theme");t&&this._getTheme(t)&&(e=t);const n=this._inheritPortalTheme();n&&(e=n),this.config.theme.auto&&"auto"===e&&(e=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),this.applyTheme(e,{temporary:!1})}_applyInitialCompactMode(){let e=!1;if(this.config.compact.persistPreference){const t=this._loadCompactPreference();null!==t&&(e=t)}const t=document.documentElement.getAttribute("data-limbo-compact");"true"===t?e=!0:"false"===t&&(e=!1),("auto"===t||this.config.compact.auto)&&(e=this._shouldUseCompactMode()),e?this.enableCompactMode({persist:!1}):this.disableCompactMode({persist:!1})}_applyThemeVariables(e,t=document.documentElement){const n="string"==typeof t?document.querySelector(t):t;n?(Object.entries(e.variables).forEach(([e,t])=>{n.style.setProperty(e,t),this.appliedStyles.add(`${n.tagName}:${e}`)}),this.themeCache.set(e.name,{theme:e,appliedAt:Date.now(),scope:n})):console.warn("Theme scope element not found")}_updateThemeAttributes(e){document.documentElement.setAttribute("data-limbo-theme",e),document.documentElement.classList.remove("limbo-theme-light","limbo-theme-dark","limbo-theme-auto"),document.documentElement.classList.add(`limbo-theme-${e}`),this._updateMetaThemeColor(e)}_updateMetaThemeColor(e){const t=this._getTheme(e);if(!t)return;const n=t.variables["--limbo-primary"]||"#3b82f6";let r=document.querySelector('meta[name="theme-color"]');r||(r=document.createElement("meta"),r.name="theme-color",document.head.appendChild(r)),r.content=n}_getTheme(e){return this.config.presets[e]?this.config.presets[e]:this.customThemes.has(e)?this.customThemes.get(e):null}_getCurrentVariables(){const e=this._getTheme(this.currentTheme);if(!e)return{};const t=getComputedStyle(document.documentElement),n={};return Object.keys(e.variables).forEach(e=>{n[e]=t.getPropertyValue(e).trim()}),n}_saveThemePreference(e){try{localStorage.setItem("limbo-theme-preference",e)}catch(t){console.warn("Could not save theme preference:",t)}}_loadThemePreference(){try{return localStorage.getItem("limbo-theme-preference")}catch(e){return console.warn("Could not load theme preference:",e),null}}_loadCustomThemes(){try{const e=localStorage.getItem("limbo-custom-themes");if(e){const t=JSON.parse(e);Object.entries(t).forEach(([e,t])=>{this.customThemes.set(e,t)})}}catch(e){console.warn("Could not load custom themes:",e)}}_saveCustomThemes(){try{const e=Object.fromEntries(this.customThemes);localStorage.setItem("limbo-custom-themes",JSON.stringify(e))}catch(e){console.warn("Could not save custom themes:",e)}}_setupObservers(){this.config.theme.detectSystem&&this._setupSystemObserver(),this.config.theme.storage&&this._setupStorageObserver(),this._setupMutationObserver(),this.config.compact.auto&&this._setupViewportObserver()}_setupSystemObserver(){const e=window.matchMedia("(prefers-color-scheme: dark)");e.addEventListener("change",e=>{if("auto"===this.currentTheme||this.config.theme.auto){const t=e.matches?"dark":"light";this.applyTheme(t,{temporary:!0})}}),this.mediaQueryObserver=e}_setupStorageObserver(){const e=e=>{"limbo-theme-preference"===e.key&&e.newValue!==this.currentTheme&&this._getTheme(e.newValue)&&this.applyTheme(e.newValue)};window.addEventListener("storage",e),this.storageListener=e}_setupMutationObserver(){const e=new MutationObserver(e=>{e.forEach(e=>{if("attributes"===e.type&&"data-limbo-theme"===e.attributeName){const t=e.target.getAttribute("data-limbo-theme");t&&t!==this.currentTheme&&this._getTheme(t)&&this.applyTheme(t)}})});e.observe(document.documentElement,{attributes:!0,attributeFilter:["data-limbo-theme"]}),this.mutationObserver=e}_setupViewportObserver(){const e=`(max-width: ${this.config.compact.breakpoint}px)`,t=window.matchMedia(e);t.addEventListener("change",()=>{("auto"===document.documentElement.getAttribute("data-limbo-compact")||this.config.compact.auto)&&this.applyAutoCompactMode()}),this.compactObserver=t,window.addEventListener("orientationchange",()=>{setTimeout(()=>{("auto"===document.documentElement.getAttribute("data-limbo-compact")||this.config.compact.auto)&&this.applyAutoCompactMode()},100)})}onThemeChange(e){return this.changeCallbacks.add(e),()=>this.changeCallbacks.delete(e)}_triggerChangeCallbacks(e,t){this.changeCallbacks.forEach(n=>{try{n({theme:e,previousTheme:t,themeData:this._getTheme(e),variables:this._getCurrentVariables()})}catch(r){console.error("Error in theme change callback:",r)}})}generateThemeFromColors(e,t){const n={name:e,displayName:e,variables:{}};t.primary&&(n.variables["--limbo-primary"]=t.primary,n.variables["--limbo-primary-hover"]=this._darkenColor(t.primary,10),n.variables["--limbo-primary-light"]=this._lightenColor(t.primary,40),n.variables["--limbo-primary-dark"]=this._darkenColor(t.primary,20)),t.background&&(n.variables["--limbo-bg-primary"]=t.background,n.variables["--limbo-bg-secondary"]=this._lightenColor(t.background,5),n.variables["--limbo-bg-tertiary"]=this._lightenColor(t.background,10),n.variables["--limbo-bg-card"]=t.background),t.text&&(n.variables["--limbo-text-primary"]=t.text,n.variables["--limbo-text-secondary"]=this._lightenColor(t.text,20),n.variables["--limbo-text-tertiary"]=this._lightenColor(t.text,40));const r=this._getTheme(this.config.inheritance.fallbackTheme);return r&&(n.variables={...r.variables,...n.variables}),this.registerTheme(e,n),n}_darkenColor(e,t){const n=parseInt(e.replace("#",""),16),r=Math.round(2.55*t),a=(n>>16)-r,i=(n>>8&255)-r,o=(255&n)-r;return"#"+(16777216+65536*(a<255?a<1?0:a:255)+256*(i<255?i<1?0:i:255)+(o<255?o<1?0:o:255)).toString(16).slice(1)}_lightenColor(e,t){const n=parseInt(e.replace("#",""),16),r=Math.round(2.55*t),a=(n>>16)+r,i=(n>>8&255)+r,o=(255&n)+r;return"#"+(16777216+65536*(a<255?a<1?0:a:255)+256*(i<255?i<1?0:i:255)+(o<255?o<1?0:o:255)).toString(16).slice(1)}_deepMerge(e,t){const n={...e};return Object.keys(t).forEach(r=>{t[r]&&"object"==typeof t[r]&&!Array.isArray(t[r])?n[r]=this._deepMerge(e[r]||{},t[r]):n[r]=t[r]}),n}getThemeInfo(){return{current:this.getCurrentTheme(),available:this.getAvailableThemes(),compact:this.getCompactState(),config:this.config,isInitialized:this.isInitialized,cache:{themes:this.themeCache.size,applied:this.appliedStyles.size},observers:{system:!!this.mediaQueryObserver,storage:!!this.storageListener,mutation:!!this.mutationObserver,viewport:!!this.compactObserver}}}debug(){return console.table(this.getThemeInfo()),this.getThemeInfo()}destroy(){this.mediaQueryObserver&&this.mediaQueryObserver.removeEventListener("change",this._setupSystemObserver),this.storageListener&&window.removeEventListener("storage",this.storageListener),this.mutationObserver&&this.mutationObserver.disconnect(),this.compactObserver&&this.compactObserver.removeEventListener("change",this._setupViewportObserver),this.changeCallbacks.clear(),this.themeCache.clear(),this.appliedStyles.clear(),this._saveCustomThemes();const e=document.getElementById("limbo-theme-styles");e&&e.remove(),this.isInitialized=!1}}const hn=new class{constructor(){this.config=new m,this.instances=new ln,this.autoInputs=new sn,this.events=new cn,this.modals=new un,this.theme=new mn,this.containerQueryDetector=S,this._setupInternalListeners(),this._initializeContainerQueries()}configure(e){var t;return this.config.setGlobal(e),t={publicKey:e.publicKey,apiKey:e.apiKey,token:e.token,authMode:e.authMode||"manual",tokenProvider:e.tokenProvider,prod:e.prod||!1,mode:e.mode||"embed",callbacks:e.callbacks||null},z={...z,...t},z.authMode||(z.token?z.authMode="manual":z.authMode="session"),this.config}setToken(e){return function(e){z.token=e}(e),this}create(e){const t=this.config.merge(e);return this.instances.create(t,this.events,this.modals)}configureAutoInputs(e){return this.autoInputs.configure(e,this.config,this.events)}setTheme(e){return e&&(this.config.set("theme",e),this.theme.setTheme(e),this.events.emit("theme:changed",{theme:e})),this}getTheme(){return this.theme.getCurrentTheme()}scanAndActivate(e=null){const t=this.autoInputs.config?.dataset||"data-limbo-input-file",n=e||`[${t}]`,r=document.querySelectorAll(n);if(0===r.length)return{found:0,processed:0,skipped:0};let a=0,i=0;return r.forEach(e=>{try{this.autoInputs._processInput(e),a++}catch(t){console.warn(`⚠️ Limbo: Error procesando input ${e.id||e.name}:`,t),i++}}),this.events.emit("limbo:scanCompleted",{found:r.length,processed:a,skipped:i,inputs:Array.from(r)}),{found:r.length,processed:a,skipped:i}}_initializeContainerQueries(){this.containerQueryDetector.observeResize(),setTimeout(()=>{document.querySelectorAll(".limbo-component-container-wrapper").forEach(e=>{this.containerQueryDetector.applyResponsiveClasses(e)})},100)}rescan(e=document){const t=this.autoInputs.config?.dataset||"data-limbo-input-file",n=e.querySelectorAll(`[${t}]`);let r=0;return n.forEach(e=>{if(!this.autoInputs.instances.has(this.autoInputs._getInputId(e)))try{this.autoInputs._processInput(e),r++}catch(t){console.warn("⚠️ Limbo: Error procesando nuevo input:",t)}}),r}init(e){const t=this._mapLegacyOptions(e);return this.create(t)}getInstances(){return this.instances.getAll()}destroy(){this.instances.destroyAll(),this.autoInputs.cleanup(),this.events.cleanup(),this.theme.removeTheme()}_mapLegacyOptions(e){return{container:e.container||"#image-manager",mode:"embed",features:["gallery","upload","cropper"],apiKey:e.apiKey,prod:e.prod||!1,url:void 0===e.url||e.url}}_setupInternalListeners(){this.events.on("autoInputs:modalRequest",({config:e,callback:t})=>{this._handleAutoInputModalRequest({config:e,callback:t})})}_handleAutoInputModalRequest({config:e,callback:t}){const n=e=>{let n={};if(e.crops&&e.crops.length>0){const t=e.asset||e.original;n.original={url:t?.url||t?.urlSigned||e.originalUrl,width:t?.width||e.originalWidth,height:t?.height||e.originalHeight,assetId:t?.id||e.assetId},n.images=e.crops.map(e=>({url:e.url||e.urlSigned,width:e.width,height:e.height,name:e.name||e.filename}))}else e.asset?n.original={url:e.asset.url||e.asset.urlSigned,width:e.asset.width,height:e.asset.height,assetId:e.asset.id}:e.master?.urlSigned||e.master?.url?n.original={url:e.master.urlSigned||e.master.url,width:e.master.width||e.width,height:e.master.height||e.height,assetId:e.assetId}:e.url||e.urlSigned?n.original={url:e.url||e.urlSigned,width:e.width,height:e.height,assetId:e.assetId||e.id}:(console.warn("[Limbo] handleResult: formato de datos no reconocido",e),n=e);t(n),a.close()},r={...e,mode:"modal",autoDestroy:!0,interaction:{allowSelection:!0,allowCropping:!0,...e.interaction},callbacks:{onSelect:e=>{n(e)},onCropsSaved:e=>{n(e)},onCropperComplete:e=>{n(e)},onUpload:t=>{"upload-only"!==e.modeUI||e.features?.includes("cropper")||n(t)},onClose:()=>{}}};if(e.initialImageUrl){const t=this._extractAssetIdFromUrl(e.initialImageUrl);r._externalImage={url:e.initialImageUrl,filename:e.initialImageUrl.split("/").pop()?.split("?")[0]||"image.jpg",width:1920,height:1080,mime_type:"image/jpeg",id:t}}e.cropper&&(r.cropper=e.cropper),this.config.setGlobal({interaction:{allowSelection:!0,allowCropping:!0,...e.interaction}});const a=this.create(r);a.open()}_extractAssetIdFromUrl(e){if(!e)return null;try{const t=/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/gi,n=e.match(t);return n&&n.length>=2?n[1]:n&&1===n.length?n[0]:null}catch(t){return console.warn("Error extracting asset ID from URL:",t),null}}openGallery(e={}){const t=this.create({mode:"modal",modeUI:"gallery-only",features:["gallery"],autoDestroy:!0,modal:{title:e.title||"Seleccionar Imagen",size:e.size||"large"},callbacks:{onSelect:n=>{e.onSelect?.(n),!1!==e.autoClose&&t.close()}},...e});return t.open(),t}openUploader(e={}){const t=!1!==e.redirectToGallery?["upload","gallery"]:["upload"],n=this.create({mode:"modal",modeUI:!1!==e.redirectToGallery?"full":"upload-only",features:t,autoDestroy:!0,modal:{title:e.title||"Subir Imagen",size:e.size||"medium"},callbacks:{onUpload:t=>{e.onUpload?.(t),!1===e.autoClose||e.redirectToGallery||n.close()}},...e});return n.open(),n}openCropper(e,t={}){if(!e)throw new Error("Limbo.openCropper: imageUrl es requerido");const n={url:e,filename:t.filename||"image.jpg",width:t.width||1920,height:t.height||1080,mime_type:t.mimeType||"image/jpeg",id:t.assetId||`external-${Date.now()}`},r=this.create({mode:"modal",modeUI:"crop-only",features:["cropper"],autoDestroy:!0,modal:{title:t.title||"Recortar Imagen",size:"xlarge"},cropper:{mandatoryCrops:t.mandatoryCrops||[],allowCustomCrops:!1!==t.allowCustomCrops,enforceRequiredCrops:!1!==t.enforceRequiredCrops},callbacks:{onCropperComplete:e=>{t.onComplete?.(e),!1!==t.autoClose&&r.close()},onCropperCancelled:e=>{t.onCancelled?.(e),!1!==t.autoClose&&r.close()},onCropperError:e=>{t.onError?.(e)}},_externalImage:n,...t});return r.open(),r}createInlineGallery(e,t={}){return this.create({container:e,mode:"embed",modeUI:"gallery-only",features:["gallery"],callbacks:{onSelect:t.onSelect,onDelete:t.onDelete},...t})}createInlineUploader(e,t={}){return this.create({container:e,mode:"embed",modeUI:"upload-only",features:["upload"],callbacks:{onUpload:t.onUpload},...t})}createStandaloneCropper(e,t,n={}){if(!e)throw new Error("Limbo.createStandaloneCropper: container es requerido");if(!t)throw new Error("Limbo.createStandaloneCropper: imageUrl es requerido");const r={url:t,filename:n.filename||"image.jpg",width:n.width||1920,height:n.height||1080,mime_type:n.mimeType||"image/jpeg",id:n.assetId||`external-${Date.now()}`};return this.create({container:e,mode:"embed",modeUI:"crop-only",features:["cropper"],autoHideOnComplete:!1!==n.autoHideOnComplete,cropper:{mandatoryCrops:n.mandatoryCrops||[],allowCustomCrops:!1!==n.allowCustomCrops,enforceRequiredCrops:!1!==n.enforceRequiredCrops},callbacks:{onCropperComplete:n.onComplete,onCropperCancelled:n.onCancelled,onCropperError:n.onError},_externalImage:r,...n})}createFullSelector(e,t={}){return this.create({container:e,mode:t.mode||"embed",modeUI:"full",features:["gallery","upload","cropper"],callbacks:{onSelect:t.onSelect,onUpload:t.onUpload,onDelete:t.onDelete,onCropsSaved:t.onCropsSaved},...t})}};"undefined"!=typeof window&&(window.Limbo=hn,window.limboCore=hn);"undefined"!=typeof window&&document.querySelector("#root")&&(hn.configure({prod:!1,publicKey:"pk_e464fd744106b7a8d63d453c4bd02582",authMode:"session"}),hn.create({container:"#root",mode:"embed",modeUI:"full",features:["gallery","upload","cropper"],title:"Limbo Image Manager - Development",url:!0}),hn.configureAutoInputs({dataset:"data-limbo-input-file",return:"json",features:["gallery","upload","cropper"],modeUI:"full",modalSize:"large",title:"Seleccionar imagen",crops:"free",allowDelete:!1}));export{hn as default};
 //# sourceMappingURL=limbo.es.map