ape-accessibility 0.6.1 → 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.cjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";var gi=Object.create;var ve=Object.defineProperty;var fi=Object.getOwnPropertyDescriptor;var pi=Object.getOwnPropertyNames;var mi=Object.getPrototypeOf,hi=Object.prototype.hasOwnProperty;var bi=(e,t)=>{for(var n in t)ve(e,n,{get:t[n],enumerable:!0})},at=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of pi(t))!hi.call(e,s)&&s!==n&&ve(e,s,{get:()=>t[s],enumerable:!(o=fi(t,s))||o.enumerable});return e};var ct=(e,t,n)=>(n=e!=null?gi(mi(e)):{},at(t||!e||!e.__esModule?ve(n,"default",{value:e,enumerable:!0}):n,e)),vi=e=>at(ve({},"__esModule",{value:!0}),e);var dn={};bi(dn,{AccessibilityWidget:()=>di,accessibility:()=>be,configure:()=>et,destroy:()=>Je,getConfig:()=>We,getSettings:()=>Qe,init:()=>qe,resetAllSettings:()=>tt});module.exports=vi(dn);var ai=require("react-dom/client");var _e=require("react");var dt=ct(require("react"),1);var lt=ct(require("clsx"),1);function V(...e){return(0,lt.default)(e)}var G=require("react/jsx-runtime"),De=dt.default.forwardRef(({children:e,className:t,size:n="lg",leftIcon:o,rightIcon:s,disabled:r,...a},l)=>{let c=!!e,m=!c&&!!o!==!!s,b=n==="sm"?"text-sm px-3 py-2":"text-lg px-5 py-3",C=m?V("rounded-full",n==="sm"?"w-[40px] h-[40px] p-0":"w-[60px] h-[60px] p-0"):"rounded-[30px] py-2 px-5";return(0,G.jsxs)("button",{ref:l,className:V("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",b,C,r?"opacity-50 cursor-not-allowed":"active:scale-90",t),disabled:r,...a,children:[o&&(0,G.jsx)("span",{className:V(c&&"mr-2"),children:o}),c&&(0,G.jsxs)("span",{className:"relative inline-flex items-center whitespace-nowrap",children:[(0,G.jsx)("span",{className:"invisible font-bold","aria-hidden":"true",children:e}),(0,G.jsx)("span",{className:"absolute inset-0 transition-all duration-200",children:e})]}),s&&(0,G.jsx)("span",{className:V(c&&"ml-2"),children:s})]})});De.displayName="Button";var re=require("react/jsx-runtime");function ut({size:e=24,color:t="currentColor",className:n,...o}){return(0,re.jsxs)("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",...o,children:[(0,re.jsx)("mask",{id:"path-1-inside-1_2435_12083",fill:"white",children:(0,re.jsx)("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"})}),(0,re.jsx)("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)"})]})}var M=require("react");var gt=["p","span","div","h1","h2","h3","h4","h5","h6","a","li","td","th","label","input","textarea","select","button","blockquote","pre","code"],yi={normal:null,high:{styles:{filter:"contrast(125%)"}},dark:{styles:{color:"#FFF",fill:"#FFF","background-color":"#000"},childrenSelector:gt},light:{styles:{color:"#000",fill:"#000","background-color":"#FFF"},childrenSelector:gt}};function Si(e){let{styles:t,selector:n,childrenSelector:o}=e,s="";if(t){let a=Object.keys(t).map(l=>`${l}: ${t[l]} !important;`).join(" ");s+=`${n} { ${a} }`,o&&o.forEach(l=>{s+=`${n} ${l} { ${a} }`})}return s}function Ci({css:e,id:t}){let n=document.getElementById(t);n&&n.remove();let o=document.createElement("style");o.id=t,o.textContent=e,document.head.appendChild(o)}function ye(e){let t=yi[e],n="ape-accessibility-contrast",o="ape-contrast-active";if(!t){let r=document.getElementById(n);r&&r.remove(),document.documentElement.classList.remove(o);return}let s=Si({...t,selector:`html.${o}`});Ci({css:s,id:n}),document.documentElement.classList.add(o)}var Be="ape-accessibility-settings";function ft(e,t,n=30){let o=new Date;o.setTime(o.getTime()+n*24*60*60*1e3),document.cookie=`${e}=${t};expires=${o.toUTCString()};path=/`}function xi(e){let t=e+"=",n=document.cookie.split(";");for(let o=0;o<n.length;o++){let s=n[o];for(;s?.charAt(0)===" ";)s=s?.substring(1,s?.length);if(s?.indexOf(t)===0)return s.substring(t.length,s.length)}return null}function wi(e,t){let n=JSON.stringify(t);try{localStorage.setItem(e,n)}catch(o){console.error("Error saving storage data:",o),ft(e,n)}}function Li(e){let t=null;try{t=localStorage.getItem(e)}catch(n){console.error("Error getting storage data:",n),t=xi(e)}if(!t)return null;try{return JSON.parse(t)}catch(n){return console.error("Error parsing storage data:",n),null}}function Ei(e){try{localStorage.removeItem(e)}catch(t){ft(e,"",-1),console.error("Error clearing storage data:",t)}}var Ve=class{getSettings(){return Li(Be)}saveSettings(t){let n={...t,updatedAt:new Date};wi(Be,n)}clearSettings(){Ei(Be)}},Se=new Ve;var I={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={...I};function Ai(){let e=Se.getSettings();return e&&(A={...I,...e}),A}function u(){return{...A}}function Ge(e){return A={...A,...e,updatedAt:new Date},Se.saveSettings(A),pt("update",A),A}function ae(){return A={...I},Se.saveSettings(A),pt("reset",A),A}function g(e,t){return Ge({[e]:t})}function pt(e,t){let n=new CustomEvent("accessibilitySettingsChanged",{detail:{type:e,settings:t,timestamp:new Date}});window.dispatchEvent(n)}function mt(e=A){return e.fontSize!==I.fontSize||e.contrast!==I.contrast||e.colorblindMode!==I.colorblindMode||e.saturationMode!==I.saturationMode||e.dyslexiaFont===!0||(e.letterSpacing??0)>0||(e.lineHeight??0)>0||e.fontWeight===!0||e.highlightMode!==I.highlightMode||e.readingGuide===!0||e.stopAnimations===!0||e.bigCursor===!0||e.hideImages===!0||e.textAlign!==I.textAlign||e.ttsActive===!0}typeof window<"u"&&Ai();function ht(){let[e,t]=(0,M.useState)(()=>u().contrast||"normal");(0,M.useEffect)(()=>{ye(e)},[]),(0,M.useEffect)(()=>{let d=m=>{let{settings:b}=m.detail,C=b.contrast||"normal";C!==e&&(t(C),ye(C))};return window.addEventListener("accessibilitySettingsChanged",d),()=>{window.removeEventListener("accessibilitySettingsChanged",d)}},[e]);let n=(0,M.useCallback)(d=>{t(d),ye(d),g("contrast",d),window.dispatchEvent(new CustomEvent("accessibilityContrastChanged",{detail:{mode:d,isActive:d!=="normal"}}))},[]),o=(0,M.useCallback)(()=>{n(e==="normal"?"high":"normal")},[e,n]),s=(0,M.useCallback)(d=>{n(d)},[n]),r=(0,M.useCallback)(()=>{n(e==="high"?"normal":"high")},[e,n]),a=(0,M.useCallback)(()=>{n(e==="dark"?"normal":"dark")},[e,n]),l=(0,M.useCallback)(()=>{n(e==="light"?"normal":"light")},[e,n]),c=(0,M.useCallback)(()=>{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:s,updateContrast:n,toggleContrast:o,toggleHighContrast:r,toggleDarkContrast:a,toggleLightContrast:l,isHighContrast:e==="high",isDarkContrast:e==="dark",isLightContrast:e==="light"}}var w=require("react");var bt=['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",vt={};bt.forEach(e=>{vt[e]=!0});function ki(e=1){document.querySelectorAll(Mi).forEach(t=>{let n=t;if(Array.prototype.slice.call(n.classList).some(a=>vt[`.${a}`])||bt.some(a=>n.matches(a)))return;let s=Number(n.dataset.apeOrgFontSize)||parseInt(window.getComputedStyle(n).fontSize);n.dataset.apeOrgFontSize||(n.dataset.apeOrgFontSize=String(s));let r=s*e;n.style.fontSize=`${r}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 Ce(e){let t=Ti(e);e===100?Ii():ki(t)}function yt(){let[s,r]=(0,w.useState)(()=>u().fontSize||100),[a,l]=(0,w.useState)(!1);(0,w.useEffect)(()=>{Ce(s)},[]),(0,w.useEffect)(()=>{let p=H=>{let{settings:x}=H.detail,N=x.fontSize||100;N!==s&&(r(N),Ce(N))};return window.addEventListener("accessibilitySettingsChanged",p),()=>{window.removeEventListener("accessibilitySettingsChanged",p)}},[s]);let c=(0,w.useCallback)(p=>{r(p),Ce(p),g("fontSize",p),window.dispatchEvent(new CustomEvent("accessibilityTextSizeChanged",{detail:{percentage:p,isActive:p!==100}}))},[]),f=(0,w.useCallback)(()=>{let p=Math.min(s+5,120);p!==s&&c(p)},[s,c]),d=(0,w.useCallback)(()=>{let p=Math.max(s-5,90);p!==s&&c(p)},[s,c]),m=(0,w.useCallback)(()=>{c(100)},[c]),b=(0,w.useCallback)(p=>{p>=90&&p<=120&&c(p)},[c]),C=(0,w.useCallback)(()=>{l(!a)},[a]),v=(0,w.useCallback)(()=>s===100?"Normal":s<100?`Reducido ${s}%`:`Aumentado ${s}%`,[s]),D=s<120,E=s>90;return{textSizePercentage:s,increaseTextSize:f,decreaseTextSize:d,resetTextSize:m,canIncrease:D,canDecrease:E,getTextSizeDescription:v,isActive:s!==100,toggleTextSizeOptions:C,setSpecificTextSize:b,isOptionsOpen:a,setIsOptionsOpen:l,MIN_SIZE:90,MAX_SIZE:120,NORMAL_SIZE:100,INCREMENT:5}}var P=require("react");function St(){let[e,t]=(0,P.useState)(()=>u().language||"es");(0,P.useEffect)(()=>{let a=l=>{let{settings:c}=l.detail,f=c.language||"es";f!==e&&t(f)};return window.addEventListener("accessibilitySettingsChanged",a),()=>{window.removeEventListener("accessibilitySettingsChanged",a)}},[e]);let n=(0,P.useCallback)(a=>{t(a),g("language",a),window.dispatchEvent(new CustomEvent("accessibilityLanguageChanged",{detail:{mode:a,isActive:a!=="es"}}))},[]),o=(0,P.useCallback)(()=>{n(e==="es"?"en":"es")},[e,n]),s=(0,P.useCallback)(a=>{n(a)},[n]),r=(0,P.useCallback)(()=>e==="en"?"English":"Espa\xF1ol",[e]);return{languageMode:e,isActive:e!=="es",toggleLanguage:o,setSpecificLanguage:s,getLanguageDescription:r,updateLanguage:n,isEnglish:e==="en",isSpanish:e==="es"}}var Y=require("react");function xe(e){let t=document.documentElement;e==="normal"?t.removeAttribute("data-colorblind-mode"):t.setAttribute("data-colorblind-mode",e)}function Ct(){let[e,t]=(0,Y.useState)(()=>u().colorblindMode??"normal");(0,Y.useEffect)(()=>{xe(e)},[]),(0,Y.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail,a=r.colorblindMode??"normal";a!==e&&(t(a),xe(a))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=(0,Y.useCallback)(o=>{t(o),xe(o),g("colorblindMode",o),window.dispatchEvent(new CustomEvent("accessibilityColorblindChanged",{detail:{mode:o}}))},[]);return{colorblindMode:e,setColorblindMode:n,isActive:e!=="normal"}}var K=require("react");var xt={normal:null,high:"accessibility-saturation-high",low:"accessibility-saturation-low",mono:"accessibility-saturation-mono"},Ni=Object.values(xt).filter(Boolean);function we(e){let t=document.documentElement;Ni.forEach(o=>t.classList.remove(o));let n=xt[e];n&&t.classList.add(n)}function wt(){let[e,t]=(0,K.useState)(()=>u().saturationMode??"normal");(0,K.useEffect)(()=>{we(e)},[]),(0,K.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail,a=r.saturationMode??"normal";a!==e&&(t(a),we(a))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=(0,K.useCallback)(o=>{t(o),we(o),g("saturationMode",o),window.dispatchEvent(new CustomEvent("accessibilitySaturationChanged",{detail:{mode:o}}))},[]);return{saturationMode:e,setSaturationMode:n,isActive:e!=="normal"}}var q=require("react");var Lt="accessibility-dyslexia";function Le(e){let t=document.documentElement;e?t.classList.add(Lt):t.classList.remove(Lt)}function Et(){let[e,t]=(0,q.useState)(()=>u().dyslexiaFont??!1);(0,q.useEffect)(()=>{Le(e)},[]),(0,q.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail,a=r.dyslexiaFont??!1;a!==e&&(t(a),Le(a))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=(0,q.useCallback)(()=>{let o=!e;t(o),Le(o),g("dyslexiaFont",o),window.dispatchEvent(new CustomEvent("accessibilityDyslexiaChanged",{detail:{isActive:o}}))},[e]);return{isActive:e,toggle:n}}var O=require("react");var At="accessibility-letter-spacing",Mt="accessibility-line-height",kt="accessibility-font-weight";function ce(e){let t=document.documentElement;t.style.setProperty("--accessibility-letter-spacing",String(e)),e>0?t.classList.add(At):t.classList.remove(At)}function le(e){let t=document.documentElement;t.style.setProperty("--accessibility-line-height",String(e)),e>0?t.classList.add(Mt):t.classList.remove(Mt)}function Ee(e){let t=document.documentElement;e?t.classList.add(kt):t.classList.remove(kt)}var It=3;function Tt(){let[e,t]=(0,O.useState)(()=>u().letterSpacing??0);(0,O.useEffect)(()=>{ce(e)},[]),(0,O.useEffect)(()=>{let r=a=>{let{settings:l}=a.detail,c=l.letterSpacing??0;c!==e&&(t(c),ce(c))};return window.addEventListener("accessibilitySettingsChanged",r),()=>window.removeEventListener("accessibilitySettingsChanged",r)},[e]);let n=(0,O.useCallback)(()=>{let r=Math.min(e+1,It);t(r),ce(r),g("letterSpacing",r)},[e]),o=(0,O.useCallback)(()=>{let r=Math.max(e-1,0);t(r),ce(r),g("letterSpacing",r)},[e]),s=(0,O.useCallback)(()=>{t(0),ce(0),g("letterSpacing",0)},[]);return{level:e,increase:n,decrease:o,reset:s,isActive:e>0,canIncrease:e<It,canDecrease:e>0}}var _=require("react");var Nt=3;function Rt(){let[e,t]=(0,_.useState)(()=>u().lineHeight??0);(0,_.useEffect)(()=>{le(e)},[]),(0,_.useEffect)(()=>{let r=a=>{let{settings:l}=a.detail,c=l.lineHeight??0;c!==e&&(t(c),le(c))};return window.addEventListener("accessibilitySettingsChanged",r),()=>window.removeEventListener("accessibilitySettingsChanged",r)},[e]);let n=(0,_.useCallback)(()=>{let r=Math.min(e+1,Nt);t(r),le(r),g("lineHeight",r)},[e]),o=(0,_.useCallback)(()=>{let r=Math.max(e-1,0);t(r),le(r),g("lineHeight",r)},[e]),s=(0,_.useCallback)(()=>{t(0),le(0),g("lineHeight",0)},[]);return{level:e,increase:n,decrease:o,reset:s,isActive:e>0,canIncrease:e<Nt,canDecrease:e>0}}var J=require("react");function Ht(){let[e,t]=(0,J.useState)(()=>u().fontWeight??!1);(0,J.useEffect)(()=>{Ee(e)},[]),(0,J.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail,a=r.fontWeight??!1;a!==e&&(t(a),Ee(a))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=(0,J.useCallback)(()=>{let o=!e;t(o),Ee(o),g("fontWeight",o)},[e]);return{isBold:e,toggle:n,isActive:e}}var W=require("react");function Ae(e){let t=document.documentElement;e==="none"?t.removeAttribute("data-highlight"):t.setAttribute("data-highlight",e)}function Pt(){let[e,t]=(0,W.useState)(()=>u().highlightMode??"none");(0,W.useEffect)(()=>{Ae(e)},[]),(0,W.useEffect)(()=>{let r=a=>{let{settings:l}=a.detail,c=l.highlightMode??"none";c!==e&&(t(c),Ae(c))};return window.addEventListener("accessibilitySettingsChanged",r),()=>window.removeEventListener("accessibilitySettingsChanged",r)},[e]);let n=(0,W.useCallback)(r=>{t(r),Ae(r),g("highlightMode",r)},[]),o=(0,W.useCallback)(()=>{n(e==="titles"?"none":e==="links"?"both":e==="both"?"links":"titles")},[e,n]),s=(0,W.useCallback)(()=>{n(e==="links"?"none":e==="titles"?"both":e==="both"?"titles":"links")},[e,n]);return{highlightMode:e,setHighlightMode:n,toggleTitles:o,toggleLinks:s,isTitlesActive:e==="titles"||e==="both",isLinksActive:e==="links"||e==="both",isActive:e!=="none"}}var Q=require("react");var Ot="accessibility-stop-animations",_t="accessibility-big-cursor";function Me(e){e?Ri():Hi()}function ke(e){let t=document.documentElement;e?t.classList.add(Ot):t.classList.remove(Ot)}function Ie(e){let t=document.documentElement;e?t.classList.add(_t):t.classList.remove(_t)}var Wt=`
|
|
1
|
+
"use strict";var Si=Object.create;var we=Object.defineProperty;var Ci=Object.getOwnPropertyDescriptor;var xi=Object.getOwnPropertyNames;var wi=Object.getPrototypeOf,Li=Object.prototype.hasOwnProperty;var Ei=(e,t)=>{for(var i in t)we(e,i,{get:t[i],enumerable:!0})},xt=(e,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of xi(t))!Li.call(e,o)&&o!==i&&we(e,o,{get:()=>t[o],enumerable:!(n=Ci(t,o))||n.enumerable});return e};var wt=(e,t,i)=>(i=e!=null?Si(wi(e)):{},xt(t||!e||!e.__esModule?we(i,"default",{value:e,enumerable:!0}):i,e)),Ai=e=>xt(we({},"__esModule",{value:!0}),e);var pn={};Ei(pn,{AccessibilityWidget:()=>bi,accessibility:()=>fe,configure:()=>St,destroy:()=>yt,getConfig:()=>Ue,getSettings:()=>bt,init:()=>vt,resetAllSettings:()=>Ct});module.exports=Ai(pn);var hi=require("react-dom/client");var Ze=require("react");var Et=wt(require("react"),1);var Lt=wt(require("clsx"),1);function _(...e){return(0,Lt.default)(e)}var U=require("react/jsx-runtime"),Ye=Et.default.forwardRef(({children:e,className:t,size:i="lg",leftIcon:n,rightIcon:o,disabled:r,...a},c)=>{let l=!!e,m=!l&&!!n!==!!o,h=i==="sm"?"text-sm px-3 py-2":"text-lg px-5 py-3",y=m?_("rounded-full",i==="sm"?"w-[40px] h-[40px] p-0":"w-[60px] h-[60px] p-0"):"rounded-[30px] py-2 px-5";return(0,U.jsxs)("button",{ref:c,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",h,y,r?"opacity-50 cursor-not-allowed":"active:scale-90",t),disabled:r,...a,children:[n&&(0,U.jsx)("span",{className:_(l&&"mr-2"),children:n}),l&&(0,U.jsxs)("span",{className:"relative inline-flex items-center whitespace-nowrap",children:[(0,U.jsx)("span",{className:"invisible font-bold","aria-hidden":"true",children:e}),(0,U.jsx)("span",{className:"absolute inset-0 transition-all duration-200",children:e})]}),o&&(0,U.jsx)("span",{className:_(l&&"ml-2"),children:o})]})});Ye.displayName="Button";var ce=require("react/jsx-runtime");function At({size:e=24,color:t="currentColor",className:i,...n}){return(0,ce.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 26 30",fill:t,className:i,"aria-hidden":"true",focusable:"false",...n,children:[(0,ce.jsx)("mask",{id:"path-1-inside-1_2435_12083",fill:"white",children:(0,ce.jsx)("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"})}),(0,ce.jsx)("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)"})]})}var E=require("react");var Mt=["p","span","div","h1","h2","h3","h4","h5","h6","a","li","td","th","label","input","textarea","select","button","blockquote","pre","code"],Mi={normal:null,high:{styles:{filter:"contrast(125%)"}},dark:{styles:{color:"#FFF",fill:"#FFF","background-color":"#000"},childrenSelector:Mt},light:{styles:{color:"#000",fill:"#000","background-color":"#FFF"},childrenSelector:Mt}};function Ii(e){let{styles:t,selector:i,childrenSelector:n}=e,o="";if(t){let a=Object.keys(t).map(c=>`${c}: ${t[c]} !important;`).join(" ");o+=`${i} { ${a} }`,n&&n.forEach(c=>{o+=`${i} ${c} { ${a} }`})}return o}function ki({css:e,id:t}){let i=document.getElementById(t);i&&i.remove();let n=document.createElement("style");n.id=t,n.textContent=e,document.head.appendChild(n)}function Le(e){let t=Mi[e],i="ape-accessibility-contrast",n="ape-contrast-active";if(!t){let r=document.getElementById(i);r&&r.remove(),document.documentElement.classList.remove(n);return}let o=Ii({...t,selector:`html.${n}`});ki({css:o,id:i}),document.documentElement.classList.add(n)}var qe="ape-accessibility-settings";function It(e,t,i=30){let n=new Date;n.setTime(n.getTime()+i*24*60*60*1e3),document.cookie=`${e}=${t};expires=${n.toUTCString()};path=/`}function Ti(e){let t=e+"=",i=document.cookie.split(";");for(let n=0;n<i.length;n++){let o=i[n];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 Ni(e,t){let i=JSON.stringify(t);try{localStorage.setItem(e,i)}catch(n){console.error("Error saving storage data:",n),It(e,i)}}function _i(e){let t=null;try{t=localStorage.getItem(e)}catch(i){console.error("Error getting storage data:",i),t=Ti(e)}if(!t)return null;try{return JSON.parse(t)}catch(i){return console.error("Error parsing storage data:",i),null}}function Pi(e){try{localStorage.removeItem(e)}catch(t){It(e,"",-1),console.error("Error clearing storage data:",t)}}var Je=class{getSettings(){return _i(qe)}saveSettings(t){let i={...t,updatedAt:new Date};Ni(qe,i)}clearSettings(){Pi(qe)}},Ee=new Je;var I={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={...I};function Ri(){let e=Ee.getSettings();return e&&(L={...I,...e}),L}function f(){return{...L}}function Qe(e){return L={...L,...e,updatedAt:new Date},Ee.saveSettings(L),kt("update",L),L}function le(){return L={...I},Ee.saveSettings(L),kt("reset",L),L}function p(e,t){return Qe({[e]:t})}function kt(e,t){let i=new CustomEvent("accessibilitySettingsChanged",{detail:{type:e,settings:t,timestamp:new Date}});window.dispatchEvent(i)}function Tt(e=L){return e.fontSize!==I.fontSize||e.contrast!==I.contrast||e.colorblindMode!==I.colorblindMode||e.saturationMode!==I.saturationMode||e.dyslexiaFont===!0||(e.letterSpacing??0)>0||(e.lineHeight??0)>0||e.fontWeight===!0||e.highlightMode!==I.highlightMode||e.readingGuide===!0||e.stopAnimations===!0||e.bigCursor===!0||e.hideImages===!0||e.textAlign!==I.textAlign||e.ttsActive===!0}typeof window<"u"&&Ri();function Nt(){let[e,t]=(0,E.useState)(()=>f().contrast||"normal");(0,E.useEffect)(()=>{Le(e)},[]),(0,E.useEffect)(()=>{let d=m=>{let{settings:h}=m.detail,y=h.contrast||"normal";y!==e&&(t(y),Le(y))};return window.addEventListener("accessibilitySettingsChanged",d),()=>{window.removeEventListener("accessibilitySettingsChanged",d)}},[e]);let i=(0,E.useCallback)(d=>{t(d),Le(d),p("contrast",d),window.dispatchEvent(new CustomEvent("accessibilityContrastChanged",{detail:{mode:d,isActive:d!=="normal"}}))},[]),n=(0,E.useCallback)(()=>{i(e==="normal"?"high":"normal")},[e,i]),o=(0,E.useCallback)(d=>{i(d)},[i]),r=(0,E.useCallback)(()=>{i(e==="high"?"normal":"high")},[e,i]),a=(0,E.useCallback)(()=>{i(e==="dark"?"normal":"dark")},[e,i]),c=(0,E.useCallback)(()=>{i(e==="light"?"normal":"light")},[e,i]),l=(0,E.useCallback)(()=>{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:i,toggleContrast:n,toggleHighContrast:r,toggleDarkContrast:a,toggleLightContrast:c,isHighContrast:e==="high",isDarkContrast:e==="dark",isLightContrast:e==="light"}}var x=require("react");function Ae(e){e===100?document.documentElement.style.removeProperty("zoom"):document.documentElement.style.setProperty("zoom",String(e/100))}function _t(){let[o,r]=(0,x.useState)(()=>f().fontSize||100),[a,c]=(0,x.useState)(!1);(0,x.useEffect)(()=>{Ae(o)},[]),(0,x.useEffect)(()=>{let v=O=>{let{settings:C}=O.detail,N=C.fontSize||100;N!==o&&(r(N),Ae(N))};return window.addEventListener("accessibilitySettingsChanged",v),()=>{window.removeEventListener("accessibilitySettingsChanged",v)}},[o]);let l=(0,x.useCallback)(v=>{r(v),Ae(v),p("fontSize",v),window.dispatchEvent(new CustomEvent("accessibilityTextSizeChanged",{detail:{percentage:v,isActive:v!==100}}))},[]),g=(0,x.useCallback)(()=>{let v=Math.min(o+10,160);v!==o&&l(v)},[o,l]),d=(0,x.useCallback)(()=>{let v=Math.max(o-10,100);v!==o&&l(v)},[o,l]),m=(0,x.useCallback)(()=>{l(100)},[l]),h=(0,x.useCallback)(v=>{v>=100&&v<=160&&l(v)},[l]),y=(0,x.useCallback)(()=>{c(!a)},[a]),S=(0,x.useCallback)(()=>o===100?"Normal":o<100?`Reducido ${o}%`:`Aumentado ${o}%`,[o]),$=o<160,M=o>100;return{textSizePercentage:o,increaseTextSize:g,decreaseTextSize:d,resetTextSize:m,canIncrease:$,canDecrease:M,getTextSizeDescription:S,isActive:o!==100,toggleTextSizeOptions:y,setSpecificTextSize:h,isOptionsOpen:a,setIsOptionsOpen:c,MIN_SIZE:100,MAX_SIZE:160,NORMAL_SIZE:100,INCREMENT:10}}var F=require("react");function Pt(){let[e,t]=(0,F.useState)(()=>f().language||"es");(0,F.useEffect)(()=>{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 i=(0,F.useCallback)(a=>{t(a),p("language",a),window.dispatchEvent(new CustomEvent("accessibilityLanguageChanged",{detail:{mode:a,isActive:a!=="es"}}))},[]),n=(0,F.useCallback)(()=>{i(e==="es"?"en":"es")},[e,i]),o=(0,F.useCallback)(a=>{i(a)},[i]),r=(0,F.useCallback)(()=>e==="en"?"English":"Espa\xF1ol",[e]);return{languageMode:e,isActive:e!=="es",toggleLanguage:n,setSpecificLanguage:o,getLanguageDescription:r,updateLanguage:i,isEnglish:e==="en",isSpanish:e==="es"}}var q=require("react");function Me(e){let t=document.documentElement;e==="normal"?t.removeAttribute("data-colorblind-mode"):t.setAttribute("data-colorblind-mode",e)}function Rt(){let[e,t]=(0,q.useState)(()=>f().colorblindMode??"normal");(0,q.useEffect)(()=>{Me(e)},[]),(0,q.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail,a=r.colorblindMode??"normal";a!==e&&(t(a),Me(a))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[e]);let i=(0,q.useCallback)(n=>{t(n),Me(n),p("colorblindMode",n),window.dispatchEvent(new CustomEvent("accessibilityColorblindChanged",{detail:{mode:n}}))},[]);return{colorblindMode:e,setColorblindMode:i,isActive:e!=="normal"}}var J=require("react");var Ht={normal:null,high:"accessibility-saturation-high",low:"accessibility-saturation-low",mono:"accessibility-saturation-mono"},Hi=Object.values(Ht).filter(Boolean);function Ie(e){let t=document.documentElement;Hi.forEach(n=>t.classList.remove(n));let i=Ht[e];i&&t.classList.add(i)}function Wt(){let[e,t]=(0,J.useState)(()=>f().saturationMode??"normal");(0,J.useEffect)(()=>{Ie(e)},[]),(0,J.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail,a=r.saturationMode??"normal";a!==e&&(t(a),Ie(a))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[e]);let i=(0,J.useCallback)(n=>{t(n),Ie(n),p("saturationMode",n),window.dispatchEvent(new CustomEvent("accessibilitySaturationChanged",{detail:{mode:n}}))},[]);return{saturationMode:e,setSaturationMode:i,isActive:e!=="normal"}}var Q=require("react");var Ot="accessibility-dyslexia";function ke(e){let t=document.documentElement;e?t.classList.add(Ot):t.classList.remove(Ot)}function Ft(){let[e,t]=(0,Q.useState)(()=>f().dyslexiaFont??!1);(0,Q.useEffect)(()=>{ke(e)},[]),(0,Q.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail,a=r.dyslexiaFont??!1;a!==e&&(t(a),ke(a))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[e]);let i=(0,Q.useCallback)(()=>{let n=!e;t(n),ke(n),p("dyslexiaFont",n),window.dispatchEvent(new CustomEvent("accessibilityDyslexiaChanged",{detail:{isActive:n}}))},[e]);return{isActive:e,toggle:i}}var P=require("react");var Dt="accessibility-letter-spacing",zt="accessibility-line-height",Bt="accessibility-font-weight";function Te(e){let t=document.documentElement;t.style.setProperty("--accessibility-letter-spacing",String(e)),e>0?t.classList.add(Dt):t.classList.remove(Dt)}function Ne(e){let t=document.documentElement;t.style.setProperty("--accessibility-line-height",String(e)),e>0?t.classList.add(zt):t.classList.remove(zt)}function _e(e){let t=document.documentElement;e?t.classList.add(Bt):t.classList.remove(Bt)}var et=0,Pe=5,tt=1;function Vt(){let[e,t]=(0,P.useState)(()=>f().letterSpacing??0);(0,P.useEffect)(()=>{Te(e)},[]),(0,P.useEffect)(()=>{let a=c=>{let{settings:l}=c.detail,g=l.letterSpacing??0;g!==e&&(t(g),Te(g))};return window.addEventListener("accessibilitySettingsChanged",a),()=>window.removeEventListener("accessibilitySettingsChanged",a)},[e]);let i=(0,P.useCallback)(a=>{let c=Math.max(et,Math.min(a,Pe));t(c),Te(c),p("letterSpacing",c)},[]),n=(0,P.useCallback)(()=>{i(Math.min(e+tt,Pe))},[e,i]),o=(0,P.useCallback)(()=>{i(Math.max(e-tt,et))},[e,i]),r=(0,P.useCallback)(()=>{i(0)},[i]);return{level:e,increase:n,decrease:o,reset:r,setTo:i,isActive:e>0,canIncrease:e<Pe,canDecrease:e>0,MIN:et,MAX:Pe,STEP:tt}}var R=require("react");var ee=14,Re=14,He=23,it=1;function Gt(){let[e,t]=(0,R.useState)(()=>{let c=f().lineHeight;return c!=null&&c<=3?c===0?ee:14+c*3:c??ee});(0,R.useEffect)(()=>{Ne(e)},[]),(0,R.useEffect)(()=>{let c=l=>{let{settings:g}=l.detail,d=g.lineHeight??ee,m=d<=3?d===0?ee:14+d*3:d;m!==e&&(t(m),Ne(m))};return window.addEventListener("accessibilitySettingsChanged",c),()=>window.removeEventListener("accessibilitySettingsChanged",c)},[e]);let i=(0,R.useCallback)(c=>{let l=Math.max(Re,Math.min(c,He));t(l),Ne(l),p("lineHeight",l)},[]),n=(0,R.useCallback)(()=>{i(Math.min(e+it,He))},[e,i]),o=(0,R.useCallback)(()=>{i(Math.max(e-it,Re))},[e,i]),r=(0,R.useCallback)(()=>{i(ee)},[i]),a=`${(e/10).toFixed(1)}x`;return{level:e,increase:n,decrease:o,reset:r,setTo:i,isActive:e!==ee,canIncrease:e<He,canDecrease:e>Re,displayValue:a,MIN:Re,MAX:He,STEP:it,DEFAULT:ee}}var te=require("react");function $t(){let[e,t]=(0,te.useState)(()=>f().fontWeight??!1);(0,te.useEffect)(()=>{_e(e)},[]),(0,te.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail,a=r.fontWeight??!1;a!==e&&(t(a),_e(a))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[e]);let i=(0,te.useCallback)(()=>{let n=!e;t(n),_e(n),p("fontWeight",n)},[e]);return{isBold:e,toggle:i,isActive:e}}var D=require("react");function We(e){let t=document.documentElement;e==="none"?t.removeAttribute("data-highlight"):t.setAttribute("data-highlight",e)}function Zt(){let[e,t]=(0,D.useState)(()=>f().highlightMode??"none");(0,D.useEffect)(()=>{We(e)},[]),(0,D.useEffect)(()=>{let r=a=>{let{settings:c}=a.detail,l=c.highlightMode??"none";l!==e&&(t(l),We(l))};return window.addEventListener("accessibilitySettingsChanged",r),()=>window.removeEventListener("accessibilitySettingsChanged",r)},[e]);let i=(0,D.useCallback)(r=>{t(r),We(r),p("highlightMode",r)},[]),n=(0,D.useCallback)(()=>{i(e==="titles"?"none":e==="links"?"both":e==="both"?"links":"titles")},[e,i]),o=(0,D.useCallback)(()=>{i(e==="links"?"none":e==="titles"?"both":e==="both"?"titles":"links")},[e,i]);return{highlightMode:e,setHighlightMode:i,toggleTitles:n,toggleLinks:o,isTitlesActive:e==="titles"||e==="both",isLinksActive:e==="links"||e==="both",isActive:e!=="none"}}var ie=require("react");var Ut="accessibility-stop-animations",Xt="accessibility-big-cursor";function Oe(e){e?Wi():Oi()}function Fe(e){let t=document.documentElement;e?t.classList.add(Ut):t.classList.remove(Ut)}function De(e){let t=document.documentElement;e?t.classList.add(Xt):t.classList.remove(Xt)}var jt=`
|
|
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
|
-
`,F=null,$=null;function Ri(){F||(F=document.createElement("div"),F.id="ape-reading-guide-top",F.style.cssText=Wt+"top: 0;",$=document.createElement("div"),$.id="ape-reading-guide-bottom",$.style.cssText=Wt+"bottom: 0;",document.body.appendChild(F),document.body.appendChild($),zt(window.innerHeight/2),document.addEventListener("mousemove",Ft))}function Hi(){document.removeEventListener("mousemove",Ft),F?.remove(),$?.remove(),F=null,$=null}function Ft(e){zt(e.clientY)}function zt(e){let n=Math.max(0,e-40),o=e+40;F&&(F.style.height=`${n}px`),$&&($.style.top=`${o}px`)}function Dt(){let[e,t]=(0,Q.useState)(()=>u().stopAnimations??!1);(0,Q.useEffect)(()=>{ke(e)},[]),(0,Q.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail,a=r.stopAnimations??!1;a!==e&&(t(a),ke(a))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=(0,Q.useCallback)(()=>{let o=!e;t(o),ke(o),g("stopAnimations",o)},[e]);return{isActive:e,toggle:n}}var ee=require("react");function Bt(){let[e,t]=(0,ee.useState)(()=>u().bigCursor??!1);(0,ee.useEffect)(()=>{Ie(e)},[]),(0,ee.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail,a=r.bigCursor??!1;a!==e&&(t(a),Ie(a))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=(0,ee.useCallback)(()=>{let o=!e;t(o),Ie(o),g("bigCursor",o)},[e]);return{isActive:e,toggle:n}}var te=require("react");function Vt(){let[e,t]=(0,te.useState)(()=>u().readingGuide??!1);(0,te.useEffect)(()=>{Me(e)},[]),(0,te.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail,a=r.readingGuide??!1;a!==e&&(t(a),Me(a))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=(0,te.useCallback)(()=>{let o=!e;t(o),Me(o),g("readingGuide",o)},[e]);return{isActive:e,toggle:n}}var ie=require("react");var Gt="accessibility-hide-images";function Te(e){let t=document.documentElement;e?t.classList.add(Gt):t.classList.remove(Gt)}function $t(){let[e,t]=(0,ie.useState)(()=>u().hideImages??!1);(0,ie.useEffect)(()=>{Te(e)},[]),(0,ie.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail,a=r.hideImages??!1;a!==e&&(t(a),Te(a))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=(0,ie.useCallback)(()=>{let o=!e;t(o),Te(o),g("hideImages",o)},[e]);return{isActive:e,toggle:n}}var Z=require("react");function pe(e){let t=document.documentElement;e==="default"?t.removeAttribute("data-text-align"):t.setAttribute("data-text-align",e)}var $e=["default","left","center","right"];function Zt(){let[e,t]=(0,Z.useState)(()=>u().textAlign??"default");(0,Z.useEffect)(()=>{pe(e)},[]),(0,Z.useEffect)(()=>{let s=r=>{let{settings:a}=r.detail,l=a.textAlign??"default";l!==e&&(t(l),pe(l))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=(0,Z.useCallback)(()=>{let s=$e.indexOf(e),r=$e[(s+1)%$e.length]??"default";t(r),pe(r),g("textAlign",r)},[e]),o=(0,Z.useCallback)(s=>{t(s),pe(s),g("textAlign",s)},[]);return{mode:e,cycle:n,setMode:o,isActive:e!=="default",label:e==="default"?"Por defecto":e==="left"?"Izquierda":e==="center"?"Centrado":"Derecha"}}var j=require("react");var de=null;function Ne(){return typeof window<"u"&&"speechSynthesis"in window}function jt(e="es"){if(!Ne())return;me();let n=(document.querySelector("main")??document.body).innerText;n.trim()&&(de=new SpeechSynthesisUtterance(n),de.lang=e==="es"?"es-ES":"en-US",de.rate=1,window.speechSynthesis.speak(de))}function me(){Ne()&&(window.speechSynthesis.cancel(),de=null)}function Ut(){return de}function Xt(){let[e,t]=(0,j.useState)(!1),[n]=(0,j.useState)(()=>Ne());(0,j.useEffect)(()=>()=>{me()},[]),(0,j.useEffect)(()=>{let s=()=>{me(),t(!1)};return window.addEventListener("accessibilityReset",s),()=>window.removeEventListener("accessibilityReset",s)},[]);let o=(0,j.useCallback)(()=>{if(e)me(),t(!1);else{let s=u().language??"es";jt(s),t(!0);let r=Ut();r&&(r.onend=()=>t(!1),r.onerror=()=>t(!1))}},[e]);return{isReading:e,isSupported:n,toggle:o}}var ne=require("react");var Yt={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}},Ze={visionImpaired:"Visi\xF3n reducida",cognitive:"Cognitivo",motorImpaired:"Motor",seniorFriendly:"Adulto mayor"};function je(e){for(let[t,n]of Object.entries(Yt))if(Object.entries(n).every(([s,r])=>e[s]===r))return t;return"none"}function Kt(e){return e==="none"?{...I}:Yt[e]}function qt(){let[e,t]=(0,ne.useState)(()=>je(u()));(0,ne.useEffect)(()=>{let o=s=>{let{settings:r}=s.detail;t(je(r))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[]),(0,ne.useEffect)(()=>{let o=()=>t("none");return window.addEventListener("accessibilityReset",o),()=>window.removeEventListener("accessibilityReset",o)},[]);let n=(0,ne.useCallback)(o=>{if(o===e){ae(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}));return}let s=Kt(o);Ge(s)},[e]);return{activeProfile:e,applyProfile:n}}var U=require("react");var Pi=["H1","H2","H3","H4","H5","H6"],Oi=["main","nav","aside","footer","header",'[role="banner"]','[role="navigation"]','[role="main"]','[role="complementary"]','[role="contentinfo"]'];function Jt(){let e=[],t=new Set;return document.querySelectorAll(Oi.join(",")).forEach(s=>{if(t.has(s))return;t.add(s);let r=s.getAttribute("role")||s.tagName.toLowerCase(),a=s.getAttribute("aria-label")||r;e.push({tag:r,text:a,level:0,element:s})}),document.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(s=>{let r=s.tagName;if(!Pi.includes(r))return;let a=parseInt(r.charAt(1),10),l=(s.textContent??"").trim().slice(0,80);l&&e.push({tag:r.toLowerCase(),text:l,level:a,element:s})}),e}function Qt(e){e.scrollIntoView({behavior:"smooth",block:"center"}),e.focus({preventScroll:!0})}function ei(){let[e,t]=(0,U.useState)(!1),[n,o]=(0,U.useState)([]),s=(0,U.useCallback)(()=>{o(Jt()),t(!0)},[]),r=(0,U.useCallback)(()=>{t(!1)},[]),a=(0,U.useCallback)(()=>{e?r():s()},[e,s,r]),l=(0,U.useCallback)(c=>{Qt(c.element)},[]);return{isOpen:e,structure:n,toggle:a,open:s,close:r,navigateTo:l}}function Re(){let e=ht(),t=yt(),n=St(),o=Ct(),s=wt(),r=Et(),a=Tt(),l=Rt(),c=Ht(),f=Pt(),d=Dt(),m=Bt(),b=Vt(),C=$t(),v=Zt(),D=Xt(),E=qt(),p=ei(),H=u(),x=mt(H);return{contrast:e,textSize:t,language:n,colorblind:o,saturation:s,dyslexia:r,letterSpacing:a,lineHeight:l,fontWeight:c,highlight:f,animations:d,cursor:m,readingGuide:b,hideImages:C,textAlign:v,tts:D,profiles:E,pageStructure:p,hasActiveFeatures:x,resetAllFeatures:()=>{ae(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))},currentSettings:H}}var k=require("react"),Ue="apea-fab-position",R=60,L=16,_i=6;function ue(e,t,n){return Math.max(t,Math.min(n,e))}function Wi(){try{let e=localStorage.getItem(Ue);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(Ue),null;let n=typeof window<"u"?window.innerWidth:1e3,o=typeof window<"u"?window.innerHeight:1e3,s=ue(t.hOffset,L,Math.max(L,n/2-R/2)),r=ue(t.vOffset,L,Math.max(L,o/2-R/2));return s>L&&r>L&&(s<r?s=L:r=L),{vEdge:t.vEdge,hEdge:t.hEdge,hOffset:s,vOffset:r}}catch{return null}}function Fi(e){try{localStorage.setItem(Ue,JSON.stringify(e))}catch{}}function zi(e){return Wi()??{vEdge:"bottom",hEdge:e==="bottom-right"?"right":"left",vOffset:32,hOffset:20}}function He(e,t,n){return{x:e.hEdge==="left"?e.hOffset:t-e.hOffset-R,y:e.vEdge==="top"?e.vOffset:n-e.vOffset-R}}function Di(e,t,n,o){let s=e,r=n-e-R,a=t,l=o-t-R,c=Math.min(s,r,a,l),f="left",d="top",m=L,b=L;return c===s||c===r?(f=c===s?"left":"right",m=L,d=a<=l?"top":"bottom",b=ue(d==="top"?t:l,L,o/2-R/2)):(d=c===a?"top":"bottom",b=L,f=s<=r?"left":"right",m=ue(f==="left"?e:r,L,n/2-R/2)),{hEdge:f,vEdge:d,hOffset:m,vOffset:b}}function Bi(e,t,n,o){let s=He(e,n,o);return{position:"fixed",top:`${s.y}px`,left:`${s.x}px`,cursor:t?"grabbing":"grab",userSelect:"none",touchAction:"none",transition:t?"none":"top 0.25s ease, left 0.25s ease"}}function ti({defaultPosition:e="bottom-left",onTap:t,disabled:n=!1}={}){let[o,s]=(0,k.useState)(()=>zi(e)),[r,a]=(0,k.useState)(!1),[l,c]=(0,k.useState)(()=>({w:typeof window<"u"?window.innerWidth:1e3,h:typeof window<"u"?window.innerHeight:1e3})),f=(0,k.useRef)(null),d=(0,k.useRef)(t);d.current=t;let m=(0,k.useRef)(o);m.current=o;let b=(0,k.useRef)(n);b.current=n,(0,k.useEffect)(()=>{let v=()=>{c({w:window.innerWidth,h:window.innerHeight})};return window.addEventListener("resize",v),()=>window.removeEventListener("resize",v)},[]);let C=(0,k.useCallback)((v,D)=>{if(b.current)return;let E=He(m.current,window.innerWidth,window.innerHeight),p=v-E.x,H=D-E.y,x=E.x,N=E.y,h=0;function oe(y,B){let se=ue(y-p,0,window.innerWidth-R),Fe=ue(B-H,0,window.innerHeight-R);h+=Math.abs(se-x)+Math.abs(Fe-N),x=se,N=Fe;let ze=f.current;ze&&(ze.style.top=`${Fe}px`,ze.style.left=`${se}px`)}function it(){ui();let y=f.current;if(h<_i){if(y){let B=He(m.current,window.innerWidth,window.innerHeight);y.style.transition="top 0.25s ease, left 0.25s ease",y.offsetHeight,y.style.top=`${B.y}px`,y.style.left=`${B.x}px`}a(!1),d.current?.()}else{let B=Di(x,N,window.innerWidth,window.innerHeight);if(Fi(B),y){y.style.transition="top 0.25s ease, left 0.25s ease",y.offsetHeight;let se=He(B,window.innerWidth,window.innerHeight);y.style.top=`${se.y}px`,y.style.left=`${se.x}px`}a(!1),s(B)}}function nt(y){oe(y.clientX,y.clientY)}function ot(y){y.preventDefault(),oe(y.touches[0].clientX,y.touches[0].clientY)}function st(){it()}function rt(){it()}function ui(){window.removeEventListener("mousemove",nt),window.removeEventListener("mouseup",st),window.removeEventListener("touchmove",ot),window.removeEventListener("touchend",rt)}window.addEventListener("mousemove",nt),window.addEventListener("mouseup",st),window.addEventListener("touchmove",ot,{passive:!1}),window.addEventListener("touchend",rt),a(!0)},[]);return{fabStyle:Bi(o,r,l.w,l.h),isDragging:r,fabRef:f,dragHandlers:{onMouseDown:v=>{v.button!==0||b.current||(v.preventDefault(),C(v.clientX,v.clientY))},onTouchStart:v=>{b.current||C(v.touches[0].clientX,v.touches[0].clientY)}}}}var oi=require("react");var Oe=require("react/jsx-runtime");function Pe({title:e,children:t}){return(0,Oe.jsxs)("section",{className:"px-4 py-3",children:[(0,Oe.jsx)("h3",{className:"text-xs font-semibold text-blue-700 uppercase tracking-wider mb-3",children:e}),t]})}var he=require("react/jsx-runtime");function S({icon:e,label:t,isActive:n,onClick:o,disabled:s=!1,className:r}){return(0,he.jsxs)("button",{type:"button",onClick:s?void 0:o,disabled:s,"aria-pressed":n,"aria-label":t,className:V("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",s&&"cursor-not-allowed opacity-40",r),children:[(0,he.jsx)("span",{className:V("h-6 w-6",n?"text-blue-700":"text-gray-500"),children:e}),(0,he.jsx)("span",{className:"text-base font-medium leading-tight",children:t})]})}var ge=require("react/jsx-runtime");function ii({percentage:e,onIncrease:t,onDecrease:n,onReset:o,canIncrease:s,canDecrease:r}){return(0,ge.jsxs)("div",{className:"flex items-center gap-2",children:[(0,ge.jsx)("button",{type:"button",onClick:n,disabled:!r,"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"}),(0,ge.jsxs)("button",{type:"button",onClick:o,"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,"%"]}),(0,ge.jsx)("button",{type:"button",onClick:t,disabled:!s,"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:"+"})]})}var i=require("react/jsx-runtime");function si({onClose:e}){let[t,n]=(0,oi.useState)(!1),{contrast:o,textSize:s,saturation:r,dyslexia:a,letterSpacing:l,lineHeight:c,fontWeight:f,highlight:d,animations:m,cursor:b,readingGuide:C,colorblind:v,hideImages:D,textAlign:E,tts:p,profiles:H,pageStructure:x,resetAllFeatures:N}=Re();return(0,i.jsxs)("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:[(0,i.jsxs)("div",{className:"flex items-center justify-between apea-gradient px-4 py-3 shrink-0",children:[(0,i.jsx)("h2",{className:"text-sm font-bold text-white tracking-wide",children:"Men\xFA de Accesibilidad"}),(0,i.jsx)("div",{className:"flex items-center gap-2",children:(0,i.jsx)("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:(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.2,className:"h-4 w-4","data-a11y-icon":!0,children:(0,i.jsx)("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),(0,i.jsxs)("div",{className:"flex-1 overflow-y-auto",children:[(0,i.jsxs)("section",{className:"px-4 py-3",children:[(0,i.jsxs)("button",{type:"button",onClick:()=>n(h=>!h),"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",(0,i.jsx)("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:(0,i.jsx)("path",{d:"M6 9l6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),(0,i.jsx)("div",{className:`grid transition-[grid-template-rows] duration-300 ease-in-out ${t?"grid-rows-[1fr]":"grid-rows-[0fr]"}`,children:(0,i.jsx)("div",{className:"overflow-hidden pb-5 px-2 -mx-2",children:(0,i.jsx)("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(Ze).map(h=>(0,i.jsx)(S,{icon:(0,i.jsx)(an,{profile:h}),label:Ze[h],isActive:H.activeProfile===h,onClick:()=>H.applyProfile(h)},h))})})})]}),(0,i.jsxs)(Pe,{title:"Ajustes de contenido",children:[(0,i.jsxs)("div",{className:"mb-3 rounded-xl border border-gray-200 bg-white p-3",children:[(0,i.jsxs)("div",{className:"mb-2 flex items-center gap-2 text-sm font-medium text-gray-700",children:[(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-4 w-4 shrink-0","data-a11y-icon":!0,children:(0,i.jsx)("path",{d:"M4 7V4h16v3M9 20h6M12 4v16",strokeLinecap:"round",strokeLinejoin:"round"})}),"Tama\xF1o de fuente"]}),(0,i.jsx)(ii,{percentage:s.textSizePercentage,onIncrease:s.increaseTextSize,onDecrease:s.decreaseTextSize,onReset:s.resetTextSize,canIncrease:s.canIncrease,canDecrease:s.canDecrease})]}),(0,i.jsxs)("div",{className:"grid grid-cols-3 gap-2",children:[(0,i.jsx)(S,{icon:(0,i.jsx)(Vi,{}),label:"Resaltar t\xEDtulos",isActive:d.isTitlesActive,onClick:d.toggleTitles}),(0,i.jsx)(S,{icon:(0,i.jsx)(Gi,{}),label:"Resaltar enlaces",isActive:d.isLinksActive,onClick:d.toggleLinks}),(0,i.jsx)(S,{icon:(0,i.jsx)($i,{}),label:"Fuente dislexia",isActive:a.isActive,onClick:a.toggle}),(0,i.jsx)(ni,{icon:(0,i.jsx)(Zi,{}),label:"Esp. de letras",level:l.level,onIncrease:l.increase,onDecrease:l.decrease,canIncrease:l.canIncrease,canDecrease:l.canDecrease}),(0,i.jsx)(ni,{icon:(0,i.jsx)(ji,{}),label:"Interlineado",level:c.level,onIncrease:c.increase,onDecrease:c.decrease,canIncrease:c.canIncrease,canDecrease:c.canDecrease}),(0,i.jsx)(S,{icon:(0,i.jsx)(Ui,{}),label:"Fuente negrita",isActive:f.isBold,onClick:f.toggle}),(0,i.jsx)(S,{icon:(0,i.jsx)(tn,{}),label:"Ocultar im\xE1genes",isActive:D.isActive,onClick:D.toggle}),(0,i.jsx)(S,{icon:(0,i.jsx)(nn,{mode:E.mode}),label:`Alinear: ${E.label}`,isActive:E.isActive,onClick:E.cycle})]})]}),(0,i.jsxs)(Pe,{title:"Ajustes de color",children:[(0,i.jsxs)("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[(0,i.jsx)(S,{icon:(0,i.jsx)(Xi,{}),label:"Alto contraste",isActive:o.isHighContrast,onClick:()=>o.setContrastMode(o.isHighContrast?"normal":"high")}),(0,i.jsx)(S,{icon:(0,i.jsx)(Yi,{}),label:"Alta saturaci\xF3n",isActive:r.saturationMode==="high",onClick:()=>r.setSaturationMode(r.saturationMode==="high"?"normal":"high")}),(0,i.jsx)(S,{icon:(0,i.jsx)(Ki,{}),label:"Baja saturaci\xF3n",isActive:r.saturationMode==="low",onClick:()=>r.setSaturationMode(r.saturationMode==="low"?"normal":"low")}),(0,i.jsx)(S,{icon:(0,i.jsx)(qi,{}),label:"Monocromo",isActive:r.saturationMode==="mono",onClick:()=>r.setSaturationMode(r.saturationMode==="mono"?"normal":"mono")})]}),(0,i.jsx)("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide hidden",children:"Daltonismo"}),(0,i.jsx)("div",{className:"grid grid-cols-2 gap-2 hidden",children:[["protanopia","Protanop\xEDa"],["deuteranopia","Deuteranop\xEDa"],["tritanopia","Tritanop\xEDa"],["achromatopsia","Acromatopsia"]].map(([h,oe])=>(0,i.jsx)(S,{icon:(0,i.jsx)(rn,{mode:h}),label:oe,isActive:v.colorblindMode===h,onClick:()=>v.setColorblindMode(v.colorblindMode===h?"normal":h)},h))})]}),(0,i.jsxs)(Pe,{title:"Herramientas",children:[(0,i.jsxs)("div",{className:"grid grid-cols-3 gap-2",children:[(0,i.jsx)(S,{icon:(0,i.jsx)(Ji,{}),label:"Gu\xEDa de lectura",isActive:C.isActive,onClick:C.toggle}),(0,i.jsx)(S,{icon:(0,i.jsx)(Qi,{}),label:"Pausar animaciones",isActive:m.isActive,onClick:m.toggle}),(0,i.jsx)(S,{icon:(0,i.jsx)(en,{}),label:"Cursor grande",isActive:b.isActive,onClick:b.toggle}),(0,i.jsx)(S,{icon:(0,i.jsx)(on,{}),label:p.isReading?"Detener lectura":"Leer p\xE1gina",isActive:p.isReading,onClick:p.toggle,disabled:!p.isSupported}),(0,i.jsx)(S,{icon:(0,i.jsx)(sn,{}),label:"Estructura",isActive:x.isOpen,onClick:x.toggle})]}),x.isOpen&&x.structure.length>0&&(0,i.jsxs)("div",{className:"mt-3 rounded-xl border border-gray-200 bg-white p-3 max-h-60 overflow-y-auto",children:[(0,i.jsx)("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide",children:"Estructura de la p\xE1gina"}),(0,i.jsx)("ul",{className:"space-y-1",children:x.structure.map((h,oe)=>(0,i.jsx)("li",{children:(0,i.jsxs)("button",{type:"button",onClick:()=>x.navigateTo(h),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:`${(h.level||1)*12}px`},children:[(0,i.jsx)("span",{className:"inline-block mr-2 text-xs font-mono text-blue-600 bg-blue-100 px-1.5 py-0.5 rounded",children:h.tag}),(0,i.jsx)("span",{className:"text-gray-700",children:h.text})]})},`${h.tag}-${oe}`))})]}),x.isOpen&&x.structure.length===0&&(0,i.jsx)("div",{className:"mt-3 rounded-xl border border-gray-200 bg-white p-3",children:(0,i.jsx)("p",{className:"text-sm text-gray-500 text-center",children:"No se encontraron encabezados"})})]})]}),(0,i.jsx)("section",{className:"px-4 pb-6 pt-2",children:(0,i.jsx)("button",{type:"button",onClick:N,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 ni({icon:e,label:t,level:n,onIncrease:o,onDecrease:s,canIncrease:r,canDecrease:a}){let l=n>0;return(0,i.jsxs)("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:[(0,i.jsx)("span",{className:"h-5 w-5 text-gray-500",children:e}),(0,i.jsx)("span",{className:"text-sm font-medium leading-tight",children:t}),(0,i.jsxs)("div",{className:"flex items-center gap-1 w-full justify-center",children:[(0,i.jsx)("button",{type:"button",onClick:s,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"}),(0,i.jsx)("span",{className:"w-4 text-center text-sm font-semibold tabular-nums",children:n}),(0,i.jsx)("button",{type:"button",onClick:o,disabled:!r,"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 Vi(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("path",{d:"M4 6h16M4 12h8M4 18h12",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M15 14l5 5M20 14l-5 5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Gi(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("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"}),(0,i.jsx)("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 $i(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,i.jsx)("path",{d:"M4 7l4 10 4-10M20 7v10M17 7h6",strokeLinecap:"round",strokeLinejoin:"round"})})}function Zi(){return(0,i.jsx)("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:(0,i.jsx)("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 ji(){return(0,i.jsxs)("svg",{width:25,height:24,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:[(0,i.jsx)("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"}),(0,i.jsx)("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 Ui(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("path",{d:"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"}),(0,i.jsx)("path",{d:"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"})]})}function Xi(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"9"}),(0,i.jsx)("path",{d:"M12 3v18"}),(0,i.jsx)("path",{d:"M12 3a9 9 0 0 1 0 18V3z",fill:"currentColor",stroke:"none"})]})}function Yi(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"8"}),(0,i.jsx)("path",{d:"M12 4v16M8 8l8 8M4 12h16",strokeLinecap:"round",strokeOpacity:.4}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"4",fill:"currentColor"})]})}function Ki(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"8"}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3",strokeDasharray:"2 2"})]})}function qi(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),(0,i.jsx)("path",{d:"M3 12h18M12 5v14"}),(0,i.jsx)("path",{d:"M3 5h9v14H3z",fill:"currentColor",fillOpacity:.15,stroke:"none"})]})}function Ji(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("path",{d:"M4 6h16M4 10h16M4 14h10",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M3 18h18",strokeWidth:3,strokeLinecap:"round"})]})}function Qi(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"9"}),(0,i.jsx)("rect",{x:"9",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"}),(0,i.jsx)("rect",{x:"13",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"})]})}function en(){return(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:(0,i.jsx)("path",{d:"M5 3l14 9-7.5 1.5L9 20l-4-17z"})})}function tn(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),(0,i.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5",fill:"currentColor",stroke:"none"}),(0,i.jsx)("path",{d:"M21 15l-5-5L5 21",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("path",{d:"M2 2l20 20",strokeLinecap:"round",strokeWidth:2.5})]})}function nn({mode:e}){return e==="center"?(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,i.jsx)("path",{d:"M6 6h12M8 10h8M6 14h12M8 18h8",strokeLinecap:"round"})}):e==="right"?(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,i.jsx)("path",{d:"M4 6h16M8 10h12M4 14h16M8 18h12",strokeLinecap:"round"})}):(0,i.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,i.jsx)("path",{d:"M4 6h16M4 10h12M4 14h16M4 18h12",strokeLinecap:"round"})})}function on(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("path",{d:"M11 5L6 9H2v6h4l5 4V5z",fill:"currentColor",stroke:"none"}),(0,i.jsx)("path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14",strokeLinecap:"round"})]})}function sn(){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("path",{d:"M4 6h16M4 10h12M8 14h12M8 18h8",strokeLinecap:"round"}),(0,i.jsx)("circle",{cx:"4",cy:"14",r:"1",fill:"currentColor",stroke:"none"}),(0,i.jsx)("circle",{cx:"4",cy:"18",r:"1",fill:"currentColor",stroke:"none"})]})}function rn({mode:e}){return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("circle",{cx:"12",cy:"12",r:"9"}),(0,i.jsx)("path",{d:"M12 3c-3 4-3 10 0 18",strokeLinecap:"round"}),(0,i.jsx)("path",{d:"M12 3c3 4 3 10 0 18",strokeLinecap:"round"}),e==="achromatopsia"?(0,i.jsx)("path",{d:"M3 12h18"}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("path",{d:"M4 8h16",strokeOpacity:.4}),(0,i.jsx)("path",{d:"M4 16h16",strokeOpacity:.4})]})]})}function an({profile:e}){switch(e){case"visionImpaired":return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),(0,i.jsx)("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor"})]});case"cognitive":return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("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"}),(0,i.jsx)("path",{d:"M9 16v2a3 3 0 0 0 6 0v-2"})]});case"motorImpaired":return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),(0,i.jsx)("path",{d:"M12 6v6l4 4M12 12l-4 4",strokeLinecap:"round",strokeLinejoin:"round"}),(0,i.jsx)("circle",{cx:"8",cy:"20",r:"2"}),(0,i.jsx)("circle",{cx:"16",cy:"20",r:"2"})]});case"seniorFriendly":return(0,i.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,i.jsx)("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),(0,i.jsx)("path",{d:"M12 6v8M12 14l-3 6M12 14l3 6M12 10h-2l-3 4M12 10h2",strokeLinecap:"round",strokeLinejoin:"round"})]});default:return null}}var T=require("react/jsx-runtime");function Xe({position:e="bottom-left",className:t}={}){let[n,o]=(0,_e.useState)(!1),{hasActiveFeatures:s}=Re(),{fabStyle:r,isDragging:a,fabRef:l,dragHandlers:c}=ti({defaultPosition:e,onTap:()=>o(d=>!d),disabled:n});(0,_e.useEffect)(()=>{if(!n)return;let d=m=>{m.key==="Escape"&&o(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[n]);let f=n||s?"var(--apea-color-fab-active, #FFD54F)":"var(--apea-color-fab-inactive, #F6F6F6)";return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("div",{ref:l,className:t,style:{...r,zIndex:n?30:50,opacity:a?.85:1,filter:s?"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 - ${s?"Funciones activas":"Sin funciones activas"}`,...c,onKeyDown:d=>{n||(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),o(!0))},children:(0,T.jsx)(De,{size:"lg","aria-hidden":"true",tabIndex:-1,leftIcon:(0,T.jsx)(ut,{className:"w-full z-50",color:f,stroke:f})})}),(0,T.jsx)("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:()=>o(!1),"aria-hidden":"true"}),(0,T.jsx)("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:(0,T.jsx)(si,{onClose:()=>o(!1)})})]})}var Ke=require("react/jsx-runtime"),cn={primary500:"#005dca",primary600:"#004faf",primary700:"#003b8a",panelBackground:"#f9fafb",fabActive:"#ffd54f",fabInactive:"#f6f6f6",backdrop:"rgba(0, 0, 0, 0.2)"};function Ye(e){return{...cn,...e}}function ln(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function ri(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 ci(e={}){let t={position:e.position||"bottom-left",zIndex:e.zIndex||9999,containerId:e.containerId||"ape-accessibility-root",theme:Ye(e.theme)},n=Ye(t.theme),o=t.containerId||"ape-accessibility-root";if(document.getElementById(o))return console.warn("[ape-accessibility] Widget already mounted. Call destroy() first."),{destroy:()=>{},updateConfig:()=>{},config:e};let s=document.createElement("style");s.id="ape-accessibility-tools-css",s.textContent=`/* ============================================= */
|
|
8
|
+
`,z=null,X=null;function Wi(){z||(z=document.createElement("div"),z.id="ape-reading-guide-top",z.style.cssText=jt+"top: 0;",X=document.createElement("div"),X.id="ape-reading-guide-bottom",X.style.cssText=jt+"bottom: 0;",document.body.appendChild(z),document.body.appendChild(X),Yt(window.innerHeight/2),document.addEventListener("mousemove",Kt))}function Oi(){document.removeEventListener("mousemove",Kt),z?.remove(),X?.remove(),z=null,X=null}function Kt(e){Yt(e.clientY)}function Yt(e){let i=Math.max(0,e-40),n=e+40;z&&(z.style.height=`${i}px`),X&&(X.style.top=`${n}px`)}function qt(){let[e,t]=(0,ie.useState)(()=>f().stopAnimations??!1);(0,ie.useEffect)(()=>{Fe(e)},[]),(0,ie.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail,a=r.stopAnimations??!1;a!==e&&(t(a),Fe(a))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[e]);let i=(0,ie.useCallback)(()=>{let n=!e;t(n),Fe(n),p("stopAnimations",n)},[e]);return{isActive:e,toggle:i}}var ne=require("react");function Jt(){let[e,t]=(0,ne.useState)(()=>f().bigCursor??!1);(0,ne.useEffect)(()=>{De(e)},[]),(0,ne.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail,a=r.bigCursor??!1;a!==e&&(t(a),De(a))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[e]);let i=(0,ne.useCallback)(()=>{let n=!e;t(n),De(n),p("bigCursor",n)},[e]);return{isActive:e,toggle:i}}var oe=require("react");function Qt(){let[e,t]=(0,oe.useState)(()=>f().readingGuide??!1);(0,oe.useEffect)(()=>{Oe(e)},[]),(0,oe.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail,a=r.readingGuide??!1;a!==e&&(t(a),Oe(a))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[e]);let i=(0,oe.useCallback)(()=>{let n=!e;t(n),Oe(n),p("readingGuide",n)},[e]);return{isActive:e,toggle:i}}var se=require("react");var ei="accessibility-hide-images";function ze(e){let t=document.documentElement;e?t.classList.add(ei):t.classList.remove(ei)}function ti(){let[e,t]=(0,se.useState)(()=>f().hideImages??!1);(0,se.useEffect)(()=>{ze(e)},[]),(0,se.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail,a=r.hideImages??!1;a!==e&&(t(a),ze(a))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[e]);let i=(0,se.useCallback)(()=>{let n=!e;t(n),ze(n),p("hideImages",n)},[e]);return{isActive:e,toggle:i}}var j=require("react");function pe(e){let t=document.documentElement;e==="default"?t.removeAttribute("data-text-align"):t.setAttribute("data-text-align",e)}var nt=["default","left","center","right"];function ii(){let[e,t]=(0,j.useState)(()=>f().textAlign??"default");(0,j.useEffect)(()=>{pe(e)},[]),(0,j.useEffect)(()=>{let o=r=>{let{settings:a}=r.detail,c=a.textAlign??"default";c!==e&&(t(c),pe(c))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let i=(0,j.useCallback)(()=>{let o=nt.indexOf(e),r=nt[(o+1)%nt.length]??"default";t(r),pe(r),p("textAlign",r)},[e]),n=(0,j.useCallback)(o=>{t(o),pe(o),p("textAlign",o)},[]);return{mode:e,cycle:i,setMode:n,isActive:e!=="default",label:e==="default"?"Por defecto":e==="left"?"Izquierda":e==="center"?"Centrado":"Derecha"}}var K=require("react");var de=null;function Be(){return typeof window<"u"&&"speechSynthesis"in window}function ni(e="es"){if(!Be())return;me();let i=(document.querySelector("main")??document.body).innerText;i.trim()&&(de=new SpeechSynthesisUtterance(i),de.lang=e==="es"?"es-ES":"en-US",de.rate=1,window.speechSynthesis.speak(de))}function me(){Be()&&(window.speechSynthesis.cancel(),de=null)}function oi(){return de}function si(){let[e,t]=(0,K.useState)(!1),[i]=(0,K.useState)(()=>Be());(0,K.useEffect)(()=>()=>{me()},[]),(0,K.useEffect)(()=>{let o=()=>{me(),t(!1)};return window.addEventListener("accessibilityReset",o),()=>window.removeEventListener("accessibilityReset",o)},[]);let n=(0,K.useCallback)(()=>{if(e)me(),t(!1);else{let o=f().language??"es";ni(o),t(!0);let r=oi();r&&(r.onend=()=>t(!1),r.onerror=()=>t(!1))}},[e]);return{isReading:e,isSupported:i,toggle:n}}var re=require("react");var ri={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}},ot={visionImpaired:"Visi\xF3n reducida",cognitive:"Cognitivo",motorImpaired:"Motor",seniorFriendly:"Adulto mayor"};function st(e){for(let[t,i]of Object.entries(ri))if(Object.entries(i).every(([o,r])=>e[o]===r))return t;return"none"}function ai(e){return e==="none"?{...I}:ri[e]}function ci(){let[e,t]=(0,re.useState)(()=>st(f()));(0,re.useEffect)(()=>{let n=o=>{let{settings:r}=o.detail;t(st(r))};return window.addEventListener("accessibilitySettingsChanged",n),()=>window.removeEventListener("accessibilitySettingsChanged",n)},[]),(0,re.useEffect)(()=>{let n=()=>t("none");return window.addEventListener("accessibilityReset",n),()=>window.removeEventListener("accessibilityReset",n)},[]);let i=(0,re.useCallback)(n=>{if(n===e){le(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}));return}let o=ai(n);Qe(o)},[e]);return{activeProfile:e,applyProfile:i}}var Y=require("react");var Fi=["H1","H2","H3","H4","H5","H6"],Di=["main","nav","aside","footer","header",'[role="banner"]','[role="navigation"]','[role="main"]','[role="complementary"]','[role="contentinfo"]'];function li(){let e=[],t=new Set;return document.querySelectorAll(Di.join(",")).forEach(o=>{if(t.has(o))return;t.add(o);let r=o.getAttribute("role")||o.tagName.toLowerCase(),a=o.getAttribute("aria-label")||r;e.push({tag:r,text:a,level:0,element:o})}),document.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(o=>{let r=o.tagName;if(!Fi.includes(r))return;let a=parseInt(r.charAt(1),10),c=(o.textContent??"").trim().slice(0,80);c&&e.push({tag:r.toLowerCase(),text:c,level:a,element:o})}),e}function di(e){e.scrollIntoView({behavior:"smooth",block:"center"}),e.focus({preventScroll:!0})}function ui(){let[e,t]=(0,Y.useState)(!1),[i,n]=(0,Y.useState)([]),o=(0,Y.useCallback)(()=>{n(li()),t(!0)},[]),r=(0,Y.useCallback)(()=>{t(!1)},[]),a=(0,Y.useCallback)(()=>{e?r():o()},[e,o,r]),c=(0,Y.useCallback)(l=>{di(l.element)},[]);return{isOpen:e,structure:i,toggle:a,open:o,close:r,navigateTo:c}}function Ve(){let e=Nt(),t=_t(),i=Pt(),n=Rt(),o=Wt(),r=Ft(),a=Vt(),c=Gt(),l=$t(),g=Zt(),d=qt(),m=Jt(),h=Qt(),y=ti(),S=ii(),$=si(),M=ci(),v=ui(),O=f(),C=Tt(O);return{contrast:e,textSize:t,language:i,colorblind:n,saturation:o,dyslexia:r,letterSpacing:a,lineHeight:c,fontWeight:l,highlight:g,animations:d,cursor:m,readingGuide:h,hideImages:y,textAlign:S,tts:$,profiles:M,pageStructure:v,hasActiveFeatures:C,resetAllFeatures:()=>{le(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))},currentSettings:O}}var A=require("react"),rt="apea-fab-position",H=60,w=16,zi=6;function ue(e,t,i){return Math.max(t,Math.min(i,e))}function Bi(){try{let e=localStorage.getItem(rt);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(rt),null;let i=typeof window<"u"?window.innerWidth:1e3,n=typeof window<"u"?window.innerHeight:1e3,o=ue(t.hOffset,w,Math.max(w,i/2-H/2)),r=ue(t.vOffset,w,Math.max(w,n/2-H/2));return o>w&&r>w&&(o<r?o=w:r=w),{vEdge:t.vEdge,hEdge:t.hEdge,hOffset:o,vOffset:r}}catch{return null}}function Vi(e){try{localStorage.setItem(rt,JSON.stringify(e))}catch{}}function Gi(e){return Bi()??{vEdge:"bottom",hEdge:e==="bottom-right"?"right":"left",vOffset:32,hOffset:20}}function Ge(e,t,i){return{x:e.hEdge==="left"?e.hOffset:t-e.hOffset-H,y:e.vEdge==="top"?e.vOffset:i-e.vOffset-H}}function $i(e,t,i,n){let o=e,r=i-e-H,a=t,c=n-t-H,l=Math.min(o,r,a,c),g="left",d="top",m=w,h=w;return l===o||l===r?(g=l===o?"left":"right",m=w,d=a<=c?"top":"bottom",h=ue(d==="top"?t:c,w,n/2-H/2)):(d=l===a?"top":"bottom",h=w,g=o<=r?"left":"right",m=ue(g==="left"?e:r,w,i/2-H/2)),{hEdge:g,vEdge:d,hOffset:m,vOffset:h}}function Zi(e,t,i,n){let o=Ge(e,i,n);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 gi({defaultPosition:e="bottom-left",onTap:t,disabled:i=!1}={}){let[n,o]=(0,A.useState)(()=>Gi(e)),[r,a]=(0,A.useState)(!1),[c,l]=(0,A.useState)(()=>({w:typeof window<"u"?window.innerWidth:1e3,h:typeof window<"u"?window.innerHeight:1e3})),g=(0,A.useRef)(null),d=(0,A.useRef)(t);d.current=t;let m=(0,A.useRef)(n);m.current=n;let h=(0,A.useRef)(i);h.current=i,(0,A.useEffect)(()=>{let S=()=>{l({w:window.innerWidth,h:window.innerHeight})};return window.addEventListener("resize",S),()=>window.removeEventListener("resize",S)},[]);let y=(0,A.useCallback)((S,$)=>{if(h.current)return;let M=Ge(m.current,window.innerWidth,window.innerHeight),v=S-M.x,O=$-M.y,C=M.x,N=M.y,ve=0;function ye(b,Z){let ae=ue(b-v,0,window.innerWidth-H),je=ue(Z-O,0,window.innerHeight-H);ve+=Math.abs(ae-C)+Math.abs(je-N),C=ae,N=je;let Ke=g.current;Ke&&(Ke.style.top=`${je}px`,Ke.style.left=`${ae}px`)}function be(){Xe();let b=g.current;if(ve<zi){if(b){let Z=Ge(m.current,window.innerWidth,window.innerHeight);b.style.transition="top 0.25s ease, left 0.25s ease",b.offsetHeight,b.style.top=`${Z.y}px`,b.style.left=`${Z.x}px`}a(!1),d.current?.()}else{let Z=$i(C,N,window.innerWidth,window.innerHeight);if(Vi(Z),b){b.style.transition="top 0.25s ease, left 0.25s ease",b.offsetHeight;let ae=Ge(Z,window.innerWidth,window.innerHeight);b.style.top=`${ae.y}px`,b.style.left=`${ae.x}px`}a(!1),o(Z)}}function Se(b){ye(b.clientX,b.clientY)}function Ce(b){b.preventDefault(),ye(b.touches[0].clientX,b.touches[0].clientY)}function xe(){be()}function u(){be()}function Xe(){window.removeEventListener("mousemove",Se),window.removeEventListener("mouseup",xe),window.removeEventListener("touchmove",Ce),window.removeEventListener("touchend",u)}window.addEventListener("mousemove",Se),window.addEventListener("mouseup",xe),window.addEventListener("touchmove",Ce,{passive:!1}),window.addEventListener("touchend",u),a(!0)},[]);return{fabStyle:Zi(n,r,c.w,c.h),isDragging:r,fabRef:g,dragHandlers:{onMouseDown:S=>{S.button!==0||h.current||(S.preventDefault(),y(S.clientX,S.clientY))},onTouchStart:S=>{h.current||y(S.touches[0].clientX,S.touches[0].clientY)}}}}var fi=require("react");var $e=require("react/jsx-runtime");function at({title:e,children:t}){return(0,$e.jsxs)("section",{className:"px-4 py-3",children:[(0,$e.jsx)("h3",{className:"text-xs font-semibold text-blue-700 uppercase tracking-wider mb-3",children:e}),t]})}var ge=require("react/jsx-runtime");function W({icon:e,label:t,isActive:i,onClick:n,disabled:o=!1,className:r}){return(0,ge.jsxs)("button",{type:"button",role:"switch","aria-checked":i,"aria-label":t,onClick:o?void 0:n,disabled:o,className:_("apea-focus apea-feature-row",r),"data-active":i,"data-disabled":o||void 0,children:[(0,ge.jsx)("span",{className:_("h-5 w-5 shrink-0",i?"text-blue-700":"text-gray-500"),children:e}),(0,ge.jsx)("span",{className:"flex-1 text-sm font-medium text-gray-700 leading-tight text-left",children:t}),(0,ge.jsx)("span",{className:"apea-toggle","data-checked":i,"aria-hidden":"true"})]})}var k=require("react/jsx-runtime");function Ui(){return(0,k.jsx)("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:(0,k.jsx)("polyline",{points:"2,6 5,9 10,3"})})}function B({icon:e,name:t,levels:i,currentIndex:n,onCycle:o,className:r}){let a=n>=0,c=a?i[n]:null,l=i.length>1;function g(){let h=n>=i.length-1?-1:n+1;o(h)}function d(h){(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),g())}let m=a?`${t}: ${c.label}`:t;return(0,k.jsxs)("div",{role:"button",tabIndex:0,"aria-label":m,"aria-roledescription":"cyclic toggle","aria-pressed":a,...l&&a?{"aria-valuenow":n+1,"aria-valuemax":i.length}:{},"data-active":a,onClick:g,onKeyDown:d,className:_("apea-focus apea-cyclic-tile",r),children:[(0,k.jsx)("span",{className:"apea-cyclic-tile__check","aria-hidden":"true",children:a&&(0,k.jsx)(Ui,{})}),(0,k.jsx)("span",{className:"apea-cyclic-tile__icon",children:e}),(0,k.jsx)("span",{className:"apea-cyclic-tile__label",children:a?c.label:t}),l&&(0,k.jsx)("span",{className:"apea-cyclic-tile__dots","aria-hidden":"true",children:i.map((h,y)=>(0,k.jsx)("span",{className:"apea-cyclic-dot","data-filled":a&&y<=n},y))})]})}var s=require("react/jsx-runtime"),ct=[{label:"Leve",value:120},{label:"Grande",value:130},{label:"M\xE1s grande",value:150},{label:"M\xE1ximo",value:160}],lt=[{label:"Alto",value:"high"}],dt=[{label:"Alta",value:"high"},{label:"Baja",value:"low"},{label:"Mono",value:"mono"}],ut=[{label:"Leve",value:16},{label:"Medio",value:19},{label:"M\xE1ximo",value:23}],gt=[{label:"Leve",value:2},{label:"Medio",value:3},{label:"M\xE1ximo",value:5}],ft=[{label:"Izquierda",value:"left"},{label:"Centro",value:"center"},{label:"Derecha",value:"right"}];function pi({onClose:e}){let[t,i]=(0,fi.useState)(!1),{contrast:n,textSize:o,saturation:r,dyslexia:a,letterSpacing:c,lineHeight:l,fontWeight:g,highlight:d,animations:m,cursor:h,readingGuide:y,colorblind:S,hideImages:$,textAlign:M,tts:v,profiles:O,pageStructure:C,resetAllFeatures:N}=Ve(),ve=ct.findIndex(u=>u.value===o.textSizePercentage),ye=lt.findIndex(u=>u.value===n.contrastMode),be=dt.findIndex(u=>u.value===r.saturationMode),Se=ut.findIndex(u=>u.value===l.level),Ce=gt.findIndex(u=>u.value===c.level),xe=ft.findIndex(u=>u.value===M.mode);return(0,s.jsxs)("div",{role:"dialog","aria-modal":"true","aria-label":"Men\xFA de Accesibilidad",className:"flex flex-col h-full overflow-hidden",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between apea-header-glass px-4 py-3 shrink-0",children:[(0,s.jsx)("h2",{className:"text-sm font-bold text-white tracking-wide",children:"Men\xFA de Accesibilidad"}),(0,s.jsx)("div",{className:"flex items-center gap-2",children:(0,s.jsx)("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:(0,s.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.2,className:"h-4 w-4","data-a11y-icon":!0,children:(0,s.jsx)("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),(0,s.jsxs)("div",{className:"flex-1 overflow-y-auto",children:[(0,s.jsxs)("section",{className:"px-4 py-3",children:[(0,s.jsxs)("button",{type:"button",onClick:()=>i(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",(0,s.jsx)("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:(0,s.jsx)("path",{d:"M6 9l6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),(0,s.jsx)("div",{className:`grid transition-[grid-template-rows] duration-300 ease-in-out ${t?"grid-rows-[1fr]":"grid-rows-[0fr]"}`,children:(0,s.jsx)("div",{className:"overflow-hidden pb-5 px-2 -mx-2",children:(0,s.jsx)("div",{className:`flex flex-col gap-2 pt-3 transition-opacity duration-300 ease-in-out ${t?"opacity-100":"opacity-0"}`,children:Object.keys(ot).map(u=>(0,s.jsx)(W,{icon:(0,s.jsx)(dn,{profile:u}),label:ot[u],isActive:O.activeProfile===u,onClick:()=>O.applyProfile(u)},u))})})})]}),(0,s.jsx)("section",{className:"px-4 py-3",children:(0,s.jsxs)("div",{className:"apea-cyclic-grid",children:[(0,s.jsx)(B,{icon:(0,s.jsx)(cn,{}),name:"Lector de pantalla",levels:[{label:"Activo",value:!0}],currentIndex:v.isReading?0:-1,onCycle:()=>v.toggle()}),(0,s.jsx)(B,{icon:(0,s.jsx)(Xi,{}),name:"Tama\xF1o de fuente",levels:ct,currentIndex:ve,onCycle:u=>o.setSpecificTextSize(u===-1?100:ct[u].value)}),(0,s.jsx)(B,{icon:(0,s.jsx)(en,{}),name:"Contraste",levels:lt,currentIndex:ye,onCycle:u=>n.setContrastMode(u===-1?"normal":lt[u].value)}),(0,s.jsx)(B,{icon:(0,s.jsx)(tn,{}),name:"Saturaci\xF3n",levels:dt,currentIndex:be,onCycle:u=>r.setSaturationMode(u===-1?"normal":dt[u].value)}),(0,s.jsx)(B,{icon:(0,s.jsx)(Ji,{}),name:"Interlineado",levels:ut,currentIndex:Se,onCycle:u=>l.setTo(u===-1?14:ut[u].value)}),(0,s.jsx)(B,{icon:(0,s.jsx)(qi,{}),name:"Interletrado",levels:gt,currentIndex:Ce,onCycle:u=>c.setTo(u===-1?0:gt[u].value)}),(0,s.jsx)(B,{icon:(0,s.jsx)(Yi,{}),name:"Fuente dislexia",levels:[{label:"Activa",value:!0}],currentIndex:a.isActive?0:-1,onCycle:()=>a.toggle()}),(0,s.jsx)(B,{icon:(0,s.jsx)(an,{mode:M.mode}),name:"Alinear texto",levels:ft,currentIndex:xe,onCycle:u=>M.setMode(u===-1?"default":ft[u].value)})]})}),(0,s.jsx)(at,{title:"Ajustes de contenido",children:(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)(W,{icon:(0,s.jsx)(ji,{}),label:"Resaltar t\xEDtulos",isActive:d.isTitlesActive,onClick:d.toggleTitles}),(0,s.jsx)(W,{icon:(0,s.jsx)(Ki,{}),label:"Resaltar enlaces",isActive:d.isLinksActive,onClick:d.toggleLinks}),(0,s.jsx)(W,{icon:(0,s.jsx)(Qi,{}),label:"Fuente negrita",isActive:g.isBold,onClick:g.toggle}),(0,s.jsx)(W,{icon:(0,s.jsx)(rn,{}),label:"Ocultar im\xE1genes",isActive:$.isActive,onClick:$.toggle})]})}),(0,s.jsxs)(at,{title:"Herramientas",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2",children:[(0,s.jsx)(W,{icon:(0,s.jsx)(nn,{}),label:"Gu\xEDa de lectura",isActive:y.isActive,onClick:y.toggle}),(0,s.jsx)(W,{icon:(0,s.jsx)(on,{}),label:"Pausar animaciones",isActive:m.isActive,onClick:m.toggle}),(0,s.jsx)(W,{icon:(0,s.jsx)(sn,{}),label:"Cursor grande",isActive:h.isActive,onClick:h.toggle}),(0,s.jsx)(W,{icon:(0,s.jsx)(ln,{}),label:"Estructura de p\xE1gina",isActive:C.isOpen,onClick:C.toggle})]}),C.isOpen&&C.structure.length>0&&(0,s.jsxs)("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:[(0,s.jsx)("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide",children:"Estructura de la p\xE1gina"}),(0,s.jsx)("ul",{className:"space-y-1",children:C.structure.map((u,Xe)=>(0,s.jsx)("li",{children:(0,s.jsxs)("button",{type:"button",onClick:()=>C.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:[(0,s.jsx)("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}),(0,s.jsx)("span",{className:"text-gray-700",children:u.text})]})},`${u.tag}-${Xe}`))})]}),C.isOpen&&C.structure.length===0&&(0,s.jsx)("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:(0,s.jsx)("p",{className:"text-sm text-gray-500 text-center",children:"No se encontraron encabezados"})})]})]}),(0,s.jsx)("section",{className:"px-4 pb-6 pt-2",children:(0,s.jsx)("button",{type:"button",onClick:N,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 Xi(){return(0,s.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,s.jsx)("path",{d:"M4 7V4h16v3M9 20h6M12 4v16",strokeLinecap:"round",strokeLinejoin:"round"})})}function ji(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("path",{d:"M4 6h16M4 12h8M4 18h12",strokeLinecap:"round"}),(0,s.jsx)("path",{d:"M15 14l5 5M20 14l-5 5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function Ki(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("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"}),(0,s.jsx)("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 Yi(){return(0,s.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,s.jsx)("path",{d:"M4 7l4 10 4-10M20 7v10M17 7h6",strokeLinecap:"round",strokeLinejoin:"round"})})}function qi(){return(0,s.jsx)("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:(0,s.jsx)("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 Ji(){return(0,s.jsxs)("svg",{width:25,height:24,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:[(0,s.jsx)("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"}),(0,s.jsx)("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 Qi(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("path",{d:"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"}),(0,s.jsx)("path",{d:"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"})]})}function en(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("circle",{cx:"12",cy:"12",r:"9"}),(0,s.jsx)("path",{d:"M12 3v18"}),(0,s.jsx)("path",{d:"M12 3a9 9 0 0 1 0 18V3z",fill:"currentColor",stroke:"none"})]})}function tn(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("circle",{cx:"12",cy:"12",r:"8"}),(0,s.jsx)("path",{d:"M12 4v16M8 8l8 8M4 12h16",strokeLinecap:"round",strokeOpacity:.4}),(0,s.jsx)("circle",{cx:"12",cy:"12",r:"4",fill:"currentColor"})]})}function nn(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("path",{d:"M4 6h16M4 10h16M4 14h10",strokeLinecap:"round"}),(0,s.jsx)("path",{d:"M3 18h18",strokeWidth:3,strokeLinecap:"round"})]})}function on(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("circle",{cx:"12",cy:"12",r:"9"}),(0,s.jsx)("rect",{x:"9",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"}),(0,s.jsx)("rect",{x:"13",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"})]})}function sn(){return(0,s.jsx)("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:(0,s.jsx)("path",{d:"M5 3l14 9-7.5 1.5L9 20l-4-17z"})})}function rn(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),(0,s.jsx)("circle",{cx:"8.5",cy:"8.5",r:"1.5",fill:"currentColor",stroke:"none"}),(0,s.jsx)("path",{d:"M21 15l-5-5L5 21",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("path",{d:"M2 2l20 20",strokeLinecap:"round",strokeWidth:2.5})]})}function an({mode:e}){return e==="center"?(0,s.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,s.jsx)("path",{d:"M6 6h12M8 10h8M6 14h12M8 18h8",strokeLinecap:"round"})}):e==="right"?(0,s.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,s.jsx)("path",{d:"M4 6h16M8 10h12M4 14h16M8 18h12",strokeLinecap:"round"})}):(0,s.jsx)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:(0,s.jsx)("path",{d:"M4 6h16M4 10h12M4 14h16M4 18h12",strokeLinecap:"round"})})}function cn(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("path",{d:"M11 5L6 9H2v6h4l5 4V5z",fill:"currentColor",stroke:"none"}),(0,s.jsx)("path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07",strokeLinecap:"round"}),(0,s.jsx)("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14",strokeLinecap:"round"})]})}function ln(){return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("path",{d:"M4 6h16M4 10h12M8 14h12M8 18h8",strokeLinecap:"round"}),(0,s.jsx)("circle",{cx:"4",cy:"14",r:"1",fill:"currentColor",stroke:"none"}),(0,s.jsx)("circle",{cx:"4",cy:"18",r:"1",fill:"currentColor",stroke:"none"})]})}function dn({profile:e}){switch(e){case"visionImpaired":return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),(0,s.jsx)("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor"})]});case"cognitive":return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("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"}),(0,s.jsx)("path",{d:"M9 16v2a3 3 0 0 0 6 0v-2"})]});case"motorImpaired":return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),(0,s.jsx)("path",{d:"M12 6v6l4 4M12 12l-4 4",strokeLinecap:"round",strokeLinejoin:"round"}),(0,s.jsx)("circle",{cx:"8",cy:"20",r:"2"}),(0,s.jsx)("circle",{cx:"16",cy:"20",r:"2"})]});case"seniorFriendly":return(0,s.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[(0,s.jsx)("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),(0,s.jsx)("path",{d:"M12 6v8M12 14l-3 6M12 14l3 6M12 10h-2l-3 4M12 10h2",strokeLinecap:"round",strokeLinejoin:"round"})]});default:return null}}var T=require("react/jsx-runtime");function pt({position:e="bottom-left",className:t}={}){let[i,n]=(0,Ze.useState)(!0),{hasActiveFeatures:o}=Ve(),{fabStyle:r,isDragging:a,fabRef:c,dragHandlers:l}=gi({defaultPosition:e,onTap:()=>n(d=>!d),disabled:i});(0,Ze.useEffect)(()=>{if(!i)return;let d=m=>{m.key==="Escape"&&n(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[i]);let g=i||o?"var(--apea-color-fab-active, #FFD54F)":"var(--apea-color-fab-inactive, #F6F6F6)";return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("div",{ref:c,className:t,style:{...r,zIndex:i?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":i,"aria-haspopup":"dialog","aria-label":`Accesibilidad - ${o?"Funciones activas":"Sin funciones activas"}`,...l,onKeyDown:d=>{i||(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),n(!0))},children:(0,T.jsx)(Ye,{size:"lg","aria-hidden":"true",tabIndex:-1,leftIcon:(0,T.jsx)(At,{className:"w-full z-50",color:g,stroke:g})})}),(0,T.jsx)("div",{className:"fixed inset-0 z-40 apea-backdrop",style:{backgroundColor:"var(--apea-color-backdrop, rgba(0, 0, 0, 0.15))"},"data-visible":i?"true":"false",onClick:()=>n(!1),"aria-hidden":"true"}),(0,T.jsx)("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":i?"true":"false",children:(0,T.jsx)(pi,{onClose:()=>n(!1)})})]})}var ht=require("react/jsx-runtime"),un={primary500:"#005dca",primary600:"#004faf",primary700:"#003b8a",panelBackground:"#f9fafb",fabActive:"#ffd54f",fabInactive:"#f6f6f6",backdrop:"rgba(0, 0, 0, 0.2)"};function mt(e){return{...un,...e}}function gn(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function mi(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 vi(e={}){let t={position:e.position||"bottom-left",zIndex:e.zIndex||9999,containerId:e.containerId||"ape-accessibility-root",theme:mt(e.theme)},i=mt(t.theme),n=t.containerId||"ape-accessibility-root";if(document.getElementById(n))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 @@
|
|
|
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 @@
|
|
|
163
163
|
:root[data-text-align='right'] * {
|
|
164
164
|
text-align: right !important;
|
|
165
165
|
}
|
|
166
|
-
`,document.head.appendChild(
|
|
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 r=document.createElement("div");r.id=n,r.setAttribute("data-a11y-icon",""),r.style.position="fixed",r.style.zIndex=String(t.zIndex||9999),r.style.top="0",r.style.left="0",r.style.width="0",r.style.height="0",r.style.overflow="visible",r.style.zoom="1",mi(r,i),document.body.appendChild(r);let a=r.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 @@
|
|
|
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 @@
|
|
|
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=(0,hi.createRoot)(l);g.render((0,ht.jsx)(pt,{position:t.position}));let d=!1;return{updateConfig(m){t=gn(t,m),i=mt(t.theme),r.style.zIndex=String(t.zIndex||9999),mi(r,i),g&&g.render((0,ht.jsx)(pt,{position:t.position}))},destroy(){if(d)return;d=!0;let m=g,h=r,y=o;g=null,queueMicrotask(()=>{try{m?.unmount()}catch{}h.remove(),y.remove()})},get config(){return t}}}var V=null,G={};function yi(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function fn(e){document.getElementById(e)?.remove(),document.getElementById("ape-accessibility-tools-css")?.remove()}function vt(e={}){if(V)return console.warn("[ape-accessibility] Already initialized. Call destroy() first."),V;G=yi(G,e);let t=G.containerId||"ape-accessibility-root";fn(t);let i=vi(G);return V={get config(){return i.config},updateConfig(n){i.updateConfig(n)},destroy(){i.destroy(),V=null}},V}function yt(){V&&V.destroy()}function bt(){return f()}function St(e={}){return G=yi(G,e),V&&V.updateConfig(G),Ue()}function Ue(){return{...G,theme:{...G.theme??{}}}}function Ct(){le(),typeof window<"u"&&window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))}var fe={init:vt,destroy:yt,getSettings:bt,resetAllSettings:Ct,configure:St,getConfig:Ue};var he=require("react");function bi({config:e={}}){let t=(0,he.useRef)(!1);return(0,he.useEffect)(()=>(t.current=!1,fe.init(e),()=>{t.current=!0,fe.destroy()}),[]),(0,he.useEffect)(()=>{t.current||fe.configure(e)},[e]),null}0&&(module.exports={AccessibilityWidget,accessibility,configure,destroy,getConfig,getSettings,init,resetAllSettings});
|
|
211
494
|
//# sourceMappingURL=index.cjs.map
|