ape-accessibility 0.6.2 → 0.8.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 +300 -11
- package/dist/auto.global.js +306 -17
- package/dist/auto.js +300 -11
- package/dist/index.cjs +300 -11
- package/dist/index.d.cts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.global.js +306 -17
- package/dist/index.js +300 -11
- package/package.json +8 -9
package/dist/auto.js
CHANGED
|
@@ -1,11 +1,17 @@
|
|
|
1
|
-
import{createRoot as Wn}from"react-dom/client";import{useState as Pn,useEffect as On}from"react";import di from"react";import li from"clsx";function _(...e){return li(e)}import{jsx as K,jsxs as ze}from"react/jsx-runtime";var ve=di.forwardRef(({children:e,className:t,size:n="lg",leftIcon:i,rightIcon:o,disabled:s,...a},l)=>{let c=!!e,h=!c&&!!i!==!!o,v=n==="sm"?"text-sm px-3 py-2":"text-lg px-5 py-3",x=h?_("rounded-full",n==="sm"?"w-[40px] h-[40px] p-0":"w-[60px] h-[60px] p-0"):"rounded-[30px] py-2 px-5";return ze("button",{ref:l,className:_("group cursor-pointer inline-flex items-center justify-center transition-all ease-in-out duration-200 relative overflow-hidden","apea-gradient text-white bg-blue-500 hover:ring-2 hover:ring-yellow-500 hover:font-semibold",v,x,s?"opacity-50 cursor-not-allowed":"active:scale-90",t),disabled:s,...a,children:[i&&K("span",{className:_(c&&"mr-2"),children:i}),c&&ze("span",{className:"relative inline-flex items-center whitespace-nowrap",children:[K("span",{className:"invisible font-bold","aria-hidden":"true",children:e}),K("span",{className:"absolute inset-0 transition-all duration-200",children:e})]}),o&&K("span",{className:_(c&&"ml-2"),children:o})]})});ve.displayName="Button";import{jsx as ye,jsxs as ui}from"react/jsx-runtime";function De({size:e=24,color:t="currentColor",className:n,...i}){return ui("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 26 30",fill:t,className:n,"aria-hidden":"true",focusable:"false",...i,children:[ye("mask",{id:"path-1-inside-1_2435_12083",fill:"white",children:ye("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"})}),ye("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4917 0.0390191C10.9891 0.276653 9.83951 1.43644 9.61036 2.94578C9.45194 3.98907 9.82094 5.09148 10.5813 5.84664C11.935 7.19114 14.0664 7.19114 15.4201 5.84664C16.7606 4.51534 16.7599 2.35948 15.4184 1.00802C14.6598 0.24369 13.5405 -0.126872 12.4917 0.0390191ZM12.706 1.73821C12.3594 1.80312 12.0529 1.96654 11.7962 2.22334C11.5927 2.42688 11.4709 2.62091 11.3736 2.8966L11.3042 3.09318V3.42818V3.76317L11.3736 3.95975C11.4709 4.23544 11.5927 4.42947 11.7962 4.63302C11.9997 4.83659 12.1937 4.95842 12.4693 5.05578L12.6658 5.12519H13.0007H13.3356L13.5321 5.05578C13.8077 4.95842 14.0017 4.83659 14.2052 4.63302C14.4087 4.42947 14.5305 4.23544 14.6278 3.95975L14.6972 3.76317V3.42818V3.09318L14.6278 2.8966C14.5305 2.62091 14.4087 2.42688 14.2052 2.22334C13.8866 1.90463 13.5251 1.74475 13.0811 1.72625C12.9411 1.72041 12.7723 1.7258 12.706 1.73821ZM2.25726 6.41702C2.03505 6.46277 1.77857 6.56493 1.57407 6.68923C0.660849 7.24423 0.26669 8.37245 0.639978 9.36291C0.842577 9.90052 1.26101 10.3605 1.76161 10.5958C1.86476 10.6442 3.47127 11.225 5.3316 11.8863L8.71405 13.0887V15.9233V18.7579L7.62872 23.1003C7.0318 25.4885 6.53337 27.5356 6.5211 27.6494C6.40938 28.6853 7.0643 29.6429 8.08672 29.9387L8.29878 30L8.64707 29.998C9.06199 29.9955 9.23847 29.9553 9.5888 29.7832C10.0024 29.58 10.368 29.2187 10.5625 28.821C10.6057 28.7326 11.169 27.0715 11.8142 25.1297C12.4594 23.188 12.9933 21.5993 13.0007 21.5993C13.0081 21.5993 13.542 23.188 14.1872 25.1297C14.8324 27.0715 15.3957 28.7326 15.439 28.821C15.6334 29.2187 15.999 29.58 16.4126 29.7832C16.763 29.9553 16.9394 29.9955 17.3544 29.998L17.7026 30L17.9147 29.9387C18.9371 29.6429 19.5921 28.6853 19.4803 27.6494C19.4681 27.5356 18.9696 25.4885 18.3727 23.1003L17.2874 18.7579V15.9233V13.0887L20.6698 11.8863C22.5302 11.225 24.1367 10.6442 24.2398 10.5958C25.1725 10.1573 25.6811 9.08532 25.4407 8.06454C25.3872 7.83741 25.2031 7.44981 25.0524 7.24699C24.8326 6.95136 24.4552 6.66642 24.0925 6.5224C23.7068 6.36927 23.1663 6.33116 22.7663 6.4289C22.6484 6.45768 21.1414 6.95206 19.4174 7.5275L16.283 8.57374H13.0007H9.71847L6.58398 7.5275C4.86001 6.95206 3.35304 6.45768 3.23515 6.4289L3.02082 6.37653L2.72611 6.37886C2.56402 6.38015 2.35304 6.39733 2.25726 6.41702ZM2.50479 8.13564C2.30015 8.23654 2.17455 8.4846 2.2258 8.68659C2.25602 8.80572 2.34248 8.94165 2.42955 9.00696C2.46227 9.03151 4.27547 9.68767 6.45889 10.4651L10.4287 11.8786V15.4254V18.9723L9.33026 23.3672C8.7261 25.7844 8.2318 27.8136 8.2318 27.8766C8.2318 28.0357 8.30837 28.1644 8.44648 28.2374C8.63659 28.338 8.82523 28.3031 8.96045 28.1424L9.03019 28.0595L10.6277 23.2679L12.2253 18.4763L12.3139 18.3555C12.4162 18.2158 12.5635 18.1109 12.7427 18.05C13.0769 17.9365 13.4748 18.0652 13.6876 18.3555L13.7761 18.4763L15.3737 23.2679L16.9712 28.0595L17.041 28.1424C17.1762 28.3031 17.3648 28.338 17.5549 28.2374C17.6931 28.1644 17.7696 28.0357 17.7696 27.8766C17.7696 27.8136 17.2753 25.7844 16.6712 23.3672L15.5727 18.9723V15.4254V11.8785L19.5518 10.4618L23.531 9.04509L23.6127 8.96515C23.732 8.84849 23.781 8.73869 23.7817 8.58604C23.7826 8.42537 23.7211 8.30671 23.5763 8.18967L23.4754 8.10809L23.3218 8.09826L23.1681 8.08842L19.8729 9.18869L16.5776 10.2889H13.0007H9.42379L6.12865 9.19013L2.83352 8.09134L2.71285 8.09196C2.64646 8.09228 2.55285 8.11195 2.50479 8.13564Z",strokeWidth:"0.354242",mask:"url(#path-1-inside-1_2435_12083)"})]})}import{useState as Si,useEffect as Ze,useCallback as W}from"react";var Be=["p","span","div","h1","h2","h3","h4","h5","h6","a","li","td","th","label","input","textarea","select","button","blockquote","pre","code"],gi={normal:null,high:{styles:{filter:"contrast(125%)"}},dark:{styles:{color:"#FFF",fill:"#FFF","background-color":"#000"},childrenSelector:Be},light:{styles:{color:"#000",fill:"#000","background-color":"#FFF"},childrenSelector:Be}};function fi(e){let{styles:t,selector:n,childrenSelector:i}=e,o="";if(t){let a=Object.keys(t).map(l=>`${l}: ${t[l]} !important;`).join(" ");o+=`${n} { ${a} }`,i&&i.forEach(l=>{o+=`${n} ${l} { ${a} }`})}return o}function pi({css:e,id:t}){let n=document.getElementById(t);n&&n.remove();let i=document.createElement("style");i.id=t,i.textContent=e,document.head.appendChild(i)}function q(e){let t=gi[e],n="ape-accessibility-contrast",i="ape-contrast-active";if(!t){let s=document.getElementById(n);s&&s.remove(),document.documentElement.classList.remove(i);return}let o=fi({...t,selector:`html.${i}`});pi({css:o,id:n}),document.documentElement.classList.add(i)}var Se="ape-accessibility-settings";function Ve(e,t,n=30){let i=new Date;i.setTime(i.getTime()+n*24*60*60*1e3),document.cookie=`${e}=${t};expires=${i.toUTCString()};path=/`}function mi(e){let t=e+"=",n=document.cookie.split(";");for(let i=0;i<n.length;i++){let o=n[i];for(;o?.charAt(0)===" ";)o=o?.substring(1,o?.length);if(o?.indexOf(t)===0)return o.substring(t.length,o.length)}return null}function hi(e,t){let n=JSON.stringify(t);try{localStorage.setItem(e,n)}catch(i){console.error("Error saving storage data:",i),Ve(e,n)}}function bi(e){let t=null;try{t=localStorage.getItem(e)}catch(n){console.error("Error getting storage data:",n),t=mi(e)}if(!t)return null;try{return JSON.parse(t)}catch(n){return console.error("Error parsing storage data:",n),null}}function vi(e){try{localStorage.removeItem(e)}catch(t){Ve(e,"",-1),console.error("Error clearing storage data:",t)}}var Ce=class{getSettings(){return bi(Se)}saveSettings(t){let n={...t,updatedAt:new Date};hi(Se,n)}clearSettings(){vi(Se)}},J=new Ce;var M={fontSize:100,contrast:"normal",language:"es",colorblindMode:"normal",saturationMode:"normal",dyslexiaFont:!1,letterSpacing:0,lineHeight:0,fontWeight:!1,highlightMode:"none",readingGuide:!1,stopAnimations:!1,bigCursor:!1,hideImages:!1,textAlign:"default",ttsActive:!1},A={...M};function yi(){let e=J.getSettings();return e&&(A={...M,...e}),A}function u(){return{...A}}function xe(e){return A={...A,...e,updatedAt:new Date},J.saveSettings(A),Ge("update",A),A}function V(){return A={...M},J.saveSettings(A),Ge("reset",A),A}function f(e,t){return xe({[e]:t})}function Ge(e,t){let n=new CustomEvent("accessibilitySettingsChanged",{detail:{type:e,settings:t,timestamp:new Date}});window.dispatchEvent(n)}function $e(e=A){return e.fontSize!==M.fontSize||e.contrast!==M.contrast||e.colorblindMode!==M.colorblindMode||e.saturationMode!==M.saturationMode||e.dyslexiaFont===!0||(e.letterSpacing??0)>0||(e.lineHeight??0)>0||e.fontWeight===!0||e.highlightMode!==M.highlightMode||e.readingGuide===!0||e.stopAnimations===!0||e.bigCursor===!0||e.hideImages===!0||e.textAlign!==M.textAlign||e.ttsActive===!0}typeof window<"u"&&yi();function je(){let[e,t]=Si(()=>u().contrast||"normal");Ze(()=>{q(e)},[]),Ze(()=>{let d=h=>{let{settings:v}=h.detail,x=v.contrast||"normal";x!==e&&(t(x),q(x))};return window.addEventListener("accessibilitySettingsChanged",d),()=>{window.removeEventListener("accessibilitySettingsChanged",d)}},[e]);let n=W(d=>{t(d),q(d),f("contrast",d),window.dispatchEvent(new CustomEvent("accessibilityContrastChanged",{detail:{mode:d,isActive:d!=="normal"}}))},[]),i=W(()=>{n(e==="normal"?"high":"normal")},[e,n]),o=W(d=>{n(d)},[n]),s=W(()=>{n(e==="high"?"normal":"high")},[e,n]),a=W(()=>{n(e==="dark"?"normal":"dark")},[e,n]),l=W(()=>{n(e==="light"?"normal":"light")},[e,n]),c=W(()=>{switch(e){case"high":return"Alto contraste";case"dark":return"Contraste oscuro";case"light":return"Contraste claro";default:return"Normal"}},[e]);return{contrastMode:e,isActive:e!=="normal",getContrastDescription:c,setContrastMode:o,updateContrast:n,toggleContrast:i,toggleHighContrast:s,toggleDarkContrast:a,toggleLightContrast:l,isHighContrast:e==="high",isDarkContrast:e==="dark",isLightContrast:e==="light"}}import{useState as Ye,useEffect as Ke,useCallback as z}from"react";var Ue=['i[class*="icon"]','i[class*="fa-"]',".icon",".fa",".material-icons","[data-icon]","svg"],Ci="h1,h2,h3,h4,h5,h6,p,a,dl,dt,li,ol,th,td,span,blockquote,.asw-text",Xe={};Ue.forEach(e=>{Xe[e]=!0});function xi(e=1){document.querySelectorAll(Ci).forEach(t=>{let n=t;if(Array.prototype.slice.call(n.classList).some(a=>Xe[`.${a}`])||Ue.some(a=>n.matches(a)))return;let o=Number(n.dataset.apeOrgFontSize)||parseInt(window.getComputedStyle(n).fontSize);n.dataset.apeOrgFontSize||(n.dataset.apeOrgFontSize=String(o));let s=o*e;n.style.fontSize=`${s}px`})}function wi(){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 Li(e){return e/100}function Q(e){let t=Li(e);e===100?wi():xi(t)}function qe(){let[o,s]=Ye(()=>u().fontSize||100),[a,l]=Ye(!1);Ke(()=>{Q(o)},[]),Ke(()=>{let m=T=>{let{settings:w}=T.detail,k=w.fontSize||100;k!==o&&(s(k),Q(k))};return window.addEventListener("accessibilitySettingsChanged",m),()=>{window.removeEventListener("accessibilitySettingsChanged",m)}},[o]);let c=z(m=>{s(m),Q(m),f("fontSize",m),window.dispatchEvent(new CustomEvent("accessibilityTextSizeChanged",{detail:{percentage:m,isActive:m!==100}}))},[]),p=z(()=>{let m=Math.min(o+5,120);m!==o&&c(m)},[o,c]),d=z(()=>{let m=Math.max(o-5,90);m!==o&&c(m)},[o,c]),h=z(()=>{c(100)},[c]),v=z(m=>{m>=90&&m<=120&&c(m)},[c]),x=z(()=>{l(!a)},[a]),y=z(()=>o===100?"Normal":o<100?`Reducido ${o}%`:`Aumentado ${o}%`,[o]),P=o<120,E=o>90;return{textSizePercentage:o,increaseTextSize:p,decreaseTextSize:d,resetTextSize:h,canIncrease:P,canDecrease:E,getTextSizeDescription:y,isActive:o!==100,toggleTextSizeOptions:x,setSpecificTextSize:v,isOptionsOpen:a,setIsOptionsOpen:l,MIN_SIZE:90,MAX_SIZE:120,NORMAL_SIZE:100,INCREMENT:5}}import{useState as Ei,useEffect as Ai,useCallback as ee}from"react";function Je(){let[e,t]=Ei(()=>u().language||"es");Ai(()=>{let a=l=>{let{settings:c}=l.detail,p=c.language||"es";p!==e&&t(p)};return window.addEventListener("accessibilitySettingsChanged",a),()=>{window.removeEventListener("accessibilitySettingsChanged",a)}},[e]);let n=ee(a=>{t(a),f("language",a),window.dispatchEvent(new CustomEvent("accessibilityLanguageChanged",{detail:{mode:a,isActive:a!=="es"}}))},[]),i=ee(()=>{n(e==="es"?"en":"es")},[e,n]),o=ee(a=>{n(a)},[n]),s=ee(()=>e==="en"?"English":"Espa\xF1ol",[e]);return{languageMode:e,isActive:e!=="es",toggleLanguage:i,setSpecificLanguage:o,getLanguageDescription:s,updateLanguage:n,isEnglish:e==="en",isSpanish:e==="es"}}import{useState as Mi,useEffect as Qe,useCallback as ki}from"react";function te(e){let t=document.documentElement;e==="normal"?t.removeAttribute("data-colorblind-mode"):t.setAttribute("data-colorblind-mode",e)}function et(){let[e,t]=Mi(()=>u().colorblindMode??"normal");Qe(()=>{te(e)},[]),Qe(()=>{let i=o=>{let{settings:s}=o.detail,a=s.colorblindMode??"normal";a!==e&&(t(a),te(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=ki(i=>{t(i),te(i),f("colorblindMode",i),window.dispatchEvent(new CustomEvent("accessibilityColorblindChanged",{detail:{mode:i}}))},[]);return{colorblindMode:e,setColorblindMode:n,isActive:e!=="normal"}}import{useState as Ti,useEffect as it,useCallback as Ni}from"react";var tt={normal:null,high:"accessibility-saturation-high",low:"accessibility-saturation-low",mono:"accessibility-saturation-mono"},Ii=Object.values(tt).filter(Boolean);function ie(e){let t=document.documentElement;Ii.forEach(i=>t.classList.remove(i));let n=tt[e];n&&t.classList.add(n)}function nt(){let[e,t]=Ti(()=>u().saturationMode??"normal");it(()=>{ie(e)},[]),it(()=>{let i=o=>{let{settings:s}=o.detail,a=s.saturationMode??"normal";a!==e&&(t(a),ie(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Ni(i=>{t(i),ie(i),f("saturationMode",i),window.dispatchEvent(new CustomEvent("accessibilitySaturationChanged",{detail:{mode:i}}))},[]);return{saturationMode:e,setSaturationMode:n,isActive:e!=="normal"}}import{useState as Ri,useEffect as st,useCallback as Hi}from"react";var ot="accessibility-dyslexia";function ne(e){let t=document.documentElement;e?t.classList.add(ot):t.classList.remove(ot)}function rt(){let[e,t]=Ri(()=>u().dyslexiaFont??!1);st(()=>{ne(e)},[]),st(()=>{let i=o=>{let{settings:s}=o.detail,a=s.dyslexiaFont??!1;a!==e&&(t(a),ne(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Hi(()=>{let i=!e;t(i),ne(i),f("dyslexiaFont",i),window.dispatchEvent(new CustomEvent("accessibilityDyslexiaChanged",{detail:{isActive:i}}))},[e]);return{isActive:e,toggle:n}}import{useState as Pi,useEffect as dt,useCallback as we}from"react";var at="accessibility-letter-spacing",ct="accessibility-line-height",lt="accessibility-font-weight";function G(e){let t=document.documentElement;t.style.setProperty("--accessibility-letter-spacing",String(e)),e>0?t.classList.add(at):t.classList.remove(at)}function $(e){let t=document.documentElement;t.style.setProperty("--accessibility-line-height",String(e)),e>0?t.classList.add(ct):t.classList.remove(ct)}function oe(e){let t=document.documentElement;e?t.classList.add(lt):t.classList.remove(lt)}var ut=3;function gt(){let[e,t]=Pi(()=>u().letterSpacing??0);dt(()=>{G(e)},[]),dt(()=>{let s=a=>{let{settings:l}=a.detail,c=l.letterSpacing??0;c!==e&&(t(c),G(c))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=we(()=>{let s=Math.min(e+1,ut);t(s),G(s),f("letterSpacing",s)},[e]),i=we(()=>{let s=Math.max(e-1,0);t(s),G(s),f("letterSpacing",s)},[e]),o=we(()=>{t(0),G(0),f("letterSpacing",0)},[]);return{level:e,increase:n,decrease:i,reset:o,isActive:e>0,canIncrease:e<ut,canDecrease:e>0}}import{useState as Oi,useEffect as ft,useCallback as Le}from"react";var pt=3;function mt(){let[e,t]=Oi(()=>u().lineHeight??0);ft(()=>{$(e)},[]),ft(()=>{let s=a=>{let{settings:l}=a.detail,c=l.lineHeight??0;c!==e&&(t(c),$(c))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=Le(()=>{let s=Math.min(e+1,pt);t(s),$(s),f("lineHeight",s)},[e]),i=Le(()=>{let s=Math.max(e-1,0);t(s),$(s),f("lineHeight",s)},[e]),o=Le(()=>{t(0),$(0),f("lineHeight",0)},[]);return{level:e,increase:n,decrease:i,reset:o,isActive:e>0,canIncrease:e<pt,canDecrease:e>0}}import{useState as _i,useEffect as ht,useCallback as Fi}from"react";function bt(){let[e,t]=_i(()=>u().fontWeight??!1);ht(()=>{oe(e)},[]),ht(()=>{let i=o=>{let{settings:s}=o.detail,a=s.fontWeight??!1;a!==e&&(t(a),oe(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Fi(()=>{let i=!e;t(i),oe(i),f("fontWeight",i)},[e]);return{isBold:e,toggle:n,isActive:e}}import{useState as Wi,useEffect as vt,useCallback as Ee}from"react";function se(e){let t=document.documentElement;e==="none"?t.removeAttribute("data-highlight"):t.setAttribute("data-highlight",e)}function yt(){let[e,t]=Wi(()=>u().highlightMode??"none");vt(()=>{se(e)},[]),vt(()=>{let s=a=>{let{settings:l}=a.detail,c=l.highlightMode??"none";c!==e&&(t(c),se(c))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=Ee(s=>{t(s),se(s),f("highlightMode",s)},[]),i=Ee(()=>{n(e==="titles"?"none":e==="links"?"both":e==="both"?"links":"titles")},[e,n]),o=Ee(()=>{n(e==="links"?"none":e==="titles"?"both":e==="both"?"titles":"links")},[e,n]);return{highlightMode:e,setHighlightMode:n,toggleTitles:i,toggleLinks:o,isTitlesActive:e==="titles"||e==="both",isLinksActive:e==="links"||e==="both",isActive:e!=="none"}}import{useState as Bi,useEffect as Et,useCallback as Vi}from"react";var St="accessibility-stop-animations",Ct="accessibility-big-cursor";function re(e){e?zi():Di()}function ae(e){let t=document.documentElement;e?t.classList.add(St):t.classList.remove(St)}function ce(e){let t=document.documentElement;e?t.classList.add(Ct):t.classList.remove(Ct)}var xt=`
|
|
1
|
+
import{createRoot as Lo}from"react-dom/client";import{useState as yo,useEffect as Co}from"react";import Fi from"react";import Wi from"clsx";function k(...e){return Wi(e)}import{jsx as re,jsxs as ht}from"react/jsx-runtime";var ze=Fi.forwardRef(({children:e,className:t,size:n="lg",leftIcon:i,rightIcon:o,disabled:s,...a},c)=>{let l=!!e,m=!l&&!!i!==!!o,v=n==="sm"?"text-sm px-3 py-2":"text-lg px-5 py-3",h=m?k("rounded-full",n==="sm"?"w-[40px] h-[40px] p-0":"w-[60px] h-[60px] p-0"):"rounded-[30px] py-2 px-5";return ht("button",{ref:c,className:k("group cursor-pointer inline-flex items-center justify-center transition-all ease-in-out duration-200 relative overflow-hidden","apea-gradient text-white bg-blue-500 hover:ring-2 hover:ring-yellow-500 hover:font-semibold",v,h,s?"opacity-50 cursor-not-allowed":"active:scale-90",t),disabled:s,...a,children:[i&&re("span",{className:k(l&&"mr-2"),children:i}),l&&ht("span",{className:"relative inline-flex items-center whitespace-nowrap",children:[re("span",{className:"invisible font-bold","aria-hidden":"true",children:e}),re("span",{className:"absolute inset-0 transition-all duration-200",children:e})]}),o&&re("span",{className:k(l&&"ml-2"),children:o})]})});ze.displayName="Button";import{jsx as We,jsxs as Bi}from"react/jsx-runtime";function vt({size:e=24,color:t="currentColor",className:n,...i}){return Bi("svg",{xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 26 30",fill:t,className:n,"aria-hidden":"true",focusable:"false",...i,children:[We("mask",{id:"path-1-inside-1_2435_12083",fill:"white",children:We("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"})}),We("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4917 0.0390191C10.9891 0.276653 9.83951 1.43644 9.61036 2.94578C9.45194 3.98907 9.82094 5.09148 10.5813 5.84664C11.935 7.19114 14.0664 7.19114 15.4201 5.84664C16.7606 4.51534 16.7599 2.35948 15.4184 1.00802C14.6598 0.24369 13.5405 -0.126872 12.4917 0.0390191ZM12.706 1.73821C12.3594 1.80312 12.0529 1.96654 11.7962 2.22334C11.5927 2.42688 11.4709 2.62091 11.3736 2.8966L11.3042 3.09318V3.42818V3.76317L11.3736 3.95975C11.4709 4.23544 11.5927 4.42947 11.7962 4.63302C11.9997 4.83659 12.1937 4.95842 12.4693 5.05578L12.6658 5.12519H13.0007H13.3356L13.5321 5.05578C13.8077 4.95842 14.0017 4.83659 14.2052 4.63302C14.4087 4.42947 14.5305 4.23544 14.6278 3.95975L14.6972 3.76317V3.42818V3.09318L14.6278 2.8966C14.5305 2.62091 14.4087 2.42688 14.2052 2.22334C13.8866 1.90463 13.5251 1.74475 13.0811 1.72625C12.9411 1.72041 12.7723 1.7258 12.706 1.73821ZM2.25726 6.41702C2.03505 6.46277 1.77857 6.56493 1.57407 6.68923C0.660849 7.24423 0.26669 8.37245 0.639978 9.36291C0.842577 9.90052 1.26101 10.3605 1.76161 10.5958C1.86476 10.6442 3.47127 11.225 5.3316 11.8863L8.71405 13.0887V15.9233V18.7579L7.62872 23.1003C7.0318 25.4885 6.53337 27.5356 6.5211 27.6494C6.40938 28.6853 7.0643 29.6429 8.08672 29.9387L8.29878 30L8.64707 29.998C9.06199 29.9955 9.23847 29.9553 9.5888 29.7832C10.0024 29.58 10.368 29.2187 10.5625 28.821C10.6057 28.7326 11.169 27.0715 11.8142 25.1297C12.4594 23.188 12.9933 21.5993 13.0007 21.5993C13.0081 21.5993 13.542 23.188 14.1872 25.1297C14.8324 27.0715 15.3957 28.7326 15.439 28.821C15.6334 29.2187 15.999 29.58 16.4126 29.7832C16.763 29.9553 16.9394 29.9955 17.3544 29.998L17.7026 30L17.9147 29.9387C18.9371 29.6429 19.5921 28.6853 19.4803 27.6494C19.4681 27.5356 18.9696 25.4885 18.3727 23.1003L17.2874 18.7579V15.9233V13.0887L20.6698 11.8863C22.5302 11.225 24.1367 10.6442 24.2398 10.5958C25.1725 10.1573 25.6811 9.08532 25.4407 8.06454C25.3872 7.83741 25.2031 7.44981 25.0524 7.24699C24.8326 6.95136 24.4552 6.66642 24.0925 6.5224C23.7068 6.36927 23.1663 6.33116 22.7663 6.4289C22.6484 6.45768 21.1414 6.95206 19.4174 7.5275L16.283 8.57374H13.0007H9.71847L6.58398 7.5275C4.86001 6.95206 3.35304 6.45768 3.23515 6.4289L3.02082 6.37653L2.72611 6.37886C2.56402 6.38015 2.35304 6.39733 2.25726 6.41702ZM2.50479 8.13564C2.30015 8.23654 2.17455 8.4846 2.2258 8.68659C2.25602 8.80572 2.34248 8.94165 2.42955 9.00696C2.46227 9.03151 4.27547 9.68767 6.45889 10.4651L10.4287 11.8786V15.4254V18.9723L9.33026 23.3672C8.7261 25.7844 8.2318 27.8136 8.2318 27.8766C8.2318 28.0357 8.30837 28.1644 8.44648 28.2374C8.63659 28.338 8.82523 28.3031 8.96045 28.1424L9.03019 28.0595L10.6277 23.2679L12.2253 18.4763L12.3139 18.3555C12.4162 18.2158 12.5635 18.1109 12.7427 18.05C13.0769 17.9365 13.4748 18.0652 13.6876 18.3555L13.7761 18.4763L15.3737 23.2679L16.9712 28.0595L17.041 28.1424C17.1762 28.3031 17.3648 28.338 17.5549 28.2374C17.6931 28.1644 17.7696 28.0357 17.7696 27.8766C17.7696 27.8136 17.2753 25.7844 16.6712 23.3672L15.5727 18.9723V15.4254V11.8785L19.5518 10.4618L23.531 9.04509L23.6127 8.96515C23.732 8.84849 23.781 8.73869 23.7817 8.58604C23.7826 8.42537 23.7211 8.30671 23.5763 8.18967L23.4754 8.10809L23.3218 8.09826L23.1681 8.08842L19.8729 9.18869L16.5776 10.2889H13.0007H9.42379L6.12865 9.19013L2.83352 8.09134L2.71285 8.09196C2.64646 8.09228 2.55285 8.11195 2.50479 8.13564Z",strokeWidth:"0.354242",mask:"url(#path-1-inside-1_2435_12083)"})]})}import{useState as Ki,useEffect as xt,useCallback as F}from"react";var St=["p","span","div","h1","h2","h3","h4","h5","h6","a","li","td","th","label","input","textarea","select","button","blockquote","pre","code"],Vi={normal:null,high:{styles:{filter:"contrast(125%)"}},dark:{styles:{color:"#FFF",fill:"#FFF","background-color":"#000"},childrenSelector:St},light:{styles:{color:"#000",fill:"#000","background-color":"#FFF"},childrenSelector:St}};function ji(e){let{styles:t,selector:n,childrenSelector:i}=e,o="";if(t){let a=Object.keys(t).map(c=>`${c}: ${t[c]} !important;`).join(" ");o+=`${n} { ${a} }`,i&&i.forEach(c=>{o+=`${n} ${c} { ${a} }`})}return o}function Gi({css:e,id:t}){let n=document.getElementById(t);n&&n.remove();let i=document.createElement("style");i.id=t,i.textContent=e,document.head.appendChild(i)}function ce(e){let t=Vi[e],n="ape-accessibility-contrast",i="ape-contrast-active";if(!t){let s=document.getElementById(n);s&&s.remove(),document.documentElement.classList.remove(i);return}let o=ji({...t,selector:`html.${i}`});Gi({css:o,id:n}),document.documentElement.classList.add(i)}var Fe="ape-accessibility-settings";function bt(e,t,n=30){let i=new Date;i.setTime(i.getTime()+n*24*60*60*1e3),document.cookie=`${e}=${t};expires=${i.toUTCString()};path=/`}function $i(e){let t=e+"=",n=document.cookie.split(";");for(let i=0;i<n.length;i++){let o=n[i];for(;o?.charAt(0)===" ";)o=o?.substring(1,o?.length);if(o?.indexOf(t)===0)return o.substring(t.length,o.length)}return null}function qi(e,t){let n=JSON.stringify(t);try{localStorage.setItem(e,n)}catch(i){console.error("Error saving storage data:",i),bt(e,n)}}function Zi(e){let t=null;try{t=localStorage.getItem(e)}catch(n){console.error("Error getting storage data:",n),t=$i(e)}if(!t)return null;try{return JSON.parse(t)}catch(n){return console.error("Error parsing storage data:",n),null}}function Ui(e){try{localStorage.removeItem(e)}catch(t){bt(e,"",-1),console.error("Error clearing storage data:",t)}}var Be=class{getSettings(){return Zi(Fe)}saveSettings(t){let n={...t,updatedAt:new Date};qi(Fe,n)}clearSettings(){Ui(Fe)}},le=new Be;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,dictionaryActive:!1},w={...I};function Xi(){let e=le.getSettings();return e&&(w={...I,...e}),w}function p(){return{...w}}function Ve(e){return w={...w,...e,updatedAt:new Date},le.saveSettings(w),yt("update",w),w}function G(){return w={...I},le.saveSettings(w),yt("reset",w),w}function g(e,t){return Ve({[e]:t})}function yt(e,t){let n=new CustomEvent("accessibilitySettingsChanged",{detail:{type:e,settings:t,timestamp:new Date}});window.dispatchEvent(n)}function Ct(e=w){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||e.dictionaryActive===!0}typeof window<"u"&&Xi();function Et(){let[e,t]=Ki(()=>p().contrast||"normal");xt(()=>{ce(e)},[]),xt(()=>{let d=m=>{let{settings:v}=m.detail,h=v.contrast||"normal";h!==e&&(t(h),ce(h))};return window.addEventListener("accessibilitySettingsChanged",d),()=>{window.removeEventListener("accessibilitySettingsChanged",d)}},[e]);let n=F(d=>{t(d),ce(d),g("contrast",d),window.dispatchEvent(new CustomEvent("accessibilityContrastChanged",{detail:{mode:d,isActive:d!=="normal"}}))},[]),i=F(()=>{n(e==="normal"?"high":"normal")},[e,n]),o=F(d=>{n(d)},[n]),s=F(()=>{n(e==="high"?"normal":"high")},[e,n]),a=F(()=>{n(e==="dark"?"normal":"dark")},[e,n]),c=F(()=>{n(e==="light"?"normal":"light")},[e,n]),l=F(()=>{switch(e){case"high":return"Alto contraste";case"dark":return"Contraste oscuro";case"light":return"Contraste claro";default:return"Normal"}},[e]);return{contrastMode:e,isActive:e!=="normal",getContrastDescription:l,setContrastMode:o,updateContrast:n,toggleContrast:i,toggleHighContrast:s,toggleDarkContrast:a,toggleLightContrast:c,isHighContrast:e==="high",isDarkContrast:e==="dark",isLightContrast:e==="light"}}import{useState as Lt,useEffect as wt,useCallback as B}from"react";var de=1;function ue(e){e===100?(de=1,document.documentElement.style.removeProperty("zoom")):(de=e/100,document.documentElement.style.setProperty("zoom",String(de)))}function pe(){return de}function At(){let[o,s]=Lt(()=>p().fontSize||100),[a,c]=Lt(!1);wt(()=>{ue(o)},[]),wt(()=>{let S=O=>{let{settings:E}=O.detail,M=E.fontSize||100;M!==o&&(s(M),ue(M))};return window.addEventListener("accessibilitySettingsChanged",S),()=>{window.removeEventListener("accessibilitySettingsChanged",S)}},[o]);let l=B(S=>{s(S),ue(S),g("fontSize",S),window.dispatchEvent(new CustomEvent("accessibilityTextSizeChanged",{detail:{percentage:S,isActive:S!==100}}))},[]),f=B(()=>{let S=Math.min(o+10,160);S!==o&&l(S)},[o,l]),d=B(()=>{let S=Math.max(o-10,100);S!==o&&l(S)},[o,l]),m=B(()=>{l(100)},[l]),v=B(S=>{S>=100&&S<=160&&l(S)},[l]),h=B(()=>{c(!a)},[a]),A=B(()=>o===100?"Normal":o<100?`Reducido ${o}%`:`Aumentado ${o}%`,[o]),x=o<160,C=o>100;return{textSizePercentage:o,increaseTextSize:f,decreaseTextSize:d,resetTextSize:m,canIncrease:x,canDecrease:C,getTextSizeDescription:A,isActive:o!==100,toggleTextSizeOptions:h,setSpecificTextSize:v,isOptionsOpen:a,setIsOptionsOpen:c,MIN_SIZE:100,MAX_SIZE:160,NORMAL_SIZE:100,INCREMENT:10}}import{useState as Yi,useEffect as Ji,useCallback as fe}from"react";function Mt(){let[e,t]=Yi(()=>p().language||"es");Ji(()=>{let a=c=>{let{settings:l}=c.detail,f=l.language||"es";f!==e&&t(f)};return window.addEventListener("accessibilitySettingsChanged",a),()=>{window.removeEventListener("accessibilitySettingsChanged",a)}},[e]);let n=fe(a=>{t(a),g("language",a),window.dispatchEvent(new CustomEvent("accessibilityLanguageChanged",{detail:{mode:a,isActive:a!=="es"}}))},[]),i=fe(()=>{n(e==="es"?"en":"es")},[e,n]),o=fe(a=>{n(a)},[n]),s=fe(()=>e==="en"?"English":"Espa\xF1ol",[e]);return{languageMode:e,isActive:e!=="es",toggleLanguage:i,setSpecificLanguage:o,getLanguageDescription:s,updateLanguage:n,isEnglish:e==="en",isSpanish:e==="es"}}import{useState as Qi,useEffect as It,useCallback as en}from"react";function me(e){let t=document.documentElement;e==="normal"?t.removeAttribute("data-colorblind-mode"):t.setAttribute("data-colorblind-mode",e)}function Ot(){let[e,t]=Qi(()=>p().colorblindMode??"normal");It(()=>{me(e)},[]),It(()=>{let i=o=>{let{settings:s}=o.detail,a=s.colorblindMode??"normal";a!==e&&(t(a),me(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=en(i=>{t(i),me(i),g("colorblindMode",i),window.dispatchEvent(new CustomEvent("accessibilityColorblindChanged",{detail:{mode:i}}))},[]);return{colorblindMode:e,setColorblindMode:n,isActive:e!=="normal"}}import{useState as nn,useEffect as Tt,useCallback as on}from"react";var kt={normal:null,high:"accessibility-saturation-high",low:"accessibility-saturation-low",mono:"accessibility-saturation-mono"},tn=Object.values(kt).filter(Boolean);function ge(e){let t=document.documentElement;tn.forEach(i=>t.classList.remove(i));let n=kt[e];n&&t.classList.add(n)}function Nt(){let[e,t]=nn(()=>p().saturationMode??"normal");Tt(()=>{ge(e)},[]),Tt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.saturationMode??"normal";a!==e&&(t(a),ge(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=on(i=>{t(i),ge(i),g("saturationMode",i),window.dispatchEvent(new CustomEvent("accessibilitySaturationChanged",{detail:{mode:i}}))},[]);return{saturationMode:e,setSaturationMode:n,isActive:e!=="normal"}}import{useState as sn,useEffect as Rt,useCallback as an}from"react";var Pt="accessibility-dyslexia";function he(e){let t=document.documentElement;e?t.classList.add(Pt):t.classList.remove(Pt)}function Ht(){let[e,t]=sn(()=>p().dyslexiaFont??!1);Rt(()=>{he(e)},[]),Rt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.dyslexiaFont??!1;a!==e&&(t(a),he(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=an(()=>{let i=!e;t(i),he(i),g("dyslexiaFont",i),window.dispatchEvent(new CustomEvent("accessibilityDyslexiaChanged",{detail:{isActive:i}}))},[e]);return{isActive:e,toggle:n}}import{useState as rn,useEffect as Wt,useCallback as ye}from"react";var Dt="accessibility-letter-spacing",_t="accessibility-line-height",zt="accessibility-font-weight";function ve(e){let t=document.documentElement;t.style.setProperty("--accessibility-letter-spacing",String(e)),e>0?t.classList.add(Dt):t.classList.remove(Dt)}function Se(e){let t=document.documentElement;t.style.setProperty("--accessibility-line-height",String(e)),e>0?t.classList.add(_t):t.classList.remove(_t)}function be(e){let t=document.documentElement;e?t.classList.add(zt):t.classList.remove(zt)}var je=0,Ce=5,Ge=1;function Ft(){let[e,t]=rn(()=>p().letterSpacing??0);Wt(()=>{ve(e)},[]),Wt(()=>{let a=c=>{let{settings:l}=c.detail,f=l.letterSpacing??0;f!==e&&(t(f),ve(f))};return window.addEventListener("accessibilitySettingsChanged",a),()=>window.removeEventListener("accessibilitySettingsChanged",a)},[e]);let n=ye(a=>{let c=Math.max(je,Math.min(a,Ce));t(c),ve(c),g("letterSpacing",c)},[]),i=ye(()=>{n(Math.min(e+Ge,Ce))},[e,n]),o=ye(()=>{n(Math.max(e-Ge,je))},[e,n]),s=ye(()=>{n(0)},[n]);return{level:e,increase:i,decrease:o,reset:s,setTo:n,isActive:e>0,canIncrease:e<Ce,canDecrease:e>0,MIN:je,MAX:Ce,STEP:Ge}}import{useState as cn,useEffect as Bt,useCallback as xe}from"react";var V=14,Ee=14,Le=23,$e=1;function Vt(){let[e,t]=cn(()=>{let c=p().lineHeight;return c!=null&&c<=3?c===0?V:14+c*3:c??V});Bt(()=>{Se(e)},[]),Bt(()=>{let c=l=>{let{settings:f}=l.detail,d=f.lineHeight??V,m=d<=3?d===0?V:14+d*3:d;m!==e&&(t(m),Se(m))};return window.addEventListener("accessibilitySettingsChanged",c),()=>window.removeEventListener("accessibilitySettingsChanged",c)},[e]);let n=xe(c=>{let l=Math.max(Ee,Math.min(c,Le));t(l),Se(l),g("lineHeight",l)},[]),i=xe(()=>{n(Math.min(e+$e,Le))},[e,n]),o=xe(()=>{n(Math.max(e-$e,Ee))},[e,n]),s=xe(()=>{n(V)},[n]),a=`${(e/10).toFixed(1)}x`;return{level:e,increase:i,decrease:o,reset:s,setTo:n,isActive:e!==V,canIncrease:e<Le,canDecrease:e>Ee,displayValue:a,MIN:Ee,MAX:Le,STEP:$e,DEFAULT:V}}import{useState as ln,useEffect as jt,useCallback as dn}from"react";function Gt(){let[e,t]=ln(()=>p().fontWeight??!1);jt(()=>{be(e)},[]),jt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.fontWeight??!1;a!==e&&(t(a),be(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=dn(()=>{let i=!e;t(i),be(i),g("fontWeight",i)},[e]);return{isBold:e,toggle:n,isActive:e}}import{useState as un,useEffect as $t,useCallback as qe}from"react";function we(e){let t=document.documentElement;e==="none"?t.removeAttribute("data-highlight"):t.setAttribute("data-highlight",e)}function qt(){let[e,t]=un(()=>p().highlightMode??"none");$t(()=>{we(e)},[]),$t(()=>{let s=a=>{let{settings:c}=a.detail,l=c.highlightMode??"none";l!==e&&(t(l),we(l))};return window.addEventListener("accessibilitySettingsChanged",s),()=>window.removeEventListener("accessibilitySettingsChanged",s)},[e]);let n=qe(s=>{t(s),we(s),g("highlightMode",s)},[]),i=qe(()=>{n(e==="titles"?"none":e==="links"?"both":e==="both"?"links":"titles")},[e,n]),o=qe(()=>{n(e==="links"?"none":e==="titles"?"both":e==="both"?"titles":"links")},[e,n]);return{highlightMode:e,setHighlightMode:n,toggleTitles:i,toggleLinks:o,isTitlesActive:e==="titles"||e==="both",isLinksActive:e==="links"||e==="both",isActive:e!=="none"}}import{useState as mn,useEffect as Jt,useCallback as gn}from"react";var Zt="accessibility-stop-animations",Ut="accessibility-big-cursor";function Ae(e){e?pn():fn()}function Me(e){let t=document.documentElement;e?t.classList.add(Zt):t.classList.remove(Zt)}function Ie(e){let t=document.documentElement;e?t.classList.add(Ut):t.classList.remove(Ut)}var Xt=`
|
|
2
2
|
position: fixed;
|
|
3
3
|
left: 0;
|
|
4
4
|
right: 0;
|
|
5
5
|
background: rgba(0, 0, 0, 0.65);
|
|
6
6
|
pointer-events: none;
|
|
7
7
|
z-index: 9998;
|
|
8
|
-
`,N=null,F=null;function zi(){N||(N=document.createElement("div"),N.id="ape-reading-guide-top",N.style.cssText=xt+"top: 0;",F=document.createElement("div"),F.id="ape-reading-guide-bottom",F.style.cssText=xt+"bottom: 0;",document.body.appendChild(N),document.body.appendChild(F),Lt(window.innerHeight/2),document.addEventListener("mousemove",wt))}function Di(){document.removeEventListener("mousemove",wt),N?.remove(),F?.remove(),N=null,F=null}function wt(e){Lt(e.clientY)}function Lt(e){let n=Math.max(0,e-40),i=e+40;N&&(N.style.height=`${n}px`),F&&(F.style.top=`${i}px`)}function At(){let[e,t]=Bi(()=>u().stopAnimations??!1);Et(()=>{ae(e)},[]),Et(()=>{let i=o=>{let{settings:s}=o.detail,a=s.stopAnimations??!1;a!==e&&(t(a),ae(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Vi(()=>{let i=!e;t(i),ae(i),f("stopAnimations",i)},[e]);return{isActive:e,toggle:n}}import{useState as Gi,useEffect as Mt,useCallback as $i}from"react";function kt(){let[e,t]=Gi(()=>u().bigCursor??!1);Mt(()=>{ce(e)},[]),Mt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.bigCursor??!1;a!==e&&(t(a),ce(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=$i(()=>{let i=!e;t(i),ce(i),f("bigCursor",i)},[e]);return{isActive:e,toggle:n}}import{useState as Zi,useEffect as It,useCallback as ji}from"react";function Tt(){let[e,t]=Zi(()=>u().readingGuide??!1);It(()=>{re(e)},[]),It(()=>{let i=o=>{let{settings:s}=o.detail,a=s.readingGuide??!1;a!==e&&(t(a),re(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=ji(()=>{let i=!e;t(i),re(i),f("readingGuide",i)},[e]);return{isActive:e,toggle:n}}import{useState as Ui,useEffect as Rt,useCallback as Xi}from"react";var Nt="accessibility-hide-images";function le(e){let t=document.documentElement;e?t.classList.add(Nt):t.classList.remove(Nt)}function Ht(){let[e,t]=Ui(()=>u().hideImages??!1);Rt(()=>{le(e)},[]),Rt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.hideImages??!1;a!==e&&(t(a),le(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Xi(()=>{let i=!e;t(i),le(i),f("hideImages",i)},[e]);return{isActive:e,toggle:n}}import{useState as Yi,useEffect as Pt,useCallback as Ot}from"react";function X(e){let t=document.documentElement;e==="default"?t.removeAttribute("data-text-align"):t.setAttribute("data-text-align",e)}var Ae=["default","left","center","right"];function _t(){let[e,t]=Yi(()=>u().textAlign??"default");Pt(()=>{X(e)},[]),Pt(()=>{let o=s=>{let{settings:a}=s.detail,l=a.textAlign??"default";l!==e&&(t(l),X(l))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=Ot(()=>{let o=Ae.indexOf(e),s=Ae[(o+1)%Ae.length]??"default";t(s),X(s),f("textAlign",s)},[e]),i=Ot(o=>{t(o),X(o),f("textAlign",o)},[]);return{mode:e,cycle:n,setMode:i,isActive:e!=="default",label:e==="default"?"Por defecto":e==="left"?"Izquierda":e==="center"?"Centrado":"Derecha"}}import{useState as zt,useEffect as Dt,useCallback as Ki}from"react";var Z=null;function de(){return typeof window<"u"&&"speechSynthesis"in window}function Ft(e="es"){if(!de())return;Y();let n=(document.querySelector("main")??document.body).innerText;n.trim()&&(Z=new SpeechSynthesisUtterance(n),Z.lang=e==="es"?"es-ES":"en-US",Z.rate=1,window.speechSynthesis.speak(Z))}function Y(){de()&&(window.speechSynthesis.cancel(),Z=null)}function Wt(){return Z}function Bt(){let[e,t]=zt(!1),[n]=zt(()=>de());Dt(()=>()=>{Y()},[]),Dt(()=>{let o=()=>{Y(),t(!1)};return window.addEventListener("accessibilityReset",o),()=>window.removeEventListener("accessibilityReset",o)},[]);let i=Ki(()=>{if(e)Y(),t(!1);else{let o=u().language??"es";Ft(o),t(!0);let s=Wt();s&&(s.onend=()=>t(!1),s.onerror=()=>t(!1))}},[e]);return{isReading:e,isSupported:n,toggle:i}}import{useState as qi,useEffect as $t,useCallback as Ji}from"react";var Vt={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}},Me={visionImpaired:"Visi\xF3n reducida",cognitive:"Cognitivo",motorImpaired:"Motor",seniorFriendly:"Adulto mayor"};function ke(e){for(let[t,n]of Object.entries(Vt))if(Object.entries(n).every(([o,s])=>e[o]===s))return t;return"none"}function Gt(e){return e==="none"?{...M}:Vt[e]}function Zt(){let[e,t]=qi(()=>ke(u()));$t(()=>{let i=o=>{let{settings:s}=o.detail;t(ke(s))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[]),$t(()=>{let i=()=>t("none");return window.addEventListener("accessibilityReset",i),()=>window.removeEventListener("accessibilityReset",i)},[]);let n=Ji(i=>{if(i===e){V(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}));return}let o=Gt(i);xe(o)},[e]);return{activeProfile:e,applyProfile:n}}import{useState as Xt,useCallback as ue}from"react";var Qi=["H1","H2","H3","H4","H5","H6"],en=["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(en.join(",")).forEach(o=>{if(t.has(o))return;t.add(o);let s=o.getAttribute("role")||o.tagName.toLowerCase(),a=o.getAttribute("aria-label")||s;e.push({tag:s,text:a,level:0,element:o})}),document.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(o=>{let s=o.tagName;if(!Qi.includes(s))return;let a=parseInt(s.charAt(1),10),l=(o.textContent??"").trim().slice(0,80);l&&e.push({tag:s.toLowerCase(),text:l,level:a,element:o})}),e}function Ut(e){e.scrollIntoView({behavior:"smooth",block:"center"}),e.focus({preventScroll:!0})}function Yt(){let[e,t]=Xt(!1),[n,i]=Xt([]),o=ue(()=>{i(jt()),t(!0)},[]),s=ue(()=>{t(!1)},[]),a=ue(()=>{e?s():o()},[e,o,s]),l=ue(c=>{Ut(c.element)},[]);return{isOpen:e,structure:n,toggle:a,open:o,close:s,navigateTo:l}}function ge(){let e=je(),t=qe(),n=Je(),i=et(),o=nt(),s=rt(),a=gt(),l=mt(),c=bt(),p=yt(),d=At(),h=kt(),v=Tt(),x=Ht(),y=_t(),P=Bt(),E=Zt(),m=Yt(),T=u(),w=$e(T);return{contrast:e,textSize:t,language:n,colorblind:i,saturation:o,dyslexia:s,letterSpacing:a,lineHeight:l,fontWeight:c,highlight:p,animations:d,cursor:h,readingGuide:v,hideImages:x,textAlign:y,tts:P,profiles:E,pageStructure:m,hasActiveFeatures:w,resetAllFeatures:()=>{V(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))},currentSettings:T}}import{useCallback as tn,useEffect as nn,useRef as fe,useState as Ie}from"react";var Te="apea-fab-position",I=60,L=16,on=6;function j(e,t,n){return Math.max(t,Math.min(n,e))}function sn(){try{let e=localStorage.getItem(Te);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(Te),null;let n=typeof window<"u"?window.innerWidth:1e3,i=typeof window<"u"?window.innerHeight:1e3,o=j(t.hOffset,L,Math.max(L,n/2-I/2)),s=j(t.vOffset,L,Math.max(L,i/2-I/2));return o>L&&s>L&&(o<s?o=L:s=L),{vEdge:t.vEdge,hEdge:t.hEdge,hOffset:o,vOffset:s}}catch{return null}}function rn(e){try{localStorage.setItem(Te,JSON.stringify(e))}catch{}}function an(e){return sn()??{vEdge:"bottom",hEdge:e==="bottom-right"?"right":"left",vOffset:32,hOffset:20}}function pe(e,t,n){return{x:e.hEdge==="left"?e.hOffset:t-e.hOffset-I,y:e.vEdge==="top"?e.vOffset:n-e.vOffset-I}}function cn(e,t,n,i){let o=e,s=n-e-I,a=t,l=i-t-I,c=Math.min(o,s,a,l),p="left",d="top",h=L,v=L;return c===o||c===s?(p=c===o?"left":"right",h=L,d=a<=l?"top":"bottom",v=j(d==="top"?t:l,L,i/2-I/2)):(d=c===a?"top":"bottom",v=L,p=o<=s?"left":"right",h=j(p==="left"?e:s,L,n/2-I/2)),{hEdge:p,vEdge:d,hOffset:h,vOffset:v}}function ln(e,t,n,i){let o=pe(e,n,i);return{position:"fixed",top:`${o.y}px`,left:`${o.x}px`,cursor:t?"grabbing":"grab",userSelect:"none",touchAction:"none",transition:t?"none":"top 0.25s ease, left 0.25s ease"}}function Kt({defaultPosition:e="bottom-left",onTap:t,disabled:n=!1}={}){let[i,o]=Ie(()=>an(e)),[s,a]=Ie(!1),[l,c]=Ie(()=>({w:typeof window<"u"?window.innerWidth:1e3,h:typeof window<"u"?window.innerHeight:1e3})),p=fe(null),d=fe(t);d.current=t;let h=fe(i);h.current=i;let v=fe(n);v.current=n,nn(()=>{let y=()=>{c({w:window.innerWidth,h:window.innerHeight})};return window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[]);let x=tn((y,P)=>{if(v.current)return;let E=pe(h.current,window.innerWidth,window.innerHeight),m=y-E.x,T=P-E.y,w=E.x,k=E.y,b=0;function D(S,O){let B=j(S-m,0,window.innerWidth-I),he=j(O-T,0,window.innerHeight-I);b+=Math.abs(B-w)+Math.abs(he-k),w=B,k=he;let be=p.current;be&&(be.style.top=`${he}px`,be.style.left=`${B}px`)}function Pe(){ci();let S=p.current;if(b<on){if(S){let O=pe(h.current,window.innerWidth,window.innerHeight);S.style.transition="top 0.25s ease, left 0.25s ease",S.offsetHeight,S.style.top=`${O.y}px`,S.style.left=`${O.x}px`}a(!1),d.current?.()}else{let O=cn(w,k,window.innerWidth,window.innerHeight);if(rn(O),S){S.style.transition="top 0.25s ease, left 0.25s ease",S.offsetHeight;let B=pe(O,window.innerWidth,window.innerHeight);S.style.top=`${B.y}px`,S.style.left=`${B.x}px`}a(!1),o(O)}}function Oe(S){D(S.clientX,S.clientY)}function _e(S){S.preventDefault(),D(S.touches[0].clientX,S.touches[0].clientY)}function Fe(){Pe()}function We(){Pe()}function ci(){window.removeEventListener("mousemove",Oe),window.removeEventListener("mouseup",Fe),window.removeEventListener("touchmove",_e),window.removeEventListener("touchend",We)}window.addEventListener("mousemove",Oe),window.addEventListener("mouseup",Fe),window.addEventListener("touchmove",_e,{passive:!1}),window.addEventListener("touchend",We),a(!0)},[]);return{fabStyle:ln(i,s,l.w,l.h),isDragging:s,fabRef:p,dragHandlers:{onMouseDown:y=>{y.button!==0||v.current||(y.preventDefault(),x(y.clientX,y.clientY))},onTouchStart:y=>{v.current||x(y.touches[0].clientX,y.touches[0].clientY)}}}}import{useState as fn}from"react";import{jsx as dn,jsxs as un}from"react/jsx-runtime";function me({title:e,children:t}){return un("section",{className:"px-4 py-3",children:[dn("h3",{className:"text-xs font-semibold text-blue-700 uppercase tracking-wider mb-3",children:e}),t]})}import{jsx as qt,jsxs as gn}from"react/jsx-runtime";function C({icon:e,label:t,isActive:n,onClick:i,disabled:o=!1,className:s}){return gn("button",{type:"button",onClick:o?void 0:i,disabled:o,"aria-pressed":n,"aria-label":t,className:_("flex flex-col items-center justify-center gap-1.5 rounded-3xl p-3 shadow-lg text-center cursor-pointer transition-all","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-1 focus:bg-blue-50",n?"ring-2 ring-green-500 bg-green-50 text-blue-900":"border-gray-200 bg-white text-gray-700 hover:ring-2 hover:ring-blue-300 hover:bg-blue-50",o&&"cursor-not-allowed opacity-40",s),children:[qt("span",{className:_("h-6 w-6",n?"text-blue-700":"text-gray-500"),children:e}),qt("span",{className:"text-base font-medium leading-tight",children:t})]})}import{jsx as Jt,jsxs as Qt}from"react/jsx-runtime";function ei({percentage:e,onIncrease:t,onDecrease:n,onReset:i,canIncrease:o,canDecrease:s}){return Qt("div",{className:"flex items-center gap-2",children:[Jt("button",{type:"button",onClick:n,disabled:!s,"aria-label":"Reducir tama\xF1o de texto",className:"flex h-9 w-9 items-center justify-center rounded-lg border border-gray-200 bg-white text-lg font-bold text-blue-700 cursor-pointer transition hover:border-blue-400 hover:bg-blue-50 disabled:cursor-not-allowed disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",children:"\u2212"}),Qt("button",{type:"button",onClick:i,"aria-label":"Restablecer tama\xF1o de texto",className:"flex-1 rounded-lg border border-gray-200 bg-white py-2 text-center text-sm font-semibold text-blue-900 cursor-pointer transition hover:border-blue-400 hover:bg-blue-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",children:[e,"%"]}),Jt("button",{type:"button",onClick:t,disabled:!o,"aria-label":"Aumentar tama\xF1o de texto",className:"flex h-9 w-9 items-center justify-center rounded-lg border border-gray-200 bg-white text-lg font-bold text-blue-700 cursor-pointer transition hover:border-blue-400 hover:bg-blue-50 disabled:cursor-not-allowed disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500",children:"+"})]})}import{Fragment as Hn,jsx as r,jsxs as g}from"react/jsx-runtime";function ii({onClose:e}){let[t,n]=fn(!1),{contrast:i,textSize:o,saturation:s,dyslexia:a,letterSpacing:l,lineHeight:c,fontWeight:p,highlight:d,animations:h,cursor:v,readingGuide:x,colorblind:y,hideImages:P,textAlign:E,tts:m,profiles:T,pageStructure:w,resetAllFeatures:k}=ge();return g("div",{role:"dialog","aria-modal":"true","aria-label":"Men\xFA de Accesibilidad",className:"flex flex-col h-full overflow-hidden",style:{backgroundColor:"var(--apea-color-panel-bg, #f9fafb)"},children:[g("div",{className:"flex items-center justify-between apea-gradient px-4 py-3 shrink-0",children:[r("h2",{className:"text-sm font-bold text-white tracking-wide",children:"Men\xFA de Accesibilidad"}),r("div",{className:"flex items-center gap-2",children:r("button",{type:"button",onClick:e,"aria-label":"Cerrar men\xFA de accesibilidad",className:"flex h-8 w-8 items-center justify-center rounded-full border border-white/30 text-white cursor-pointer transition hover:bg-white/20 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white",children:r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.2,className:"h-4 w-4","data-a11y-icon":!0,children:r("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),g("div",{className:"flex-1 overflow-y-auto",children:[g("section",{className:"px-4 py-3",children:[g("button",{type:"button",onClick:()=>n(b=>!b),"aria-expanded":t,className:"flex w-full items-center justify-between text-xs font-semibold text-blue-700 uppercase tracking-wider cursor-pointer",children:["Perfiles de accesibilidad",r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:`h-4 w-4 transition-transform duration-300 ease-in-out ${t?"rotate-180":""}`,"data-a11y-icon":!0,children:r("path",{d:"M6 9l6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),r("div",{className:`grid transition-[grid-template-rows] duration-300 ease-in-out ${t?"grid-rows-[1fr]":"grid-rows-[0fr]"}`,children:r("div",{className:"overflow-hidden pb-5 px-2 -mx-2",children:r("div",{className:`grid grid-cols-2 gap-2 pt-3 transition-opacity duration-300 ease-in-out ${t?"opacity-100":"opacity-0"}`,children:Object.keys(Me).map(b=>r(C,{icon:r(Rn,{profile:b}),label:Me[b],isActive:T.activeProfile===b,onClick:()=>T.applyProfile(b)},b))})})})]}),g(me,{title:"Ajustes de contenido",children:[g("div",{className:"mb-3 rounded-xl border border-gray-200 bg-white p-3",children:[g("div",{className:"mb-2 flex items-center gap-2 text-sm font-medium text-gray-700",children:[r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-4 w-4 shrink-0","data-a11y-icon":!0,children:r("path",{d:"M4 7V4h16v3M9 20h6M12 4v16",strokeLinecap:"round",strokeLinejoin:"round"})}),"Tama\xF1o de fuente"]}),r(ei,{percentage:o.textSizePercentage,onIncrease:o.increaseTextSize,onDecrease:o.decreaseTextSize,onReset:o.resetTextSize,canIncrease:o.canIncrease,canDecrease:o.canDecrease})]}),g("div",{className:"grid grid-cols-3 gap-2",children:[r(C,{icon:r(pn,{}),label:"Resaltar t\xEDtulos",isActive:d.isTitlesActive,onClick:d.toggleTitles}),r(C,{icon:r(mn,{}),label:"Resaltar enlaces",isActive:d.isLinksActive,onClick:d.toggleLinks}),r(C,{icon:r(hn,{}),label:"Fuente dislexia",isActive:a.isActive,onClick:a.toggle}),r(ti,{icon:r(bn,{}),label:"Esp. de letras",level:l.level,onIncrease:l.increase,onDecrease:l.decrease,canIncrease:l.canIncrease,canDecrease:l.canDecrease}),r(ti,{icon:r(vn,{}),label:"Interlineado",level:c.level,onIncrease:c.increase,onDecrease:c.decrease,canIncrease:c.canIncrease,canDecrease:c.canDecrease}),r(C,{icon:r(yn,{}),label:"Fuente negrita",isActive:p.isBold,onClick:p.toggle}),r(C,{icon:r(Mn,{}),label:"Ocultar im\xE1genes",isActive:P.isActive,onClick:P.toggle}),r(C,{icon:r(kn,{mode:E.mode}),label:`Alinear: ${E.label}`,isActive:E.isActive,onClick:E.cycle})]})]}),g(me,{title:"Ajustes de color",children:[g("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[r(C,{icon:r(Sn,{}),label:"Alto contraste",isActive:i.isHighContrast,onClick:()=>i.setContrastMode(i.isHighContrast?"normal":"high")}),r(C,{icon:r(Cn,{}),label:"Alta saturaci\xF3n",isActive:s.saturationMode==="high",onClick:()=>s.setSaturationMode(s.saturationMode==="high"?"normal":"high")}),r(C,{icon:r(xn,{}),label:"Baja saturaci\xF3n",isActive:s.saturationMode==="low",onClick:()=>s.setSaturationMode(s.saturationMode==="low"?"normal":"low")}),r(C,{icon:r(wn,{}),label:"Monocromo",isActive:s.saturationMode==="mono",onClick:()=>s.setSaturationMode(s.saturationMode==="mono"?"normal":"mono")})]}),r("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide hidden",children:"Daltonismo"}),r("div",{className:"grid grid-cols-2 gap-2 hidden",children:[["protanopia","Protanop\xEDa"],["deuteranopia","Deuteranop\xEDa"],["tritanopia","Tritanop\xEDa"],["achromatopsia","Acromatopsia"]].map(([b,D])=>r(C,{icon:r(Nn,{mode:b}),label:D,isActive:y.colorblindMode===b,onClick:()=>y.setColorblindMode(y.colorblindMode===b?"normal":b)},b))})]}),g(me,{title:"Herramientas",children:[g("div",{className:"grid grid-cols-3 gap-2",children:[r(C,{icon:r(Ln,{}),label:"Gu\xEDa de lectura",isActive:x.isActive,onClick:x.toggle}),r(C,{icon:r(En,{}),label:"Pausar animaciones",isActive:h.isActive,onClick:h.toggle}),r(C,{icon:r(An,{}),label:"Cursor grande",isActive:v.isActive,onClick:v.toggle}),r(C,{icon:r(In,{}),label:m.isReading?"Detener lectura":"Leer p\xE1gina",isActive:m.isReading,onClick:m.toggle,disabled:!m.isSupported}),r(C,{icon:r(Tn,{}),label:"Estructura",isActive:w.isOpen,onClick:w.toggle})]}),w.isOpen&&w.structure.length>0&&g("div",{className:"mt-3 rounded-xl border border-gray-200 bg-white p-3 max-h-60 overflow-y-auto",children:[r("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide",children:"Estructura de la p\xE1gina"}),r("ul",{className:"space-y-1",children:w.structure.map((b,D)=>r("li",{children:g("button",{type:"button",onClick:()=>w.navigateTo(b),className:"w-full text-left px-2 py-1.5 rounded-lg text-sm hover:bg-blue-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 transition-colors",style:{paddingLeft:`${(b.level||1)*12}px`},children:[r("span",{className:"inline-block mr-2 text-xs font-mono text-blue-600 bg-blue-100 px-1.5 py-0.5 rounded",children:b.tag}),r("span",{className:"text-gray-700",children:b.text})]})},`${b.tag}-${D}`))})]}),w.isOpen&&w.structure.length===0&&r("div",{className:"mt-3 rounded-xl border border-gray-200 bg-white p-3",children:r("p",{className:"text-sm text-gray-500 text-center",children:"No se encontraron encabezados"})})]})]}),r("section",{className:"px-4 pb-6 pt-2",children:r("button",{type:"button",onClick:k,className:"w-full rounded-xl apea-gradient py-3 text-sm font-semibold text-white cursor-pointer transition hover:bg-none hover:bg-green-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",children:"Restablecer configuraci\xF3n"})})]})}function ti({icon:e,label:t,level:n,onIncrease:i,onDecrease:o,canIncrease:s,canDecrease:a}){let l=n>0;return g("div",{className:`flex flex-col items-center justify-between gap-1 rounded-3xl border p-2 shadow-md/20 text-center transition-all ${l?"border-yellow-500 bg-yellow-50 text-blue-900":"border-gray-200 bg-white text-gray-700"}`,children:[r("span",{className:"h-5 w-5 text-gray-500",children:e}),r("span",{className:"text-sm font-medium leading-tight",children:t}),g("div",{className:"flex items-center gap-1 w-full justify-center",children:[r("button",{type:"button",onClick:o,disabled:!a,"aria-label":`Reducir ${t}`,className:"flex h-5 w-5 items-center justify-center rounded text-xs font-bold text-blue-700 cursor-pointer hover:bg-blue-100 disabled:opacity-30 focus-visible:outline-none",children:"\u2212"}),r("span",{className:"w-4 text-center text-sm font-semibold tabular-nums",children:n}),r("button",{type:"button",onClick:i,disabled:!s,"aria-label":`Aumentar ${t}`,className:"flex h-5 w-5 items-center justify-center rounded text-xs font-bold text-blue-700 cursor-pointer hover:bg-blue-100 disabled:opacity-30 focus-visible:outline-none",children:"+"})]})]})}function pn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 12h8M4 18h12",strokeLinecap:"round"}),r("path",{d:"M15 14l5 5M20 14l-5 5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function mn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",strokeLinecap:"round",strokeLinejoin:"round"})]})}function hn(){return r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 7l4 10 4-10M20 7v10M17 7h6",strokeLinecap:"round",strokeLinejoin:"round"})})}function bn(){return r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:r("path",{d:"m20.003 16.975-2.027 2.028m.113-3.943 1.914 1.915m-16.006 0 2.027-2.029m-.113 3.944-1.914-1.915m0 0h16.006m-2-5.975L15.16 4.997 12.317 11m.568-1.2h4.547M4.997 4.997 7.84 11l2.843-6.003",stroke:"#000",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function vn(){return g("svg",{width:25,height:24,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:[r("path",{d:"M12.754 4a.75.75 0 0 1 .75-.75H20.5a.75.75 0 0 1 0 1.5h-6.996a.75.75 0 0 1-.75-.75m7.746 9.917h-6.996a.75.75 0 0 0 0 1.5H20.5a.75.75 0 0 0 0-1.5m-6.996 5.333a.75.75 0 0 0 0 1.5H20.5a.75.75 0 0 0 0-1.5zm6.996-9.167h-6.996a.75.75 0 0 1 0-1.5H20.5a.75.75 0 0 1 0 1.5",opacity:.4,fill:"#323544"}),r("path",{d:"m9.974 16.47-1.722 1.72V5.81l1.722 1.72a.75.75 0 0 0 1.06-1.06l-3.002-3a.75.75 0 0 0-1.06 0l-3.002 3a.75.75 0 0 0 1.06 1.06l1.722-1.72v12.38L5.03 16.47a.75.75 0 0 0-1.06 1.06l3.002 3a.75.75 0 0 0 1.06 0l3.002-3a.75.75 0 0 0-1.06-1.06",fill:"#323544"})]})}function yn(){return g("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"}),r("path",{d:"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"})]})}function Sn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 3v18"}),r("path",{d:"M12 3a9 9 0 0 1 0 18V3z",fill:"currentColor",stroke:"none"})]})}function Cn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"8"}),r("path",{d:"M12 4v16M8 8l8 8M4 12h16",strokeLinecap:"round",strokeOpacity:.4}),r("circle",{cx:"12",cy:"12",r:"4",fill:"currentColor"})]})}function xn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"8"}),r("circle",{cx:"12",cy:"12",r:"3",strokeDasharray:"2 2"})]})}function wn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),r("path",{d:"M3 12h18M12 5v14"}),r("path",{d:"M3 5h9v14H3z",fill:"currentColor",fillOpacity:.15,stroke:"none"})]})}function Ln(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 10h16M4 14h10",strokeLinecap:"round"}),r("path",{d:"M3 18h18",strokeWidth:3,strokeLinecap:"round"})]})}function En(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("rect",{x:"9",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"}),r("rect",{x:"13",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"})]})}function An(){return r("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M5 3l14 9-7.5 1.5L9 20l-4-17z"})})}function Mn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),r("circle",{cx:"8.5",cy:"8.5",r:"1.5",fill:"currentColor",stroke:"none"}),r("path",{d:"M21 15l-5-5L5 21",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M2 2l20 20",strokeLinecap:"round",strokeWidth:2.5})]})}function kn({mode:e}){return e==="center"?r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M6 6h12M8 10h8M6 14h12M8 18h8",strokeLinecap:"round"})}):e==="right"?r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 6h16M8 10h12M4 14h16M8 18h12",strokeLinecap:"round"})}):r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 6h16M4 10h12M4 14h16M4 18h12",strokeLinecap:"round"})})}function In(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M11 5L6 9H2v6h4l5 4V5z",fill:"currentColor",stroke:"none"}),r("path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07",strokeLinecap:"round"}),r("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14",strokeLinecap:"round"})]})}function Tn(){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 10h12M8 14h12M8 18h8",strokeLinecap:"round"}),r("circle",{cx:"4",cy:"14",r:"1",fill:"currentColor",stroke:"none"}),r("circle",{cx:"4",cy:"18",r:"1",fill:"currentColor",stroke:"none"})]})}function Nn({mode:e}){return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 3c-3 4-3 10 0 18",strokeLinecap:"round"}),r("path",{d:"M12 3c3 4 3 10 0 18",strokeLinecap:"round"}),e==="achromatopsia"?r("path",{d:"M3 12h18"}):g(Hn,{children:[r("path",{d:"M4 8h16",strokeOpacity:.4}),r("path",{d:"M4 16h16",strokeOpacity:.4})]})]})}function Rn({profile:e}){switch(e){case"visionImpaired":return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),r("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor"})]});case"cognitive":return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M12 2a7 7 0 0 1 7 7c0 3-2 5-3 7h-8c-1-2-3-4-3-7a7 7 0 0 1 7-7z"}),r("path",{d:"M9 16v2a3 3 0 0 0 6 0v-2"})]});case"motorImpaired":return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),r("path",{d:"M12 6v6l4 4M12 12l-4 4",strokeLinecap:"round",strokeLinejoin:"round"}),r("circle",{cx:"8",cy:"20",r:"2"}),r("circle",{cx:"16",cy:"20",r:"2"})]});case"seniorFriendly":return g("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),r("path",{d:"M12 6v8M12 14l-3 6M12 14l3 6M12 10h-2l-3 4M12 10h2",strokeLinecap:"round",strokeLinejoin:"round"})]});default:return null}}import{Fragment as _n,jsx as U,jsxs as Fn}from"react/jsx-runtime";function Ne({position:e="bottom-left",className:t}={}){let[n,i]=Pn(!1),{hasActiveFeatures:o}=ge(),{fabStyle:s,isDragging:a,fabRef:l,dragHandlers:c}=Kt({defaultPosition:e,onTap:()=>i(d=>!d),disabled:n});On(()=>{if(!n)return;let d=h=>{h.key==="Escape"&&i(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[n]);let p=n||o?"var(--apea-color-fab-active, #FFD54F)":"var(--apea-color-fab-inactive, #F6F6F6)";return Fn(_n,{children:[U("div",{ref:l,className:t,style:{...s,zIndex:n?30:50,opacity:a?.85:1,filter:o?"drop-shadow(0 4px 12px rgba(255, 213, 79, 0.3))":"none"},role:"button",tabIndex:0,"aria-expanded":n,"aria-haspopup":"dialog","aria-label":`Accesibilidad - ${o?"Funciones activas":"Sin funciones activas"}`,...c,onKeyDown:d=>{n||(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),i(!0))},children:U(ve,{size:"lg","aria-hidden":"true",tabIndex:-1,leftIcon:U(De,{className:"w-full z-50",color:p,stroke:p})})}),U("div",{className:"fixed inset-0 z-40 apea-backdrop",style:{backgroundColor:"var(--apea-color-backdrop, rgba(0, 0, 0, 0.2))"},"data-visible":n?"true":"false",onClick:()=>i(!1),"aria-hidden":"true"}),U("div",{role:"none",className:"fixed inset-y-0 right-0 z-50 w-full max-w-sm shadow-2xl apea-panel","data-open":n?"true":"false",children:U(ii,{onClose:()=>i(!1)})})]})}import{jsx as oi}from"react/jsx-runtime";var zn={primary500:"#005dca",primary600:"#004faf",primary700:"#003b8a",panelBackground:"#f9fafb",fabActive:"#ffd54f",fabInactive:"#f6f6f6",backdrop:"rgba(0, 0, 0, 0.2)"};function Re(e){return{...zn,...e}}function Dn(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function ni(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 si(e={}){let t={position:e.position||"bottom-left",zIndex:e.zIndex||9999,containerId:e.containerId||"ape-accessibility-root",theme:Re(e.theme)},n=Re(t.theme),i=t.containerId||"ape-accessibility-root";if(document.getElementById(i))return console.warn("[ape-accessibility] Widget already mounted. Call destroy() first."),{destroy:()=>{},updateConfig:()=>{},config:e};let o=document.createElement("style");o.id="ape-accessibility-tools-css",o.textContent=`/* ============================================= */
|
|
8
|
+
`,P=null,_=null;function pn(){P||(P=document.createElement("div"),P.id="ape-reading-guide-top",P.style.cssText=Xt+"top: 0;",_=document.createElement("div"),_.id="ape-reading-guide-bottom",_.style.cssText=Xt+"bottom: 0;",document.body.appendChild(P),document.body.appendChild(_),Yt(window.innerHeight/2),document.addEventListener("mousemove",Kt))}function fn(){document.removeEventListener("mousemove",Kt),P?.remove(),_?.remove(),P=null,_=null}function Kt(e){Yt(e.clientY)}function Yt(e){let n=Math.max(0,e-40),i=e+40;P&&(P.style.height=`${n}px`),_&&(_.style.top=`${i}px`)}function Qt(){let[e,t]=mn(()=>p().stopAnimations??!1);Jt(()=>{Me(e)},[]),Jt(()=>{let i=o=>{let{settings:s}=o.detail,a=s.stopAnimations??!1;a!==e&&(t(a),Me(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=gn(()=>{let i=!e;t(i),Me(i),g("stopAnimations",i)},[e]);return{isActive:e,toggle:n}}import{useState as hn,useEffect as ei,useCallback as vn}from"react";function ti(){let[e,t]=hn(()=>p().bigCursor??!1);ei(()=>{Ie(e)},[]),ei(()=>{let i=o=>{let{settings:s}=o.detail,a=s.bigCursor??!1;a!==e&&(t(a),Ie(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=vn(()=>{let i=!e;t(i),Ie(i),g("bigCursor",i)},[e]);return{isActive:e,toggle:n}}import{useState as Sn,useEffect as ii,useCallback as bn}from"react";function ni(){let[e,t]=Sn(()=>p().readingGuide??!1);ii(()=>{Ae(e)},[]),ii(()=>{let i=o=>{let{settings:s}=o.detail,a=s.readingGuide??!1;a!==e&&(t(a),Ae(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=bn(()=>{let i=!e;t(i),Ae(i),g("readingGuide",i)},[e]);return{isActive:e,toggle:n}}import{useState as yn,useEffect as si,useCallback as Cn}from"react";var oi="accessibility-hide-images";function Oe(e){let t=document.documentElement;e?t.classList.add(oi):t.classList.remove(oi)}function ai(){let[e,t]=yn(()=>p().hideImages??!1);si(()=>{Oe(e)},[]),si(()=>{let i=o=>{let{settings:s}=o.detail,a=s.hideImages??!1;a!==e&&(t(a),Oe(a))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]);let n=Cn(()=>{let i=!e;t(i),Oe(i),g("hideImages",i)},[e]);return{isActive:e,toggle:n}}import{useState as xn,useEffect as ri,useCallback as ci}from"react";function te(e){let t=document.documentElement;e==="default"?t.removeAttribute("data-text-align"):t.setAttribute("data-text-align",e)}var Ze=["default","left","center","right"];function li(){let[e,t]=xn(()=>p().textAlign??"default");ri(()=>{te(e)},[]),ri(()=>{let o=s=>{let{settings:a}=s.detail,c=a.textAlign??"default";c!==e&&(t(c),te(c))};return window.addEventListener("accessibilitySettingsChanged",o),()=>window.removeEventListener("accessibilitySettingsChanged",o)},[e]);let n=ci(()=>{let o=Ze.indexOf(e),s=Ze[(o+1)%Ze.length]??"default";t(s),te(s),g("textAlign",s)},[e]),i=ci(o=>{t(o),te(o),g("textAlign",o)},[]);return{mode:e,cycle:n,setMode:i,isActive:e!=="default",label:e==="default"?"Por defecto":e==="left"?"Izquierda":e==="center"?"Centrado":"Derecha"}}import{useState as pi,useEffect as fi,useCallback as En}from"react";var $=null;function ke(){return typeof window<"u"&&"speechSynthesis"in window}function di(e="es"){if(!ke())return;ie();let n=(document.querySelector("main")??document.body).innerText;n.trim()&&($=new SpeechSynthesisUtterance(n),$.lang=e==="es"?"es-ES":"en-US",$.rate=1,window.speechSynthesis.speak($))}function ie(){ke()&&(window.speechSynthesis.cancel(),$=null)}function ui(){return $}function mi(){let[e,t]=pi(!1),[n]=pi(()=>ke());fi(()=>()=>{ie()},[]),fi(()=>{let o=()=>{ie(),t(!1)};return window.addEventListener("accessibilityReset",o),()=>window.removeEventListener("accessibilityReset",o)},[]);let i=En(()=>{if(e)ie(),t(!1);else{let o=p().language??"es";di(o),t(!0);let s=ui();s&&(s.onend=()=>t(!1),s.onerror=()=>t(!1))}},[e]);return{isReading:e,isSupported:n,toggle:i}}import{useState as Ln,useEffect as vi,useCallback as wn}from"react";var gi={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}},Ue={visionImpaired:"Visi\xF3n reducida",cognitive:"Cognitivo",motorImpaired:"Motor",seniorFriendly:"Adulto mayor"};function Xe(e){for(let[t,n]of Object.entries(gi))if(Object.entries(n).every(([o,s])=>e[o]===s))return t;return"none"}function hi(e){return e==="none"?{...I}:gi[e]}function Si(){let[e,t]=Ln(()=>Xe(p()));vi(()=>{let i=o=>{let{settings:s}=o.detail;t(Xe(s))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[]),vi(()=>{let i=()=>t("none");return window.addEventListener("accessibilityReset",i),()=>window.removeEventListener("accessibilityReset",i)},[]);let n=wn(i=>{if(i===e){G(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}));return}let o=hi(i);Ve(o)},[e]);return{activeProfile:e,applyProfile:n}}import{useState as Ci,useCallback as Te}from"react";var An=["H1","H2","H3","H4","H5","H6"],Mn=["main","nav","aside","footer","header",'[role="banner"]','[role="navigation"]','[role="main"]','[role="complementary"]','[role="contentinfo"]'];function bi(){let e=[],t=new Set;return document.querySelectorAll(Mn.join(",")).forEach(o=>{if(t.has(o))return;t.add(o);let s=o.getAttribute("role")||o.tagName.toLowerCase(),a=o.getAttribute("aria-label")||s;e.push({tag:s,text:a,level:0,element:o})}),document.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(o=>{let s=o.tagName;if(!An.includes(s))return;let a=parseInt(s.charAt(1),10),c=(o.textContent??"").trim().slice(0,80);c&&e.push({tag:s.toLowerCase(),text:c,level:a,element:o})}),e}function yi(e){e.scrollIntoView({behavior:"smooth",block:"center"}),e.focus({preventScroll:!0})}function xi(){let[e,t]=Ci(!1),[n,i]=Ci([]),o=Te(()=>{i(bi()),t(!0)},[]),s=Te(()=>{t(!1)},[]),a=Te(()=>{e?s():o()},[e,o,s]),c=Te(l=>{yi(l.element)},[]);return{isOpen:e,structure:n,toggle:a,open:o,close:s,navigateTo:c}}import{useState as Fn,useEffect as Ye,useCallback as Bn}from"react";var In={adres:{partOfSpeech:"Instituci\xF3n",definitions:["Administradora de los Recursos del Sistema General de Seguridad Social en Salud."]},ape:{partOfSpeech:"Instituci\xF3n",definitions:["Agencia P\xFAblica de Empleo del SENA."]},dane:{partOfSpeech:"Instituci\xF3n",definitions:["Departamento Administrativo Nacional de Estad\xEDstica."]},dian:{partOfSpeech:"Instituci\xF3n",definitions:["Direcci\xF3n de Impuestos y Aduanas Nacionales."]},dnp:{partOfSpeech:"Instituci\xF3n",definitions:["Departamento Nacional de Planeaci\xF3n."]},icfes:{partOfSpeech:"Instituci\xF3n",definitions:["Instituto Colombiano para la Evaluaci\xF3n de la Educaci\xF3n."]},fuc:{partOfSpeech:"Documento",definitions:["Ficha \xDAnica de Caracterizaci\xF3n del SENA."]},rav:{partOfSpeech:"Registro",definitions:["Registro de Atenci\xF3n a V\xEDctimas."]},ruv:{partOfSpeech:"Registro",definitions:["Registro \xDAnico de V\xEDctimas."]},sena:{partOfSpeech:"Instituci\xF3n",definitions:["Servicio Nacional de Aprendizaje de Colombia."]},sgsss:{partOfSpeech:"Sistema",definitions:["Sistema General de Seguridad Social en Salud."]},sisb\u00E9n:{partOfSpeech:"Sistema",definitions:["Sistema de Identificaci\xF3n de Potenciales Beneficiarios de Programas Sociales en Colombia."]},sisben:{partOfSpeech:"Sistema",definitions:["Sistema de Identificaci\xF3n de Potenciales Beneficiarios de Programas Sociales en Colombia."]},"barra lateral izquierda":{partOfSpeech:"Componente de interfaz",definitions:["Panel de navegaci\xF3n que muestra el progreso de diligenciamiento y los datos de identidad del usuario."]},"indicadores de progreso":{partOfSpeech:"Componente de interfaz",definitions:["Elementos visuales (porcentajes, barras) que muestran el avance en el formulario."]},"m\xF3dulo de caracter\xEDsticas poblacionales":{partOfSpeech:"M\xF3dulo",definitions:["Secci\xF3n que recopila informaci\xF3n sobre etnia, discapacidad, condici\xF3n de v\xEDctima, identidad campesina y composici\xF3n familiar."]},"m\xF3dulo de identificaci\xF3n":{partOfSpeech:"M\xF3dulo",definitions:["Secci\xF3n inicial de la FUC para registrar datos personales y documentaci\xF3n oficial."]},"m\xF3dulo de integraciones":{partOfSpeech:"M\xF3dulo",definitions:["Secci\xF3n que conecta con bases de datos de otras instituciones estatales."]},"m\xF3dulo de educaci\xF3n formal":{partOfSpeech:"M\xF3dulo",definitions:["Secci\xF3n para registrar informaci\xF3n acad\xE9mica y resultados de pruebas Saber 11."]},"m\xF3dulo de salud":{partOfSpeech:"M\xF3dulo",definitions:["Secci\xF3n para registrar la afiliaci\xF3n al sistema de seguridad social en salud."]},"m\xF3dulo de ubicaci\xF3n geogr\xE1fica":{partOfSpeech:"M\xF3dulo",definitions:["Secci\xF3n para registrar informaci\xF3n de residencia y procedencia."]},"discapacidad certificada":{partOfSpeech:"Categor\xEDa sociodemogr\xE1fica",definitions:["Condici\xF3n de discapacidad validada por una entidad autorizada."]},"identificaci\xF3n campesina":{partOfSpeech:"Categor\xEDa sociodemogr\xE1fica",definitions:["Reconocimiento de pertenencia a comunidades rurales con actividades agropecuarias."]},"jefe de hogar":{partOfSpeech:"Categor\xEDa sociodemogr\xE1fica",definitions:["Persona reconocida como principal responsable econ\xF3mico del n\xFAcleo familiar."]},"pertenencia \xE9tnica":{partOfSpeech:"Categor\xEDa sociodemogr\xE1fica",definitions:["Identificaci\xF3n con grupos \xE9tnicos o culturales espec\xEDficos (ind\xEDgenas, afrocolombianos, raizales, palenqueros, Rrom/Gitano)."]},"r\xE9gimen contributivo":{partOfSpeech:"R\xE9gimen de salud",definitions:["Sistema de salud para personas que realizan aportes mediante vinculaci\xF3n laboral."]},"r\xE9gimen especial":{partOfSpeech:"R\xE9gimen de salud",definitions:["Sistema de salud para grupos espec\xEDficos (Fuerzas Armadas, Ecopetrol, Magisterio, etc.)."]},"r\xE9gimen subsidiado":{partOfSpeech:"R\xE9gimen de salud",definitions:["Sistema de salud para personas clasificadas en niveles I o II del SISB\xC9N."]},"v\xEDctima del conflicto armado":{partOfSpeech:"Categor\xEDa sociodemogr\xE1fica",definitions:["Persona registrada en el RUV por haber sufrido hechos victimizantes."]},betowa:{partOfSpeech:"Plataforma",definitions:["Aplicativo del ecosistema SENA."]},"english does work":{partOfSpeech:"Programa",definitions:["Programa de biling\xFCismo del SENA."]},"fondo emprender":{partOfSpeech:"Programa",definitions:["Programa de apoyo al emprendimiento del SENA."]},"registro snp":{partOfSpeech:"Registro",definitions:["N\xFAmero de registro en el Sistema Nacional de Pruebas del ICFES."]},"sena sof\xEDa plus":{partOfSpeech:"Plataforma",definitions:["Plataforma virtual de formaci\xF3n del SENA."]},"sisb\xE9n iii":{partOfSpeech:"Sistema",definitions:["Versi\xF3n anterior del sistema de clasificaci\xF3n socioecon\xF3mica."]},"sisb\xE9n iv":{partOfSpeech:"Sistema",definitions:["Versi\xF3n actual del sistema de clasificaci\xF3n socioecon\xF3mica."]},zajuna:{partOfSpeech:"Plataforma",definitions:["Aplicativo del ecosistema SENA."]},"actualizaci\xF3n din\xE1mica":{partOfSpeech:"Concepto operativo",definitions:["Capacidad de modificar la informaci\xF3n registrada cuando sea necesario."]},"caracterizaci\xF3n integral":{partOfSpeech:"Concepto operativo",definitions:["Proceso de recopilaci\xF3n completa de datos demogr\xE1ficos, socioecon\xF3micos y educativos."]},diligenciamiento:{partOfSpeech:"Concepto operativo",definitions:["Proceso de completar o llenar los campos de un formulario."]},"hecho victimizante":{partOfSpeech:"Concepto operativo",definitions:["Evento reconocido por la ley que causa da\xF1o a personas en el conflicto armado."]},"hechos victimizantes":{partOfSpeech:"Concepto operativo",definitions:["Eventos espec\xEDficos que causan la condici\xF3n de v\xEDctima seg\xFAn la ley."]},interoperabilidad:{partOfSpeech:"Concepto t\xE9cnico",definitions:["Capacidad de diferentes sistemas para intercambiar informaci\xF3n y utilizarla."]},kumpania:{partOfSpeech:"T\xE9rmino cultural",definitions:["T\xE9rmino utilizado por la comunidad Rrom/Gitano para referirse a sus grupos o comunidades."]},"validaci\xF3n autom\xE1tica":{partOfSpeech:"Concepto t\xE9cnico",definitions:["Verificaci\xF3n de datos mediante conexi\xF3n con bases de datos oficiales."]},corregimiento:{partOfSpeech:"Divisi\xF3n territorial",definitions:["Divisi\xF3n territorial rural de un municipio."]},"grupos sisb\xE9n iv":{partOfSpeech:"Clasificaci\xF3n",definitions:["Categor\xEDas A, B, C, D para clasificaci\xF3n socioecon\xF3mica en Colombia."]},"subgrupos sisb\xE9n":{partOfSpeech:"Clasificaci\xF3n",definitions:["Divisiones espec\xEDficas dentro de cada grupo del sistema SISB\xC9N."]},vereda:{partOfSpeech:"Divisi\xF3n territorial",definitions:["Subdivisi\xF3n de un corregimiento en \xE1reas rurales."]},"zona rural":{partOfSpeech:"Clasificaci\xF3n geogr\xE1fica",definitions:["\xC1rea geogr\xE1fica con caracter\xEDsticas campestres o de baja densidad poblacional."]},"zona urbana":{partOfSpeech:"Clasificaci\xF3n geogr\xE1fica",definitions:["\xC1rea geogr\xE1fica con caracter\xEDsticas de ciudad o poblaci\xF3n concentrada."]},"c\xE9dula de ciudadan\xEDa":{partOfSpeech:"Documento",definitions:["Documento de identificaci\xF3n principal para ciudadanos colombianos mayores de edad."]},"certificado de discapacidad":{partOfSpeech:"Documento",definitions:["Documento oficial que acredita una condici\xF3n de discapacidad."]},"tarjeta de identidad":{partOfSpeech:"Documento",definitions:["Documento de identificaci\xF3n para menores de edad entre 7 y 17 a\xF1os."]},"visa de estudiantes":{partOfSpeech:"Documento",definitions:["Permiso de residencia para extranjeros que estudian en Colombia."]},"asterisco rojo":{partOfSpeech:"Indicador visual",definitions:["S\xEDmbolo (*) que indica que un campo es obligatorio."]},"barra de progreso":{partOfSpeech:"Indicador visual",definitions:["Elemento gr\xE1fico que muestra el porcentaje de avance en un formulario."]},"borde rojo":{partOfSpeech:"Indicador visual",definitions:["Indicador visual de error o campo incompleto en un formulario."]},"borde verde":{partOfSpeech:"Indicador visual",definitions:["Indicador visual de campo correctamente diligenciado."]},"check verde":{partOfSpeech:"Indicador visual",definitions:["Indicador visual (\u2713) de m\xF3dulo completado."]},"atenci\xF3n diferencial":{partOfSpeech:"Proceso",definitions:["Enfoque de servicios adaptados a caracter\xEDsticas espec\xEDficas de grupos poblacionales."]},autenticaci\u00F3n:{partOfSpeech:"Proceso",definitions:["Proceso de verificaci\xF3n de identidad para acceder al sistema."]},"flujo de diligenciamiento":{partOfSpeech:"Proceso",definitions:["Secuencia ordenada de pasos para completar la FUC."]},"inclusi\xF3n laboral":{partOfSpeech:"Proceso",definitions:["Procesos para facilitar el acceso al empleo de poblaciones vulnerables."]},"validaci\xF3n en tiempo real":{partOfSpeech:"Proceso t\xE9cnico",definitions:["Verificaci\xF3n inmediata de datos durante el diligenciamiento del formulario."]},pqrs:{partOfSpeech:"T\xE9rmino",definitions:["Peticiones, Quejas, Reclamos y Sugerencias."]},sgd:{partOfSpeech:"Sistema",definitions:["Sistema de Gesti\xF3n Documental."]},"observatorio laboral":{partOfSpeech:"Sistema",definitions:["Sistema de informaci\xF3n del SENA para an\xE1lisis del mercado laboral."]},"tips de orientaci\xF3n":{partOfSpeech:"T\xE9rmino",definitions:["Consejos y recomendaciones para la b\xFAsqueda de empleo."]},"poblaciones vulnerables":{partOfSpeech:"T\xE9rmino",definitions:["Grupos con mayor dificultad para acceder al empleo (v\xEDctimas, personas con discapacidad, etc.)."]},"ferias de empleo":{partOfSpeech:"Evento",definitions:["Eventos presenciales o virtuales para encuentro entre empleadores y buscadores de empleo."]},"microferias de empleo":{partOfSpeech:"Evento",definitions:["Eventos laborales de menor escala que las ferias tradicionales de empleo."]},"oficinas m\xF3viles":{partOfSpeech:"Servicio",definitions:["Unidades itinerantes de la APE para atenci\xF3n en zonas alejadas."]},"c\xE1psulas informativas":{partOfSpeech:"Contenido",definitions:["Contenidos educativos breves para buscadores de empleo."]},"buscador de vacantes":{partOfSpeech:"Herramienta",definitions:["Herramienta para consultar oportunidades laborales disponibles."]},"vacantes del d\xEDa":{partOfSpeech:"T\xE9rmino",definitions:["Las \xFAltimas oportunidades laborales publicadas recientemente en la plataforma."]},"aplicaci\xF3n transaccional":{partOfSpeech:"Sistema",definitions:["Sistema interactivo para gestionar procesos de empleo."]},"restablecimiento de contrase\xF1a":{partOfSpeech:"Proceso",definitions:["Proceso para recuperar el acceso al sistema mediante una nueva contrase\xF1a."]},"registro de buscadores de empleo":{partOfSpeech:"Proceso",definitions:["Proceso de inscripci\xF3n inicial en la plataforma APE."]},"datos b\xE1sicos":{partOfSpeech:"T\xE9rmino",definitions:["Informaci\xF3n personal fundamental del buscador de empleo."]},"perfil ocupacional":{partOfSpeech:"T\xE9rmino",definitions:["Resumen profesional que destaca la experiencia y habilidades del usuario."]},"logros alcanzados":{partOfSpeech:"T\xE9rmino",definitions:["Reconocimientos y \xE9xitos en la trayectoria laboral o acad\xE9mica."]},"educaci\xF3n primaria":{partOfSpeech:"Nivel educativo",definitions:["Estudios de b\xE1sica primaria (grados 1\xB0 a 5\xB0)."]},"educaci\xF3n secundaria":{partOfSpeech:"Nivel educativo",definitions:["Estudios de b\xE1sica secundaria y media (grados 6\xB0 a 11\xB0)."]},"educaci\xF3n superior":{partOfSpeech:"Nivel educativo",definitions:["Estudios t\xE9cnicos, tecnol\xF3gicos o universitarios."]},"estudios alternos":{partOfSpeech:"T\xE9rmino",definitions:["Registro manual de formaci\xF3n no encontrada en el sistema."]},capacitaci\u00F3n:{partOfSpeech:"T\xE9rmino",definitions:["Cursos, diplomados o talleres de formaci\xF3n complementaria."]},"capacitaci\xF3n alterna":{partOfSpeech:"T\xE9rmino",definitions:["Registro manual de capacitaciones no encontradas en el sistema."]},"experiencia laboral":{partOfSpeech:"T\xE9rmino",definitions:["Historial de trabajos y cargos desempe\xF1ados por el usuario."]},"intereses ocupacionales":{partOfSpeech:"T\xE9rmino",definitions:["Profesiones o cargos en los que el usuario desea trabajar."]},pasant\u00EDas:{partOfSpeech:"T\xE9rmino",definitions:["Experiencias laborales realizadas como estudiante o practicante."]},"medios de b\xFAsqueda de empleo":{partOfSpeech:"T\xE9rmino",definitions:["Canales utilizados para encontrar oportunidades laborales."]},"programas especiales":{partOfSpeech:"T\xE9rmino",definitions:["Iniciativas espec\xEDficas de empleo o formaci\xF3n."]},"convocatorias especiales":{partOfSpeech:"T\xE9rmino",definitions:["Oportunidades laborales dirigidas a poblaciones espec\xEDficas."]},"banco de instructores especializados":{partOfSpeech:"T\xE9rmino",definitions:["Base de datos de profesionales disponibles para capacitaci\xF3n."]},"competencias laborales":{partOfSpeech:"T\xE9rmino",definitions:["Habilidades certificadas seg\xFAn normas t\xE9cnicas."]},"mis oportunidades":{partOfSpeech:"Secci\xF3n",definitions:["Vacantes recomendadas seg\xFAn el perfil del usuario."]},"mis postulaciones":{partOfSpeech:"Secci\xF3n",definitions:["Historial de aplicaciones a ofertas laborales realizadas por el usuario."]},"colilla de postulaci\xF3n":{partOfSpeech:"Documento",definitions:["Comprobante de aplicaci\xF3n a una vacante laboral."]},"certificado de registro":{partOfSpeech:"Documento",definitions:["Documento que acredita la inscripci\xF3n en el sistema APE."]},"tablero de control":{partOfSpeech:"Componente de interfaz",definitions:["Panel principal con informaci\xF3n resumida y acciones disponibles para el usuario."]},"s\xEDntesis de la vacante":{partOfSpeech:"T\xE9rmino",definitions:["Resumen con los datos m\xE1s relevantes de una oferta laboral."]},"ventana emergente":{partOfSpeech:"Componente de interfaz",definitions:["Cuadro de di\xE1logo que aparece sobre la pantalla principal."]},"listado paginado":{partOfSpeech:"Componente de interfaz",definitions:["Resultados divididos en varias p\xE1ginas para mejor visualizaci\xF3n."]},"men\xFA principal":{partOfSpeech:"Componente de interfaz",definitions:["Navegaci\xF3n principal con las opciones m\xE1s importantes del sistema."]},"intermediaci\xF3n laboral":{partOfSpeech:"Proceso",definitions:["Proceso de conectar la oferta y la demanda de empleo."]},"orientaci\xF3n ocupacional":{partOfSpeech:"Servicio",definitions:["Asesor\xEDa para definir el perfil laboral del usuario y mejorar su empleabilidad."]},"c\xF3digo de solicitud":{partOfSpeech:"Identificador",definitions:["Identificador \xFAnico de cada vacante en el sistema."]},"confirmaci\xF3n de postulaci\xF3n":{partOfSpeech:"Proceso",definitions:["Aceptaci\xF3n final para aplicar a una vacante laboral."]},"b\xFAsqueda por \xEDndice":{partOfSpeech:"Funci\xF3n",definitions:["M\xE9todo de localizaci\xF3n de ocupaciones usando clasificaciones del sistema."]},"soporte educativo":{partOfSpeech:"T\xE9rmino",definitions:["Documentos que respaldan la formaci\xF3n del usuario (diplomas, certificados)."]},"niveles de idioma":{partOfSpeech:"Clasificaci\xF3n",definitions:["Clasificaci\xF3n del dominio de un idioma: b\xE1sico, intermedio, avanzado o nativo."]},"norma de competencia":{partOfSpeech:"T\xE9rmino",definitions:["Est\xE1ndar t\xE9cnico que certifica una habilidad laboral."]},"postulaci\xF3n abierta":{partOfSpeech:"Estado",definitions:["Estado de una aplicaci\xF3n a vacante que se encuentra activa."]},"postulaci\xF3n cerrada":{partOfSpeech:"Estado",definitions:["Estado de una aplicaci\xF3n a vacante que ha finalizado."]},"\xE1rea de conocimiento":{partOfSpeech:"Clasificaci\xF3n",definitions:["Campo disciplinar de una formaci\xF3n o experiencia laboral."]},especialidad:{partOfSpeech:"Clasificaci\xF3n",definitions:["Subcampo espec\xEDfico dentro de un \xE1rea de conocimiento."]},"nivel acad\xE9mico":{partOfSpeech:"Clasificaci\xF3n",definitions:["Grado de formaci\xF3n alcanzado: t\xE9cnico, tecn\xF3logo, profesional, etc."]},"\xFAltimo grado cursado":{partOfSpeech:"Clasificaci\xF3n",definitions:["M\xE1ximo nivel educativo alcanzado por el usuario."]},"estrato socioecon\xF3mico":{partOfSpeech:"Clasificaci\xF3n",definitions:["Nivel de clasificaci\xF3n social en Colombia, del 1 (m\xE1s bajo) al 6 (m\xE1s alto)."]},"tipo de identificaci\xF3n":{partOfSpeech:"Clasificaci\xF3n",definitions:["Clase de documento de identificaci\xF3n (c\xE9dula, tarjeta de identidad, pasaporte, etc.)."]},"estado civil":{partOfSpeech:"Clasificaci\xF3n",definitions:["Situaci\xF3n conyugal del usuario (soltero, casado, uni\xF3n libre, etc.)."]},"libreta militar":{partOfSpeech:"Documento",definitions:["Documento que acredita la prestaci\xF3n o exenci\xF3n del servicio militar obligatorio."]},"zona de residencia":{partOfSpeech:"Clasificaci\xF3n",definitions:["Clasificaci\xF3n geogr\xE1fica del lugar donde vive el usuario: urbana o rural."]},"situaci\xF3n ocupacional":{partOfSpeech:"Clasificaci\xF3n",definitions:["Estado laboral actual del usuario (empleado, desempleado, independiente, etc.)."]},"botones de navegaci\xF3n":{partOfSpeech:"Control de interfaz",definitions:["Controles para moverse entre secciones o pasos del sistema."]},"formato de impresi\xF3n":{partOfSpeech:"Funci\xF3n",definitions:["Versi\xF3n de la hoja de vida preparada para imprimir."]}};function Ei(e){let t=e.toLowerCase().trim();return In[t]??null}var Z="ape-dictionary-tooltip",On=/^(Etimolog[ií]a|Locuciones|Refranes|Información adicional|Véase también|Traducciones|Referencias|Forma flexiva|Descendientes|Declinaci[oó]n|Conjugaci[oó]n)/i;async function kn(e,t){let n=Ei(e);return n?[{partOfSpeech:n.partOfSpeech,definitions:n.definitions.map(i=>({definition:i}))}]:t==="es"?Tn(e):Nn(e)}async function Tn(e){let t="https://es.wiktionary.org/w/api.php?format=json&origin=*",n=encodeURIComponent(e.toLowerCase()),i=await fetch(`${t}&action=parse&page=${n}&prop=sections`);if(!i.ok)return[];let o=await i.json();if(o.error)return[];let s=o.parse?.sections??[],a=s.findIndex(x=>x.toclevel===1&&x.line==="Espa\xF1ol");if(a===-1)return[];let c=s.findIndex((x,C)=>C>a&&x.toclevel===1),f=(c===-1?s.slice(a+1):s.slice(a+1,c)).filter(x=>!On.test(x.line));if(f.length===0)return[];let d=f[0].index,m=await fetch(`${t}&action=parse&page=${n}&prop=text§ion=${d}`);if(!m.ok)return[];let h=(await m.json()).parse?.text?.["*"]??"",A=Pn(h);return A.length===0?[]:[{partOfSpeech:f[0].line,definitions:A}]}async function Nn(e){let t=`https://en.wiktionary.org/api/rest_v1/page/definition/${encodeURIComponent(e.toLowerCase())}`,n=await fetch(t);return n.ok?((await n.json()).en??[]).map(s=>({partOfSpeech:s.partOfSpeech,definitions:s.definitions.map(a=>({definition:Li(a.definition)})).filter(a=>a.definition.trim())})):[]}function Pn(e){let n=new DOMParser().parseFromString(e,"text/html"),i=[];for(let o of Array.from(n.querySelectorAll("dl > dd"))){let s=o.cloneNode(!0);s.querySelectorAll("ul, sup, style").forEach(c=>c.remove());let a=s.textContent?.trim().replace(/\s+/g," ")??"";a&&i.push({definition:a})}return i}function Li(e){let t=document.createElement("div");return t.innerHTML=e,t.textContent??t.innerText??""}function wi(){let e=document.getElementById(Z);return e||(e=document.createElement("div"),e.id=Z,e.setAttribute("role","tooltip"),e.setAttribute("aria-live","polite"),e.style.cssText=["position:fixed","z-index:2147483647","max-width:320px","background:#ffffff","border:1px solid #e5e7eb","border-radius:12px","box-shadow:0 8px 28px rgba(0,0,0,0.14)","padding:12px 14px","font-family:system-ui,-apple-system,sans-serif","font-size:13px","line-height:1.55","color:#111827","pointer-events:none","display:none","opacity:0","transition:opacity 0.15s ease"].join(";"),document.body.appendChild(e)),e}function Rn(e,t){let n=wi();n.innerHTML=`
|
|
9
|
+
<div style="font-weight:700;font-size:14px;margin-bottom:6px;color:#1d4ed8">${e}</div>
|
|
10
|
+
<div style="color:#6b7280;font-size:12px">Buscando definici\xF3n\u2026</div>
|
|
11
|
+
`,Ai(n,t)}function Hn(e,t,n){let i=wi(),o=t.slice(0,3),s=`<div style="font-weight:700;font-size:14px;margin-bottom:8px;color:#1d4ed8">${e}</div>`;for(let a of o){s+=`<div style="font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:#9ca3af;margin-bottom:3px">${a.partOfSpeech}</div>`;for(let c of a.definitions.slice(0,2)){let l=Li(c.definition);s+=`<div style="margin-bottom:5px;color:#374151">\u2022 ${l}</div>`}}i.innerHTML=s,Ai(i,n)}function Dn(e){let t=document.getElementById(Z);t&&(t.innerHTML=`
|
|
12
|
+
<div style="font-weight:700;font-size:14px;margin-bottom:4px;color:#1d4ed8">${e}</div>
|
|
13
|
+
<div style="color:#9ca3af;font-size:12px">Sin definici\xF3n disponible</div>
|
|
14
|
+
`)}function Ai(e,t){e.style.top="-9999px",e.style.left="-9999px",e.style.display="block",e.style.opacity="0";let o=e.offsetHeight||100,s=t.top-o-8,a=t.left+t.width/2-320/2;s<8&&(s=t.bottom+8),a<8&&(a=8),a+320>window.innerWidth-8&&(a=window.innerWidth-320-8),e.style.top=`${s}px`,e.style.left=`${a}px`,e.style.opacity="1"}function q(){let e=document.getElementById(Z);e&&(e.style.opacity="0",setTimeout(()=>{e.style.opacity==="0"&&(e.style.display="none")},150))}function _n(){document.getElementById(Z)?.remove()}var Mi="es",Ke="",Ne=null;async function zn(e){if(e.composedPath()[0]?.closest?.("[data-a11y-icon]")){q();return}let n=window.getSelection();if(!n||n.rangeCount===0){q();return}let i=n.toString().trim();if(!i||/\s/.test(i)||i.length<2||i.length>50){q();return}let o=i;Ke=o;let a=n.getRangeAt(0).getBoundingClientRect();Rn(o,a);try{let c=await kn(o,Mi);if(Ke!==o)return;if(!c.length){Dn(o);return}Hn(o,c,a)}catch{q()}}function Wn(e){e.composedPath()[0]?.id!==Z&&q()}function ne(e,t="es"){if(Mi=t,e){if(Ne)return;let n=o=>{zn(o)},i=o=>{Wn(o)};document.addEventListener("mouseup",n),document.addEventListener("mousedown",i),Ne=()=>{document.removeEventListener("mouseup",n),document.removeEventListener("mousedown",i)}}else Ne?.(),Ne=null,Ke="",q(),_n()}function Ii(){let[e,t]=Fn(()=>p().dictionaryActive??!1);Ye(()=>{let i=p();ne(e,i.language??"es")},[]),Ye(()=>{let i=o=>{let{settings:s}=o.detail,a=s.dictionaryActive??!1;a!==e&&(t(a),ne(a,s.language??"es"))};return window.addEventListener("accessibilitySettingsChanged",i),()=>window.removeEventListener("accessibilitySettingsChanged",i)},[e]),Ye(()=>()=>{ne(!1)},[]);let n=Bn(()=>{let i=!e,o=p().language??"es";t(i),ne(i,o),g("dictionaryActive",i)},[e]);return{isActive:e,toggle:n}}function Pe(){let e=Et(),t=At(),n=Mt(),i=Ot(),o=Nt(),s=Ht(),a=Ft(),c=Vt(),l=Gt(),f=qt(),d=Qt(),m=ti(),v=ni(),h=ai(),A=li(),x=mi(),C=Si(),S=xi(),O=Ii(),E=p(),M=Ct(E);return{contrast:e,textSize:t,language:n,colorblind:i,saturation:o,dyslexia:s,letterSpacing:a,lineHeight:c,fontWeight:l,highlight:f,animations:d,cursor:m,readingGuide:v,hideImages:h,textAlign:A,tts:x,profiles:C,pageStructure:S,dictionary:O,hasActiveFeatures:M,resetAllFeatures:()=>{G(),window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))},currentSettings:E}}import{useCallback as Vn,useEffect as jn,useRef as Re,useState as Je}from"react";var Qe="apea-fab-position",T=60,L=16,Gn=6;function U(e,t,n){return Math.max(t,Math.min(n,e))}function $n(){try{let e=localStorage.getItem(Qe);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(Qe),null;let n=typeof window<"u"?window.innerWidth:1e3,i=typeof window<"u"?window.innerHeight:1e3,o=U(t.hOffset,L,Math.max(L,n/2-T/2)),s=U(t.vOffset,L,Math.max(L,i/2-T/2));return o>L&&s>L&&(o<s?o=L:s=L),{vEdge:t.vEdge,hEdge:t.hEdge,hOffset:o,vOffset:s}}catch{return null}}function qn(e){try{localStorage.setItem(Qe,JSON.stringify(e))}catch{}}function Zn(e){return $n()??{vEdge:"bottom",hEdge:e==="bottom-right"?"right":"left",vOffset:32,hOffset:20}}function et(e,t,n){return{x:e.hEdge==="left"?e.hOffset:t-e.hOffset-T,y:e.vEdge==="top"?e.vOffset:n-e.vOffset-T}}function Un(e,t,n,i){let o=e,s=n-e-T,a=t,c=i-t-T,l=Math.min(o,s,a,c),f="left",d="top",m=L,v=L;return l===o||l===s?(f=l===o?"left":"right",m=L,d=a<=c?"top":"bottom",v=U(d==="top"?t:c,L,i/2-T/2)):(d=l===a?"top":"bottom",v=L,f=o<=s?"left":"right",m=U(f==="left"?e:s,L,n/2-T/2)),{hEdge:f,vEdge:d,hOffset:m,vOffset:v}}function Xn(e,t){let n=pe(),i=window.innerWidth/n,o=window.innerHeight/n,s=et(e,i,o);return{position:"fixed",top:`${s.y}px`,left:`${s.x}px`,cursor:t?"grabbing":"grab",userSelect:"none",touchAction:"none",transition:t?"none":"all 0.25s ease"}}function Oi({defaultPosition:e="bottom-left",onTap:t,disabled:n=!1}={}){let[i,o]=Je(()=>Zn(e)),[s,a]=Je(!1),[,c]=Je(0),l=Re(null),f=Re(t);f.current=t;let d=Re(i);d.current=i;let m=Re(n);m.current=n,jn(()=>{let h=()=>{c(A=>A+1)};return window.addEventListener("resize",h),()=>window.removeEventListener("resize",h)},[]);let v=Vn((h,A)=>{if(m.current)return;let x=pe(),C=y=>y/x,S=C(window.innerWidth),O=C(window.innerHeight),E=et(d.current,S,O),M=E.x,K=E.y,oe=l.current;oe&&(oe.style.transition="none");let De=C(h)-M,_e=C(A)-K,Y=M,J=K,se=0;function u(y,W){let j=U(C(y)-De,0,S-T),Q=U(C(W)-_e,0,O-T);se+=Math.abs(j-Y)+Math.abs(Q-J),Y=j,J=Q;let ee=l.current;ee&&(ee.style.top=`${Q}px`,ee.style.left=`${j}px`)}function ae(y,W){let j=pe(),Q=window.innerWidth/j,ee=window.innerHeight/j,{x:_i,y:zi}=et(W,Q,ee);y.style.top=`${zi}px`,y.style.left=`${_i}px`,y.style.transition="all 0.25s ease"}function ut(){Di();let y=l.current;if(se<Gn)y&&ae(y,d.current),a(!1),f.current?.();else{let W=Un(Y,J,S,O);qn(W),y&&ae(y,W),a(!1),o(W)}}function pt(y){u(y.clientX,y.clientY)}function ft(y){y.preventDefault(),u(y.touches[0].clientX,y.touches[0].clientY)}function mt(){ut()}function gt(){ut()}function Di(){window.removeEventListener("mousemove",pt),window.removeEventListener("mouseup",mt),window.removeEventListener("touchmove",ft),window.removeEventListener("touchend",gt)}window.addEventListener("mousemove",pt),window.addEventListener("mouseup",mt),window.addEventListener("touchmove",ft,{passive:!1}),window.addEventListener("touchend",gt),a(!0)},[]);return{fabStyle:Xn(i,s),isDragging:s,fabRef:l,dragHandlers:{onMouseDown:h=>{h.button!==0||m.current||(h.preventDefault(),v(h.clientX,h.clientY))},onTouchStart:h=>{m.current||v(h.touches[0].clientX,h.touches[0].clientY)}}}}import{useState as to}from"react";import{jsx as Kn,jsxs as Yn}from"react/jsx-runtime";function tt({title:e,children:t}){return Yn("section",{className:"px-4 py-3",children:[Kn("h3",{className:"text-xs font-semibold text-blue-700 uppercase tracking-wider mb-3",children:e}),t]})}import{jsx as He,jsxs as Jn}from"react/jsx-runtime";function N({icon:e,label:t,isActive:n,onClick:i,disabled:o=!1,className:s,hint:a}){return Jn("button",{type:"button",role:"switch","aria-checked":n,"aria-label":t,onClick:o?void 0:i,disabled:o,className:k("apea-focus apea-feature-row",s),"data-active":n,"data-disabled":o||void 0,children:[He("span",{className:k("h-5 w-5 shrink-0",n?"text-blue-700":"text-gray-500"),children:e}),He("span",{className:"flex-1 text-sm font-medium text-gray-700 leading-tight text-left",children:t}),a&&He("span",{title:a,"aria-label":a,role:"note",onClick:c=>c.stopPropagation(),className:"shrink-0 inline-flex h-6 w-6 items-center justify-center rounded-full ring ring-gray-500 text-gray-600 text-sm font-bold cursor-help select-none hover:scale-105 hover:ring-2 hover:ring-blue-600 hover:text-blue-600 transition-all",children:"?"}),He("span",{className:"apea-toggle","data-checked":n,"aria-hidden":"true"})]})}import{jsx as z,jsxs as eo}from"react/jsx-runtime";function Qn(){return z("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:z("polyline",{points:"2,6 5,9 10,3"})})}function R({icon:e,name:t,levels:n,currentIndex:i,onCycle:o,className:s}){let a=i>=0,c=a?n[i]:null,l=n.length>1;function f(){let v=i>=n.length-1?-1:i+1;o(v)}function d(v){(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),f())}let m=a?`${t}: ${c.label}`:t;return eo("div",{role:"button",tabIndex:0,"aria-label":m,"aria-roledescription":"cyclic toggle","aria-pressed":a,...l&&a?{"aria-valuenow":i+1,"aria-valuemax":n.length}:{},"data-active":a,onClick:f,onKeyDown:d,className:k("apea-focus apea-cyclic-tile",s),children:[z("span",{className:"apea-cyclic-tile__check","aria-hidden":"true",children:a&&z(Qn,{})}),z("span",{className:"apea-cyclic-tile__icon",children:e}),z("span",{className:"apea-cyclic-tile__label",children:a?c.label:t}),l&&z("span",{className:"apea-cyclic-tile__dots","aria-hidden":"true",children:n.map((v,h)=>z("span",{className:"apea-cyclic-dot","data-filled":a&&h<=i},h))})]})}import{jsx as r,jsxs as b}from"react/jsx-runtime";var it=[{label:"Leve",value:120},{label:"Grande",value:130},{label:"M\xE1s grande",value:150},{label:"M\xE1ximo",value:160}],nt=[{label:"Alto Contraste",value:"high"}],ot=[{label:"Alta Saturaci\xF3n",value:"high"},{label:"Baja Saturaci\xF3n",value:"low"},{label:"Desaturado",value:"mono"}],st=[{label:"Leve",value:16},{label:"Medio",value:19},{label:"M\xE1ximo",value:23}],at=[{label:"Leve",value:2},{label:"Medio",value:3},{label:"M\xE1ximo",value:5}],rt=[{label:"Izquierda",value:"left"},{label:"Centro",value:"center"},{label:"Derecha",value:"right"}];function ki({onClose:e}){let[t,n]=to(!1),{contrast:i,textSize:o,saturation:s,dyslexia:a,letterSpacing:c,lineHeight:l,fontWeight:f,highlight:d,animations:m,cursor:v,readingGuide:h,colorblind:A,hideImages:x,textAlign:C,tts:S,profiles:O,pageStructure:E,dictionary:M,resetAllFeatures:K}=Pe(),oe=it.findIndex(u=>u.value===o.textSizePercentage),De=nt.findIndex(u=>u.value===i.contrastMode),_e=ot.findIndex(u=>u.value===s.saturationMode),Y=st.findIndex(u=>u.value===l.level),J=at.findIndex(u=>u.value===c.level),se=rt.findIndex(u=>u.value===C.mode);return b("div",{role:"dialog","aria-modal":"true","aria-label":"Men\xFA de Accesibilidad",className:"flex flex-col h-full overflow-hidden",children:[b("div",{className:"flex items-center justify-between apea-header-glass px-4 py-3 shrink-0",children:[r("h2",{className:"text-sm font-bold text-white tracking-wide",children:"Men\xFA de Accesibilidad"}),r("div",{className:"flex items-center gap-2",children:r("button",{type:"button",onClick:e,"aria-label":"Cerrar men\xFA de accesibilidad",className:"apea-focus flex h-8 w-8 items-center justify-center rounded-full border border-white/30 text-white cursor-pointer transition hover:bg-red-500/80",style:{"--apea-color-focus-ring":"#fff","--apea-color-focus-offset":"transparent"},children:r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2.2,className:"h-4 w-4","data-a11y-icon":!0,children:r("path",{d:"M18 6 6 18M6 6l12 12",strokeLinecap:"round",strokeLinejoin:"round"})})})})]}),b("div",{className:"flex-1 overflow-y-auto",children:[b("section",{className:"px-4 pb-0 py-3",children:[b("button",{type:"button",onClick:()=>n(u=>!u),"aria-expanded":t,"aria-controls":"apea-profiles-list",className:"flex w-full items-center justify-between text-xs font-semibold text-blue-700 uppercase tracking-wider cursor-pointer",children:["Perfiles de accesibilidad",r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:`h-4 w-4 transition-transform duration-300 ease-in-out ${t?"rotate-180":""}`,"data-a11y-icon":!0,children:r("path",{d:"M6 9l6 6 6-6",strokeLinecap:"round",strokeLinejoin:"round"})})]}),t&&r("div",{id:"apea-profiles-list",className:"flex flex-col gap-2 pt-3 pb-5 px-2 -mx-2",children:Object.keys(Ue).map(u=>r(N,{icon:r(So,{profile:u}),label:Ue[u],isActive:O.activeProfile===u,onClick:()=>O.applyProfile(u)},u))})]}),r("section",{className:"px-4 pt-0 py-3",children:b("div",{className:"apea-cyclic-grid",children:[r(R,{icon:r(vo,{}),name:"Lector de pantalla",levels:[{label:"Activo",value:!0}],currentIndex:S.isReading?0:-1,onCycle:()=>S.toggle()}),r(R,{icon:r(io,{}),name:"Tama\xF1o de fuente",levels:it,currentIndex:oe,onCycle:u=>o.setSpecificTextSize(u===-1?100:it[u].value)}),r(R,{icon:r(lo,{}),name:"Contraste",levels:nt,currentIndex:De,onCycle:u=>i.setContrastMode(u===-1?"normal":nt[u].value)}),r(R,{icon:r(uo,{}),name:"Saturaci\xF3n",levels:ot,currentIndex:_e,onCycle:u=>s.setSaturationMode(u===-1?"normal":ot[u].value)}),r(R,{icon:r(ro,{}),name:"Interlineado",levels:st,currentIndex:Y,onCycle:u=>l.setTo(u===-1?14:st[u].value)}),r(R,{icon:r(ao,{}),name:"Interletrado",levels:at,currentIndex:J,onCycle:u=>c.setTo(u===-1?0:at[u].value)}),r(R,{icon:r(so,{}),name:"Fuente dislexia",levels:[{label:"Activa",value:!0}],currentIndex:a.isActive?0:-1,onCycle:()=>a.toggle()}),r(R,{icon:r(ho,{mode:C.mode}),name:"Alinear texto",levels:rt,currentIndex:se,onCycle:u=>C.setMode(u===-1?"default":rt[u].value)})]})}),r(tt,{title:"Ajustes de contenido",children:b("div",{className:"flex flex-col gap-2",children:[r(N,{icon:r(no,{}),label:"Resaltar t\xEDtulos",isActive:d.isTitlesActive,onClick:d.toggleTitles}),r(N,{icon:r(oo,{}),label:"Resaltar enlaces",isActive:d.isLinksActive,onClick:d.toggleLinks}),r(N,{icon:r(co,{}),label:"Fuente negrita",isActive:f.isBold,onClick:f.toggle}),r(N,{icon:r(go,{}),label:"Ocultar im\xE1genes",isActive:x.isActive,onClick:x.toggle})]})}),b(tt,{title:"Herramientas",children:[b("div",{className:"flex flex-col gap-2",children:[r(N,{icon:r(po,{}),label:"Gu\xEDa de lectura",isActive:h.isActive,onClick:h.toggle}),r(N,{icon:r(fo,{}),label:"Pausar animaciones",isActive:m.isActive,onClick:m.toggle}),r(N,{icon:r(mo,{}),label:"Cursor grande",isActive:v.isActive,onClick:v.toggle}),r(N,{icon:r(bo,{}),label:"Diccionario",hint:"Selecciona una palabra en la p\xE1gina para ver su definici\xF3n al instante.",isActive:M.isActive,onClick:M.toggle})]}),E.isOpen&&E.structure.length>0&&b("div",{className:"mt-3 rounded-xl border border-white/70 bg-white/80 p-3 max-h-60 overflow-y-auto shadow-[0_2px_8px_rgba(0,0,0,0.06)]",children:[r("p",{className:"mb-2 text-xs font-medium text-gray-500 uppercase tracking-wide",children:"Estructura de la p\xE1gina"}),r("ul",{className:"space-y-1",children:E.structure.map((u,ae)=>r("li",{children:b("button",{type:"button",onClick:()=>E.navigateTo(u),className:"apea-focus w-full text-left px-2 py-1.5 rounded-lg text-sm hover:bg-blue-50 transition-colors",style:{paddingLeft:`${(u.level||1)*12}px`},children:[r("span",{className:"inline-block mr-2 text-xs font-mono text-blue-600 bg-blue-100 px-1.5 py-0.5 rounded",children:u.tag}),r("span",{className:"text-gray-700",children:u.text})]})},`${u.tag}-${ae}`))})]}),E.isOpen&&E.structure.length===0&&r("div",{className:"mt-3 rounded-xl border border-white/70 bg-white/80 p-3 shadow-[0_2px_8px_rgba(0,0,0,0.06)]",children:r("p",{className:"text-sm text-gray-500 text-center",children:"No se encontraron encabezados"})})]})]}),r("section",{className:"px-4 pb-6 pt-2",children:r("button",{type:"button",onClick:K,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 io(){return r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 7V4h16v3M9 20h6M12 4v16",strokeLinecap:"round",strokeLinejoin:"round"})})}function no(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 12h8M4 18h12",strokeLinecap:"round"}),r("path",{d:"M15 14l5 5M20 14l-5 5",strokeLinecap:"round",strokeLinejoin:"round"})]})}function oo(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",strokeLinecap:"round",strokeLinejoin:"round"})]})}function so(){return r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 7l4 10 4-10M20 7v10M17 7h6",strokeLinecap:"round",strokeLinejoin:"round"})})}function ao(){return r("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:r("path",{d:"m20.003 16.975-2.027 2.028m.113-3.943 1.914 1.915m-16.006 0 2.027-2.029m-.113 3.944-1.914-1.915m0 0h16.006m-2-5.975L15.16 4.997 12.317 11m.568-1.2h4.547M4.997 4.997 7.84 11l2.843-6.003",stroke:"#000",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})})}function ro(){return b("svg",{width:25,height:24,viewBox:"0 0 25 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-a11y-icon":!0,children:[r("path",{d:"M12.754 4a.75.75 0 0 1 .75-.75H20.5a.75.75 0 0 1 0 1.5h-6.996a.75.75 0 0 1-.75-.75m7.746 9.917h-6.996a.75.75 0 0 0 0 1.5H20.5a.75.75 0 0 0 0-1.5m-6.996 5.333a.75.75 0 0 0 0 1.5H20.5a.75.75 0 0 0 0-1.5zm6.996-9.167h-6.996a.75.75 0 0 1 0-1.5H20.5a.75.75 0 0 1 0 1.5",opacity:.4,fill:"#323544"}),r("path",{d:"m9.974 16.47-1.722 1.72V5.81l1.722 1.72a.75.75 0 0 0 1.06-1.06l-3.002-3a.75.75 0 0 0-1.06 0l-3.002 3a.75.75 0 0 0 1.06 1.06l1.722-1.72v12.38L5.03 16.47a.75.75 0 0 0-1.06 1.06l3.002 3a.75.75 0 0 0 1.06 0l3.002-3a.75.75 0 0 0-1.06-1.06",fill:"#323544"})]})}function co(){return b("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"}),r("path",{d:"M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"})]})}function lo(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("path",{d:"M12 3v18"}),r("path",{d:"M12 3a9 9 0 0 1 0 18V3z",fill:"currentColor",stroke:"none"})]})}function uo(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"8"}),r("path",{d:"M12 4v16M8 8l8 8M4 12h16",strokeLinecap:"round",strokeOpacity:.4}),r("circle",{cx:"12",cy:"12",r:"4",fill:"currentColor"})]})}function po(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 6h16M4 10h16M4 14h10",strokeLinecap:"round"}),r("path",{d:"M3 18h18",strokeWidth:3,strokeLinecap:"round"})]})}function fo(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"12",r:"9"}),r("rect",{x:"9",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"}),r("rect",{x:"13",y:"9",width:"2",height:"6",fill:"currentColor",stroke:"none"})]})}function mo(){return r("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M5 3l14 9-7.5 1.5L9 20l-4-17z"})})}function go(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),r("circle",{cx:"8.5",cy:"8.5",r:"1.5",fill:"currentColor",stroke:"none"}),r("path",{d:"M21 15l-5-5L5 21",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M2 2l20 20",strokeLinecap:"round",strokeWidth:2.5})]})}function ho({mode:e}){return e==="center"?r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M6 6h12M8 10h8M6 14h12M8 18h8",strokeLinecap:"round"})}):e==="right"?r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 6h16M8 10h12M4 14h16M8 18h12",strokeLinecap:"round"})}):r("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:r("path",{d:"M4 6h16M4 10h12M4 14h16M4 18h12",strokeLinecap:"round"})})}function vo(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M11 5L6 9H2v6h4l5 4V5z",fill:"currentColor",stroke:"none"}),r("path",{d:"M15.54 8.46a5 5 0 0 1 0 7.07",strokeLinecap:"round"}),r("path",{d:"M19.07 4.93a10 10 0 0 1 0 14.14",strokeLinecap:"round"})]})}function So({profile:e}){switch(e){case"visionImpaired":return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),r("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor"})]});case"cognitive":return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M12 2a7 7 0 0 1 7 7c0 3-2 5-3 7h-8c-1-2-3-4-3-7a7 7 0 0 1 7-7z"}),r("path",{d:"M9 16v2a3 3 0 0 0 6 0v-2"})]});case"motorImpaired":return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),r("path",{d:"M12 6v6l4 4M12 12l-4 4",strokeLinecap:"round",strokeLinejoin:"round"}),r("circle",{cx:"8",cy:"20",r:"2"}),r("circle",{cx:"16",cy:"20",r:"2"})]});case"seniorFriendly":return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("circle",{cx:"12",cy:"4",r:"2",fill:"currentColor"}),r("path",{d:"M12 6v8M12 14l-3 6M12 14l3 6M12 10h-2l-3 4M12 10h2",strokeLinecap:"round",strokeLinejoin:"round"})]});default:return null}}function bo(){return b("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,className:"h-full w-full","data-a11y-icon":!0,children:[r("path",{d:"M4 19.5A2.5 2.5 0 0 1 6.5 17H20",strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z",strokeLinejoin:"round"}),r("path",{d:"M9 7h6M9 11h4",strokeLinecap:"round"})]})}import{Fragment as xo,jsx as X,jsxs as Eo}from"react/jsx-runtime";function ct({position:e="bottom-left",className:t}={}){let[n,i]=yo(!0),{hasActiveFeatures:o}=Pe(),{fabStyle:s,isDragging:a,fabRef:c,dragHandlers:l}=Oi({defaultPosition:e,onTap:()=>i(d=>!d),disabled:n});Co(()=>{if(!n)return;let d=m=>{m.key==="Escape"&&i(!1)};return document.addEventListener("keydown",d),()=>document.removeEventListener("keydown",d)},[n]);let f=n||o?"var(--apea-color-fab-active, #FFD54F)":"var(--apea-color-fab-inactive, #F6F6F6)";return Eo(xo,{children:[X("div",{ref:c,className:t,style:{...s,zIndex:n?30:50,opacity:a?.85:1,filter:o?"drop-shadow(0 4px 12px rgba(255, 213, 79, 0.3))":"none"},role:"button",tabIndex:0,"aria-expanded":n,"aria-haspopup":"dialog","aria-label":`Accesibilidad - ${o?"Funciones activas":"Sin funciones activas"}`,...l,onKeyDown:d=>{n||(d.key==="Enter"||d.key===" ")&&(d.preventDefault(),i(!0))},children:X(ze,{size:"lg","aria-hidden":"true",tabIndex:-1,leftIcon:X(vt,{className:"w-full z-50",color:f,stroke:f})})}),X("div",{className:"fixed inset-0 z-40 apea-backdrop",style:{backgroundColor:"var(--apea-color-backdrop, rgba(0, 0, 0, 0.15))"},"data-visible":n?"true":"false",onClick:()=>i(!1),"aria-hidden":"true"}),X("div",{role:"none",className:"fixed inset-y-0 right-0 z-50 w-full max-w-sm shadow-2xl apea-panel rounded-l-4xl overflow-hidden","data-open":n?"true":"false",children:X(ki,{onClose:()=>i(!1)})})]})}import{jsx as Ni}from"react/jsx-runtime";var wo={primary500:"#005dca",primary600:"#004faf",primary700:"#003b8a",panelBackground:"#f9fafb",fabActive:"#ffd54f",fabInactive:"#f6f6f6",backdrop:"rgba(0, 0, 0, 0.2)"};function lt(e){return{...wo,...e}}function Ao(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function Ti(e,t){e.style.setProperty("--apea-color-primary-500",t.primary500),e.style.setProperty("--apea-color-primary-600",t.primary600),e.style.setProperty("--apea-color-primary-700",t.primary700),e.style.setProperty("--apea-color-panel-bg",t.panelBackground),e.style.setProperty("--apea-color-fab-active",t.fabActive),e.style.setProperty("--apea-color-fab-inactive",t.fabInactive),e.style.setProperty("--apea-color-backdrop",t.backdrop)}function Pi(e={}){let t={position:e.position||"bottom-left",zIndex:e.zIndex||9999,containerId:e.containerId||"ape-accessibility-root",theme:lt(e.theme)},n=lt(t.theme),i=t.containerId||"ape-accessibility-root";if(document.getElementById(i))return console.warn("[ape-accessibility] Widget already mounted. Call destroy() first."),{destroy:()=>{},updateConfig:()=>{},config:e};let o=document.createElement("style");o.id="ape-accessibility-tools-css",o.textContent=`/* ============================================= */
|
|
9
15
|
/* Accessibility Feature Styles */
|
|
10
16
|
/* ============================================= */
|
|
11
17
|
|
|
@@ -89,13 +95,13 @@ import{createRoot as Wn}from"react-dom/client";import{useState as Pn,useEffect a
|
|
|
89
95
|
font-family: OpenDyslexic3, 'Comic Sans MS', Arial, sans-serif !important;
|
|
90
96
|
}
|
|
91
97
|
|
|
92
|
-
/* Letter Spacing & Line Height */
|
|
98
|
+
/* Letter Spacing (px) & Line Height (ratio) */
|
|
93
99
|
.accessibility-letter-spacing * {
|
|
94
|
-
letter-spacing: calc(
|
|
100
|
+
letter-spacing: calc(var(--accessibility-letter-spacing) * 1px) !important;
|
|
95
101
|
}
|
|
96
102
|
|
|
97
103
|
.accessibility-line-height * {
|
|
98
|
-
line-height: calc(
|
|
104
|
+
line-height: calc(var(--accessibility-line-height) / 10) !important;
|
|
99
105
|
}
|
|
100
106
|
|
|
101
107
|
.accessibility-font-weight * {
|
|
@@ -163,10 +169,21 @@ import{createRoot as Wn}from"react-dom/client";import{useState as Pn,useEffect a
|
|
|
163
169
|
:root[data-text-align='right'] * {
|
|
164
170
|
text-align: right !important;
|
|
165
171
|
}
|
|
166
|
-
`,document.head.appendChild(o);let s=document.createElement("div");s.id=i,s.setAttribute("data-a11y-icon",""),s.style.position="fixed",s.style.zIndex=String(t.zIndex||9999),s.style.top="0",s.style.left="0",s.style.width="0",s.style.height="0",s.style.overflow="visible",
|
|
167
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:#fec905;--color-green-50:oklch(98.2% .018 155.826);--color-green-500:#0a0;--color-blue-50:#eef5ff;--color-blue-100:#cfe5ff;--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:#7cb8ff;--color-blue-500:#005dca;--color-blue-600:#004faf;--color-blue-700:#003b8a;--color-blue-900:#002e64;--color-gray-200:oklch(92.8% .006 264.531);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.right-0{right:calc(var(--spacing) * 0)}.right-5{right:calc(var(--spacing) * 5)}.bottom-8{bottom:calc(var(--spacing) * 8)}.left-5{left:calc(var(--spacing) * 5)}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-\\[40px\\]{height:40px}.h-\\[60px\\]{height:60px}.h-full{height:100%}.max-h-60{max-height:calc(var(--spacing) * 60)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-\\[40px\\]{width:40px}.w-\\[60px\\]{width:60px}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.rotate-180{rotate:180deg}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\\[0fr\\]{grid-template-rows:0fr}.grid-rows-\\[1fr\\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\\[30px\\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-white\\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-green-50{background-color:var(--color-green-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-md\\/20{--tw-shadow-alpha:20%;--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,oklab(0% 0 0/.2)), 0 2px 4px -2px var(--tw-shadow-color,oklab(0% 0 0/.2));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-green-500{--tw-ring-color:var(--color-green-500)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\\[grid-template-rows\\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\\:bg-white\\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-white\\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\\:bg-none:hover{background-image:none}.hover\\:font-semibold:hover{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.hover\\:ring-2:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:ring-blue-300:hover{--tw-ring-color:var(--color-blue-300)}.hover\\:ring-yellow-500:hover{--tw-ring-color:var(--color-yellow-500)}}.focus\\:bg-blue-50:focus{background-color:var(--color-blue-50)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\\:ring-blue-500:focus-visible{--tw-ring-color:var(--color-blue-500)}.focus-visible\\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\\:scale-90:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-30:disabled{opacity:.3}.disabled\\:opacity-40:disabled{opacity:.4}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
|
|
172
|
+
`,document.head.appendChild(o);let s=document.createElement("div");s.id=i,s.setAttribute("data-a11y-icon",""),s.style.position="fixed",s.style.zIndex=String(t.zIndex||9999),s.style.top="0",s.style.left="0",s.style.width="0",s.style.height="0",s.style.overflow="visible",Ti(s,n),document.body.appendChild(s);let a=s.attachShadow({mode:"open"}),c=document.createElement("style");c.textContent=`/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
173
|
+
@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-600:oklch(44.6% .03 256.802);--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)}.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}.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-\\[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-\\[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-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.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-0{padding-top:calc(var(--spacing) * 0)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.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-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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-gray-500{--tw-ring-color:var(--color-gray-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-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-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)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.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\\:text-blue-600:hover{color:var(--color-blue-600)}.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-600:hover{--tw-ring-color:var(--color-blue-600)}.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
174
|
/* Widget animation styles */
|
|
169
175
|
|
|
176
|
+
/* Focus base \u2014 single source of truth */
|
|
177
|
+
.apea-focus {
|
|
178
|
+
outline: none;
|
|
179
|
+
}
|
|
180
|
+
.apea-focus:focus-visible {
|
|
181
|
+
outline: none;
|
|
182
|
+
box-shadow:
|
|
183
|
+
0 0 0 2px var(--apea-color-focus-ring, #3b82f6),
|
|
184
|
+
0 0 0 calc(2px + var(--apea-focus-offset, 1px)) var(--apea-color-focus-offset, #fff);
|
|
185
|
+
}
|
|
186
|
+
|
|
170
187
|
/* FAB button */
|
|
171
188
|
.apea-fab {
|
|
172
189
|
transition: transform 0.15s ease, filter 0.2s ease;
|
|
@@ -178,26 +195,298 @@ import{createRoot as Wn}from"react-dom/client";import{useState as Pn,useEffect a
|
|
|
178
195
|
transform: scale(0.95);
|
|
179
196
|
}
|
|
180
197
|
|
|
181
|
-
/* Backdrop */
|
|
198
|
+
/* Backdrop \u2014 frosted overlay */
|
|
182
199
|
.apea-backdrop {
|
|
183
200
|
opacity: 0;
|
|
184
|
-
|
|
201
|
+
backdrop-filter: blur(0px);
|
|
202
|
+
-webkit-backdrop-filter: blur(0px);
|
|
203
|
+
transition:
|
|
204
|
+
opacity 0.3s ease,
|
|
205
|
+
backdrop-filter 0.3s ease,
|
|
206
|
+
-webkit-backdrop-filter 0.3s ease;
|
|
185
207
|
pointer-events: none;
|
|
186
208
|
}
|
|
187
209
|
.apea-backdrop[data-visible='true'] {
|
|
188
210
|
opacity: 1;
|
|
211
|
+
backdrop-filter: blur(2px);
|
|
212
|
+
-webkit-backdrop-filter: blur(2px);
|
|
189
213
|
pointer-events: auto;
|
|
190
214
|
}
|
|
191
215
|
|
|
192
|
-
/* Slide-in panel */
|
|
216
|
+
/* Slide-in panel \u2014 glass surface */
|
|
193
217
|
.apea-panel {
|
|
194
218
|
transform: translateX(100%);
|
|
195
219
|
transition: transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
|
|
220
|
+
background: rgb(255, 255, 255);
|
|
221
|
+
backdrop-filter: blur(5px) saturate(1.4);
|
|
222
|
+
-webkit-backdrop-filter: blur(5px) saturate(1.4);
|
|
196
223
|
}
|
|
197
224
|
.apea-panel[data-open='true'] {
|
|
198
225
|
transform: translateX(0);
|
|
199
226
|
}
|
|
200
227
|
|
|
228
|
+
/* Decorative blobs \u2014 themeable */
|
|
229
|
+
.apea-panel::before,
|
|
230
|
+
.apea-panel::after {
|
|
231
|
+
content: '';
|
|
232
|
+
position: absolute;
|
|
233
|
+
border-radius: 50%;
|
|
234
|
+
filter: blur(80px);
|
|
235
|
+
opacity: var(--apea-blob-opacity, .5);
|
|
236
|
+
pointer-events: none;
|
|
237
|
+
z-index: 0;
|
|
238
|
+
}
|
|
239
|
+
.apea-panel::before {
|
|
240
|
+
width: 280px;
|
|
241
|
+
height: 280px;
|
|
242
|
+
top: -60px;
|
|
243
|
+
right: -40px;
|
|
244
|
+
background: var(--apea-color-blob-1, rgba(101, 152, 210, 0.516));
|
|
245
|
+
}
|
|
246
|
+
.apea-panel::after {
|
|
247
|
+
width: 220px;
|
|
248
|
+
height: 220px;
|
|
249
|
+
bottom: 15%;
|
|
250
|
+
left: -50px;
|
|
251
|
+
background: var(--apea-color-blob-2, rgba(43, 91, 162, 0.73));
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
/* Panel content must sit above blobs */
|
|
255
|
+
.apea-panel > * {
|
|
256
|
+
position: relative;
|
|
257
|
+
z-index: 1;
|
|
258
|
+
}
|
|
259
|
+
|
|
260
|
+
/* Custom scrollbar \u2014 scoped to panel, themeable */
|
|
261
|
+
.apea-panel ::-webkit-scrollbar {
|
|
262
|
+
width: 6px;
|
|
263
|
+
}
|
|
264
|
+
.apea-panel ::-webkit-scrollbar-track {
|
|
265
|
+
background: var(--apea-color-scrollbar-track, transparent);
|
|
266
|
+
}
|
|
267
|
+
.apea-panel ::-webkit-scrollbar-thumb {
|
|
268
|
+
background: var(--apea-color-scrollbar-thumb, rgba(0, 93, 202, 0.25));
|
|
269
|
+
border-radius: 999px;
|
|
270
|
+
}
|
|
271
|
+
.apea-panel ::-webkit-scrollbar-thumb:hover {
|
|
272
|
+
background: var(--apea-color-scrollbar-thumb-hover, rgba(0, 94, 202, 0.934));
|
|
273
|
+
}
|
|
274
|
+
/* Firefox */
|
|
275
|
+
.apea-panel * {
|
|
276
|
+
scrollbar-color: var(--apea-color-scrollbar-thumb, rgba(0, 94, 202, 0.571)) var(--apea-color-scrollbar-track, transparent);
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
/* Glass header */
|
|
280
|
+
.apea-header-glass {
|
|
281
|
+
background: linear-gradient(
|
|
282
|
+
135deg,
|
|
283
|
+
rgba(0, 93, 202, 0.88) 0%,
|
|
284
|
+
rgba(0, 79, 175, 0.92) 50%,
|
|
285
|
+
rgba(0, 59, 138, 0.95) 100%
|
|
286
|
+
);
|
|
287
|
+
backdrop-filter: blur(12px) saturate(1.3);
|
|
288
|
+
-webkit-backdrop-filter: blur(12px) saturate(1.3);
|
|
289
|
+
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
/* Toggle switch \u2014 visual indicator (not interactive, container handles click) */
|
|
293
|
+
.apea-toggle {
|
|
294
|
+
position: relative;
|
|
295
|
+
width: 40px;
|
|
296
|
+
height: 22px;
|
|
297
|
+
border-radius: 999px;
|
|
298
|
+
background: var(--apea-color-toggle-off, #d1d5db);
|
|
299
|
+
transition: background 0.2s ease;
|
|
300
|
+
flex-shrink: 0;
|
|
301
|
+
pointer-events: none;
|
|
302
|
+
}
|
|
303
|
+
.apea-toggle::after {
|
|
304
|
+
content: '';
|
|
305
|
+
position: absolute;
|
|
306
|
+
top: 2px;
|
|
307
|
+
left: 2px;
|
|
308
|
+
width: 18px;
|
|
309
|
+
height: 18px;
|
|
310
|
+
border-radius: 50%;
|
|
311
|
+
background: #fff;
|
|
312
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
|
313
|
+
transition: transform 0.2s ease;
|
|
314
|
+
}
|
|
315
|
+
.apea-toggle[data-checked='true'] {
|
|
316
|
+
background: var(--apea-color-toggle-on, #22c55e);
|
|
317
|
+
}
|
|
318
|
+
.apea-toggle[data-checked='true']::after {
|
|
319
|
+
transform: translateX(18px);
|
|
320
|
+
}
|
|
321
|
+
|
|
322
|
+
/* Slider (range input) \u2014 themeable */
|
|
323
|
+
.apea-slider {
|
|
324
|
+
-webkit-appearance: none;
|
|
325
|
+
appearance: none;
|
|
326
|
+
width: 100%;
|
|
327
|
+
height: 6px;
|
|
328
|
+
border-radius: 999px;
|
|
329
|
+
background: var(--apea-color-slider-track, #e5e7eb);
|
|
330
|
+
outline: none;
|
|
331
|
+
cursor: pointer;
|
|
332
|
+
}
|
|
333
|
+
.apea-slider::-webkit-slider-thumb {
|
|
334
|
+
-webkit-appearance: none;
|
|
335
|
+
appearance: none;
|
|
336
|
+
width: 18px;
|
|
337
|
+
height: 18px;
|
|
338
|
+
border-radius: 50%;
|
|
339
|
+
background: var(--apea-color-slider-thumb, #3b82f6);
|
|
340
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
|
|
341
|
+
cursor: pointer;
|
|
342
|
+
transition: transform 0.15s ease;
|
|
343
|
+
}
|
|
344
|
+
.apea-slider::-webkit-slider-thumb:hover {
|
|
345
|
+
transform: scale(1.15);
|
|
346
|
+
}
|
|
347
|
+
.apea-slider::-moz-range-thumb {
|
|
348
|
+
width: 18px;
|
|
349
|
+
height: 18px;
|
|
350
|
+
border: none;
|
|
351
|
+
border-radius: 50%;
|
|
352
|
+
background: var(--apea-color-slider-thumb, #3b82f6);
|
|
353
|
+
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
|
|
354
|
+
cursor: pointer;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
/* Feature row \u2014 shared card for toggle/slider items */
|
|
358
|
+
.apea-feature-row {
|
|
359
|
+
display: flex;
|
|
360
|
+
align-items: center;
|
|
361
|
+
gap: 0.75rem;
|
|
362
|
+
padding: 0.625rem 0.75rem;
|
|
363
|
+
border-radius: 0.75rem;
|
|
364
|
+
background: rgba(255, 255, 255, 0.8);
|
|
365
|
+
border: 1px solid rgba(255, 255, 255, 0.7);
|
|
366
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
|
|
367
|
+
transition: all 0.2s ease;
|
|
368
|
+
cursor: pointer;
|
|
369
|
+
}
|
|
370
|
+
.apea-feature-row:hover {
|
|
371
|
+
background: rgba(239, 246, 255, 0.85);
|
|
372
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
373
|
+
}
|
|
374
|
+
.apea-feature-row[data-active='true'] {
|
|
375
|
+
background: rgba(240, 253, 244, 0.9);
|
|
376
|
+
border-color: rgba(34, 197, 94, 0.3);
|
|
377
|
+
}
|
|
378
|
+
.apea-feature-row[data-active='true']:hover {
|
|
379
|
+
background: rgba(220, 252, 231, 0.9);
|
|
380
|
+
}
|
|
381
|
+
.apea-feature-row[data-disabled='true'] {
|
|
382
|
+
opacity: 0.4;
|
|
383
|
+
cursor: not-allowed;
|
|
384
|
+
}
|
|
385
|
+
|
|
386
|
+
/* Cyclic tile grid \u2014 2-column layout */
|
|
387
|
+
.apea-cyclic-grid {
|
|
388
|
+
display: grid;
|
|
389
|
+
grid-template-columns: repeat(2, 1fr);
|
|
390
|
+
gap: 0.5rem;
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
/* Cyclic tile \u2014 card that cycles through levels on click */
|
|
394
|
+
.apea-cyclic-tile {
|
|
395
|
+
position: relative;
|
|
396
|
+
display: flex;
|
|
397
|
+
flex-direction: column;
|
|
398
|
+
align-items: center;
|
|
399
|
+
justify-content: center;
|
|
400
|
+
gap: 0.375rem;
|
|
401
|
+
min-height: 5.5rem;
|
|
402
|
+
padding: 0.75rem 0.5rem 0.625rem;
|
|
403
|
+
border-radius: 0.75rem;
|
|
404
|
+
border: 1.5px solid rgba(255, 255, 255, 0.7);
|
|
405
|
+
background: rgba(255, 255, 255, 0.7);
|
|
406
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
|
|
407
|
+
cursor: pointer;
|
|
408
|
+
user-select: none;
|
|
409
|
+
transition: all 0.2s ease;
|
|
410
|
+
}
|
|
411
|
+
.apea-cyclic-tile:hover {
|
|
412
|
+
background: rgba(239, 246, 255, 0.85);
|
|
413
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
|
|
414
|
+
}
|
|
415
|
+
.apea-cyclic-tile[data-active='true'] {
|
|
416
|
+
background: rgba(239, 246, 255, 0.9);
|
|
417
|
+
border-color: var(--color-blue-500, #005dca);
|
|
418
|
+
box-shadow: 0 0 0 1px rgba(0, 93, 202, 0.15), 0 4px 12px rgba(0, 93, 202, 0.1);
|
|
419
|
+
}
|
|
420
|
+
.apea-cyclic-tile[data-active='true']:hover {
|
|
421
|
+
background: rgba(219, 234, 254, 0.9);
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
/* Checkmark badge \u2014 top-right corner */
|
|
425
|
+
.apea-cyclic-tile__check {
|
|
426
|
+
position: absolute;
|
|
427
|
+
top: 0.375rem;
|
|
428
|
+
right: 0.375rem;
|
|
429
|
+
display: flex;
|
|
430
|
+
align-items: center;
|
|
431
|
+
justify-content: center;
|
|
432
|
+
width: 1rem;
|
|
433
|
+
height: 1rem;
|
|
434
|
+
border-radius: 9999px;
|
|
435
|
+
background: var(--color-blue-500, #005dca);
|
|
436
|
+
color: #fff;
|
|
437
|
+
opacity: 0;
|
|
438
|
+
transition: opacity 0.15s ease;
|
|
439
|
+
}
|
|
440
|
+
.apea-cyclic-tile[data-active='true'] .apea-cyclic-tile__check {
|
|
441
|
+
opacity: 1;
|
|
442
|
+
}
|
|
443
|
+
|
|
444
|
+
/* Icon container */
|
|
445
|
+
.apea-cyclic-tile__icon {
|
|
446
|
+
display: flex;
|
|
447
|
+
align-items: center;
|
|
448
|
+
justify-content: center;
|
|
449
|
+
width: 1.5rem;
|
|
450
|
+
height: 1.5rem;
|
|
451
|
+
color: #6b7280;
|
|
452
|
+
transition: color 0.2s ease;
|
|
453
|
+
}
|
|
454
|
+
.apea-cyclic-tile[data-active='true'] .apea-cyclic-tile__icon {
|
|
455
|
+
color: var(--color-blue-700, #003b8a);
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
/* Text label */
|
|
459
|
+
.apea-cyclic-tile__label {
|
|
460
|
+
font-size: 0.6875rem;
|
|
461
|
+
font-weight: 500;
|
|
462
|
+
line-height: 1.2;
|
|
463
|
+
text-align: center;
|
|
464
|
+
color: #374151;
|
|
465
|
+
}
|
|
466
|
+
.apea-cyclic-tile[data-active='true'] .apea-cyclic-tile__label {
|
|
467
|
+
color: var(--color-blue-700, #003b8a);
|
|
468
|
+
font-weight: 600;
|
|
469
|
+
}
|
|
470
|
+
|
|
471
|
+
/* Progress dots row \u2014 pill/bar shape */
|
|
472
|
+
.apea-cyclic-tile__dots {
|
|
473
|
+
display: flex;
|
|
474
|
+
align-items: center;
|
|
475
|
+
gap: 0.25rem;
|
|
476
|
+
margin-top: 0.125rem;
|
|
477
|
+
}
|
|
478
|
+
.apea-cyclic-dot {
|
|
479
|
+
display: inline-block;
|
|
480
|
+
width: 1.25rem;
|
|
481
|
+
height: 0.1875rem;
|
|
482
|
+
border-radius: 2px;
|
|
483
|
+
background: #d1d5db;
|
|
484
|
+
transition: background-color 0.2s ease;
|
|
485
|
+
}
|
|
486
|
+
.apea-cyclic-dot[data-filled='true'] {
|
|
487
|
+
background: var(--color-blue-500, #005dca);
|
|
488
|
+
}
|
|
489
|
+
|
|
201
490
|
/* Blue gradient for FAB button */
|
|
202
491
|
.apea-gradient {
|
|
203
492
|
background-image: linear-gradient(
|
|
@@ -207,5 +496,5 @@ import{createRoot as Wn}from"react-dom/client";import{useState as Pn,useEffect a
|
|
|
207
496
|
var(--apea-color-primary-700, var(--color-blue-700)) 80%
|
|
208
497
|
);
|
|
209
498
|
}
|
|
210
|
-
`,a.appendChild(
|
|
499
|
+
`,a.appendChild(c);let l=document.createElement("div");a.appendChild(l);let f=Lo(l);f.render(Ni(ct,{position:t.position}));let d=!1;return{updateConfig(m){t=Ao(t,m),n=lt(t.theme),s.style.zIndex=String(t.zIndex||9999),Ti(s,n),f&&f.render(Ni(ct,{position:t.position}))},destroy(){if(d)return;d=!0;let m=f,v=s,h=o;f=null,queueMicrotask(()=>{try{m?.unmount()}catch{}v.remove(),h.remove()})},get config(){return t}}}var H=null,D={};function Ri(e,t){return{...e,...t,theme:{...e.theme??{},...t.theme??{}}}}function Mo(e){document.getElementById(e)?.remove(),document.getElementById("ape-accessibility-tools-css")?.remove()}function Io(e={}){if(H)return console.warn("[ape-accessibility] Already initialized. Call destroy() first."),H;D=Ri(D,e);let t=D.containerId||"ape-accessibility-root";Mo(t);let n=Pi(D);return H={get config(){return n.config},updateConfig(i){n.updateConfig(i)},destroy(){n.destroy(),H=null}},H}function Oo(){H&&H.destroy()}function ko(){return p()}function To(e={}){return D=Ri(D,e),H&&H.updateConfig(D),Hi()}function Hi(){return{...D,theme:{...D.theme??{}}}}function No(){G(),typeof window<"u"&&window.dispatchEvent(new CustomEvent("accessibilityReset",{detail:{timestamp:Date.now()}}))}var dt={init:Io,destroy:Oo,getSettings:ko,resetAllSettings:No,configure:To,getConfig:Hi};typeof window<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",()=>dt.init()):dt.init());
|
|
211
500
|
//# sourceMappingURL=auto.js.map
|