ape-accessibility 0.6.2 → 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/auto.cjs +294 -11
- package/dist/auto.global.js +300 -17
- package/dist/auto.js +294 -11
- package/dist/index.cjs +294 -11
- package/dist/index.global.js +300 -17
- package/dist/index.js +294 -11
- package/package.json +8 -9
package/dist/index.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{createRoot as $n}from"react-dom/client";import{useState as Dn,useEffect as Bn}from"react";import hi from"react";import mi from"clsx";function _(...e){return mi(e)}import{jsx as q,jsxs as De}from"react/jsx-runtime";var ye=hi.forwardRef(({children:e,className:t,size:n="lg",leftIcon:i,rightIcon:o,disabled:s,...a},l)=>{let c=!!e,h=!c&&!!i!==!!o,v=n==="sm"?"text-sm px-3 py-2":"text-lg px-5 py-3",x=h?_("rounded-full",n==="sm"?"w-[40px] h-[40px] p-0":"w-[60px] h-[60px] p-0"):"rounded-[30px] py-2 px-5";return De("button",{ref:l,className:_("group cursor-pointer inline-flex items-center justify-center transition-all ease-in-out duration-200 relative overflow-hidden","apea-gradient text-white bg-blue-500 hover:ring-2 hover:ring-yellow-500 hover:font-semibold",v,x,s?"opacity-50 cursor-not-allowed":"active:scale-90",t),disabled:s,...a,children:[i&&q("span",{className:_(c&&"mr-2"),children:i}),c&&De("span",{className:"relative inline-flex items-center whitespace-nowrap",children:[q("span",{className:"invisible font-bold","aria-hidden":"true",children:e}),q("span",{className:"absolute inset-0 transition-all duration-200",children:e})]}),o&&q("span",{className:_(c&&"ml-2"),children:o})]})});ye.displayName="Button";import{jsx as Se,jsxs as bi}from"react/jsx-runtime";function Be({size:e=24,color:t="currentColor",className:n,...i}){return bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 26 30",fill:t,className:n,"aria-hidden":"true",focusable:"false",...i,children:[Se("mask",{id:"path-1-inside-1_2435_12083",fill:"white",children:Se("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4917 0.0390191C10.9891 0.276653 9.83951 1.43644 9.61036 2.94578C9.45194 3.98907 9.82094 5.09148 10.5813 5.84664C11.935 7.19114 14.0664 7.19114 15.4201 5.84664C16.7606 4.51534 16.7599 2.35948 15.4184 1.00802C14.6598 0.24369 13.5405 -0.126872 12.4917 0.0390191ZM12.706 1.73821C12.3594 1.80312 12.0529 1.96654 11.7962 2.22334C11.5927 2.42688 11.4709 2.62091 11.3736 2.8966L11.3042 3.09318V3.42818V3.76317L11.3736 3.95975C11.4709 4.23544 11.5927 4.42947 11.7962 4.63302C11.9997 4.83659 12.1937 4.95842 12.4693 5.05578L12.6658 5.12519H13.0007H13.3356L13.5321 5.05578C13.8077 4.95842 14.0017 4.83659 14.2052 4.63302C14.4087 4.42947 14.5305 4.23544 14.6278 3.95975L14.6972 3.76317V3.42818V3.09318L14.6278 2.8966C14.5305 2.62091 14.4087 2.42688 14.2052 2.22334C13.8866 1.90463 13.5251 1.74475 13.0811 1.72625C12.9411 1.72041 12.7723 1.7258 12.706 1.73821ZM2.25726 6.41702C2.03505 6.46277 1.77857 6.56493 1.57407 6.68923C0.660849 7.24423 0.26669 8.37245 0.639978 9.36291C0.842577 9.90052 1.26101 10.3605 1.76161 10.5958C1.86476 10.6442 3.47127 11.225 5.3316 11.8863L8.71405 13.0887V15.9233V18.7579L7.62872 23.1003C7.0318 25.4885 6.53337 27.5356 6.5211 27.6494C6.40938 28.6853 7.0643 29.6429 8.08672 29.9387L8.29878 30L8.64707 29.998C9.06199 29.9955 9.23847 29.9553 9.5888 29.7832C10.0024 29.58 10.368 29.2187 10.5625 28.821C10.6057 28.7326 11.169 27.0715 11.8142 25.1297C12.4594 23.188 12.9933 21.5993 13.0007 21.5993C13.0081 21.5993 13.542 23.188 14.1872 25.1297C14.8324 27.0715 15.3957 28.7326 15.439 28.821C15.6334 29.2187 15.999 29.58 16.4126 29.7832C16.763 29.9553 16.9394 29.9955 17.3544 29.998L17.7026 30L17.9147 29.9387C18.9371 29.6429 19.5921 28.6853 19.4803 27.6494C19.4681 27.5356 18.9696 25.4885 18.3727 23.1003L17.2874 18.7579V15.9233V13.0887L20.6698 11.8863C22.5302 11.225 24.1367 10.6442 24.2398 10.5958C25.1725 10.1573 25.6811 9.08532 25.4407 8.06454C25.3872 7.83741 25.2031 7.44981 25.0524 7.24699C24.8326 6.95136 24.4552 6.66642 24.0925 6.5224C23.7068 6.36927 23.1663 6.33116 22.7663 6.4289C22.6484 6.45768 21.1414 6.95206 19.4174 7.5275L16.283 8.57374H13.0007H9.71847L6.58398 7.5275C4.86001 6.95206 3.35304 6.45768 3.23515 6.4289L3.02082 6.37653L2.72611 6.37886C2.56402 6.38015 2.35304 6.39733 2.25726 6.41702ZM2.50479 8.13564C2.30015 8.23654 2.17455 8.4846 2.2258 8.68659C2.25602 8.80572 2.34248 8.94165 2.42955 9.00696C2.46227 9.03151 4.27547 9.68767 6.45889 10.4651L10.4287 11.8786V15.4254V18.9723L9.33026 23.3672C8.7261 25.7844 8.2318 27.8136 8.2318 27.8766C8.2318 28.0357 8.30837 28.1644 8.44648 28.2374C8.63659 28.338 8.82523 28.3031 8.96045 28.1424L9.03019 28.0595L10.6277 23.2679L12.2253 18.4763L12.3139 18.3555C12.4162 18.2158 12.5635 18.1109 12.7427 18.05C13.0769 17.9365 13.4748 18.0652 13.6876 18.3555L13.7761 18.4763L15.3737 23.2679L16.9712 28.0595L17.041 28.1424C17.1762 28.3031 17.3648 28.338 17.5549 28.2374C17.6931 28.1644 17.7696 28.0357 17.7696 27.8766C17.7696 27.8136 17.2753 25.7844 16.6712 23.3672L15.5727 18.9723V15.4254V11.8785L19.5518 10.4618L23.531 9.04509L23.6127 8.96515C23.732 8.84849 23.781 8.73869 23.7817 8.58604C23.7826 8.42537 23.7211 8.30671 23.5763 8.18967L23.4754 8.10809L23.3218 8.09826L23.1681 8.08842L19.8729 9.18869L16.5776 10.2889H13.0007H9.42379L6.12865 9.19013L2.83352 8.09134L2.71285 8.09196C2.64646 8.09228 2.55285 8.11195 2.50479 8.13564Z"})}),Se("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4917 0.0390191C10.9891 0.276653 9.83951 1.43644 9.61036 2.94578C9.45194 3.98907 9.82094 5.09148 10.5813 5.84664C11.935 7.19114 14.0664 7.19114 15.4201 5.84664C16.7606 4.51534 16.7599 2.35948 15.4184 1.00802C14.6598 0.24369 13.5405 -0.126872 12.4917 0.0390191ZM12.706 1.73821C12.3594 1.80312 12.0529 1.96654 11.7962 2.22334C11.5927 2.42688 11.4709 2.62091 11.3736 2.8966L11.3042 3.09318V3.42818V3.76317L11.3736 3.95975C11.4709 4.23544 11.5927 4.42947 11.7962 4.63302C11.9997 4.83659 12.1937 4.95842 12.4693 5.05578L12.6658 5.12519H13.0007H13.3356L13.5321 5.05578C13.8077 4.95842 14.0017 4.83659 14.2052 4.63302C14.4087 4.42947 14.5305 4.23544 14.6278 3.95975L14.6972 3.76317V3.42818V3.09318L14.6278 2.8966C14.5305 2.62091 14.4087 2.42688 14.2052 2.22334C13.8866 1.90463 13.5251 1.74475 13.0811 1.72625C12.9411 1.72041 12.7723 1.7258 12.706 1.73821ZM2.25726 6.41702C2.03505 6.46277 1.77857 6.56493 1.57407 6.68923C0.660849 7.24423 0.26669 8.37245 0.639978 9.36291C0.842577 9.90052 1.26101 10.3605 1.76161 10.5958C1.86476 10.6442 3.47127 11.225 5.3316 11.8863L8.71405 13.0887V15.9233V18.7579L7.62872 23.1003C7.0318 25.4885 6.53337 27.5356 6.5211 27.6494C6.40938 28.6853 7.0643 29.6429 8.08672 29.9387L8.29878 30L8.64707 29.998C9.06199 29.9955 9.23847 29.9553 9.5888 29.7832C10.0024 29.58 10.368 29.2187 10.5625 28.821C10.6057 28.7326 11.169 27.0715 11.8142 25.1297C12.4594 23.188 12.9933 21.5993 13.0007 21.5993C13.0081 21.5993 13.542 23.188 14.1872 25.1297C14.8324 27.0715 15.3957 28.7326 15.439 28.821C15.6334 29.2187 15.999 29.58 16.4126 29.7832C16.763 29.9553 16.9394 29.9955 17.3544 29.998L17.7026 30L17.9147 29.9387C18.9371 29.6429 19.5921 28.6853 19.4803 27.6494C19.4681 27.5356 18.9696 25.4885 18.3727 23.1003L17.2874 18.7579V15.9233V13.0887L20.6698 11.8863C22.5302 11.225 24.1367 10.6442 24.2398 10.5958C25.1725 10.1573 25.6811 9.08532 25.4407 8.06454C25.3872 7.83741 25.2031 7.44981 25.0524 7.24699C24.8326 6.95136 24.4552 6.66642 24.0925 6.5224C23.7068 6.36927 23.1663 6.33116 22.7663 6.4289C22.6484 6.45768 21.1414 6.95206 19.4174 7.5275L16.283 8.57374H13.0007H9.71847L6.58398 7.5275C4.86001 6.95206 3.35304 6.45768 3.23515 6.4289L3.02082 6.37653L2.72611 6.37886C2.56402 6.38015 2.35304 6.39733 2.25726 6.41702ZM2.50479 8.13564C2.30015 8.23654 2.17455 8.4846 2.2258 8.68659C2.25602 8.80572 2.34248 8.94165 2.42955 9.00696C2.46227 9.03151 4.27547 9.68767 6.45889 10.4651L10.4287 11.8786V15.4254V18.9723L9.33026 23.3672C8.7261 25.7844 8.2318 27.8136 8.2318 27.8766C8.2318 28.0357 8.30837 28.1644 8.44648 28.2374C8.63659 28.338 8.82523 28.3031 8.96045 28.1424L9.03019 28.0595L10.6277 23.2679L12.2253 18.4763L12.3139 18.3555C12.4162 18.2158 12.5635 18.1109 12.7427 18.05C13.0769 17.9365 13.4748 18.0652 13.6876 18.3555L13.7761 18.4763L15.3737 23.2679L16.9712 28.0595L17.041 28.1424C17.1762 28.3031 17.3648 28.338 17.5549 28.2374C17.6931 28.1644 17.7696 28.0357 17.7696 27.8766C17.7696 27.8136 17.2753 25.7844 16.6712 23.3672L15.5727 18.9723V15.4254V11.8785L19.5518 10.4618L23.531 9.04509L23.6127 8.96515C23.732 8.84849 23.781 8.73869 23.7817 8.58604C23.7826 8.42537 23.7211 8.30671 23.5763 8.18967L23.4754 8.10809L23.3218 8.09826L23.1681 8.08842L19.8729 9.18869L16.5776 10.2889H13.0007H9.42379L6.12865 9.19013L2.83352 8.09134L2.71285 8.09196C2.64646 8.09228 2.55285 8.11195 2.50479 8.13564Z",strokeWidth:"0.354242",mask:"url(#path-1-inside-1_2435_12083)"})]})}import{useState as Ai,useEffect as je,useCallback as F}from"react";var Ve=["p","span","div","h1","h2","h3","h4","h5","h6","a","li","td","th","label","input","textarea","select","button","blockquote","pre","code"],vi={normal:null,high:{styles:{filter:"contrast(125%)"}},dark:{styles:{color:"#FFF",fill:"#FFF","background-color":"#000"},childrenSelector:Ve},light:{styles:{color:"#000",fill:"#000","background-color":"#FFF"},childrenSelector:Ve}};function yi(e){let{styles:t,selector:n,childrenSelector:i}=e,o="";if(t){let a=Object.keys(t).map(l=>`${l}: ${t[l]} !important;`).join(" ");o+=`${n} { ${a} }`,i&&i.forEach(l=>{o+=`${n} ${l} { ${a} }`})}return o}function Si({css:e,id:t}){let n=document.getElementById(t);n&&n.remove();let i=document.createElement("style");i.id=t,i.textContent=e,document.head.appendChild(i)}function J(e){let t=vi[e],n="ape-accessibility-contrast",i="ape-contrast-active";if(!t){let s=document.getElementById(n);s&&s.remove(),document.documentElement.classList.remove(i);return}let o=yi({...t,selector:`html.${i}`});Si({css:o,id:n}),document.documentElement.classList.add(i)}var Ce="ape-accessibility-settings";function Ge(e,t,n=30){let i=new Date;i.setTime(i.getTime()+n*24*60*60*1e3),document.cookie=`${e}=${t};expires=${i.toUTCString()};path=/`}function Ci(e){let t=e+"=",n=document.cookie.split(";");for(let i=0;i<n.length;i++){let o=n[i];for(;o?.charAt(0)===" ";)o=o?.substring(1,o?.length);if(o?.indexOf(t)===0)return o.substring(t.length,o.length)}return null}function xi(e,t){let n=JSON.stringify(t);try{localStorage.setItem(e,n)}catch(i){console.error("Error saving storage data:",i),Ge(e,n)}}function wi(e){let t=null;try{t=localStorage.getItem(e)}catch(n){console.error("Error getting storage data:",n),t=Ci(e)}if(!t)return null;try{return JSON.parse(t)}catch(n){return console.error("Error parsing storage data:",n),null}}function Li(e){try{localStorage.removeItem(e)}catch(t){Ge(e,"",-1),console.error("Error clearing storage data:",t)}}var xe=class{getSettings(){return wi(Ce)}saveSettings(t){let n={...t,updatedAt:new Date};xi(Ce,n)}clearSettings(){Li(Ce)}},Q=new xe;var M={fontSize:100,contrast:"normal",language:"es",colorblindMode:"normal",saturationMode:"normal",dyslexiaFont:!1,letterSpacing:0,lineHeight:0,fontWeight:!1,highlightMode:"none",readingGuide:!1,stopAnimations:!1,bigCursor:!1,hideImages:!1,textAlign:"default",ttsActive:!1},A={...M};function Ei(){let e=Q.getSettings();return e&&(A={...M,...e}),A}function u(){return{...A}}function we(e){return A={...A,...e,updatedAt:new Date},Q.saveSettings(A),$e("update",A),A}function V(){return A={...M},Q.saveSettings(A),$e("reset",A),A}function f(e,t){return we({[e]:t})}function $e(e,t){let n=new CustomEvent("accessibilitySettingsChanged",{detail:{type:e,settings:t,timestamp:new Date}});window.dispatchEvent(n)}function Ze(e=A){return e.fontSize!==M.fontSize||e.contrast!==M.contrast||e.colorblindMode!==M.colorblindMode||e.saturationMode!==M.saturationMode||e.dyslexiaFont===!0||(e.letterSpacing??0)>0||(e.lineHeight??0)>0||e.fontWeight===!0||e.highlightMode!==M.highlightMode||e.readingGuide===!0||e.stopAnimations===!0||e.bigCursor===!0||e.hideImages===!0||e.textAlign!==M.textAlign||e.ttsActive===!0}typeof window<"u"&&Ei();function Ue(){let[e,t]=Ai(()=>u().contrast||"normal");je(()=>{J(e)},[]),je(()=>{let d=h=>{let{settings:v}=h.detail,x=v.contrast||"normal";x!==e&&(t(x),J(x))};return window.addEventListener("accessibilitySettingsChanged",d),()=>{window.removeEventListener("accessibilitySettingsChanged",d)}},[e]);let n=F(d=>{t(d),J(d),f("contrast",d),window.dispatchEvent(new CustomEvent("accessibilityContrastChanged",{detail:{mode:d,isActive:d!=="normal"}}))},[]),i=F(()=>{n(e==="normal"?"high":"normal")},[e,n]),o=F(d=>{n(d)},[n]),s=F(()=>{n(e==="high"?"normal":"high")},[e,n]),a=F(()=>{n(e==="dark"?"normal":"dark")},[e,n]),l=F(()=>{n(e==="light"?"normal":"light")},[e,n]),c=F(()=>{switch(e){case"high":return"Alto contraste";case"dark":return"Contraste oscuro";case"light":return"Contraste claro";default:return"Normal"}},[e]);return{contrastMode:e,isActive:e!=="normal",getContrastDescription:c,setContrastMode:o,updateContrast:n,toggleContrast:i,toggleHighContrast:s,toggleDarkContrast:a,toggleLightContrast:l,isHighContrast:e==="high",isDarkContrast:e==="dark",isLightContrast:e==="light"}}import{useState as Ke,useEffect as qe,useCallback as z}from"react";var Xe=['i[class*="icon"]','i[class*="fa-"]',".icon",".fa",".material-icons","[data-icon]","svg"],Mi="h1,h2,h3,h4,h5,h6,p,a,dl,dt,li,ol,th,td,span,blockquote,.asw-text",Ye={};Xe.forEach(e=>{Ye[e]=!0});function ki(e=1){document.querySelectorAll(Mi).forEach(t=>{let n=t;if(Array.prototype.slice.call(n.classList).some(a=>Ye[`.${a}`])||Xe.some(a=>n.matches(a)))return;let o=Number(n.dataset.apeOrgFontSize)||parseInt(window.getComputedStyle(n).fontSize);n.dataset.apeOrgFontSize||(n.dataset.apeOrgFontSize=String(o));let s=o*e;n.style.fontSize=`${s}px`})}function Ii(){document.querySelectorAll("[data-ape-org-font-size]").forEach(e=>{let t=e,n=t.dataset.apeOrgFontSize;n&&(t.style.fontSize=`${n}px`,delete t.dataset.apeOrgFontSize)})}function Ti(e){return e/100}function ee(e){let t=Ti(e);e===100?Ii():ki(t)}function Je(){let[o,s]=Ke(()=>u().fontSize||100),[a,l]=Ke(!1);qe(()=>{ee(o)},[]),qe(()=>{let m=T=>{let{settings:w}=T.detail,k=w.fontSize||100;k!==o&&(s(k),ee(k))};return window.addEventListener("accessibilitySettingsChanged",m),()=>{window.removeEventListener("accessibilitySettingsChanged",m)}},[o]);let c=z(m=>{s(m),ee(m),f("fontSize",m),window.dispatchEvent(new CustomEvent("accessibilityTextSizeChanged",{detail:{percentage:m,isActive:m!==100}}))},[]),p=z(()=>{let m=Math.min(o+5,120);m!==o&&c(m)},[o,c]),d=z(()=>{let m=Math.max(o-5,90);m!==o&&c(m)},[o,c]),h=z(()=>{c(100)},[c]),v=z(m=>{m>=90&&m<=120&&c(m)},[c]),x=z(()=>{l(!a)},[a]),y=z(()=>o===100?"Normal":o<100?`Reducido ${o}%`:`Aumentado ${o}%`,[o]),P=o<120,E=o>90;return{textSizePercentage:o,increaseTextSize:p,decreaseTextSize:d,resetTextSize:h,canIncrease:P,canDecrease:E,getTextSizeDescription:y,isActive:o!==100,toggleTextSizeOptions:x,setSpecificTextSize:v,isOptionsOpen:a,setIsOptionsOpen:l,MIN_SIZE:90,MAX_SIZE:120,NORMAL_SIZE:100,INCREMENT:5}}import{useState as Ni,useEffect as Ri,useCallback as te}from"react";function Qe(){let[e,t]=Ni(()=>u().language||"es");Ri(()=>{let a=l=>{let{settings:c}=l.detail,p=c.language||"es";p!==e&&t(p)};return window.addEventListener("accessibilitySettingsChanged",a),()=>{window.removeEventListener("accessibilitySettingsChanged",a)}},[e]);let n=te(a=>{t(a),f("language",a),window.dispatchEvent(new CustomEvent("accessibilityLanguageChanged",{detail:{mode:a,isActive:a!=="es"}}))},[]),i=te(()=>{n(e==="es"?"en":"es")},[e,n]),o=te(a=>{n(a)},[n]),s=te(()=>e==="en"?"English":"Espa\xF1ol",[e]);return{languageMode:e,isActive:e!=="es",toggleLanguage:i,setSpecificLanguage:o,getLanguageDescription:s,updateLanguage:n,isEnglish:e==="en",isSpanish:e==="es"}}import{useState as Hi,useEffect as et,useCallback as Pi}from"react";function ie(e){let t=document.documentElement;e==="normal"?t.removeAttribute("data-colorblind-mode"):t.setAttribute("data-colorblind-mode",e)}function tt(){let[e,t]=Hi(()=>u().colorblindMode??"normal");et(()=>{ie(e)},[]),et(()=>{let i=o=>{let{settings:s}=o.detail,a=s.colorblindMode??"normal";a!==e&&(t(a),ie(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Pi(i=>{t(i),ie(i),f("colorblindMode",i),window.dispatchEvent(new CustomEvent("accessibilityColorblindChanged",{detail:{mode:i}}))},[]);return{colorblindMode:e,setColorblindMode:n,isActive:e!=="normal"}}import{useState as _i,useEffect as nt,useCallback as Wi}from"react";var it={normal:null,high:"accessibility-saturation-high",low:"accessibility-saturation-low",mono:"accessibility-saturation-mono"},Oi=Object.values(it).filter(Boolean);function ne(e){let t=document.documentElement;Oi.forEach(i=>t.classList.remove(i));let n=it[e];n&&t.classList.add(n)}function ot(){let[e,t]=_i(()=>u().saturationMode??"normal");nt(()=>{ne(e)},[]),nt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.saturationMode??"normal";a!==e&&(t(a),ne(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Wi(i=>{t(i),ne(i),f("saturationMode",i),window.dispatchEvent(new CustomEvent("accessibilitySaturationChanged",{detail:{mode:i}}))},[]);return{saturationMode:e,setSaturationMode:n,isActive:e!=="normal"}}import{useState as Fi,useEffect as rt,useCallback as zi}from"react";var st="accessibility-dyslexia";function oe(e){let t=document.documentElement;e?t.classList.add(st):t.classList.remove(st)}function at(){let[e,t]=Fi(()=>u().dyslexiaFont??!1);rt(()=>{oe(e)},[]),rt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.dyslexiaFont??!1;a!==e&&(t(a),oe(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=zi(()=>{let i=!e;t(i),oe(i),f("dyslexiaFont",i),window.dispatchEvent(new CustomEvent("accessibilityDyslexiaChanged",{detail:{isActive:i}}))},[e]);return{isActive:e,toggle:n}}import{useState as Di,useEffect as ut,useCallback as Le}from"react";var ct="accessibility-letter-spacing",lt="accessibility-line-height",dt="accessibility-font-weight";function G(e){let t=document.documentElement;t.style.setProperty("--accessibility-letter-spacing",String(e)),e>0?t.classList.add(ct):t.classList.remove(ct)}function $(e){let t=document.documentElement;t.style.setProperty("--accessibility-line-height",String(e)),e>0?t.classList.add(lt):t.classList.remove(lt)}function se(e){let t=document.documentElement;e?t.classList.add(dt):t.classList.remove(dt)}var gt=3;function ft(){let[e,t]=Di(()=>u().letterSpacing??0);ut(()=>{G(e)},[]),ut(()=>{let s=a=>{let{settings:l}=a.detail,c=l.letterSpacing??0;c!==e&&(t(c),G(c))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=Le(()=>{let s=Math.min(e+1,gt);t(s),G(s),f("letterSpacing",s)},[e]),i=Le(()=>{let s=Math.max(e-1,0);t(s),G(s),f("letterSpacing",s)},[e]),o=Le(()=>{t(0),G(0),f("letterSpacing",0)},[]);return{level:e,increase:n,decrease:i,reset:o,isActive:e>0,canIncrease:e<gt,canDecrease:e>0}}import{useState as Bi,useEffect as pt,useCallback as Ee}from"react";var mt=3;function ht(){let[e,t]=Bi(()=>u().lineHeight??0);pt(()=>{$(e)},[]),pt(()=>{let s=a=>{let{settings:l}=a.detail,c=l.lineHeight??0;c!==e&&(t(c),$(c))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=Ee(()=>{let s=Math.min(e+1,mt);t(s),$(s),f("lineHeight",s)},[e]),i=Ee(()=>{let s=Math.max(e-1,0);t(s),$(s),f("lineHeight",s)},[e]),o=Ee(()=>{t(0),$(0),f("lineHeight",0)},[]);return{level:e,increase:n,decrease:i,reset:o,isActive:e>0,canIncrease:e<mt,canDecrease:e>0}}import{useState as Vi,useEffect as bt,useCallback as Gi}from"react";function vt(){let[e,t]=Vi(()=>u().fontWeight??!1);bt(()=>{se(e)},[]),bt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.fontWeight??!1;a!==e&&(t(a),se(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Gi(()=>{let i=!e;t(i),se(i),f("fontWeight",i)},[e]);return{isBold:e,toggle:n,isActive:e}}import{useState as $i,useEffect as yt,useCallback as Ae}from"react";function re(e){let t=document.documentElement;e==="none"?t.removeAttribute("data-highlight"):t.setAttribute("data-highlight",e)}function St(){let[e,t]=$i(()=>u().highlightMode??"none");yt(()=>{re(e)},[]),yt(()=>{let s=a=>{let{settings:l}=a.detail,c=l.highlightMode??"none";c!==e&&(t(c),re(c))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=Ae(s=>{t(s),re(s),f("highlightMode",s)},[]),i=Ae(()=>{n(e==="titles"?"none":e==="links"?"both":e==="both"?"links":"titles")},[e,n]),o=Ae(()=>{n(e==="links"?"none":e==="titles"?"both":e==="both"?"titles":"links")},[e,n]);return{highlightMode:e,setHighlightMode:n,toggleTitles:i,toggleLinks:o,isTitlesActive:e==="titles"||e==="both",isLinksActive:e==="links"||e==="both",isActive:e!=="none"}}import{useState as Ui,useEffect as At,useCallback as Xi}from"react";var Ct="accessibility-stop-animations",xt="accessibility-big-cursor";function ae(e){e?Zi():ji()}function ce(e){let t=document.documentElement;e?t.classList.add(Ct):t.classList.remove(Ct)}function le(e){let t=document.documentElement;e?t.classList.add(xt):t.classList.remove(xt)}var wt=`
|
|
1
|
+
import{createRoot as Un}from"react-dom/client";import{useState as Vn,useEffect as Gn}from"react";import wi from"react";import xi from"clsx";function I(...e){return xi(e)}import{jsx as ne,jsxs as nt}from"react/jsx-runtime";var _e=wi.forwardRef(({children:e,className:t,size:n="lg",leftIcon:i,rightIcon:o,disabled:s,...a},c)=>{let l=!!e,m=!l&&!!i!==!!o,h=n==="sm"?"text-sm px-3 py-2":"text-lg px-5 py-3",b=m?I("rounded-full",n==="sm"?"w-[40px] h-[40px] p-0":"w-[60px] h-[60px] p-0"):"rounded-[30px] py-2 px-5";return nt("button",{ref:c,className:I("group cursor-pointer inline-flex items-center justify-center transition-all ease-in-out duration-200 relative overflow-hidden","apea-gradient text-white bg-blue-500 hover:ring-2 hover:ring-yellow-500 hover:font-semibold",h,b,s?"opacity-50 cursor-not-allowed":"active:scale-90",t),disabled:s,...a,children:[i&&ne("span",{className:I(l&&"mr-2"),children:i}),l&&nt("span",{className:"relative inline-flex items-center whitespace-nowrap",children:[ne("span",{className:"invisible font-bold","aria-hidden":"true",children:e}),ne("span",{className:"absolute inset-0 transition-all duration-200",children:e})]}),o&&ne("span",{className:I(l&&"ml-2"),children:o})]})});_e.displayName="Button";import{jsx as Pe,jsxs as Li}from"react/jsx-runtime";function ot({size:e=24,color:t="currentColor",className:n,...i}){return Li("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 26 30",fill:t,className:n,"aria-hidden":"true",focusable:"false",...i,children:[Pe("mask",{id:"path-1-inside-1_2435_12083",fill:"white",children:Pe("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4917 0.0390191C10.9891 0.276653 9.83951 1.43644 9.61036 2.94578C9.45194 3.98907 9.82094 5.09148 10.5813 5.84664C11.935 7.19114 14.0664 7.19114 15.4201 5.84664C16.7606 4.51534 16.7599 2.35948 15.4184 1.00802C14.6598 0.24369 13.5405 -0.126872 12.4917 0.0390191ZM12.706 1.73821C12.3594 1.80312 12.0529 1.96654 11.7962 2.22334C11.5927 2.42688 11.4709 2.62091 11.3736 2.8966L11.3042 3.09318V3.42818V3.76317L11.3736 3.95975C11.4709 4.23544 11.5927 4.42947 11.7962 4.63302C11.9997 4.83659 12.1937 4.95842 12.4693 5.05578L12.6658 5.12519H13.0007H13.3356L13.5321 5.05578C13.8077 4.95842 14.0017 4.83659 14.2052 4.63302C14.4087 4.42947 14.5305 4.23544 14.6278 3.95975L14.6972 3.76317V3.42818V3.09318L14.6278 2.8966C14.5305 2.62091 14.4087 2.42688 14.2052 2.22334C13.8866 1.90463 13.5251 1.74475 13.0811 1.72625C12.9411 1.72041 12.7723 1.7258 12.706 1.73821ZM2.25726 6.41702C2.03505 6.46277 1.77857 6.56493 1.57407 6.68923C0.660849 7.24423 0.26669 8.37245 0.639978 9.36291C0.842577 9.90052 1.26101 10.3605 1.76161 10.5958C1.86476 10.6442 3.47127 11.225 5.3316 11.8863L8.71405 13.0887V15.9233V18.7579L7.62872 23.1003C7.0318 25.4885 6.53337 27.5356 6.5211 27.6494C6.40938 28.6853 7.0643 29.6429 8.08672 29.9387L8.29878 30L8.64707 29.998C9.06199 29.9955 9.23847 29.9553 9.5888 29.7832C10.0024 29.58 10.368 29.2187 10.5625 28.821C10.6057 28.7326 11.169 27.0715 11.8142 25.1297C12.4594 23.188 12.9933 21.5993 13.0007 21.5993C13.0081 21.5993 13.542 23.188 14.1872 25.1297C14.8324 27.0715 15.3957 28.7326 15.439 28.821C15.6334 29.2187 15.999 29.58 16.4126 29.7832C16.763 29.9553 16.9394 29.9955 17.3544 29.998L17.7026 30L17.9147 29.9387C18.9371 29.6429 19.5921 28.6853 19.4803 27.6494C19.4681 27.5356 18.9696 25.4885 18.3727 23.1003L17.2874 18.7579V15.9233V13.0887L20.6698 11.8863C22.5302 11.225 24.1367 10.6442 24.2398 10.5958C25.1725 10.1573 25.6811 9.08532 25.4407 8.06454C25.3872 7.83741 25.2031 7.44981 25.0524 7.24699C24.8326 6.95136 24.4552 6.66642 24.0925 6.5224C23.7068 6.36927 23.1663 6.33116 22.7663 6.4289C22.6484 6.45768 21.1414 6.95206 19.4174 7.5275L16.283 8.57374H13.0007H9.71847L6.58398 7.5275C4.86001 6.95206 3.35304 6.45768 3.23515 6.4289L3.02082 6.37653L2.72611 6.37886C2.56402 6.38015 2.35304 6.39733 2.25726 6.41702ZM2.50479 8.13564C2.30015 8.23654 2.17455 8.4846 2.2258 8.68659C2.25602 8.80572 2.34248 8.94165 2.42955 9.00696C2.46227 9.03151 4.27547 9.68767 6.45889 10.4651L10.4287 11.8786V15.4254V18.9723L9.33026 23.3672C8.7261 25.7844 8.2318 27.8136 8.2318 27.8766C8.2318 28.0357 8.30837 28.1644 8.44648 28.2374C8.63659 28.338 8.82523 28.3031 8.96045 28.1424L9.03019 28.0595L10.6277 23.2679L12.2253 18.4763L12.3139 18.3555C12.4162 18.2158 12.5635 18.1109 12.7427 18.05C13.0769 17.9365 13.4748 18.0652 13.6876 18.3555L13.7761 18.4763L15.3737 23.2679L16.9712 28.0595L17.041 28.1424C17.1762 28.3031 17.3648 28.338 17.5549 28.2374C17.6931 28.1644 17.7696 28.0357 17.7696 27.8766C17.7696 27.8136 17.2753 25.7844 16.6712 23.3672L15.5727 18.9723V15.4254V11.8785L19.5518 10.4618L23.531 9.04509L23.6127 8.96515C23.732 8.84849 23.781 8.73869 23.7817 8.58604C23.7826 8.42537 23.7211 8.30671 23.5763 8.18967L23.4754 8.10809L23.3218 8.09826L23.1681 8.08842L19.8729 9.18869L16.5776 10.2889H13.0007H9.42379L6.12865 9.19013L2.83352 8.09134L2.71285 8.09196C2.64646 8.09228 2.55285 8.11195 2.50479 8.13564Z"})}),Pe("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4917 0.0390191C10.9891 0.276653 9.83951 1.43644 9.61036 2.94578C9.45194 3.98907 9.82094 5.09148 10.5813 5.84664C11.935 7.19114 14.0664 7.19114 15.4201 5.84664C16.7606 4.51534 16.7599 2.35948 15.4184 1.00802C14.6598 0.24369 13.5405 -0.126872 12.4917 0.0390191ZM12.706 1.73821C12.3594 1.80312 12.0529 1.96654 11.7962 2.22334C11.5927 2.42688 11.4709 2.62091 11.3736 2.8966L11.3042 3.09318V3.42818V3.76317L11.3736 3.95975C11.4709 4.23544 11.5927 4.42947 11.7962 4.63302C11.9997 4.83659 12.1937 4.95842 12.4693 5.05578L12.6658 5.12519H13.0007H13.3356L13.5321 5.05578C13.8077 4.95842 14.0017 4.83659 14.2052 4.63302C14.4087 4.42947 14.5305 4.23544 14.6278 3.95975L14.6972 3.76317V3.42818V3.09318L14.6278 2.8966C14.5305 2.62091 14.4087 2.42688 14.2052 2.22334C13.8866 1.90463 13.5251 1.74475 13.0811 1.72625C12.9411 1.72041 12.7723 1.7258 12.706 1.73821ZM2.25726 6.41702C2.03505 6.46277 1.77857 6.56493 1.57407 6.68923C0.660849 7.24423 0.26669 8.37245 0.639978 9.36291C0.842577 9.90052 1.26101 10.3605 1.76161 10.5958C1.86476 10.6442 3.47127 11.225 5.3316 11.8863L8.71405 13.0887V15.9233V18.7579L7.62872 23.1003C7.0318 25.4885 6.53337 27.5356 6.5211 27.6494C6.40938 28.6853 7.0643 29.6429 8.08672 29.9387L8.29878 30L8.64707 29.998C9.06199 29.9955 9.23847 29.9553 9.5888 29.7832C10.0024 29.58 10.368 29.2187 10.5625 28.821C10.6057 28.7326 11.169 27.0715 11.8142 25.1297C12.4594 23.188 12.9933 21.5993 13.0007 21.5993C13.0081 21.5993 13.542 23.188 14.1872 25.1297C14.8324 27.0715 15.3957 28.7326 15.439 28.821C15.6334 29.2187 15.999 29.58 16.4126 29.7832C16.763 29.9553 16.9394 29.9955 17.3544 29.998L17.7026 30L17.9147 29.9387C18.9371 29.6429 19.5921 28.6853 19.4803 27.6494C19.4681 27.5356 18.9696 25.4885 18.3727 23.1003L17.2874 18.7579V15.9233V13.0887L20.6698 11.8863C22.5302 11.225 24.1367 10.6442 24.2398 10.5958C25.1725 10.1573 25.6811 9.08532 25.4407 8.06454C25.3872 7.83741 25.2031 7.44981 25.0524 7.24699C24.8326 6.95136 24.4552 6.66642 24.0925 6.5224C23.7068 6.36927 23.1663 6.33116 22.7663 6.4289C22.6484 6.45768 21.1414 6.95206 19.4174 7.5275L16.283 8.57374H13.0007H9.71847L6.58398 7.5275C4.86001 6.95206 3.35304 6.45768 3.23515 6.4289L3.02082 6.37653L2.72611 6.37886C2.56402 6.38015 2.35304 6.39733 2.25726 6.41702ZM2.50479 8.13564C2.30015 8.23654 2.17455 8.4846 2.2258 8.68659C2.25602 8.80572 2.34248 8.94165 2.42955 9.00696C2.46227 9.03151 4.27547 9.68767 6.45889 10.4651L10.4287 11.8786V15.4254V18.9723L9.33026 23.3672C8.7261 25.7844 8.2318 27.8136 8.2318 27.8766C8.2318 28.0357 8.30837 28.1644 8.44648 28.2374C8.63659 28.338 8.82523 28.3031 8.96045 28.1424L9.03019 28.0595L10.6277 23.2679L12.2253 18.4763L12.3139 18.3555C12.4162 18.2158 12.5635 18.1109 12.7427 18.05C13.0769 17.9365 13.4748 18.0652 13.6876 18.3555L13.7761 18.4763L15.3737 23.2679L16.9712 28.0595L17.041 28.1424C17.1762 28.3031 17.3648 28.338 17.5549 28.2374C17.6931 28.1644 17.7696 28.0357 17.7696 27.8766C17.7696 27.8136 17.2753 25.7844 16.6712 23.3672L15.5727 18.9723V15.4254V11.8785L19.5518 10.4618L23.531 9.04509L23.6127 8.96515C23.732 8.84849 23.781 8.73869 23.7817 8.58604C23.7826 8.42537 23.7211 8.30671 23.5763 8.18967L23.4754 8.10809L23.3218 8.09826L23.1681 8.08842L19.8729 9.18869L16.5776 10.2889H13.0007H9.42379L6.12865 9.19013L2.83352 8.09134L2.71285 8.09196C2.64646 8.09228 2.55285 8.11195 2.50479 8.13564Z",strokeWidth:"0.354242",mask:"url(#path-1-inside-1_2435_12083)"})]})}import{useState as Pi,useEffect as lt,useCallback as z}from"react";var st=["p","span","div","h1","h2","h3","h4","h5","h6","a","li","td","th","label","input","textarea","select","button","blockquote","pre","code"],Ei={normal:null,high:{styles:{filter:"contrast(125%)"}},dark:{styles:{color:"#FFF",fill:"#FFF","background-color":"#000"},childrenSelector:st},light:{styles:{color:"#000",fill:"#000","background-color":"#FFF"},childrenSelector:st}};function Ai(e){let{styles:t,selector:n,childrenSelector:i}=e,o="";if(t){let a=Object.keys(t).map(c=>`${c}: ${t[c]} !important;`).join(" ");o+=`${n} { ${a} }`,i&&i.forEach(c=>{o+=`${n} ${c} { ${a} }`})}return o}function Mi({css:e,id:t}){let n=document.getElementById(t);n&&n.remove();let i=document.createElement("style");i.id=t,i.textContent=e,document.head.appendChild(i)}function oe(e){let t=Ei[e],n="ape-accessibility-contrast",i="ape-contrast-active";if(!t){let s=document.getElementById(n);s&&s.remove(),document.documentElement.classList.remove(i);return}let o=Ai({...t,selector:`html.${i}`});Mi({css:o,id:n}),document.documentElement.classList.add(i)}var Re="ape-accessibility-settings";function rt(e,t,n=30){let i=new Date;i.setTime(i.getTime()+n*24*60*60*1e3),document.cookie=`${e}=${t};expires=${i.toUTCString()};path=/`}function Ii(e){let t=e+"=",n=document.cookie.split(";");for(let i=0;i<n.length;i++){let o=n[i];for(;o?.charAt(0)===" ";)o=o?.substring(1,o?.length);if(o?.indexOf(t)===0)return o.substring(t.length,o.length)}return null}function ki(e,t){let n=JSON.stringify(t);try{localStorage.setItem(e,n)}catch(i){console.error("Error saving storage data:",i),rt(e,n)}}function Ti(e){let t=null;try{t=localStorage.getItem(e)}catch(n){console.error("Error getting storage data:",n),t=Ii(e)}if(!t)return null;try{return JSON.parse(t)}catch(n){return console.error("Error parsing storage data:",n),null}}function Ni(e){try{localStorage.removeItem(e)}catch(t){rt(e,"",-1),console.error("Error clearing storage data:",t)}}var He=class{getSettings(){return Ti(Re)}saveSettings(t){let n={...t,updatedAt:new Date};ki(Re,n)}clearSettings(){Ni(Re)}},se=new He;var A={fontSize:100,contrast:"normal",language:"es",colorblindMode:"normal",saturationMode:"normal",dyslexiaFont:!1,letterSpacing:0,lineHeight:0,fontWeight:!1,highlightMode:"none",readingGuide:!1,stopAnimations:!1,bigCursor:!1,hideImages:!1,textAlign:"default",ttsActive:!1},L={...A};function _i(){let e=se.getSettings();return e&&(L={...A,...e}),L}function f(){return{...L}}function We(e){return L={...L,...e,updatedAt:new Date},se.saveSettings(L),at("update",L),L}function $(){return L={...A},se.saveSettings(L),at("reset",L),L}function p(e,t){return We({[e]:t})}function at(e,t){let n=new CustomEvent("accessibilitySettingsChanged",{detail:{type:e,settings:t,timestamp:new Date}});window.dispatchEvent(n)}function ct(e=L){return e.fontSize!==A.fontSize||e.contrast!==A.contrast||e.colorblindMode!==A.colorblindMode||e.saturationMode!==A.saturationMode||e.dyslexiaFont===!0||(e.letterSpacing??0)>0||(e.lineHeight??0)>0||e.fontWeight===!0||e.highlightMode!==A.highlightMode||e.readingGuide===!0||e.stopAnimations===!0||e.bigCursor===!0||e.hideImages===!0||e.textAlign!==A.textAlign||e.ttsActive===!0}typeof window<"u"&&_i();function dt(){let[e,t]=Pi(()=>f().contrast||"normal");lt(()=>{oe(e)},[]),lt(()=>{let d=m=>{let{settings:h}=m.detail,b=h.contrast||"normal";b!==e&&(t(b),oe(b))};return window.addEventListener("accessibilitySettingsChanged",d),()=>{window.removeEventListener("accessibilitySettingsChanged",d)}},[e]);let n=z(d=>{t(d),oe(d),p("contrast",d),window.dispatchEvent(new CustomEvent("accessibilityContrastChanged",{detail:{mode:d,isActive:d!=="normal"}}))},[]),i=z(()=>{n(e==="normal"?"high":"normal")},[e,n]),o=z(d=>{n(d)},[n]),s=z(()=>{n(e==="high"?"normal":"high")},[e,n]),a=z(()=>{n(e==="dark"?"normal":"dark")},[e,n]),c=z(()=>{n(e==="light"?"normal":"light")},[e,n]),l=z(()=>{switch(e){case"high":return"Alto contraste";case"dark":return"Contraste oscuro";case"light":return"Contraste claro";default:return"Normal"}},[e]);return{contrastMode:e,isActive:e!=="normal",getContrastDescription:l,setContrastMode:o,updateContrast:n,toggleContrast:i,toggleHighContrast:s,toggleDarkContrast:a,toggleLightContrast:c,isHighContrast:e==="high",isDarkContrast:e==="dark",isLightContrast:e==="light"}}import{useState as ut,useEffect as gt,useCallback as B}from"react";function re(e){e===100?document.documentElement.style.removeProperty("zoom"):document.documentElement.style.setProperty("zoom",String(e/100))}function ft(){let[o,s]=ut(()=>f().fontSize||100),[a,c]=ut(!1);gt(()=>{re(o)},[]),gt(()=>{let y=N=>{let{settings:x}=N.detail,M=x.fontSize||100;M!==o&&(s(M),re(M))};return window.addEventListener("accessibilitySettingsChanged",y),()=>{window.removeEventListener("accessibilitySettingsChanged",y)}},[o]);let l=B(y=>{s(y),re(y),p("fontSize",y),window.dispatchEvent(new CustomEvent("accessibilityTextSizeChanged",{detail:{percentage:y,isActive:y!==100}}))},[]),g=B(()=>{let y=Math.min(o+10,160);y!==o&&l(y)},[o,l]),d=B(()=>{let y=Math.max(o-10,100);y!==o&&l(y)},[o,l]),m=B(()=>{l(100)},[l]),h=B(y=>{y>=100&&y<=160&&l(y)},[l]),b=B(()=>{c(!a)},[a]),C=B(()=>o===100?"Normal":o<100?`Reducido ${o}%`:`Aumentado ${o}%`,[o]),W=o<160,E=o>100;return{textSizePercentage:o,increaseTextSize:g,decreaseTextSize:d,resetTextSize:m,canIncrease:W,canDecrease:E,getTextSizeDescription:C,isActive:o!==100,toggleTextSizeOptions:b,setSpecificTextSize:h,isOptionsOpen:a,setIsOptionsOpen:c,MIN_SIZE:100,MAX_SIZE:160,NORMAL_SIZE:100,INCREMENT:10}}import{useState as Ri,useEffect as Hi,useCallback as ae}from"react";function pt(){let[e,t]=Ri(()=>f().language||"es");Hi(()=>{let a=c=>{let{settings:l}=c.detail,g=l.language||"es";g!==e&&t(g)};return window.addEventListener("accessibilitySettingsChanged",a),()=>{window.removeEventListener("accessibilitySettingsChanged",a)}},[e]);let n=ae(a=>{t(a),p("language",a),window.dispatchEvent(new CustomEvent("accessibilityLanguageChanged",{detail:{mode:a,isActive:a!=="es"}}))},[]),i=ae(()=>{n(e==="es"?"en":"es")},[e,n]),o=ae(a=>{n(a)},[n]),s=ae(()=>e==="en"?"English":"Espa\xF1ol",[e]);return{languageMode:e,isActive:e!=="es",toggleLanguage:i,setSpecificLanguage:o,getLanguageDescription:s,updateLanguage:n,isEnglish:e==="en",isSpanish:e==="es"}}import{useState as Wi,useEffect as mt,useCallback as Oi}from"react";function ce(e){let t=document.documentElement;e==="normal"?t.removeAttribute("data-colorblind-mode"):t.setAttribute("data-colorblind-mode",e)}function ht(){let[e,t]=Wi(()=>f().colorblindMode??"normal");mt(()=>{ce(e)},[]),mt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.colorblindMode??"normal";a!==e&&(t(a),ce(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Oi(i=>{t(i),ce(i),p("colorblindMode",i),window.dispatchEvent(new CustomEvent("accessibilityColorblindChanged",{detail:{mode:i}}))},[]);return{colorblindMode:e,setColorblindMode:n,isActive:e!=="normal"}}import{useState as Di,useEffect as yt,useCallback as zi}from"react";var vt={normal:null,high:"accessibility-saturation-high",low:"accessibility-saturation-low",mono:"accessibility-saturation-mono"},Fi=Object.values(vt).filter(Boolean);function le(e){let t=document.documentElement;Fi.forEach(i=>t.classList.remove(i));let n=vt[e];n&&t.classList.add(n)}function bt(){let[e,t]=Di(()=>f().saturationMode??"normal");yt(()=>{le(e)},[]),yt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.saturationMode??"normal";a!==e&&(t(a),le(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=zi(i=>{t(i),le(i),p("saturationMode",i),window.dispatchEvent(new CustomEvent("accessibilitySaturationChanged",{detail:{mode:i}}))},[]);return{saturationMode:e,setSaturationMode:n,isActive:e!=="normal"}}import{useState as Bi,useEffect as Ct,useCallback as Vi}from"react";var St="accessibility-dyslexia";function de(e){let t=document.documentElement;e?t.classList.add(St):t.classList.remove(St)}function xt(){let[e,t]=Bi(()=>f().dyslexiaFont??!1);Ct(()=>{de(e)},[]),Ct(()=>{let i=o=>{let{settings:s}=o.detail,a=s.dyslexiaFont??!1;a!==e&&(t(a),de(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Vi(()=>{let i=!e;t(i),de(i),p("dyslexiaFont",i),window.dispatchEvent(new CustomEvent("accessibilityDyslexiaChanged",{detail:{isActive:i}}))},[e]);return{isActive:e,toggle:n}}import{useState as Gi,useEffect as At,useCallback as pe}from"react";var wt="accessibility-letter-spacing",Lt="accessibility-line-height",Et="accessibility-font-weight";function ue(e){let t=document.documentElement;t.style.setProperty("--accessibility-letter-spacing",String(e)),e>0?t.classList.add(wt):t.classList.remove(wt)}function ge(e){let t=document.documentElement;t.style.setProperty("--accessibility-line-height",String(e)),e>0?t.classList.add(Lt):t.classList.remove(Lt)}function fe(e){let t=document.documentElement;e?t.classList.add(Et):t.classList.remove(Et)}var Oe=0,me=5,Fe=1;function Mt(){let[e,t]=Gi(()=>f().letterSpacing??0);At(()=>{ue(e)},[]),At(()=>{let a=c=>{let{settings:l}=c.detail,g=l.letterSpacing??0;g!==e&&(t(g),ue(g))};return window.addEventListener("accessibilitySettingsChanged",a),()=>window.removeEventListener("accessibilitySettingsChanged",a)},[e]);let n=pe(a=>{let c=Math.max(Oe,Math.min(a,me));t(c),ue(c),p("letterSpacing",c)},[]),i=pe(()=>{n(Math.min(e+Fe,me))},[e,n]),o=pe(()=>{n(Math.max(e-Fe,Oe))},[e,n]),s=pe(()=>{n(0)},[n]);return{level:e,increase:i,decrease:o,reset:s,setTo:n,isActive:e>0,canIncrease:e<me,canDecrease:e>0,MIN:Oe,MAX:me,STEP:Fe}}import{useState as $i,useEffect as It,useCallback as he}from"react";var V=14,ve=14,ye=23,De=1;function kt(){let[e,t]=$i(()=>{let c=f().lineHeight;return c!=null&&c<=3?c===0?V:14+c*3:c??V});It(()=>{ge(e)},[]),It(()=>{let c=l=>{let{settings:g}=l.detail,d=g.lineHeight??V,m=d<=3?d===0?V:14+d*3:d;m!==e&&(t(m),ge(m))};return window.addEventListener("accessibilitySettingsChanged",c),()=>window.removeEventListener("accessibilitySettingsChanged",c)},[e]);let n=he(c=>{let l=Math.max(ve,Math.min(c,ye));t(l),ge(l),p("lineHeight",l)},[]),i=he(()=>{n(Math.min(e+De,ye))},[e,n]),o=he(()=>{n(Math.max(e-De,ve))},[e,n]),s=he(()=>{n(V)},[n]),a=`${(e/10).toFixed(1)}x`;return{level:e,increase:i,decrease:o,reset:s,setTo:n,isActive:e!==V,canIncrease:e<ye,canDecrease:e>ve,displayValue:a,MIN:ve,MAX:ye,STEP:De,DEFAULT:V}}import{useState as Zi,useEffect as Tt,useCallback as Ui}from"react";function Nt(){let[e,t]=Zi(()=>f().fontWeight??!1);Tt(()=>{fe(e)},[]),Tt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.fontWeight??!1;a!==e&&(t(a),fe(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Ui(()=>{let i=!e;t(i),fe(i),p("fontWeight",i)},[e]);return{isBold:e,toggle:n,isActive:e}}import{useState as Xi,useEffect as _t,useCallback as ze}from"react";function be(e){let t=document.documentElement;e==="none"?t.removeAttribute("data-highlight"):t.setAttribute("data-highlight",e)}function Pt(){let[e,t]=Xi(()=>f().highlightMode??"none");_t(()=>{be(e)},[]),_t(()=>{let s=a=>{let{settings:c}=a.detail,l=c.highlightMode??"none";l!==e&&(t(l),be(l))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=ze(s=>{t(s),be(s),p("highlightMode",s)},[]),i=ze(()=>{n(e==="titles"?"none":e==="links"?"both":e==="both"?"links":"titles")},[e,n]),o=ze(()=>{n(e==="links"?"none":e==="titles"?"both":e==="both"?"titles":"links")},[e,n]);return{highlightMode:e,setHighlightMode:n,toggleTitles:i,toggleLinks:o,isTitlesActive:e==="titles"||e==="both",isLinksActive:e==="links"||e==="both",isActive:e!=="none"}}import{useState as Yi,useEffect as Dt,useCallback as qi}from"react";var Rt="accessibility-stop-animations",Ht="accessibility-big-cursor";function Se(e){e?ji():Ki()}function Ce(e){let t=document.documentElement;e?t.classList.add(Rt):t.classList.remove(Rt)}function xe(e){let t=document.documentElement;e?t.classList.add(Ht):t.classList.remove(Ht)}var Wt=`
|
|
2
2
|
position: fixed;
|
|
3
3
|
left: 0;
|
|
4
4
|
right: 0;
|
|
5
5
|
background: rgba(0, 0, 0, 0.65);
|
|
6
6
|
pointer-events: none;
|
|
7
7
|
z-index: 9998;
|
|
8
|
-
`,N=null,W=null;function Zi(){N||(N=document.createElement("div"),N.id="ape-reading-guide-top",N.style.cssText=wt+"top: 0;",W=document.createElement("div"),W.id="ape-reading-guide-bottom",W.style.cssText=wt+"bottom: 0;",document.body.appendChild(N),document.body.appendChild(W),Et(window.innerHeight/2),document.addEventListener("mousemove",Lt))}function ji(){document.removeEventListener("mousemove",Lt),N?.remove(),W?.remove(),N=null,W=null}function Lt(e){Et(e.clientY)}function Et(e){let n=Math.max(0,e-40),i=e+40;N&&(N.style.height=`${n}px`),W&&(W.style.top=`${i}px`)}function Mt(){let[e,t]=Ui(()=>u().stopAnimations??!1);At(()=>{ce(e)},[]),At(()=>{let i=o=>{let{settings:s}=o.detail,a=s.stopAnimations??!1;a!==e&&(t(a),ce(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Xi(()=>{let i=!e;t(i),ce(i),f("stopAnimations",i)},[e]);return{isActive:e,toggle:n}}import{useState as Yi,useEffect as kt,useCallback as Ki}from"react";function It(){let[e,t]=Yi(()=>u().bigCursor??!1);kt(()=>{le(e)},[]),kt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.bigCursor??!1;a!==e&&(t(a),le(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Ki(()=>{let i=!e;t(i),le(i),f("bigCursor",i)},[e]);return{isActive:e,toggle:n}}import{useState as qi,useEffect as Tt,useCallback as Ji}from"react";function Nt(){let[e,t]=qi(()=>u().readingGuide??!1);Tt(()=>{ae(e)},[]),Tt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.readingGuide??!1;a!==e&&(t(a),ae(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Ji(()=>{let i=!e;t(i),ae(i),f("readingGuide",i)},[e]);return{isActive:e,toggle:n}}import{useState as Qi,useEffect as Ht,useCallback as en}from"react";var Rt="accessibility-hide-images";function de(e){let t=document.documentElement;e?t.classList.add(Rt):t.classList.remove(Rt)}function Pt(){let[e,t]=Qi(()=>u().hideImages??!1);Ht(()=>{de(e)},[]),Ht(()=>{let i=o=>{let{settings:s}=o.detail,a=s.hideImages??!1;a!==e&&(t(a),de(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=en(()=>{let i=!e;t(i),de(i),f("hideImages",i)},[e]);return{isActive:e,toggle:n}}import{useState as tn,useEffect as Ot,useCallback as _t}from"react";function X(e){let t=document.documentElement;e==="default"?t.removeAttribute("data-text-align"):t.setAttribute("data-text-align",e)}var Me=["default","left","center","right"];function Wt(){let[e,t]=tn(()=>u().textAlign??"default");Ot(()=>{X(e)},[]),Ot(()=>{let o=s=>{let{settings:a}=s.detail,l=a.textAlign??"default";l!==e&&(t(l),X(l))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=_t(()=>{let o=Me.indexOf(e),s=Me[(o+1)%Me.length]??"default";t(s),X(s),f("textAlign",s)},[e]),i=_t(o=>{t(o),X(o),f("textAlign",o)},[]);return{mode:e,cycle:n,setMode:i,isActive:e!=="default",label:e==="default"?"Por defecto":e==="left"?"Izquierda":e==="center"?"Centrado":"Derecha"}}import{useState as Dt,useEffect as Bt,useCallback as nn}from"react";var Z=null;function ue(){return typeof window<"u"&&"speechSynthesis"in window}function Ft(e="es"){if(!ue())return;Y();let n=(document.querySelector("main")??document.body).innerText;n.trim()&&(Z=new SpeechSynthesisUtterance(n),Z.lang=e==="es"?"es-ES":"en-US",Z.rate=1,window.speechSynthesis.speak(Z))}function Y(){ue()&&(window.speechSynthesis.cancel(),Z=null)}function zt(){return Z}function Vt(){let[e,t]=Dt(!1),[n]=Dt(()=>ue());Bt(()=>()=>{Y()},[]),Bt(()=>{let o=()=>{Y(),t(!1)};return window.addEventListener("accessibilityReset",o),()=>window.removeEventListener("accessibilityReset",o)},[]);let i=nn(()=>{if(e)Y(),t(!1);else{let o=u().language??"es";Ft(o),t(!0);let s=zt();s&&(s.onend=()=>t(!1),s.onerror=()=>t(!1))}},[e]);return{isReading:e,isSupported:n,toggle:i}}import{useState as on,useEffect as Zt,useCallback as sn}from"react";var Gt={visionImpaired:{contrast:"high",fontSize:120,highlightMode:"both",bigCursor:!0},cognitive:{dyslexiaFont:!0,lineHeight:2,letterSpacing:1,stopAnimations:!0},motorImpaired:{bigCursor:!0,stopAnimations:!0,fontSize:110},seniorFriendly:{fontSize:120,lineHeight:2,contrast:"high",bigCursor:!0}},ke={visionImpaired:"Visi\xF3n reducida",cognitive:"Cognitivo",motorImpaired:"Motor",seniorFriendly:"Adulto mayor"};function Ie(e){for(let[t,n]of Object.entries(Gt))if(Object.entries(n).every(([o,s])=>e[o]===s))return t;return"none"}function $t(e){return e==="none"?{...M}:Gt[e]}function jt(){let[e,t]=on(()=>Ie(u()));Zt(()=>{let i=o=>{let{settings:s}=o.detail;t(Ie(s))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[]),Zt(()=>{let i=()=>t("none");return window.addEventListener("accessibilityReset",i),()=>window.removeEventListener("accessibilityReset",i)},[]);let n=sn(i=>{if(i===e){V(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}));return}let o=$t(i);we(o)},[e]);return{activeProfile:e,applyProfile:n}}import{useState as Yt,useCallback as ge}from"react";var rn=["H1","H2","H3","H4","H5","H6"],an=["main","nav","aside","footer","header",'[role="banner"]','[role="navigation"]','[role="main"]','[role="complementary"]','[role="contentinfo"]'];function Ut(){let e=[],t=new Set;return document.querySelectorAll(an.join(",")).forEach(o=>{if(t.has(o))return;t.add(o);let s=o.getAttribute("role")||o.tagName.toLowerCase(),a=o.getAttribute("aria-label")||s;e.push({tag:s,text:a,level:0,element:o})}),document.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(o=>{let s=o.tagName;if(!rn.includes(s))return;let a=parseInt(s.charAt(1),10),l=(o.textContent??"").trim().slice(0,80);l&&e.push({tag:s.toLowerCase(),text:l,level:a,element:o})}),e}function Xt(e){e.scrollIntoView({behavior:"smooth",block:"center"}),e.focus({preventScroll:!0})}function Kt(){let[e,t]=Yt(!1),[n,i]=Yt([]),o=ge(()=>{i(Ut()),t(!0)},[]),s=ge(()=>{t(!1)},[]),a=ge(()=>{e?s():o()},[e,o,s]),l=ge(c=>{Xt(c.element)},[]);return{isOpen:e,structure:n,toggle:a,open:o,close:s,navigateTo:l}}function fe(){let e=Ue(),t=Je(),n=Qe(),i=tt(),o=ot(),s=at(),a=ft(),l=ht(),c=vt(),p=St(),d=Mt(),h=It(),v=Nt(),x=Pt(),y=Wt(),P=Vt(),E=jt(),m=Kt(),T=u(),w=Ze(T);return{contrast:e,textSize:t,language:n,colorblind:i,saturation:o,dyslexia:s,letterSpacing:a,lineHeight:l,fontWeight:c,highlight:p,animations:d,cursor:h,readingGuide:v,hideImages:x,textAlign:y,tts:P,profiles:E,pageStructure:m,hasActiveFeatures:w,resetAllFeatures:()=>{V(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))},currentSettings:T}}import{useCallback as cn,useEffect as ln,useRef as pe,useState as Te}from"react";var Ne="apea-fab-position",I=60,L=16,dn=6;function j(e,t,n){return Math.max(t,Math.min(n,e))}function un(){try{let e=localStorage.getItem(Ne);if(!e)return null;let t=JSON.parse(e);if(t.vEdge!=="top"&&t.vEdge!=="bottom"||t.hEdge!=="left"&&t.hEdge!=="right"||typeof t.vOffset!="number"||typeof t.hOffset!="number"||isNaN(t.vOffset)||isNaN(t.hOffset))return localStorage.removeItem(Ne),null;let n=typeof window<"u"?window.innerWidth:1e3,i=typeof window<"u"?window.innerHeight:1e3,o=j(t.hOffset,L,Math.max(L,n/2-I/2)),s=j(t.vOffset,L,Math.max(L,i/2-I/2));return o>L&&s>L&&(o<s?o=L:s=L),{vEdge:t.vEdge,hEdge:t.hEdge,hOffset:o,vOffset:s}}catch{return null}}function gn(e){try{localStorage.setItem(Ne,JSON.stringify(e))}catch{}}function fn(e){return un()??{vEdge:"bottom",hEdge:e==="bottom-right"?"right":"left",vOffset:32,hOffset:20}}function me(e,t,n){return{x:e.hEdge==="left"?e.hOffset:t-e.hOffset-I,y:e.vEdge==="top"?e.vOffset:n-e.vOffset-I}}function pn(e,t,n,i){let o=e,s=n-e-I,a=t,l=i-t-I,c=Math.min(o,s,a,l),p="left",d="top",h=L,v=L;return c===o||c===s?(p=c===o?"left":"right",h=L,d=a<=l?"top":"bottom",v=j(d==="top"?t:l,L,i/2-I/2)):(d=c===a?"top":"bottom",v=L,p=o<=s?"left":"right",h=j(p==="left"?e:s,L,n/2-I/2)),{hEdge:p,vEdge:d,hOffset:h,vOffset:v}}function mn(e,t,n,i){let o=me(e,n,i);return{position:"fixed",top:`${o.y}px`,left:`${o.x}px`,cursor:t?"grabbing":"grab",userSelect:"none",touchAction:"none",transition:t?"none":"top 0.25s ease, left 0.25s ease"}}function qt({defaultPosition:e="bottom-left",onTap:t,disabled:n=!1}={}){let[i,o]=Te(()=>fn(e)),[s,a]=Te(!1),[l,c]=Te(()=>({w:typeof window<"u"?window.innerWidth:1e3,h:typeof window<"u"?window.innerHeight:1e3})),p=pe(null),d=pe(t);d.current=t;let h=pe(i);h.current=i;let v=pe(n);v.current=n,ln(()=>{let y=()=>{c({w:window.innerWidth,h:window.innerHeight})};return window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[]);let x=cn((y,P)=>{if(v.current)return;let E=me(h.current,window.innerWidth,window.innerHeight),m=y-E.x,T=P-E.y,w=E.x,k=E.y,b=0;function D(S,O){let B=j(S-m,0,window.innerWidth-I),be=j(O-T,0,window.innerHeight-I);b+=Math.abs(B-w)+Math.abs(be-k),w=B,k=be;let ve=p.current;ve&&(ve.style.top=`${be}px`,ve.style.left=`${B}px`)}function Oe(){pi();let S=p.current;if(b<dn){if(S){let O=me(h.current,window.innerWidth,window.innerHeight);S.style.transition="top 0.25s ease, left 0.25s ease",S.offsetHeight,S.style.top=`${O.y}px`,S.style.left=`${O.x}px`}a(!1),d.current?.()}else{let O=pn(w,k,window.innerWidth,window.innerHeight);if(gn(O),S){S.style.transition="top 0.25s ease, left 0.25s ease",S.offsetHeight;let B=me(O,window.innerWidth,window.innerHeight);S.style.top=`${B.y}px`,S.style.left=`${B.x}px`}a(!1),o(O)}}function _e(S){D(S.clientX,S.clientY)}function We(S){S.preventDefault(),D(S.touches[0].clientX,S.touches[0].clientY)}function Fe(){Oe()}function ze(){Oe()}function pi(){window.removeEventListener("mousemove",_e),window.removeEventListener("mouseup",Fe),window.removeEventListener("touchmove",We),window.removeEventListener("touchend",ze)}window.addEventListener("mousemove",_e),window.addEventListener("mouseup",Fe),window.addEventListener("touchmove",We,{passive:!1}),window.addEventListener("touchend",ze),a(!0)},[]);return{fabStyle:mn(i,s,l.w,l.h),isDragging:s,fabRef:p,dragHandlers:{onMouseDown:y=>{y.button!==0||v.current||(y.preventDefault(),x(y.clientX,y.clientY))},onTouchStart:y=>{v.current||x(y.touches[0].clientX,y.touches[0].clientY)}}}}import{useState as yn}from"react";import{jsx as hn,jsxs as bn}from"react/jsx-runtime";function he({title:e,children:t}){return bn("section",{className:"px-4 py-3",children:[hn("h3",{className:"text-xs font-semibold text-blue-700 uppercase tracking-wider mb-3",children:e}),t]})}import{jsx as Jt,jsxs as vn}from"react/jsx-runtime";function C({icon:e,label:t,isActive:n,onClick:i,disabled:o=!1,className:s}){return vn("button",{type:"button",onClick:o?void 0:i,disabled:o,"aria-pressed":n,"aria-label":t,className:_("flex flex-col items-center justify-center gap-1.5 rounded-3xl p-3 shadow-lg text-center cursor-pointer transition-all","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-1 focus:bg-blue-50",n?"ring-2 ring-green-500 bg-green-50 text-blue-900":"border-gray-200 bg-white text-gray-700 hover:ring-2 hover:ring-blue-300 hover:bg-blue-50",o&&"cursor-not-allowed opacity-40",s),children:[Jt("span",{className:_("h-6 w-6",n?"text-blue-700":"text-gray-500"),children:e}),Jt("span",{className:"text-base font-medium leading-tight",children:t})]})}import{jsx as Qt,jsxs as ei}from"react/jsx-runtime";function ti({percentage:e,onIncrease:t,onDecrease:n,onReset:i,canIncrease:o,canDecrease:s}){return ei("div",{className:"flex items-center gap-2",children:[Qt("button",{type:"button",onClick:n,disabled:!s,"aria-label":"Reducir tama\xF1o de texto",className:"flex h-9 w-9 items-center justify-center rounded-lg border border-gray-200 bg-white text-lg font-bold text-blue-700 cursor-pointer transition hover:border-blue-400 hover:bg-blue-50 disabled:cursor-not-allowed disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",children:"\u2212"}),ei("button",{type:"button",onClick:i,"aria-label":"Restablecer tama\xF1o de texto",className:"flex-1 rounded-lg border border-gray-200 bg-white py-2 text-center text-sm font-semibold text-blue-900 cursor-pointer transition hover:border-blue-400 hover:bg-blue-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",children:[e,"%"]}),Qt("button",{type:"button",onClick:t,disabled:!o,"aria-label":"Aumentar tama\xF1o de texto",className:"flex h-9 w-9 items-center justify-center rounded-lg border border-gray-200 bg-white text-lg font-bold text-blue-700 cursor-pointer transition hover:border-blue-400 hover:bg-blue-50 disabled:cursor-not-allowed disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",children:"+"})]})}import{Fragment as zn,jsx as r,jsxs as g}from"react/jsx-runtime";function ni({onClose:e}){let[t,n]=yn(!1),{contrast:i,textSize:o,saturation:s,dyslexia:a,letterSpacing:l,lineHeight:c,fontWeight:p,highlight:d,animations:h,cursor:v,readingGuide:x,colorblind:y,hideImages:P,textAlign:E,tts:m,profiles:T,pageStructure:w,resetAllFeatures:k}=fe();return g("div",{role:"dialog","aria-modal":"true","aria-label":"Men\xFA de Accesibilidad",className:"flex flex-col h-full overflow-hidden",style:{backgroundColor:"var(--apea-color-panel-bg, #f9fafb)"},children:[g("div",{className:"flex items-center justify-between apea-gradient px-4 py-3 shrink-0",children:[r("h2",{className:"text-sm font-bold text-white tracking-wide",children:"Men\xFA de Accesibilidad"}),r("div",{className:"flex items-center gap-2",children:r("button",{type:"button",onClick:e,"aria-label":"Cerrar men\xFA de accesibilidad",className:"flex h-8 w-8 items-center justify-center rounded-full border border-white/30 text-white cursor-pointer transition hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white",children:r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.2,className:"h-4 w-4","data-a11y-icon":!0,children:r("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),g("div",{className:"flex-1 overflow-y-auto",children:[g("section",{className:"px-4 py-3",children:[g("button",{type:"button",onClick:()=>n(b=>!b),"aria-expanded":t,className:"flex w-full items-center justify-between text-xs font-semibold text-blue-700 uppercase tracking-wider cursor-pointer",children:["Perfiles de accesibilidad",r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:`h-4 w-4 transition-transform duration-300 ease-in-out ${t?"rotate-180":""}`,"data-a11y-icon":!0,children:r("path",{d:"M6 9l6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),r("div",{className:`grid transition-[grid-template-rows] duration-300 ease-in-out ${t?"grid-rows-[1fr]":"grid-rows-[0fr]"}`,children:r("div",{className:"overflow-hidden pb-5 px-2 -mx-2",children:r("div",{className:`grid grid-cols-2 gap-2 pt-3 transition-opacity duration-300 ease-in-out ${t?"opacity-100":"opacity-0"}`,children:Object.keys(ke).map(b=>r(C,{icon:r(Fn,{profile:b}),label:ke[b],isActive:T.activeProfile===b,onClick:()=>T.applyProfile(b)},b))})})})]}),g(he,{title:"Ajustes de contenido",children:[g("div",{className:"mb-3 rounded-xl border border-gray-200 bg-white p-3",children:[g("div",{className:"mb-2 flex items-center gap-2 text-sm font-medium text-gray-700",children:[r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-4 w-4 shrink-0","data-a11y-icon":!0,children:r("path",{d:"M4 7V4h16v3M9 20h6M12 4v16",strokeLinecap:"round",strokeLinejoin:"round"})}),"Tama\xF1o de fuente"]}),r(ti,{percentage:o.textSizePercentage,onIncrease:o.increaseTextSize,onDecrease:o.decreaseTextSize,onReset:o.resetTextSize,canIncrease:o.canIncrease,canDecrease:o.canDecrease})]}),g("div",{className:"grid grid-cols-3 gap-2",children:[r(C,{icon:r(Sn,{}),label:"Resaltar t\xEDtulos",isActive:d.isTitlesActive,onClick:d.toggleTitles}),r(C,{icon:r(Cn,{}),label:"Resaltar enlaces",isActive:d.isLinksActive,onClick:d.toggleLinks}),r(C,{icon:r(xn,{}),label:"Fuente dislexia",isActive:a.isActive,onClick:a.toggle}),r(ii,{icon:r(wn,{}),label:"Esp. de letras",level:l.level,onIncrease:l.increase,onDecrease:l.decrease,canIncrease:l.canIncrease,canDecrease:l.canDecrease}),r(ii,{icon:r(Ln,{}),label:"Interlineado",level:c.level,onIncrease:c.increase,onDecrease:c.decrease,canIncrease:c.canIncrease,canDecrease:c.canDecrease}),r(C,{icon:r(En,{}),label:"Fuente negrita",isActive:p.isBold,onClick:p.toggle}),r(C,{icon:r(Hn,{}),label:"Ocultar im\xE1genes",isActive:P.isActive,onClick:P.toggle}),r(C,{icon:r(Pn,{mode:E.mode}),label:`Alinear: ${E.label}`,isActive:E.isActive,onClick:E.cycle})]})]}),g(he,{title:"Ajustes de color",children:[g("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[r(C,{icon:r(An,{}),label:"Alto contraste",isActive:i.isHighContrast,onClick:()=>i.setContrastMode(i.isHighContrast?"normal":"high")}),r(C,{icon:r(Mn,{}),label:"Alta saturaci\xF3n",isActive:s.saturationMode==="high",onClick:()=>s.setSaturationMode(s.saturationMode==="high"?"normal":"high")}),r(C,{icon:r(kn,{}),label:"Baja saturaci\xF3n",isActive:s.saturationMode==="low",onClick:()=>s.setSaturationMode(s.saturationMode==="low"?"normal":"low")}),r(C,{icon:r(In,{}),label:"Monocromo",isActive:s.saturationMode==="mono",onClick:()=>s.setSaturationMode(s.saturationMode==="mono"?"normal":"mono")})]}),r("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide hidden",children:"Daltonismo"}),r("div",{className:"grid grid-cols-2 gap-2 hidden",children:[["protanopia","Protanop\xEDa"],["deuteranopia","Deuteranop\xEDa"],["tritanopia","Tritanop\xEDa"],["achromatopsia","Acromatopsia"]].map(([b,D])=>r(C,{icon:r(Wn,{mode:b}),label:D,isActive:y.colorblindMode===b,onClick:()=>y.setColorblindMode(y.colorblindMode===b?"normal":b)},b))})]}),g(he,{title:"Herramientas",children:[g("div",{className:"grid grid-cols-3 gap-2",children:[r(C,{icon:r(Tn,{}),label:"Gu\xEDa de lectura",isActive:x.isActive,onClick:x.toggle}),r(C,{icon:r(Nn,{}),label:"Pausar animaciones",isActive:h.isActive,onClick:h.toggle}),r(C,{icon:r(Rn,{}),label:"Cursor grande",isActive:v.isActive,onClick:v.toggle}),r(C,{icon:r(On,{}),label:m.isReading?"Detener lectura":"Leer p\xE1gina",isActive:m.isReading,onClick:m.toggle,disabled:!m.isSupported}),r(C,{icon:r(_n,{}),label:"Estructura",isActive:w.isOpen,onClick:w.toggle})]}),w.isOpen&&w.structure.length>0&&g("div",{className:"mt-3 rounded-xl border border-gray-200 bg-white p-3 max-h-60 overflow-y-auto",children:[r("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide",children:"Estructura de la p\xE1gina"}),r("ul",{className:"space-y-1",children:w.structure.map((b,D)=>r("li",{children:g("button",{type:"button",onClick:()=>w.navigateTo(b),className:"w-full text-left px-2 py-1.5 rounded-lg text-sm hover:bg-blue-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 transition-colors",style:{paddingLeft:`${(b.level||1)*12}px`},children:[r("span",{className:"inline-block mr-2 text-xs font-mono text-blue-600 bg-blue-100 px-1.5 py-0.5 rounded",children:b.tag}),r("span",{className:"text-gray-700",children:b.text})]})},`${b.tag}-${D}`))})]}),w.isOpen&&w.structure.length===0&&r("div",{className:"mt-3 rounded-xl border border-gray-200 bg-white p-3",children:r("p",{className:"text-sm text-gray-500 text-center",children:"No se encontraron encabezados"})})]})]}),r("section",{className:"px-4 pb-6 pt-2",children:r("button",{type:"button",onClick:k,className:"w-full rounded-xl apea-gradient py-3 text-sm font-semibold text-white cursor-pointer transition hover:bg-none hover:bg-green-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",children:"Restablecer configuraci\xF3n"})})]})}function ii({icon:e,label:t,level:n,onIncrease:i,onDecrease:o,canIncrease:s,canDecrease:a}){let l=n>0;return g("div",{className:`flex flex-col items-center justify-between gap-1 rounded-3xl border p-2 shadow-md/20 text-center transition-all ${l?"border-yellow-500 bg-yellow-50 text-blue-900":"border-gray-200 bg-white text-gray-700"}`,children:[r("span",{className:"h-5 w-5 text-gray-500",children:e}),r("span",{className:"text-sm font-medium leading-tight",children:t}),g("div",{className:"flex items-center gap-1 w-full justify-center",children:[r("button",{type:"button",onClick:o,disabled:!a,"aria-label":`Reducir ${t}`,className:"flex h-5 w-5 items-center justify-center rounded text-xs font-bold text-blue-700 cursor-pointer hover:bg-blue-100 disabled:opacity-30 focus-visible:outline-none",children:"\u2212"}),r("span",{className:"w-4 text-center text-sm font-semibold tabular-nums",children:n}),r("button",{type:"button",onClick:i,disabled:!s,"aria-label":`Aumentar ${t}`,className:"flex h-5 w-5 items-center justify-center rounded text-xs font-bold text-blue-700 cursor-pointer hover:bg-blue-100 disabled:opacity-30 focus-visible:outline-none",children:"+"})]})]})}function Sn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 12h8M4 18h12",strokeLinecap:"round"}),r("path",{d:"M15 14l5 5M20 14l-5 5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Cn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",strokeLinecap:"round",strokeLinejoin:"round"})]})}function xn(){return r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 7l4 10 4-10M20 7v10M17 7h6",strokeLinecap:"round",strokeLinejoin:"round"})})}function wn(){return r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:r("path",{d:"m20.003 16.975-2.027 2.028m.113-3.943 1.914 1.915m-16.006 0 2.027-2.029m-.113 3.944-1.914-1.915m0 0h16.006m-2-5.975L15.16 4.997 12.317 11m.568-1.2h4.547M4.997 4.997 7.84 11l2.843-6.003",stroke:"#000",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function Ln(){return g("svg",{width:25,height:24,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:[r("path",{d:"M12.754 4a.75.75 0 0 1 .75-.75H20.5a.75.75 0 0 1 0 1.5h-6.996a.75.75 0 0 1-.75-.75m7.746 9.917h-6.996a.75.75 0 0 0 0 1.5H20.5a.75.75 0 0 0 0-1.5m-6.996 5.333a.75.75 0 0 0 0 1.5H20.5a.75.75 0 0 0 0-1.5zm6.996-9.167h-6.996a.75.75 0 0 1 0-1.5H20.5a.75.75 0 0 1 0 1.5",opacity:.4,fill:"#323544"}),r("path",{d:"m9.974 16.47-1.722 1.72V5.81l1.722 1.72a.75.75 0 0 0 1.06-1.06l-3.002-3a.75.75 0 0 0-1.06 0l-3.002 3a.75.75 0 0 0 1.06 1.06l1.722-1.72v12.38L5.03 16.47a.75.75 0 0 0-1.06 1.06l3.002 3a.75.75 0 0 0 1.06 0l3.002-3a.75.75 0 0 0-1.06-1.06",fill:"#323544"})]})}function En(){return g("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"}),r("path",{d:"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"})]})}function An(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 3v18"}),r("path",{d:"M12 3a9 9 0 0 1 0 18V3z",fill:"currentColor",stroke:"none"})]})}function Mn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"8"}),r("path",{d:"M12 4v16M8 8l8 8M4 12h16",strokeLinecap:"round",strokeOpacity:.4}),r("circle",{cx:"12",cy:"12",r:"4",fill:"currentColor"})]})}function kn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"8"}),r("circle",{cx:"12",cy:"12",r:"3",strokeDasharray:"2 2"})]})}function In(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),r("path",{d:"M3 12h18M12 5v14"}),r("path",{d:"M3 5h9v14H3z",fill:"currentColor",fillOpacity:.15,stroke:"none"})]})}function Tn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 10h16M4 14h10",strokeLinecap:"round"}),r("path",{d:"M3 18h18",strokeWidth:3,strokeLinecap:"round"})]})}function Nn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("rect",{x:"9",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"}),r("rect",{x:"13",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"})]})}function Rn(){return r("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M5 3l14 9-7.5 1.5L9 20l-4-17z"})})}function Hn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),r("circle",{cx:"8.5",cy:"8.5",r:"1.5",fill:"currentColor",stroke:"none"}),r("path",{d:"M21 15l-5-5L5 21",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M2 2l20 20",strokeLinecap:"round",strokeWidth:2.5})]})}function Pn({mode:e}){return e==="center"?r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M6 6h12M8 10h8M6 14h12M8 18h8",strokeLinecap:"round"})}):e==="right"?r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 6h16M8 10h12M4 14h16M8 18h12",strokeLinecap:"round"})}):r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 6h16M4 10h12M4 14h16M4 18h12",strokeLinecap:"round"})})}function On(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M11 5L6 9H2v6h4l5 4V5z",fill:"currentColor",stroke:"none"}),r("path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07",strokeLinecap:"round"}),r("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14",strokeLinecap:"round"})]})}function _n(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 10h12M8 14h12M8 18h8",strokeLinecap:"round"}),r("circle",{cx:"4",cy:"14",r:"1",fill:"currentColor",stroke:"none"}),r("circle",{cx:"4",cy:"18",r:"1",fill:"currentColor",stroke:"none"})]})}function Wn({mode:e}){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 3c-3 4-3 10 0 18",strokeLinecap:"round"}),r("path",{d:"M12 3c3 4 3 10 0 18",strokeLinecap:"round"}),e==="achromatopsia"?r("path",{d:"M3 12h18"}):g(zn,{children:[r("path",{d:"M4 8h16",strokeOpacity:.4}),r("path",{d:"M4 16h16",strokeOpacity:.4})]})]})}function Fn({profile:e}){switch(e){case"visionImpaired":return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),r("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor"})]});case"cognitive":return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M12 2a7 7 0 0 1 7 7c0 3-2 5-3 7h-8c-1-2-3-4-3-7a7 7 0 0 1 7-7z"}),r("path",{d:"M9 16v2a3 3 0 0 0 6 0v-2"})]});case"motorImpaired":return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),r("path",{d:"M12 6v6l4 4M12 12l-4 4",strokeLinecap:"round",strokeLinejoin:"round"}),r("circle",{cx:"8",cy:"20",r:"2"}),r("circle",{cx:"16",cy:"20",r:"2"})]});case"seniorFriendly":return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),r("path",{d:"M12 6v8M12 14l-3 6M12 14l3 6M12 10h-2l-3 4M12 10h2",strokeLinecap:"round",strokeLinejoin:"round"})]});default:return null}}import{Fragment as Vn,jsx as U,jsxs as Gn}from"react/jsx-runtime";function Re({position:e="bottom-left",className:t}={}){let[n,i]=Dn(!1),{hasActiveFeatures:o}=fe(),{fabStyle:s,isDragging:a,fabRef:l,dragHandlers:c}=qt({defaultPosition:e,onTap:()=>i(d=>!d),disabled:n});Bn(()=>{if(!n)return;let d=h=>{h.key==="Escape"&&i(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[n]);let p=n||o?"var(--apea-color-fab-active, #FFD54F)":"var(--apea-color-fab-inactive, #F6F6F6)";return Gn(Vn,{children:[U("div",{ref:l,className:t,style:{...s,zIndex:n?30:50,opacity:a?.85:1,filter:o?"drop-shadow(0 4px 12px rgba(255, 213, 79, 0.3))":"none"},role:"button",tabIndex:0,"aria-expanded":n,"aria-haspopup":"dialog","aria-label":`Accesibilidad - ${o?"Funciones activas":"Sin funciones activas"}`,...c,onKeyDown:d=>{n||(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),i(!0))},children:U(ye,{size:"lg","aria-hidden":"true",tabIndex:-1,leftIcon:U(Be,{className:"w-full z-50",color:p,stroke:p})})}),U("div",{className:"fixed inset-0 z-40 apea-backdrop",style:{backgroundColor:"var(--apea-color-backdrop, rgba(0, 0, 0, 0.2))"},"data-visible":n?"true":"false",onClick:()=>i(!1),"aria-hidden":"true"}),U("div",{role:"none",className:"fixed inset-y-0 right-0 z-50 w-full max-w-sm shadow-2xl apea-panel","data-open":n?"true":"false",children:U(ni,{onClose:()=>i(!1)})})]})}import{jsx as si}from"react/jsx-runtime";var Zn={primary500:"#005dca",primary600:"#004faf",primary700:"#003b8a",panelBackground:"#f9fafb",fabActive:"#ffd54f",fabInactive:"#f6f6f6",backdrop:"rgba(0, 0, 0, 0.2)"};function He(e){return{...Zn,...e}}function jn(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function oi(e,t){e.style.setProperty("--apea-color-primary-500",t.primary500),e.style.setProperty("--apea-color-primary-600",t.primary600),e.style.setProperty("--apea-color-primary-700",t.primary700),e.style.setProperty("--apea-color-panel-bg",t.panelBackground),e.style.setProperty("--apea-color-fab-active",t.fabActive),e.style.setProperty("--apea-color-fab-inactive",t.fabInactive),e.style.setProperty("--apea-color-backdrop",t.backdrop)}function ri(e={}){let t={position:e.position||"bottom-left",zIndex:e.zIndex||9999,containerId:e.containerId||"ape-accessibility-root",theme:He(e.theme)},n=He(t.theme),i=t.containerId||"ape-accessibility-root";if(document.getElementById(i))return console.warn("[ape-accessibility] Widget already mounted. Call destroy() first."),{destroy:()=>{},updateConfig:()=>{},config:e};let o=document.createElement("style");o.id="ape-accessibility-tools-css",o.textContent=`/* ============================================= */
|
|
8
|
+
`,_=null,F=null;function ji(){_||(_=document.createElement("div"),_.id="ape-reading-guide-top",_.style.cssText=Wt+"top: 0;",F=document.createElement("div"),F.id="ape-reading-guide-bottom",F.style.cssText=Wt+"bottom: 0;",document.body.appendChild(_),document.body.appendChild(F),Ft(window.innerHeight/2),document.addEventListener("mousemove",Ot))}function Ki(){document.removeEventListener("mousemove",Ot),_?.remove(),F?.remove(),_=null,F=null}function Ot(e){Ft(e.clientY)}function Ft(e){let n=Math.max(0,e-40),i=e+40;_&&(_.style.height=`${n}px`),F&&(F.style.top=`${i}px`)}function zt(){let[e,t]=Yi(()=>f().stopAnimations??!1);Dt(()=>{Ce(e)},[]),Dt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.stopAnimations??!1;a!==e&&(t(a),Ce(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=qi(()=>{let i=!e;t(i),Ce(i),p("stopAnimations",i)},[e]);return{isActive:e,toggle:n}}import{useState as Ji,useEffect as Bt,useCallback as Qi}from"react";function Vt(){let[e,t]=Ji(()=>f().bigCursor??!1);Bt(()=>{xe(e)},[]),Bt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.bigCursor??!1;a!==e&&(t(a),xe(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Qi(()=>{let i=!e;t(i),xe(i),p("bigCursor",i)},[e]);return{isActive:e,toggle:n}}import{useState as en,useEffect as Gt,useCallback as tn}from"react";function $t(){let[e,t]=en(()=>f().readingGuide??!1);Gt(()=>{Se(e)},[]),Gt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.readingGuide??!1;a!==e&&(t(a),Se(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=tn(()=>{let i=!e;t(i),Se(i),p("readingGuide",i)},[e]);return{isActive:e,toggle:n}}import{useState as nn,useEffect as Ut,useCallback as on}from"react";var Zt="accessibility-hide-images";function we(e){let t=document.documentElement;e?t.classList.add(Zt):t.classList.remove(Zt)}function Xt(){let[e,t]=nn(()=>f().hideImages??!1);Ut(()=>{we(e)},[]),Ut(()=>{let i=o=>{let{settings:s}=o.detail,a=s.hideImages??!1;a!==e&&(t(a),we(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=on(()=>{let i=!e;t(i),we(i),p("hideImages",i)},[e]);return{isActive:e,toggle:n}}import{useState as sn,useEffect as jt,useCallback as Kt}from"react";function j(e){let t=document.documentElement;e==="default"?t.removeAttribute("data-text-align"):t.setAttribute("data-text-align",e)}var Be=["default","left","center","right"];function Yt(){let[e,t]=sn(()=>f().textAlign??"default");jt(()=>{j(e)},[]),jt(()=>{let o=s=>{let{settings:a}=s.detail,c=a.textAlign??"default";c!==e&&(t(c),j(c))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=Kt(()=>{let o=Be.indexOf(e),s=Be[(o+1)%Be.length]??"default";t(s),j(s),p("textAlign",s)},[e]),i=Kt(o=>{t(o),j(o),p("textAlign",o)},[]);return{mode:e,cycle:n,setMode:i,isActive:e!=="default",label:e==="default"?"Por defecto":e==="left"?"Izquierda":e==="center"?"Centrado":"Derecha"}}import{useState as Qt,useEffect as ei,useCallback as rn}from"react";var Z=null;function Le(){return typeof window<"u"&&"speechSynthesis"in window}function qt(e="es"){if(!Le())return;K();let n=(document.querySelector("main")??document.body).innerText;n.trim()&&(Z=new SpeechSynthesisUtterance(n),Z.lang=e==="es"?"es-ES":"en-US",Z.rate=1,window.speechSynthesis.speak(Z))}function K(){Le()&&(window.speechSynthesis.cancel(),Z=null)}function Jt(){return Z}function ti(){let[e,t]=Qt(!1),[n]=Qt(()=>Le());ei(()=>()=>{K()},[]),ei(()=>{let o=()=>{K(),t(!1)};return window.addEventListener("accessibilityReset",o),()=>window.removeEventListener("accessibilityReset",o)},[]);let i=rn(()=>{if(e)K(),t(!1);else{let o=f().language??"es";qt(o),t(!0);let s=Jt();s&&(s.onend=()=>t(!1),s.onerror=()=>t(!1))}},[e]);return{isReading:e,isSupported:n,toggle:i}}import{useState as an,useEffect as oi,useCallback as cn}from"react";var ii={visionImpaired:{contrast:"high",fontSize:120,highlightMode:"both",bigCursor:!0},cognitive:{dyslexiaFont:!0,lineHeight:20,letterSpacing:2,stopAnimations:!0},motorImpaired:{bigCursor:!0,stopAnimations:!0,fontSize:110},seniorFriendly:{fontSize:120,lineHeight:20,contrast:"high",bigCursor:!0}},Ve={visionImpaired:"Visi\xF3n reducida",cognitive:"Cognitivo",motorImpaired:"Motor",seniorFriendly:"Adulto mayor"};function Ge(e){for(let[t,n]of Object.entries(ii))if(Object.entries(n).every(([o,s])=>e[o]===s))return t;return"none"}function ni(e){return e==="none"?{...A}:ii[e]}function si(){let[e,t]=an(()=>Ge(f()));oi(()=>{let i=o=>{let{settings:s}=o.detail;t(Ge(s))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[]),oi(()=>{let i=()=>t("none");return window.addEventListener("accessibilityReset",i),()=>window.removeEventListener("accessibilityReset",i)},[]);let n=cn(i=>{if(i===e){$(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}));return}let o=ni(i);We(o)},[e]);return{activeProfile:e,applyProfile:n}}import{useState as ci,useCallback as Ee}from"react";var ln=["H1","H2","H3","H4","H5","H6"],dn=["main","nav","aside","footer","header",'[role="banner"]','[role="navigation"]','[role="main"]','[role="complementary"]','[role="contentinfo"]'];function ri(){let e=[],t=new Set;return document.querySelectorAll(dn.join(",")).forEach(o=>{if(t.has(o))return;t.add(o);let s=o.getAttribute("role")||o.tagName.toLowerCase(),a=o.getAttribute("aria-label")||s;e.push({tag:s,text:a,level:0,element:o})}),document.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(o=>{let s=o.tagName;if(!ln.includes(s))return;let a=parseInt(s.charAt(1),10),c=(o.textContent??"").trim().slice(0,80);c&&e.push({tag:s.toLowerCase(),text:c,level:a,element:o})}),e}function ai(e){e.scrollIntoView({behavior:"smooth",block:"center"}),e.focus({preventScroll:!0})}function li(){let[e,t]=ci(!1),[n,i]=ci([]),o=Ee(()=>{i(ri()),t(!0)},[]),s=Ee(()=>{t(!1)},[]),a=Ee(()=>{e?s():o()},[e,o,s]),c=Ee(l=>{ai(l.element)},[]);return{isOpen:e,structure:n,toggle:a,open:o,close:s,navigateTo:c}}function Ae(){let e=dt(),t=ft(),n=pt(),i=ht(),o=bt(),s=xt(),a=Mt(),c=kt(),l=Nt(),g=Pt(),d=zt(),m=Vt(),h=$t(),b=Xt(),C=Yt(),W=ti(),E=si(),y=li(),N=f(),x=ct(N);return{contrast:e,textSize:t,language:n,colorblind:i,saturation:o,dyslexia:s,letterSpacing:a,lineHeight:c,fontWeight:l,highlight:g,animations:d,cursor:m,readingGuide:h,hideImages:b,textAlign:C,tts:W,profiles:E,pageStructure:y,hasActiveFeatures:x,resetAllFeatures:()=>{$(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))},currentSettings:N}}import{useCallback as un,useEffect as gn,useRef as Me,useState as $e}from"react";var Ze="apea-fab-position",k=60,w=16,fn=6;function U(e,t,n){return Math.max(t,Math.min(n,e))}function pn(){try{let e=localStorage.getItem(Ze);if(!e)return null;let t=JSON.parse(e);if(t.vEdge!=="top"&&t.vEdge!=="bottom"||t.hEdge!=="left"&&t.hEdge!=="right"||typeof t.vOffset!="number"||typeof t.hOffset!="number"||isNaN(t.vOffset)||isNaN(t.hOffset))return localStorage.removeItem(Ze),null;let n=typeof window<"u"?window.innerWidth:1e3,i=typeof window<"u"?window.innerHeight:1e3,o=U(t.hOffset,w,Math.max(w,n/2-k/2)),s=U(t.vOffset,w,Math.max(w,i/2-k/2));return o>w&&s>w&&(o<s?o=w:s=w),{vEdge:t.vEdge,hEdge:t.hEdge,hOffset:o,vOffset:s}}catch{return null}}function mn(e){try{localStorage.setItem(Ze,JSON.stringify(e))}catch{}}function hn(e){return pn()??{vEdge:"bottom",hEdge:e==="bottom-right"?"right":"left",vOffset:32,hOffset:20}}function Ie(e,t,n){return{x:e.hEdge==="left"?e.hOffset:t-e.hOffset-k,y:e.vEdge==="top"?e.vOffset:n-e.vOffset-k}}function vn(e,t,n,i){let o=e,s=n-e-k,a=t,c=i-t-k,l=Math.min(o,s,a,c),g="left",d="top",m=w,h=w;return l===o||l===s?(g=l===o?"left":"right",m=w,d=a<=c?"top":"bottom",h=U(d==="top"?t:c,w,i/2-k/2)):(d=l===a?"top":"bottom",h=w,g=o<=s?"left":"right",m=U(g==="left"?e:s,w,n/2-k/2)),{hEdge:g,vEdge:d,hOffset:m,vOffset:h}}function yn(e,t,n,i){let o=Ie(e,n,i);return{position:"fixed",top:`${o.y}px`,left:`${o.x}px`,cursor:t?"grabbing":"grab",userSelect:"none",touchAction:"none",transition:t?"none":"top 0.25s ease, left 0.25s ease"}}function di({defaultPosition:e="bottom-left",onTap:t,disabled:n=!1}={}){let[i,o]=$e(()=>hn(e)),[s,a]=$e(!1),[c,l]=$e(()=>({w:typeof window<"u"?window.innerWidth:1e3,h:typeof window<"u"?window.innerHeight:1e3})),g=Me(null),d=Me(t);d.current=t;let m=Me(i);m.current=i;let h=Me(n);h.current=n,gn(()=>{let C=()=>{l({w:window.innerWidth,h:window.innerHeight})};return window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)},[]);let b=un((C,W)=>{if(h.current)return;let E=Ie(m.current,window.innerWidth,window.innerHeight),y=C-E.x,N=W-E.y,x=E.x,M=E.y,q=0;function J(S,O){let G=U(S-y,0,window.innerWidth-k),Te=U(O-N,0,window.innerHeight-k);q+=Math.abs(G-x)+Math.abs(Te-M),x=G,M=Te;let Ne=g.current;Ne&&(Ne.style.top=`${Te}px`,Ne.style.left=`${G}px`)}function Q(){ke();let S=g.current;if(q<fn){if(S){let O=Ie(m.current,window.innerWidth,window.innerHeight);S.style.transition="top 0.25s ease, left 0.25s ease",S.offsetHeight,S.style.top=`${O.y}px`,S.style.left=`${O.x}px`}a(!1),d.current?.()}else{let O=vn(x,M,window.innerWidth,window.innerHeight);if(mn(O),S){S.style.transition="top 0.25s ease, left 0.25s ease",S.offsetHeight;let G=Ie(O,window.innerWidth,window.innerHeight);S.style.top=`${G.y}px`,S.style.left=`${G.x}px`}a(!1),o(O)}}function ee(S){J(S.clientX,S.clientY)}function te(S){S.preventDefault(),J(S.touches[0].clientX,S.touches[0].clientY)}function ie(){Q()}function u(){Q()}function ke(){window.removeEventListener("mousemove",ee),window.removeEventListener("mouseup",ie),window.removeEventListener("touchmove",te),window.removeEventListener("touchend",u)}window.addEventListener("mousemove",ee),window.addEventListener("mouseup",ie),window.addEventListener("touchmove",te,{passive:!1}),window.addEventListener("touchend",u),a(!0)},[]);return{fabStyle:yn(i,s,c.w,c.h),isDragging:s,fabRef:g,dragHandlers:{onMouseDown:C=>{C.button!==0||h.current||(C.preventDefault(),b(C.clientX,C.clientY))},onTouchStart:C=>{h.current||b(C.touches[0].clientX,C.touches[0].clientY)}}}}import{useState as Ln}from"react";import{jsx as bn,jsxs as Sn}from"react/jsx-runtime";function Ue({title:e,children:t}){return Sn("section",{className:"px-4 py-3",children:[bn("h3",{className:"text-xs font-semibold text-blue-700 uppercase tracking-wider mb-3",children:e}),t]})}import{jsx as Xe,jsxs as Cn}from"react/jsx-runtime";function T({icon:e,label:t,isActive:n,onClick:i,disabled:o=!1,className:s}){return Cn("button",{type:"button",role:"switch","aria-checked":n,"aria-label":t,onClick:o?void 0:i,disabled:o,className:I("apea-focus apea-feature-row",s),"data-active":n,"data-disabled":o||void 0,children:[Xe("span",{className:I("h-5 w-5 shrink-0",n?"text-blue-700":"text-gray-500"),children:e}),Xe("span",{className:"flex-1 text-sm font-medium text-gray-700 leading-tight text-left",children:t}),Xe("span",{className:"apea-toggle","data-checked":n,"aria-hidden":"true"})]})}import{jsx as D,jsxs as wn}from"react/jsx-runtime";function xn(){return D("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 12 12",width:"12",height:"12","aria-hidden":"true",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:D("polyline",{points:"2,6 5,9 10,3"})})}function P({icon:e,name:t,levels:n,currentIndex:i,onCycle:o,className:s}){let a=i>=0,c=a?n[i]:null,l=n.length>1;function g(){let h=i>=n.length-1?-1:i+1;o(h)}function d(h){(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),g())}let m=a?`${t}: ${c.label}`:t;return wn("div",{role:"button",tabIndex:0,"aria-label":m,"aria-roledescription":"cyclic toggle","aria-pressed":a,...l&&a?{"aria-valuenow":i+1,"aria-valuemax":n.length}:{},"data-active":a,onClick:g,onKeyDown:d,className:I("apea-focus apea-cyclic-tile",s),children:[D("span",{className:"apea-cyclic-tile__check","aria-hidden":"true",children:a&&D(xn,{})}),D("span",{className:"apea-cyclic-tile__icon",children:e}),D("span",{className:"apea-cyclic-tile__label",children:a?c.label:t}),l&&D("span",{className:"apea-cyclic-tile__dots","aria-hidden":"true",children:n.map((h,b)=>D("span",{className:"apea-cyclic-dot","data-filled":a&&b<=i},b))})]})}import{jsx as r,jsxs as v}from"react/jsx-runtime";var je=[{label:"Leve",value:120},{label:"Grande",value:130},{label:"M\xE1s grande",value:150},{label:"M\xE1ximo",value:160}],Ke=[{label:"Alto",value:"high"}],Ye=[{label:"Alta",value:"high"},{label:"Baja",value:"low"},{label:"Mono",value:"mono"}],qe=[{label:"Leve",value:16},{label:"Medio",value:19},{label:"M\xE1ximo",value:23}],Je=[{label:"Leve",value:2},{label:"Medio",value:3},{label:"M\xE1ximo",value:5}],Qe=[{label:"Izquierda",value:"left"},{label:"Centro",value:"center"},{label:"Derecha",value:"right"}];function ui({onClose:e}){let[t,n]=Ln(!1),{contrast:i,textSize:o,saturation:s,dyslexia:a,letterSpacing:c,lineHeight:l,fontWeight:g,highlight:d,animations:m,cursor:h,readingGuide:b,colorblind:C,hideImages:W,textAlign:E,tts:y,profiles:N,pageStructure:x,resetAllFeatures:M}=Ae(),q=je.findIndex(u=>u.value===o.textSizePercentage),J=Ke.findIndex(u=>u.value===i.contrastMode),Q=Ye.findIndex(u=>u.value===s.saturationMode),ee=qe.findIndex(u=>u.value===l.level),te=Je.findIndex(u=>u.value===c.level),ie=Qe.findIndex(u=>u.value===E.mode);return v("div",{role:"dialog","aria-modal":"true","aria-label":"Men\xFA de Accesibilidad",className:"flex flex-col h-full overflow-hidden",children:[v("div",{className:"flex items-center justify-between apea-header-glass px-4 py-3 shrink-0",children:[r("h2",{className:"text-sm font-bold text-white tracking-wide",children:"Men\xFA de Accesibilidad"}),r("div",{className:"flex items-center gap-2",children:r("button",{type:"button",onClick:e,"aria-label":"Cerrar men\xFA de accesibilidad",className:"apea-focus flex h-8 w-8 items-center justify-center rounded-full border border-white/30 text-white cursor-pointer transition hover:bg-red-500/80",style:{"--apea-color-focus-ring":"#fff","--apea-color-focus-offset":"transparent"},children:r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.2,className:"h-4 w-4","data-a11y-icon":!0,children:r("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),v("div",{className:"flex-1 overflow-y-auto",children:[v("section",{className:"px-4 py-3",children:[v("button",{type:"button",onClick:()=>n(u=>!u),"aria-expanded":t,className:"flex w-full items-center justify-between text-xs font-semibold text-blue-700 uppercase tracking-wider cursor-pointer",children:["Perfiles de accesibilidad",r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:`h-4 w-4 transition-transform duration-300 ease-in-out ${t?"rotate-180":""}`,"data-a11y-icon":!0,children:r("path",{d:"M6 9l6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),r("div",{className:`grid transition-[grid-template-rows] duration-300 ease-in-out ${t?"grid-rows-[1fr]":"grid-rows-[0fr]"}`,children:r("div",{className:"overflow-hidden pb-5 px-2 -mx-2",children:r("div",{className:`flex flex-col gap-2 pt-3 transition-opacity duration-300 ease-in-out ${t?"opacity-100":"opacity-0"}`,children:Object.keys(Ve).map(u=>r(T,{icon:r(Bn,{profile:u}),label:Ve[u],isActive:N.activeProfile===u,onClick:()=>N.applyProfile(u)},u))})})})]}),r("section",{className:"px-4 py-3",children:v("div",{className:"apea-cyclic-grid",children:[r(P,{icon:r(Dn,{}),name:"Lector de pantalla",levels:[{label:"Activo",value:!0}],currentIndex:y.isReading?0:-1,onCycle:()=>y.toggle()}),r(P,{icon:r(En,{}),name:"Tama\xF1o de fuente",levels:je,currentIndex:q,onCycle:u=>o.setSpecificTextSize(u===-1?100:je[u].value)}),r(P,{icon:r(_n,{}),name:"Contraste",levels:Ke,currentIndex:J,onCycle:u=>i.setContrastMode(u===-1?"normal":Ke[u].value)}),r(P,{icon:r(Pn,{}),name:"Saturaci\xF3n",levels:Ye,currentIndex:Q,onCycle:u=>s.setSaturationMode(u===-1?"normal":Ye[u].value)}),r(P,{icon:r(Tn,{}),name:"Interlineado",levels:qe,currentIndex:ee,onCycle:u=>l.setTo(u===-1?14:qe[u].value)}),r(P,{icon:r(kn,{}),name:"Interletrado",levels:Je,currentIndex:te,onCycle:u=>c.setTo(u===-1?0:Je[u].value)}),r(P,{icon:r(In,{}),name:"Fuente dislexia",levels:[{label:"Activa",value:!0}],currentIndex:a.isActive?0:-1,onCycle:()=>a.toggle()}),r(P,{icon:r(Fn,{mode:E.mode}),name:"Alinear texto",levels:Qe,currentIndex:ie,onCycle:u=>E.setMode(u===-1?"default":Qe[u].value)})]})}),r(Ue,{title:"Ajustes de contenido",children:v("div",{className:"flex flex-col gap-2",children:[r(T,{icon:r(An,{}),label:"Resaltar t\xEDtulos",isActive:d.isTitlesActive,onClick:d.toggleTitles}),r(T,{icon:r(Mn,{}),label:"Resaltar enlaces",isActive:d.isLinksActive,onClick:d.toggleLinks}),r(T,{icon:r(Nn,{}),label:"Fuente negrita",isActive:g.isBold,onClick:g.toggle}),r(T,{icon:r(On,{}),label:"Ocultar im\xE1genes",isActive:W.isActive,onClick:W.toggle})]})}),v(Ue,{title:"Herramientas",children:[v("div",{className:"flex flex-col gap-2",children:[r(T,{icon:r(Rn,{}),label:"Gu\xEDa de lectura",isActive:b.isActive,onClick:b.toggle}),r(T,{icon:r(Hn,{}),label:"Pausar animaciones",isActive:m.isActive,onClick:m.toggle}),r(T,{icon:r(Wn,{}),label:"Cursor grande",isActive:h.isActive,onClick:h.toggle}),r(T,{icon:r(zn,{}),label:"Estructura de p\xE1gina",isActive:x.isOpen,onClick:x.toggle})]}),x.isOpen&&x.structure.length>0&&v("div",{className:"mt-3 rounded-xl border border-white/70 bg-white/80 p-3 max-h-60 overflow-y-auto shadow-[0_2px_8px_rgba(0,0,0,0.06)]",children:[r("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide",children:"Estructura de la p\xE1gina"}),r("ul",{className:"space-y-1",children:x.structure.map((u,ke)=>r("li",{children:v("button",{type:"button",onClick:()=>x.navigateTo(u),className:"apea-focus w-full text-left px-2 py-1.5 rounded-lg text-sm hover:bg-blue-50 transition-colors",style:{paddingLeft:`${(u.level||1)*12}px`},children:[r("span",{className:"inline-block mr-2 text-xs font-mono text-blue-600 bg-blue-100 px-1.5 py-0.5 rounded",children:u.tag}),r("span",{className:"text-gray-700",children:u.text})]})},`${u.tag}-${ke}`))})]}),x.isOpen&&x.structure.length===0&&r("div",{className:"mt-3 rounded-xl border border-white/70 bg-white/80 p-3 shadow-[0_2px_8px_rgba(0,0,0,0.06)]",children:r("p",{className:"text-sm text-gray-500 text-center",children:"No se encontraron encabezados"})})]})]}),r("section",{className:"px-4 pb-6 pt-2",children:r("button",{type:"button",onClick:M,className:"apea-focus w-full rounded-xl apea-header-glass py-3 text-sm font-semibold text-white cursor-pointer transition hover:brightness-110",children:"Restablecer configuraci\xF3n"})})]})}function En(){return r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 7V4h16v3M9 20h6M12 4v16",strokeLinecap:"round",strokeLinejoin:"round"})})}function An(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 12h8M4 18h12",strokeLinecap:"round"}),r("path",{d:"M15 14l5 5M20 14l-5 5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Mn(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",strokeLinecap:"round",strokeLinejoin:"round"})]})}function In(){return r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 7l4 10 4-10M20 7v10M17 7h6",strokeLinecap:"round",strokeLinejoin:"round"})})}function kn(){return r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:r("path",{d:"m20.003 16.975-2.027 2.028m.113-3.943 1.914 1.915m-16.006 0 2.027-2.029m-.113 3.944-1.914-1.915m0 0h16.006m-2-5.975L15.16 4.997 12.317 11m.568-1.2h4.547M4.997 4.997 7.84 11l2.843-6.003",stroke:"#000",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function Tn(){return v("svg",{width:25,height:24,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:[r("path",{d:"M12.754 4a.75.75 0 0 1 .75-.75H20.5a.75.75 0 0 1 0 1.5h-6.996a.75.75 0 0 1-.75-.75m7.746 9.917h-6.996a.75.75 0 0 0 0 1.5H20.5a.75.75 0 0 0 0-1.5m-6.996 5.333a.75.75 0 0 0 0 1.5H20.5a.75.75 0 0 0 0-1.5zm6.996-9.167h-6.996a.75.75 0 0 1 0-1.5H20.5a.75.75 0 0 1 0 1.5",opacity:.4,fill:"#323544"}),r("path",{d:"m9.974 16.47-1.722 1.72V5.81l1.722 1.72a.75.75 0 0 0 1.06-1.06l-3.002-3a.75.75 0 0 0-1.06 0l-3.002 3a.75.75 0 0 0 1.06 1.06l1.722-1.72v12.38L5.03 16.47a.75.75 0 0 0-1.06 1.06l3.002 3a.75.75 0 0 0 1.06 0l3.002-3a.75.75 0 0 0-1.06-1.06",fill:"#323544"})]})}function Nn(){return v("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"}),r("path",{d:"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"})]})}function _n(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 3v18"}),r("path",{d:"M12 3a9 9 0 0 1 0 18V3z",fill:"currentColor",stroke:"none"})]})}function Pn(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"8"}),r("path",{d:"M12 4v16M8 8l8 8M4 12h16",strokeLinecap:"round",strokeOpacity:.4}),r("circle",{cx:"12",cy:"12",r:"4",fill:"currentColor"})]})}function Rn(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 10h16M4 14h10",strokeLinecap:"round"}),r("path",{d:"M3 18h18",strokeWidth:3,strokeLinecap:"round"})]})}function Hn(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("rect",{x:"9",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"}),r("rect",{x:"13",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"})]})}function Wn(){return r("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M5 3l14 9-7.5 1.5L9 20l-4-17z"})})}function On(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),r("circle",{cx:"8.5",cy:"8.5",r:"1.5",fill:"currentColor",stroke:"none"}),r("path",{d:"M21 15l-5-5L5 21",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M2 2l20 20",strokeLinecap:"round",strokeWidth:2.5})]})}function Fn({mode:e}){return e==="center"?r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M6 6h12M8 10h8M6 14h12M8 18h8",strokeLinecap:"round"})}):e==="right"?r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 6h16M8 10h12M4 14h16M8 18h12",strokeLinecap:"round"})}):r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 6h16M4 10h12M4 14h16M4 18h12",strokeLinecap:"round"})})}function Dn(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M11 5L6 9H2v6h4l5 4V5z",fill:"currentColor",stroke:"none"}),r("path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07",strokeLinecap:"round"}),r("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14",strokeLinecap:"round"})]})}function zn(){return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 10h12M8 14h12M8 18h8",strokeLinecap:"round"}),r("circle",{cx:"4",cy:"14",r:"1",fill:"currentColor",stroke:"none"}),r("circle",{cx:"4",cy:"18",r:"1",fill:"currentColor",stroke:"none"})]})}function Bn({profile:e}){switch(e){case"visionImpaired":return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),r("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor"})]});case"cognitive":return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M12 2a7 7 0 0 1 7 7c0 3-2 5-3 7h-8c-1-2-3-4-3-7a7 7 0 0 1 7-7z"}),r("path",{d:"M9 16v2a3 3 0 0 0 6 0v-2"})]});case"motorImpaired":return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),r("path",{d:"M12 6v6l4 4M12 12l-4 4",strokeLinecap:"round",strokeLinejoin:"round"}),r("circle",{cx:"8",cy:"20",r:"2"}),r("circle",{cx:"16",cy:"20",r:"2"})]});case"seniorFriendly":return v("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),r("path",{d:"M12 6v8M12 14l-3 6M12 14l3 6M12 10h-2l-3 4M12 10h2",strokeLinecap:"round",strokeLinejoin:"round"})]});default:return null}}import{Fragment as $n,jsx as X,jsxs as Zn}from"react/jsx-runtime";function et({position:e="bottom-left",className:t}={}){let[n,i]=Vn(!0),{hasActiveFeatures:o}=Ae(),{fabStyle:s,isDragging:a,fabRef:c,dragHandlers:l}=di({defaultPosition:e,onTap:()=>i(d=>!d),disabled:n});Gn(()=>{if(!n)return;let d=m=>{m.key==="Escape"&&i(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[n]);let g=n||o?"var(--apea-color-fab-active, #FFD54F)":"var(--apea-color-fab-inactive, #F6F6F6)";return Zn($n,{children:[X("div",{ref:c,className:t,style:{...s,zIndex:n?30:50,opacity:a?.85:1,filter:o?"drop-shadow(0 4px 12px rgba(255, 213, 79, 0.3))":"none"},role:"button",tabIndex:0,"aria-expanded":n,"aria-haspopup":"dialog","aria-label":`Accesibilidad - ${o?"Funciones activas":"Sin funciones activas"}`,...l,onKeyDown:d=>{n||(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),i(!0))},children:X(_e,{size:"lg","aria-hidden":"true",tabIndex:-1,leftIcon:X(ot,{className:"w-full z-50",color:g,stroke:g})})}),X("div",{className:"fixed inset-0 z-40 apea-backdrop",style:{backgroundColor:"var(--apea-color-backdrop, rgba(0, 0, 0, 0.15))"},"data-visible":n?"true":"false",onClick:()=>i(!1),"aria-hidden":"true"}),X("div",{role:"none",className:"fixed inset-y-0 right-0 z-50 w-full max-w-sm shadow-2xl apea-panel rounded-l-4xl overflow-hidden","data-open":n?"true":"false",children:X(ui,{onClose:()=>i(!1)})})]})}import{jsx as fi}from"react/jsx-runtime";var Xn={primary500:"#005dca",primary600:"#004faf",primary700:"#003b8a",panelBackground:"#f9fafb",fabActive:"#ffd54f",fabInactive:"#f6f6f6",backdrop:"rgba(0, 0, 0, 0.2)"};function tt(e){return{...Xn,...e}}function jn(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function gi(e,t){e.style.setProperty("--apea-color-primary-500",t.primary500),e.style.setProperty("--apea-color-primary-600",t.primary600),e.style.setProperty("--apea-color-primary-700",t.primary700),e.style.setProperty("--apea-color-panel-bg",t.panelBackground),e.style.setProperty("--apea-color-fab-active",t.fabActive),e.style.setProperty("--apea-color-fab-inactive",t.fabInactive),e.style.setProperty("--apea-color-backdrop",t.backdrop)}function pi(e={}){let t={position:e.position||"bottom-left",zIndex:e.zIndex||9999,containerId:e.containerId||"ape-accessibility-root",theme:tt(e.theme)},n=tt(t.theme),i=t.containerId||"ape-accessibility-root";if(document.getElementById(i))return console.warn("[ape-accessibility] Widget already mounted. Call destroy() first."),{destroy:()=>{},updateConfig:()=>{},config:e};let o=document.createElement("style");o.id="ape-accessibility-tools-css",o.textContent=`/* ============================================= */
|
|
9
9
|
/* Accessibility Feature Styles */
|
|
10
10
|
/* ============================================= */
|
|
11
11
|
|
|
@@ -89,13 +89,13 @@ import{createRoot as $n}from"react-dom/client";import{useState as Dn,useEffect a
|
|
|
89
89
|
font-family: OpenDyslexic3, 'Comic Sans MS', Arial, sans-serif !important;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
|
-
/* Letter Spacing & Line Height */
|
|
92
|
+
/* Letter Spacing (px) & Line Height (ratio) */
|
|
93
93
|
.accessibility-letter-spacing * {
|
|
94
|
-
letter-spacing: calc(
|
|
94
|
+
letter-spacing: calc(var(--accessibility-letter-spacing) * 1px) !important;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.accessibility-line-height * {
|
|
98
|
-
line-height: calc(
|
|
98
|
+
line-height: calc(var(--accessibility-line-height) / 10) !important;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.accessibility-font-weight * {
|
|
@@ -163,10 +163,21 @@ import{createRoot as $n}from"react-dom/client";import{useState as Dn,useEffect a
|
|
|
163
163
|
:root[data-text-align='right'] * {
|
|
164
164
|
text-align: right !important;
|
|
165
165
|
}
|
|
166
|
-
`,document.head.appendChild(o);let s=document.createElement("div");s.id=i,s.setAttribute("data-a11y-icon",""),s.style.position="fixed",s.style.zIndex=String(t.zIndex||9999),s.style.top="0",s.style.left="0",s.style.width="0",s.style.height="0",s.style.overflow="visible",
|
|
167
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:#fec905;--color-green-50:oklch(98.2% .018 155.826);--color-green-500:#0a0;--color-blue-50:#eef5ff;--color-blue-100:#cfe5ff;--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:#7cb8ff;--color-blue-500:#005dca;--color-blue-600:#004faf;--color-blue-700:#003b8a;--color-blue-900:#002e64;--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.right-0{right:calc(var(--spacing) * 0)}.right-5{right:calc(var(--spacing) * 5)}.bottom-8{bottom:calc(var(--spacing) * 8)}.left-5{left:calc(var(--spacing) * 5)}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\\[40px\\]{height:40px}.h-\\[60px\\]{height:60px}.h-full{height:100%}.max-h-60{max-height:calc(var(--spacing) * 60)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-\\[40px\\]{width:40px}.w-\\[60px\\]{width:60px}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\\[0fr\\]{grid-template-rows:0fr}.grid-rows-\\[1fr\\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\\[30px\\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-white\\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-md\\/20{--tw-shadow-alpha:20%;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,oklab(0% 0 0/.2)), 0 2px 4px -2px var(--tw-shadow-color,oklab(0% 0 0/.2));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-green-500{--tw-ring-color:var(--color-green-500)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\\:bg-white\\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\\:bg-none:hover{background-image:none}.hover\\:font-semibold:hover{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hover\\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:ring-blue-300:hover{--tw-ring-color:var(--color-blue-300)}.hover\\:ring-yellow-500:hover{--tw-ring-color:var(--color-yellow-500)}}.focus\\:bg-blue-50:focus{background-color:var(--color-blue-50)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-30:disabled{opacity:.3}.disabled\\:opacity-40:disabled{opacity:.4}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
166
|
+
`,document.head.appendChild(o);let s=document.createElement("div");s.id=i,s.setAttribute("data-a11y-icon",""),s.style.position="fixed",s.style.zIndex=String(t.zIndex||9999),s.style.top="0",s.style.left="0",s.style.width="0",s.style.height="0",s.style.overflow="visible",s.style.zoom="1",gi(s,n),document.body.appendChild(s);let a=s.attachShadow({mode:"open"}),c=document.createElement("style");c.textContent=`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
167
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:#d80f16;--color-yellow-500:#fec905;--color-blue-50:#eef;--color-blue-100:#cfe5ff;--color-blue-500:#005dca;--color-blue-600:#004faf;--color-blue-700:#003b8a;--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--radius-4xl:2rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.right-0{right:calc(var(--spacing) * 0)}.right-5{right:calc(var(--spacing) * 5)}.bottom-8{bottom:calc(var(--spacing) * 8)}.left-5{left:calc(var(--spacing) * 5)}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-\\[40px\\]{height:40px}.h-\\[60px\\]{height:60px}.h-full{height:100%}.max-h-60{max-height:calc(var(--spacing) * 60)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-\\[40px\\]{width:40px}.w-\\[60px\\]{width:60px}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-rows-\\[0fr\\]{grid-template-rows:0fr}.grid-rows-\\[1fr\\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\\[30px\\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-4xl{border-top-left-radius:var(--radius-4xl);border-bottom-left-radius:var(--radius-4xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-white\\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-white\\/70{border-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.border-white\\/70{border-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-white\\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.p-0{padding:calc(var(--spacing) * 0)}.p-3{padding:calc(var(--spacing) * 3)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\\[0_2px_8px_rgba\\(0\\,0\\,0\\,0\\.06\\)\\]{--tw-shadow:0 2px 8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-red-500\\/80:hover{background-color:#d80f16cc}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-500\\/80:hover{background-color:color-mix(in oklab, var(--color-red-500) 80%, transparent)}}.hover\\:font-semibold:hover{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hover\\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:ring-yellow-500:hover{--tw-ring-color:var(--color-yellow-500)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.active\\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
168
168
|
/* Widget animation styles */
|
|
169
169
|
|
|
170
|
+
/* Focus base \u2014 single source of truth */
|
|
171
|
+
.apea-focus {
|
|
172
|
+
outline: none;
|
|
173
|
+
}
|
|
174
|
+
.apea-focus:focus-visible {
|
|
175
|
+
outline: none;
|
|
176
|
+
box-shadow:
|
|
177
|
+
0 0 0 2px var(--apea-color-focus-ring, #3b82f6),
|
|
178
|
+
0 0 0 calc(2px + var(--apea-focus-offset, 1px)) var(--apea-color-focus-offset, #fff);
|
|
179
|
+
}
|
|
180
|
+
|
|
170
181
|
/* FAB button */
|
|
171
182
|
.apea-fab {
|
|
172
183
|
transition: transform 0.15s ease, filter 0.2s ease;
|
|
@@ -178,26 +189,298 @@ import{createRoot as $n}from"react-dom/client";import{useState as Dn,useEffect a
|
|
|
178
189
|
transform: scale(0.95);
|
|
179
190
|
}
|
|
180
191
|
|
|
181
|
-
/* Backdrop */
|
|
192
|
+
/* Backdrop \u2014 frosted overlay */
|
|
182
193
|
.apea-backdrop {
|
|
183
194
|
opacity: 0;
|
|
184
|
-
|
|
195
|
+
backdrop-filter: blur(0px);
|
|
196
|
+
-webkit-backdrop-filter: blur(0px);
|
|
197
|
+
transition:
|
|
198
|
+
opacity 0.3s ease,
|
|
199
|
+
backdrop-filter 0.3s ease,
|
|
200
|
+
-webkit-backdrop-filter 0.3s ease;
|
|
185
201
|
pointer-events: none;
|
|
186
202
|
}
|
|
187
203
|
.apea-backdrop[data-visible='true'] {
|
|
188
204
|
opacity: 1;
|
|
205
|
+
backdrop-filter: blur(2px);
|
|
206
|
+
-webkit-backdrop-filter: blur(2px);
|
|
189
207
|
pointer-events: auto;
|
|
190
208
|
}
|
|
191
209
|
|
|
192
|
-
/* Slide-in panel */
|
|
210
|
+
/* Slide-in panel \u2014 glass surface */
|
|
193
211
|
.apea-panel {
|
|
194
212
|
transform: translateX(100%);
|
|
195
213
|
transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
|
|
214
|
+
background: rgb(255, 255, 255);
|
|
215
|
+
backdrop-filter: blur(5px) saturate(1.4);
|
|
216
|
+
-webkit-backdrop-filter: blur(5px) saturate(1.4);
|
|
196
217
|
}
|
|
197
218
|
.apea-panel[data-open='true'] {
|
|
198
219
|
transform: translateX(0);
|
|
199
220
|
}
|
|
200
221
|
|
|
222
|
+
/* Decorative blobs \u2014 themeable */
|
|
223
|
+
.apea-panel::before,
|
|
224
|
+
.apea-panel::after {
|
|
225
|
+
content: '';
|
|
226
|
+
position: absolute;
|
|
227
|
+
border-radius: 50%;
|
|
228
|
+
filter: blur(80px);
|
|
229
|
+
opacity: var(--apea-blob-opacity, .5);
|
|
230
|
+
pointer-events: none;
|
|
231
|
+
z-index: 0;
|
|
232
|
+
}
|
|
233
|
+
.apea-panel::before {
|
|
234
|
+
width: 280px;
|
|
235
|
+
height: 280px;
|
|
236
|
+
top: -60px;
|
|
237
|
+
right: -40px;
|
|
238
|
+
background: var(--apea-color-blob-1, rgba(101, 152, 210, 0.516));
|
|
239
|
+
}
|
|
240
|
+
.apea-panel::after {
|
|
241
|
+
width: 220px;
|
|
242
|
+
height: 220px;
|
|
243
|
+
bottom: 15%;
|
|
244
|
+
left: -50px;
|
|
245
|
+
background: var(--apea-color-blob-2, rgba(43, 91, 162, 0.73));
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
/* Panel content must sit above blobs */
|
|
249
|
+
.apea-panel > * {
|
|
250
|
+
position: relative;
|
|
251
|
+
z-index: 1;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
/* Custom scrollbar \u2014 scoped to panel, themeable */
|
|
255
|
+
.apea-panel ::-webkit-scrollbar {
|
|
256
|
+
width: 6px;
|
|
257
|
+
}
|
|
258
|
+
.apea-panel ::-webkit-scrollbar-track {
|
|
259
|
+
background: var(--apea-color-scrollbar-track, transparent);
|
|
260
|
+
}
|
|
261
|
+
.apea-panel ::-webkit-scrollbar-thumb {
|
|
262
|
+
background: var(--apea-color-scrollbar-thumb, rgba(0, 93, 202, 0.25));
|
|
263
|
+
border-radius: 999px;
|
|
264
|
+
}
|
|
265
|
+
.apea-panel ::-webkit-scrollbar-thumb:hover {
|
|
266
|
+
background: var(--apea-color-scrollbar-thumb-hover, rgba(0, 94, 202, 0.934));
|
|
267
|
+
}
|
|
268
|
+
/* Firefox */
|
|
269
|
+
.apea-panel * {
|
|
270
|
+
scrollbar-color: var(--apea-color-scrollbar-thumb, rgba(0, 94, 202, 0.571)) var(--apea-color-scrollbar-track, transparent);
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
/* Glass header */
|
|
274
|
+
.apea-header-glass {
|
|
275
|
+
background: linear-gradient(
|
|
276
|
+
135deg,
|
|
277
|
+
rgba(0, 93, 202, 0.88) 0%,
|
|
278
|
+
rgba(0, 79, 175, 0.92) 50%,
|
|
279
|
+
rgba(0, 59, 138, 0.95) 100%
|
|
280
|
+
);
|
|
281
|
+
backdrop-filter: blur(12px) saturate(1.3);
|
|
282
|
+
-webkit-backdrop-filter: blur(12px) saturate(1.3);
|
|
283
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
/* Toggle switch \u2014 visual indicator (not interactive, container handles click) */
|
|
287
|
+
.apea-toggle {
|
|
288
|
+
position: relative;
|
|
289
|
+
width: 40px;
|
|
290
|
+
height: 22px;
|
|
291
|
+
border-radius: 999px;
|
|
292
|
+
background: var(--apea-color-toggle-off, #d1d5db);
|
|
293
|
+
transition: background 0.2s ease;
|
|
294
|
+
flex-shrink: 0;
|
|
295
|
+
pointer-events: none;
|
|
296
|
+
}
|
|
297
|
+
.apea-toggle::after {
|
|
298
|
+
content: '';
|
|
299
|
+
position: absolute;
|
|
300
|
+
top: 2px;
|
|
301
|
+
left: 2px;
|
|
302
|
+
width: 18px;
|
|
303
|
+
height: 18px;
|
|
304
|
+
border-radius: 50%;
|
|
305
|
+
background: #fff;
|
|
306
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
|
307
|
+
transition: transform 0.2s ease;
|
|
308
|
+
}
|
|
309
|
+
.apea-toggle[data-checked='true'] {
|
|
310
|
+
background: var(--apea-color-toggle-on, #22c55e);
|
|
311
|
+
}
|
|
312
|
+
.apea-toggle[data-checked='true']::after {
|
|
313
|
+
transform: translateX(18px);
|
|
314
|
+
}
|
|
315
|
+
|
|
316
|
+
/* Slider (range input) \u2014 themeable */
|
|
317
|
+
.apea-slider {
|
|
318
|
+
-webkit-appearance: none;
|
|
319
|
+
appearance: none;
|
|
320
|
+
width: 100%;
|
|
321
|
+
height: 6px;
|
|
322
|
+
border-radius: 999px;
|
|
323
|
+
background: var(--apea-color-slider-track, #e5e7eb);
|
|
324
|
+
outline: none;
|
|
325
|
+
cursor: pointer;
|
|
326
|
+
}
|
|
327
|
+
.apea-slider::-webkit-slider-thumb {
|
|
328
|
+
-webkit-appearance: none;
|
|
329
|
+
appearance: none;
|
|
330
|
+
width: 18px;
|
|
331
|
+
height: 18px;
|
|
332
|
+
border-radius: 50%;
|
|
333
|
+
background: var(--apea-color-slider-thumb, #3b82f6);
|
|
334
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
|
|
335
|
+
cursor: pointer;
|
|
336
|
+
transition: transform 0.15s ease;
|
|
337
|
+
}
|
|
338
|
+
.apea-slider::-webkit-slider-thumb:hover {
|
|
339
|
+
transform: scale(1.15);
|
|
340
|
+
}
|
|
341
|
+
.apea-slider::-moz-range-thumb {
|
|
342
|
+
width: 18px;
|
|
343
|
+
height: 18px;
|
|
344
|
+
border: none;
|
|
345
|
+
border-radius: 50%;
|
|
346
|
+
background: var(--apea-color-slider-thumb, #3b82f6);
|
|
347
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
|
|
348
|
+
cursor: pointer;
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
/* Feature row \u2014 shared card for toggle/slider items */
|
|
352
|
+
.apea-feature-row {
|
|
353
|
+
display: flex;
|
|
354
|
+
align-items: center;
|
|
355
|
+
gap: 0.75rem;
|
|
356
|
+
padding: 0.625rem 0.75rem;
|
|
357
|
+
border-radius: 0.75rem;
|
|
358
|
+
background: rgba(255, 255, 255, 0.8);
|
|
359
|
+
border: 1px solid rgba(255, 255, 255, 0.7);
|
|
360
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
|
|
361
|
+
transition: all 0.2s ease;
|
|
362
|
+
cursor: pointer;
|
|
363
|
+
}
|
|
364
|
+
.apea-feature-row:hover {
|
|
365
|
+
background: rgba(239, 246, 255, 0.85);
|
|
366
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
367
|
+
}
|
|
368
|
+
.apea-feature-row[data-active='true'] {
|
|
369
|
+
background: rgba(240, 253, 244, 0.9);
|
|
370
|
+
border-color: rgba(34, 197, 94, 0.3);
|
|
371
|
+
}
|
|
372
|
+
.apea-feature-row[data-active='true']:hover {
|
|
373
|
+
background: rgba(220, 252, 231, 0.9);
|
|
374
|
+
}
|
|
375
|
+
.apea-feature-row[data-disabled='true'] {
|
|
376
|
+
opacity: 0.4;
|
|
377
|
+
cursor: not-allowed;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
/* Cyclic tile grid \u2014 2-column layout */
|
|
381
|
+
.apea-cyclic-grid {
|
|
382
|
+
display: grid;
|
|
383
|
+
grid-template-columns: repeat(2, 1fr);
|
|
384
|
+
gap: 0.5rem;
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
/* Cyclic tile \u2014 card that cycles through levels on click */
|
|
388
|
+
.apea-cyclic-tile {
|
|
389
|
+
position: relative;
|
|
390
|
+
display: flex;
|
|
391
|
+
flex-direction: column;
|
|
392
|
+
align-items: center;
|
|
393
|
+
justify-content: center;
|
|
394
|
+
gap: 0.375rem;
|
|
395
|
+
min-height: 5.5rem;
|
|
396
|
+
padding: 0.75rem 0.5rem 0.625rem;
|
|
397
|
+
border-radius: 0.75rem;
|
|
398
|
+
border: 1.5px solid rgba(255, 255, 255, 0.7);
|
|
399
|
+
background: rgba(255, 255, 255, 0.7);
|
|
400
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
|
|
401
|
+
cursor: pointer;
|
|
402
|
+
user-select: none;
|
|
403
|
+
transition: all 0.2s ease;
|
|
404
|
+
}
|
|
405
|
+
.apea-cyclic-tile:hover {
|
|
406
|
+
background: rgba(239, 246, 255, 0.85);
|
|
407
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
408
|
+
}
|
|
409
|
+
.apea-cyclic-tile[data-active='true'] {
|
|
410
|
+
background: rgba(239, 246, 255, 0.9);
|
|
411
|
+
border-color: var(--color-blue-500, #005dca);
|
|
412
|
+
box-shadow: 0 0 0 1px rgba(0, 93, 202, 0.15), 0 4px 12px rgba(0, 93, 202, 0.1);
|
|
413
|
+
}
|
|
414
|
+
.apea-cyclic-tile[data-active='true']:hover {
|
|
415
|
+
background: rgba(219, 234, 254, 0.9);
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
/* Checkmark badge \u2014 top-right corner */
|
|
419
|
+
.apea-cyclic-tile__check {
|
|
420
|
+
position: absolute;
|
|
421
|
+
top: 0.375rem;
|
|
422
|
+
right: 0.375rem;
|
|
423
|
+
display: flex;
|
|
424
|
+
align-items: center;
|
|
425
|
+
justify-content: center;
|
|
426
|
+
width: 1rem;
|
|
427
|
+
height: 1rem;
|
|
428
|
+
border-radius: 9999px;
|
|
429
|
+
background: var(--color-blue-500, #005dca);
|
|
430
|
+
color: #fff;
|
|
431
|
+
opacity: 0;
|
|
432
|
+
transition: opacity 0.15s ease;
|
|
433
|
+
}
|
|
434
|
+
.apea-cyclic-tile[data-active='true'] .apea-cyclic-tile__check {
|
|
435
|
+
opacity: 1;
|
|
436
|
+
}
|
|
437
|
+
|
|
438
|
+
/* Icon container */
|
|
439
|
+
.apea-cyclic-tile__icon {
|
|
440
|
+
display: flex;
|
|
441
|
+
align-items: center;
|
|
442
|
+
justify-content: center;
|
|
443
|
+
width: 1.5rem;
|
|
444
|
+
height: 1.5rem;
|
|
445
|
+
color: #6b7280;
|
|
446
|
+
transition: color 0.2s ease;
|
|
447
|
+
}
|
|
448
|
+
.apea-cyclic-tile[data-active='true'] .apea-cyclic-tile__icon {
|
|
449
|
+
color: var(--color-blue-700, #003b8a);
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
/* Text label */
|
|
453
|
+
.apea-cyclic-tile__label {
|
|
454
|
+
font-size: 0.6875rem;
|
|
455
|
+
font-weight: 500;
|
|
456
|
+
line-height: 1.2;
|
|
457
|
+
text-align: center;
|
|
458
|
+
color: #374151;
|
|
459
|
+
}
|
|
460
|
+
.apea-cyclic-tile[data-active='true'] .apea-cyclic-tile__label {
|
|
461
|
+
color: var(--color-blue-700, #003b8a);
|
|
462
|
+
font-weight: 600;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
/* Progress dots row \u2014 pill/bar shape */
|
|
466
|
+
.apea-cyclic-tile__dots {
|
|
467
|
+
display: flex;
|
|
468
|
+
align-items: center;
|
|
469
|
+
gap: 0.25rem;
|
|
470
|
+
margin-top: 0.125rem;
|
|
471
|
+
}
|
|
472
|
+
.apea-cyclic-dot {
|
|
473
|
+
display: inline-block;
|
|
474
|
+
width: 1.25rem;
|
|
475
|
+
height: 0.1875rem;
|
|
476
|
+
border-radius: 2px;
|
|
477
|
+
background: #d1d5db;
|
|
478
|
+
transition: background-color 0.2s ease;
|
|
479
|
+
}
|
|
480
|
+
.apea-cyclic-dot[data-filled='true'] {
|
|
481
|
+
background: var(--color-blue-500, #005dca);
|
|
482
|
+
}
|
|
483
|
+
|
|
201
484
|
/* Blue gradient for FAB button */
|
|
202
485
|
.apea-gradient {
|
|
203
486
|
background-image: linear-gradient(
|
|
@@ -207,5 +490,5 @@ import{createRoot as $n}from"react-dom/client";import{useState as Dn,useEffect a
|
|
|
207
490
|
var(--apea-color-primary-700, var(--color-blue-700)) 80%
|
|
208
491
|
);
|
|
209
492
|
}
|
|
210
|
-
`,a.appendChild(
|
|
493
|
+
`,a.appendChild(c);let l=document.createElement("div");a.appendChild(l);let g=Un(l);g.render(fi(et,{position:t.position}));let d=!1;return{updateConfig(m){t=jn(t,m),n=tt(t.theme),s.style.zIndex=String(t.zIndex||9999),gi(s,n),g&&g.render(fi(et,{position:t.position}))},destroy(){if(d)return;d=!0;let m=g,h=s,b=o;g=null,queueMicrotask(()=>{try{m?.unmount()}catch{}h.remove(),b.remove()})},get config(){return t}}}var R=null,H={};function mi(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function Kn(e){document.getElementById(e)?.remove(),document.getElementById("ape-accessibility-tools-css")?.remove()}function hi(e={}){if(R)return console.warn("[ape-accessibility] Already initialized. Call destroy() first."),R;H=mi(H,e);let t=H.containerId||"ape-accessibility-root";Kn(t);let n=pi(H);return R={get config(){return n.config},updateConfig(i){n.updateConfig(i)},destroy(){n.destroy(),R=null}},R}function vi(){R&&R.destroy()}function yi(){return f()}function bi(e={}){return H=mi(H,e),R&&R.updateConfig(H),it()}function it(){return{...H,theme:{...H.theme??{}}}}function Si(){$(),typeof window<"u"&&window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))}var Y={init:hi,destroy:vi,getSettings:yi,resetAllSettings:Si,configure:bi,getConfig:it};import{useEffect as Ci,useRef as Yn}from"react";function qn({config:e={}}){let t=Yn(!1);return Ci(()=>(t.current=!1,Y.init(e),()=>{t.current=!0,Y.destroy()}),[]),Ci(()=>{t.current||Y.configure(e)},[e]),null}export{qn as AccessibilityWidget,Y as accessibility,bi as configure,vi as destroy,it as getConfig,yi as getSettings,hi as init,Si as resetAllSettings};
|
|
211
494
|
//# sourceMappingURL=index.js.map
|