@mdkva/prism 0.0.3 → 0.0.5
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/prism.js +1 -1
- package/package.json +3 -5
package/dist/prism.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(){try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".accessibilitymodalcontainer .dropdownitemcontainer{position:unset!important}.accessibilitymodalcontainer{background-color:var(--mdkbg1);color:var(--mdkt1);border-top:var(--mdkp4bm) solid;border-right:var(--mdkp4bm) solid;border-image-source:linear-gradient(to bottom, var(--mdkl), var(--mdkp));z-index:50;opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 100%;-webkit-user-select:none;user-select:none;border-image-slice:1;flex-direction:column;width:50vw;height:80vh;transition:all .5s;display:flex;position:fixed;bottom:0;left:0;transform:scale(.5);overflow:hidden!important}.accessibilitymodalcontainer::-webkit-scrollbar{display:none}.accessibilitymodalcontainer:hover{border-image-source:linear-gradient(to bottom, var(--mdkp), var(--mdkl))}.accessibilitymodal{flex-direction:column;height:100%;display:flex}.accessibilitymodalheader{padding:var(--mdkh3b) var(--mdkh1b);padding-bottom:var(--mdkp1b);font-size:var(--mdkh3b);color:var(--mdkt1);border-bottom:.1vw solid var(--mdkt2);letter-spacing:.15vw;background:var(--mdkbg1);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:700;display:flex}.accessibilitymodalheader span{-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,Times,serif}.accessibilitymodalbody{padding:var(--mdkh3b);font-size:var(--mdkp2b);color:var(--mdkt2);text-wrap:pretty;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none;flex:1;overflow:hidden auto!important}.accessibilitymodalbody .signatureline{margin:var(--mdkp1b) 0 var(--mdkh1b) 0;text-align:center}.accessibilitymodalbody::-webkit-scrollbar{width:0!important;display:none!important}.lock-screen-vision{touch-action:none!important;height:100vh!important;position:relative!important;overflow:hidden!important}@media (width<=1100px){.accessibilitymodalcontainer{border-right:var(--mdkp4mm) solid;border-top:var(--mdkp4mm) solid;width:80vw;height:80vh}.accessibilitymodalheader{padding:var(--mdkh3m) var(--mdkh1m);padding-bottom:var(--mdkp1m);font-size:var(--mdkh3m)}.accessibilitymodalbody{padding:var(--mdkh3m);font-size:var(--mdkp2m)}.accessibilitymodalbody .signatureline{margin:var(--mdkp1m) 0 var(--mdkh1m) 0}}@media (width<=600px){.accessibilitymodalcontainer{border-right:var(--mdkp4sm) solid;border-top:var(--mdkp4sm) solid}.accessibilitymodalheader{padding:var(--mdkh3s) var(--mdkh1s);padding-bottom:var(--mdkp1s);font-size:var(--mdkh3s)}.accessibilitymodalbody{padding:var(--mdkh3s);font-size:var(--mdkp2s)}.accessibilitymodalbody .signatureline{margin:var(--mdkp1s) 0 var(--mdkh1s) 0}}.accessibilitymodalcontainer.open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.accessibilitymodaltrigger.hidden{transform:scale(.8)translate(-20px);opacity:0!important;visibility:hidden!important;pointer-events:none!important}.accessibilitymodaltrigger{font-size:var(--mdkh3b);cursor:pointer;z-index:10;visibility:visible;opacity:1;-webkit-user-select:none;user-select:none;transition:all .5s;position:fixed;bottom:2vw;left:1vw}.accessibilitymodaltrigger:hover{font-size:var(--mdkh0b)}@media (width<=1100px){.accessibilitymodaltrigger{font-size:var(--mdkh3m)}.accessibilitymodaltrigger:hover{font-size:var(--mdkh0m)}}@media (width<=600px){.accessibilitymodaltrigger{font-size:var(--mdkh3s)}.accessibilitymodaltrigger:hover{font-size:var(--mdkh0s)}}.accessibilitymodalheader .accessibilitymodalclose{color:var(--mdkc);font-size:var(--mdkh1b);opacity:0;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;outline:none;width:fit-content;padding:1vw 2vw;transition:all .6s cubic-bezier(.16,1,.3,1);position:absolute;top:1vw;right:1vw;transform:rotate(180deg)scale(.5)}.accessibilitymodalcontainer.open .accessibilitymodalclose{opacity:1;transition-delay:.15s;transform:rotate(0)scale(1)}.accessibilitymodalheader .accessibilitymodalclose:hover{cursor:pointer;color:var(--mdkch);transition-delay:0s;transform:rotate(90deg)}@media (width<=1100px){.accessibilitymodalheader .accessibilitymodalclose{font-size:var(--mdkh1m);top:4vw;right:4vw}}@media (width<=600px){.accessibilitymodalheader .accessibilitymodalclose{font-size:var(--mdkh1s);top:6vw;right:6vw}}:root{--global-font:inherit}[style*=--global-font] *,[style*=--global-font]{font-family:var(--global-font)!important}.accessibilityitem{margin-bottom:var(--mdkh3b);padding:var(--mdkp2b);text-align:center;border-radius:.5rem;transition:all .5s}.accessibilityitemlabel{font-size:var(--mdkh3b);margin-bottom:var(--mdkp1b);color:var(--mdkt1);letter-spacing:.05vw;font-weight:700;display:block}.accessibilitymodalzoomslider{width:100%;height:var(--mdkp4bm);accent-color:var(--mdkp);cursor:pointer;background:var(--mdkt2);appearance:none;border-radius:1rem}@media (width<=1100px){.accessibilityitem{margin-bottom:var(--mdkh3m);padding:var(--mdkp2m)}.accessibilityitemlabel{font-size:var(--mdkh3m);margin-bottom:var(--mdkp1m)}.accessibilitymodalzoomslider{height:var(--mdkp4mm)}}@media (width<=600px){.accessibilityitem{margin-bottom:var(--mdkh3s);padding:var(--mdkp2s)}.accessibilityitemlabel{font-size:var(--mdkh3s);margin-bottom:var(--mdkp1s)}.accessibilitymodalzoomslider{height:var(--mdkp4sm)}}")),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();var e=()=>{document.getElementById("accessibilitymodalcontainer")||(document.body.insertAdjacentHTML("beforeend",'\n <div class="accessibilitymodaltrigger" id="accessibilitymodaltrigger" aria-label="Adjust Prism">💎</div>\n\n <div class="accessibilitymodalcontainer notranslate" id="accessibilitymodalcontainer" translate="no">\n \n <div class="accessibilitymodalheader">\n <span>💎 Prism</span>\n <button class="accessibilitymodalclose" id="accessibilitymodalclose" aria-label="Close">×</button>\n </div>\n\n <div class="accessibilitymodalbody">\n \n <div class="signatureline">I refine the vision to your perspective.</div>\n\n <div class="accessibilityitem">\n <div class="mdkdropdowncontainer" id="fontfamilycontainer">\n <button type="button" class="dropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Typography: Default</button>\n <ul class="dropdown dropdownpositionunset hidescrollbar" role="listbox">\n <li data-value="default" role="option" class="dropdownitem">Default</li>\n\n <li data-value="sans-serif" role="option" class="dropdownitem">Modern</li>\n\n <li data-value="serif" role="option" class="dropdownitem">Classic</li>\n\n <li data-value="monospace" role="option" class="dropdownitem">Technical</li>\n\n <li data-value="cursive" role="option" class="dropdownitem">Fancy</li>\n </ul>\n </div>\n </div>\n\n <div class="accessibilityitem">\n <div class="mdkdropdowncontainer" id="themescontainer">\n <button type="button" class="dropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Appearance: System</button>\n <ul class="dropdown dropdownpositionunset hidescrollbar" role="listbox">\n <li data-value="system" role="option" class="dropdownitem">System</li>\n <li data-value="light" role="option" class="dropdownitem">Light</li>\n <li data-value="dark" role="option" class="dropdownitem">Dark</li>\n <li data-value="sky" role="option" class="dropdownitem">Sky</li>\n <li data-value="gold" role="option" class="dropdownitem">Gold</li>\n <li data-value="yellow" role="option" class="dropdownitem">Yellow</li>\n <li data-value="green" role="option" class="dropdownitem">Green</li>\n <li data-value="blue" role="option" class="dropdownitem">Blue</li>\n <li data-value="red" role="option" class="dropdownitem">Red</li>\n <li data-value="pink" role="option" class="dropdownitem">Pink</li>\n <li data-value="orange" role="option" class="dropdownitem">Orange</li>\n <li data-value="indigo" role="option" class="dropdownitem">Indigo</li>\n <li data-value="purple" role="option" class="dropdownitem">Purple</li>\n </ul>\n </div>\n </div>\n\n <div class="accessibilityitem">\n <div class="mdkdropdowncontainer" id="zoomcontainer">\n <button type="button" class="dropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Scale: Balanced</button>\n <ul class="dropdown dropdownpositionunset hidescrollbar" role="listbox">\n <li data-value="60" role="option" class="dropdownitem">Tiny</li>\n <li data-value="70" role="option" class="dropdownitem">Compact</li>\n <li data-value="85" role="option" class="dropdownitem">Balanced</li>\n <li data-value="100" role="option" class="dropdownitem">Large</li>\n <li data-value="115" role="option" class="dropdownitem">Huge</li>\n </ul>\n </div>\n </div>\n\n\n </div>\n </div>'),window.dispatchEvent(new Event("accessibility:ready")))},t={handleCollision:()=>{const e=document.getElementById("accessibilitymodaltrigger"),t=document.getElementById("outline-toggle"),o=document.querySelector("#footer");if(!e||!o)return;const n=window.innerHeight;let i=0;const d=o.getBoundingClientRect();if(d.top<n&&(i=n-d.top+20),e.style.transform=`translateY(-${i}px)`,t){const o=e.getBoundingClientRect(),n=t.getBoundingClientRect();if(o.right<n.left-50||o.left>n.right+50||o.bottom<n.top-50||o.top>n.bottom+50){const t=document.getElementById("accessibilitymodalcontainer");t&&!t.classList.contains("open")&&(e.style.opacity="1",e.style.pointerEvents="auto",e.style.visibility="visible")}else e.style.opacity="0",e.style.pointerEvents="none",e.style.visibility="hidden"}},init:()=>{const e=()=>{document.querySelector("#footer")?(window.addEventListener("scroll",t.handleCollision,{passive:!0}),window.addEventListener("resize",t.handleCollision),t.handleCollision()):setTimeout(e,100)};e()}},o=()=>{const e=document.getElementById("accessibilitymodaltrigger"),o=document.getElementById("accessibilitymodalcontainer"),n=document.getElementById("accessibilitymodalclose");if(!e||!o)return;const i=t=>{!o.classList.contains("open")||o.contains(t.target)||e.contains(t.target)||d()},d=()=>{const n=document.getElementById("backtotopbtncontainer");document.documentElement.classList.remove("lock-screen-vision"),document.documentElement.style.paddingRight="",o.classList.remove("open"),e.classList.remove("hidden"),n&&n.classList.remove("hidden"),t.handleCollision&&t.handleCollision(),document.removeEventListener("click",i),setTimeout(()=>e.focus(),500)};e.addEventListener("click",t=>{const d=window.innerWidth-document.documentElement.clientWidth,a=document.getElementById("backtotopbtncontainer");document.documentElement.classList.add("lock-screen-vision"),document.documentElement.style.paddingRight=`${d}px`,o.classList.add("open"),e.classList.add("hidden"),a&&a.classList.add("hidden"),o.style.transform="translateY(0px)",n&&n.focus(),setTimeout(()=>{document.addEventListener("click",i)},50)}),n&&n.addEventListener("click",d),document.addEventListener("keydown",e=>{"Escape"===e.key&&o.classList.contains("open")&&d()})};!function(){try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".mdkbacktotopbtncontainer.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translate(-50%)scale(.8)}.mdkbacktotopbtncontainer .btn{width:var(--mdkh1b);height:var(--mdkh1b);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);color:var(--mdkt2);border:.2vw solid var(--mdkt2);cursor:pointer;z-index:5;opacity:0;visibility:hidden;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .5s;display:flex;position:fixed;bottom:18vh;left:50%;transform:translate(-50%)translateY(30px)scale(.5)}.mdkbacktotopbtncontainer .btn.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.mdkbacktotopbtncontainer .btn:active{color:var(--mdkl);border-color:var(--mdkl);transform:translate(-50%)translateY(-5px)scale(1.1)}.mdkbacktotopbtncontainer .btn .icon{font-size:var(--mdkp1b);-webkit-user-select:none;user-select:none;font-weight:700}@media screen and (width<=1100px){.mdkbacktotopbtncontainer .btn{width:var(--mdkh1m);height:var(--mdkh1m)}.mdkbacktotopbtncontainer .btn .icon{font-size:var(--mdkp1m)}}@media screen and (width<=600px){.mdkbacktotopbtncontainer .btn{width:var(--mdkh1s);height:var(--mdkh1s)}.mdkbacktotopbtncontainer .btn .icon{font-size:var(--mdkp1s)}}.mdkmodaltriggerbtn{color:var(--mdkt1);-ms-overflow-style:none;scrollbar-width:none;appearance:none;cursor:pointer;letter-spacing:.15vw;font-weight:750;font-size:var(--mdkp3b);padding:var(--mdkp3b);text-align:center;background:0 0;border:none;outline:none;transition:all .5s}.mdkmodaltriggerbtn:hover{color:var(--mdkp);background-color:var(--mdkbg2)}@media screen and (width<=1100px){.mdkmodaltriggerbtn{font-size:var(--mdkp3m);padding:var(--mdkp3m);background-size:var(--mdkp3m)}}@media screen and (width<=600px){.mdkmodaltriggerbtn{font-size:var(--mdkp3s);padding:var(--mdkp3s);background-size:var(--mdkp3s)}}.mdkdropdowncontainer .dropdowntrigger{background:0 0;background-color:var(--mdkbg1);color:var(--mdkt1);font-weight:750;font-size:var(--mdkp3b);cursor:pointer;padding:var(--mdkp3b);letter-spacing:.15vw;white-space:nowrap;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");background-position:bottom;background-repeat:no-repeat;background-size:var(--mdkp3b);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:2;border:.1vw solid #0000;outline:none;justify-content:center;align-items:center;transition:all .5s;display:flex}.mdkdropdowncontainer .dropdowntrigger:hover,.mdkdropdowncontainer .dropdowntrigger:focus{color:var(--mdkp);background-color:var(--mdkbg2)}@media screen and (width<=1100px){.mdkdropdowncontainer .dropdowntrigger{font-size:var(--mdkp3m);padding:var(--mdkp3m);background-size:var(--mdkp3m)}}@media screen and (width<=600px){.mdkdropdowncontainer .dropdowntrigger{font-size:var(--mdkp3s);padding:var(--mdkp3s);background-size:var(--mdkp3s)}}.mdkdropdowncontainer{vertical-align:top;flex-direction:column;align-items:center;display:inline-flex;position:relative}.mdkdropdowncontainer.active .dropdown{display:flex}.mdkdropdowncontainer .dropdown{background-color:var(--mdkbg2);z-index:9999;will-change:top, left, width;border:.1vw solid #0000;flex-direction:column;width:auto;min-width:0;height:auto;max-height:80vh;margin:0;padding:0;list-style:none;display:none;top:0;left:0;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.mdkdropdowncontainer .dropdownpositionfixed{position:fixed}.mdkdropdowncontainer .dropdownpositionunset{position:unset}.mdkdropdowncontainer .dropdownitem{font-size:var(--mdkp3b);padding:var(--mdkp4b);color:var(--mdkt1);text-align:center;cursor:pointer;letter-spacing:.15vw;transition:all .5s;display:block}.mdkdropdowncontainer .dropdownitem.is-selected{background-color:var(--mdkl);color:var(--mdkbg1);font-weight:700}.mdkdropdowncontainer .dropdownitem:hover{background-color:var(--mdkbg1);color:var(--mdkp)}.mdkdropdowncontainer .dropdownitem.option-disabled{opacity:.3;cursor:not-allowed;filter:grayscale();pointer-events:none;background-color:#0000}.mdkdropdowncontainer .dropdownitem:first-child{margin-left:0}.mdkdropdowncontainer .dropdownitem:last-child{margin-bottom:0}.mdkdropdowncontainer .hidescrollbar{scrollbar-width:none;-ms-overflow-style:none}.mdkdropdowncontainer .hidescrollbar::-webkit-scrollbar{display:none}@media screen and (width<=1100px){.mdkdropdowncontainer .dropdownpositionfixed{position:unset}.mdkdropdowncontainer .dropdownitem{font-size:var(--mdkp3m);padding:var(--mdkp4m)}}@media screen and (width<=600px){.mdkdropdowncontainer .dropdownitem{font-size:var(--mdkp3s);padding:var(--mdkp4s)}}\n/*$vite$:1*/")),document.head.appendChild(e)}}catch(d){}}(),function(){const e=()=>{if(document.getElementById("mdkbacktotopbtncontainer"))return;document.body.insertAdjacentHTML("beforeend",'\n <div id="mdkbacktotopbtncontainer" class = "mdkbacktotopbtncontainer">\n <button id="btn" class="btn" aria-label="Back to top">\n <span class="icon">↑</span>\n </button>\n </div>\n ');const e=document.getElementById("btn"),t=()=>{const t=1.5*window.innerHeight;window.scrollY>t?e.classList.add("visible"):e.classList.remove("visible")};e.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})}),window.addEventListener("scroll",t,{passive:!0}),t()};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e(),window.addEventListener("article:ready",()=>{const t=document.getElementById("mdkbacktotopbtncontainer");t&&t.remove(),e()})}(),(()=>{const e=()=>{const e=document.querySelector(".mdkdropdowncontainer.active");if(!e)return;const t=e.querySelector(".dropdowntrigger"),o=e.querySelector(".dropdown");if(t&&o){const e=t.getBoundingClientRect();requestAnimationFrame(()=>{o.style.top=`${e.bottom}px`,o.style.left=`${e.left}px`,o.style.width=`${e.width}px`})}},t=()=>{window.MDKVA_SELECT_INITIALIZED||(document.addEventListener("click",t=>{const o=t.target.closest(".dropdowntrigger"),n=t.target.closest(".mdkdropdowncontainer"),i=t.target.closest(".dropdownitem");if(o&&n){const t=n.classList.contains("active");return document.querySelectorAll(".mdkdropdowncontainer.active").forEach(e=>{e!==n&&e.classList.remove("active")}),n.classList.toggle("active",!t),o.setAttribute("aria-expanded",!t),void(t||e())}if(i){const e=i.closest(".mdkdropdowncontainer"),t=e?.querySelector(".dropdowntrigger");return t&&(t.innerText=`Typography: ${i.innerText}`),void setTimeout(()=>{e?.classList.remove("active")},150)}n||document.querySelectorAll(".mdkdropdowncontainer.active").forEach(e=>{e.classList.remove("active")})}),window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e,{passive:!0}),window.MDKVA_SELECT_INITIALIZED=!0)};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",t):t()})();var n=new Map;function i(e,t){n.set(e,t),d(e,t)||requestAnimationFrame(()=>d(e,t))}function d(e,t){const o=document.getElementById(e)?.querySelector(".dropdowntrigger");if(o){const e=t();return o.textContent!==e&&(o.textContent=e),o.dataset.synced="true",!0}return!1}new MutationObserver(e=>{e.some(e=>e.addedNodes.length>0)&&n.forEach((e,t)=>{d(t,e)})}).observe(document.body,{childList:!0,subtree:!0});var a={system:{bg:"var(--mdkbg1)",text:"var(--mdkt1)"},light:{bg:"#fcfcfd",text:"#141414"},dark:{bg:"#0d0d0d",text:"#e0e0e0"},blue:{bg:"#0a192f",text:"#64ffda"},red:{bg:"#ff4d4d",text:"#1a0a0a"},green:{bg:"#2ecc71",text:"#0a1a0f"},gold:{bg:"#d4af37",text:"#1a160a"},pink:{bg:"#ff85a2",text:"#1a0a14"},sky:{bg:"#0288d1",text:"#0d2b45"},orange:{bg:"#ff9f43",text:"#1a100a"},yellow:{bg:"#fbc02d",text:"#333000"},indigo:{bg:"#58a6ff",text:"#0d1117"},purple:{bg:"#bb86fc",text:"#120a1a"}};function r(){document.querySelectorAll("#themescontainer .dropdownitem").forEach(e=>{const t=a[e.dataset.value];t&&(e.style.backgroundColor=t.bg,e.style.color=t.text)})}var l={system:"System",light:"Light",dark:"Dark",blue:"Blue",red:"Red",green:"Green",gold:"Gold",pink:"Pink",sky:"Sky",orange:"Orange",yellow:"Yellow",indigo:"Indigo",purple:"Purple"},s={applyTheme:e=>{"system"!==e&&e?(document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)):(document.documentElement.removeAttribute("data-theme"),localStorage.removeItem("theme"))},init:function(){window.MDKVA_THEMES_INITIALIZED||(this.applyTheme(localStorage.getItem("theme")||"system"),i("themescontainer",()=>{const e=localStorage.getItem("theme")||"system";return setTimeout(r,0),`Appearance: ${l[e]||"System"}`}),document.addEventListener("click",e=>{const t=e.target.closest("#themescontainer .dropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#themescontainer")?.querySelector(".dropdowntrigger");this.applyTheme(o),n&&(n.textContent=`Appearance: ${l[o]}`);const i=document.getElementById("header");if(i?.classList.contains("header-active")){i.classList.remove("header-active");const e=document.getElementById("headertogglebtn");e&&(e.innerHTML="☰",e.classList.remove("headerclosebtn")),document.body.style.overflow=""}}),window.MDKVA_THEMES_INITIALIZED=!0)}};function c(){document.querySelectorAll("#zoomcontainer .dropdownitem").forEach(e=>{const t=e.dataset.value;t&&(e.style.fontSize=`${t}%`)})}function m(e){const t=document.querySelector(`#zoomcontainer .dropdownitem[data-value="${e}"]`);return t?t.textContent.trim():`${e}%`}s.applyTheme(localStorage.getItem("theme")||"system");var p={STORAGE_KEY:"mdkva-accessibility-zoom-value",DEFAULT:100,apply:e=>{const t=Math.max(60,Math.min(115,parseInt(e)||100)),o=document.documentElement;o.style.setProperty("--mdkpz",t/100),o.style.fontSize=`${t}%`,localStorage.setItem(p.STORAGE_KEY,t),function(e){const t=document.querySelectorAll("#zoomcontainer .dropdownitem"),o="is-selected";t.forEach(t=>{t.dataset.value==e?t.classList.add(o):t.classList.remove(o)})}(t)},init:function(){window.MDKVA_SCALING_INITIALIZED||(i("zoomcontainer",()=>{const e=localStorage.getItem(this.STORAGE_KEY)||this.DEFAULT;return this.apply(e),setTimeout(c,50),`Scale: ${m(e)}`}),document.addEventListener("click",e=>{const t=e.target.closest("#zoomcontainer .dropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#zoomcontainer")?.querySelector(".dropdowntrigger");this.apply(o),n&&(n.textContent=`Scale: ${m(o)}`)}),window.MDKVA_SCALING_INITIALIZED=!0)},antiFlicker:function(){const e=localStorage.getItem(this.STORAGE_KEY)||this.DEFAULT;document.documentElement.style.setProperty("--mdkpz",e/100),document.documentElement.style.fontSize=`${e}%`}};p.antiFlicker();var u={default:"Default","sans-serif":"Modern",serif:"Classic",monospace:"Technical",cursive:"Fancy"};function g(e){const t=document.querySelectorAll("#fontfamilycontainer .dropdownitem"),o="is-selected";t.forEach(t=>{t.dataset.value===(e||"default")?t.classList.add(o):t.classList.remove(o)})}var v={STORAGE_KEY:"mdkva-font-family",apply:e=>{const t=document.documentElement,o=e||"default";"default"===o?(t.style.removeProperty("--global-font"),localStorage.removeItem(v.STORAGE_KEY)):(t.style.setProperty("--global-font",o),localStorage.setItem(v.STORAGE_KEY,o)),g(o)},init:function(){window.MDKVA_FONTS_INITIALIZED||(i("fontfamilycontainer",()=>{const e=localStorage.getItem(v.STORAGE_KEY)||"default";return this.apply(e),setTimeout(()=>{!function(){const e=document.querySelectorAll("#fontfamilycontainer .dropdownitem");0!==e.length&&e.forEach(e=>{const t=e.dataset.value;t&&"default"!==t?(e.style.setProperty("font-family",t,"important"),e.style.fontWeight="500"):e.style.fontFamily="inherit"})}(),g(e)},50),`Typography: ${u[e]||"Default"}`}),document.addEventListener("click",e=>{const t=e.target.closest("#fontfamilycontainer .dropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#fontfamilycontainer")?.querySelector(".dropdowntrigger");this.apply(o),n&&(n.textContent=`Typography: ${u[o]||"Default"}`)}),window.MDKVA_FONTS_INITIALIZED=!0)},antiFlicker:function(){const e=localStorage.getItem(this.STORAGE_KEY);e&&document.documentElement.style.setProperty("--global-font",e)}};v.antiFlicker();var b=()=>{e(),s.init(),setTimeout(()=>{o(),t.init(),v.init(),p.init()},150)};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",b):b(),window.MDKVA_PRISM={version:"1.0.0"};
|
|
1
|
+
!function(){try{if("undefined"!=typeof document){var d=document.createElement("style");d.appendChild(document.createTextNode(".mdkblockquotecontainer{margin:var(--mdkh0b) 0;white-space:nowrap;text-align:center}.mdkblockquotecontainer .blockquote{border-left:.1vw solid var(--mdklink);padding:var(--mdkh1bm);font-size:var(--mdkh4bm);transition:all .5s}.mdkblockquotecontainer .blockquote:hover{border-color:var(--mdklinkhover)}@media screen and (width<=1100px){.mdkblockquotecontainer{margin:var(--mdkh0m) 0}.mdkblockquotecontainer .blockquote{padding:var(--mdkh2mm);font-size:var(--mdkp1m)}}@media screen and (width<=600px){.mdkblockquotecontainer{margin:var(--mdkh0s) 0}.mdkblockquotecontainer .blockquote{padding:var(--mdkh2sm);font-size:var(--mdkp1s)}}@media (prefers-color-scheme:light){:root{--mdkt1:#0f172a;--mdkt2:#64748b;--mdkbg1:#fcfcfd;--mdkbg2:#f1f5f9;--mdkl:var(--mdkv);--mdklh:var(--mdkp);--mdkp:#9a6816;--mdkv:#0369a1;--mdke:#475569;--mdkvg:linear-gradient(90deg, #0284c7 0%, #0ea5e9 50%, #0284c7 100%);--mdkeg:linear-gradient(90deg, #475569 0%, #94a3b8 50%, #475569 100%);--mdkpg:linear-gradient(90deg, #8c6217 0%, #bf953f 50%, #8c6217 100%);--mdkc:#e11d48;--mdkch:#be123c;--mdkcrgb:225, 29, 72;--mdkchrgb:190, 18, 60}.mdklm{display:inline}.mdkdm{display:none}}@media (prefers-color-scheme:dark){:root{--mdkt1:#f8fafc;--mdkt2:#94a3b8;--mdkbg1:#0f172a;--mdkbg2:#1e293b;--mdkl:var(--mdkv);--mdklh:var(--mdkp);--mdkp:#c8922d;--mdkv:#2ebbff;--mdke:#bec2cb;--mdkvg:linear-gradient(90deg, #1bffff 0%, #2ebbff 50%, #1bffff 100%);--mdkeg:linear-gradient(90deg, silver 0%, #bec2cb 25%, #fff 50%, #b1b1b1 75%, #e8e8e8 100%);--mdkpg:linear-gradient(90deg, #bf953f 0%, #fcf6ba 7%, #b38728 25%, #fbf5b7 75%, #aa771c 100%);--mdkc:#fb7185;--mdkch:#f43f5e;--mdkcrgb:251, 113, 133;--mdkchrgb:244, 63, 94}.mdklm{display:none}.mdkdm{display:inline}}[data-theme=light]{--mdkt1:#0f172a;--mdkt2:#64748b;--mdkbg1:#fcfcfd;--mdkbg2:#f1f5f9;--mdkl:var(--mdkv);--mdklh:var(--mdkp);--mdkp:#9a6816;--mdkv:#0369a1;--mdke:#475569;--mdkvg:linear-gradient(90deg, #0284c7 0%, #0ea5e9 50%, #0284c7 100%);--mdkeg:linear-gradient(90deg, #475569 0%, #94a3b8 50%, #475569 100%);--mdkpg:linear-gradient(90deg, #8c6217 0%, #bf953f 50%, #8c6217 100%);--mdkc:#e11d48;--mdkch:#be123c;--mdkcrgb:225, 29, 72;--mdkchrgb:190, 18, 60}[data-theme=light] .mdklm{display:inline}[data-theme=light] .mdkdm{display:none}[data-theme=dark]{--mdkt1:#f8fafc;--mdkt2:#94a3b8;--mdkbg1:#0f172a;--mdkbg2:#1e293b;--mdkl:var(--mdkv);--mdklh:var(--mdkp);--mdkp:#c8922d;--mdkv:#2ebbff;--mdke:#bec2cb;--mdkvg:linear-gradient(90deg, #1bffff 0%, #2ebbff 50%, #1bffff 100%);--mdkeg:linear-gradient(90deg, silver 0%, #bec2cb 25%, #fff 50%, #b1b1b1 75%, #e8e8e8 100%);--mdkpg:linear-gradient(90deg, #bf953f 0%, #fcf6ba 7%, #b38728 25%, #fbf5b7 75%, #aa771c 100%);--mdkc:#fb7185;--mdkch:#f43f5e;--mdkcrgb:251, 113, 133;--mdkchrgb:244, 63, 94}[data-theme=dark] .mdklm{display:none}[data-theme=dark] .mdkdm{display:inline}[data-theme=blue]{--mdkt1:#93c5fd;--mdkt2:#a5b4fc;--mdkp:#60a5fa;--mdkbg1:#0a192f;--mdkbg2:#172a45;--mdkv:#64ffda;--mdkpg:linear-gradient(90deg, #64ffda 0%, #a5b4fc 50%, #64ffda 100%);--mdkvg:linear-gradient(90deg, #60a5fa 0%, #93c5fd 50%, #60a5fa 100%)}[data-theme=blue] .mdklm{display:none}[data-theme=blue] .mdkdm{display:inline}[data-theme=red]{--mdkt1:#fca5a5;--mdkt2:#ffb3b3;--mdkp:#f87171;--mdkbg1:#1a0a0a;--mdkbg2:#2d1414;--mdkv:#ff4d4d;--mdkpg:linear-gradient(90deg, #ff4d4d 0%, #fca5a5 50%, #ff4d4d 100%);--mdkvg:linear-gradient(90deg, #f87171 0%, #fca5a5 50%, #f87171 100%)}[data-theme=red] .mdklm{display:none}[data-theme=red] .mdkdm{display:inline}[data-theme=green]{--mdkt1:#86efac;--mdkt2:#8ed6b5;--mdkp:#4ade80;--mdkbg1:#0a1a0f;--mdkbg2:#142d1b;--mdkv:#2ecc71;--mdkpg:linear-gradient(90deg, #2ecc71 0%, #86efac 50%, #2ecc71 100%);--mdkvg:linear-gradient(90deg, #4ade80 0%, #86efac 50%, #4ade80 100%)}[data-theme=green] .mdklm{display:none}[data-theme=green] .mdkdm{display:inline}[data-theme=gold]{--mdkt1:#fcd34d;--mdkt2:#ffe082;--mdkp:#d4af37;--mdkbg1:#1a160a;--mdkbg2:#2d2614;--mdkv:#fbbf24;--mdkpg:linear-gradient(90deg, #d4af37 0%, #fcd34d 50%, #d4af37 100%);--mdkvg:linear-gradient(90deg, #fbbf24 0%, #fcd34d 50%, #fbbf24 100%)}[data-theme=gold] .mdklm{display:none}[data-theme=gold] .mdkdm{display:inline}[data-theme=pink]{--mdkt1:#f9a8d4;--mdkt2:#fcc2d7;--mdkp:#f783ac;--mdkbg1:#1a0a14;--mdkbg2:#2d1424;--mdkv:#ff85a2;--mdkpg:linear-gradient(90deg, #ff85a2 0%, #f9a8d4 50%, #ff85a2 100%);--mdkvg:linear-gradient(90deg, #f783ac 0%, #f9a8d4 50%, #f783ac 100%)}[data-theme=pink] .mdklm{display:none}[data-theme=pink] .mdkdm{display:inline}[data-theme=sky]{--mdkt1:#075985;--mdkt2:#394c66;--mdkp:#0369a1;--mdkbg1:#e1f5fe;--mdkbg2:#b3e5fc;--mdkv:#0288d1;--mdkpg:linear-gradient(90deg, #0288d1 0%, #03a9f4 50%, #0288d1 100%);--mdkvg:linear-gradient(90deg, #0369a1 0%, #0ea5e9 50%, #0369a1 100%)}[data-theme=sky] .mdklm{display:inline}[data-theme=sky] .mdkdm{display:none}[data-theme=orange]{--mdkt1:#fdba74;--mdkt2:#ffcc80;--mdkp:#f6ad55;--mdkbg1:#1a100a;--mdkbg2:#2d1c14;--mdkv:#ff9f43;--mdkpg:linear-gradient(90deg, #ff9f43 0%, #fdba74 50%, #ff9f43 100%);--mdkvg:linear-gradient(90deg, #f6ad55 0%, #fdba74 50%, #f6ad55 100%)}[data-theme=orange] .mdklm{display:none}[data-theme=orange] .mdkdm{display:inline}[data-theme=yellow]{--mdkt1:#713f12;--mdkt2:#717100;--mdkp:#a16207;--mdkbg1:#fffde7;--mdkbg2:#fff9c4;--mdkv:#fbc02d;--mdkpg:linear-gradient(90deg, #fbc02d 0%, #fff176 50%, #fbc02d 100%);--mdkvg:linear-gradient(90deg, #a16207 0%, #d4a017 50%, #a16207 100%)}[data-theme=yellow] .mdklm{display:inline}[data-theme=yellow] .mdkdm{display:none}[data-theme=indigo]{--mdkt1:#a5b4fc;--mdkt2:#9ca6e6;--mdkp:#818cf8;--mdkbg1:#0d1117;--mdkbg2:#161b22;--mdkv:#58a6ff;--mdkpg:linear-gradient(90deg, #58a6ff 0%, #a5b4fc 50%, #58a6ff 100%);--mdkvg:linear-gradient(90deg, #818cf8 0%, #a5b4fc 50%, #818cf8 100%)}[data-theme=indigo] .mdklm{display:none}[data-theme=indigo] .mdkdm{display:inline}[data-theme=purple]{--mdkt1:#d8b4fe;--mdkt2:#e1bee7;--mdkp:#d8b4fe;--mdkbg1:#120a1a;--mdkbg2:#21142d;--mdkv:#bb86fc;--mdkpg:linear-gradient(90deg, #bb86fc 0%, #d8b4fe 50%, #bb86fc 100%);--mdkvg:linear-gradient(90deg, #d8b4fe 0%, #e1bee7 50%, #d8b4fe 100%)}[data-theme=purple] .mdklm{display:none}[data-theme=purple] .mdkdm{display:inline}:root{--mdkpz:1;--mdkh0b:calc(7.5vw * var(--mdkpz));--mdkh0bm:calc(4vw * var(--mdkpz));--mdkh1b:calc(3.5vw * var(--mdkpz));--mdkh1bm:calc(2vw * var(--mdkpz));--mdkh2b:calc(2.8vw * var(--mdkpz));--mdkh2bm:calc(1.5vw * var(--mdkpz));--mdkh3b:calc(2.2vw * var(--mdkpz));--mdkh3bm:calc(1.2vw * var(--mdkpz));--mdkh4b:calc(1.125vw * var(--mdkpz));--mdkh4bm:calc(1vw * var(--mdkpz));--mdkp1b:calc(1.25vw * var(--mdkpz));--mdkp1bm:calc(1vw * var(--mdkpz));--mdkp2b:calc(1.1vw * var(--mdkpz));--mdkp2bm:calc(.8vw * var(--mdkpz));--mdkp3b:calc(.9vw * var(--mdkpz));--mdkp3bm:calc(.6vw * var(--mdkpz));--mdkp4b:calc(.7vw * var(--mdkpz));--mdkp4bm:calc(.5vw * var(--mdkpz));--mdkh0m:calc(12vw * var(--mdkpz));--mdkh0mm:calc(6vw * var(--mdkpz));--mdkh1m:calc(7.5vw * var(--mdkpz));--mdkh1mm:calc(4vw * var(--mdkpz));--mdkh2m:calc(6.5vw * var(--mdkpz));--mdkh2mm:calc(3.5vw * var(--mdkpz));--mdkh3m:calc(5.5vw * var(--mdkpz));--mdkh3mm:calc(3vw * var(--mdkpz));--mdkh4m:calc(3.5vw * var(--mdkpz));--mdkh4mm:calc(2.5vw * var(--mdkpz));--mdkp1m:calc(3.5vw * var(--mdkpz));--mdkp1mm:calc(2.5vw * var(--mdkpz));--mdkp2m:calc(3vw * var(--mdkpz));--mdkp2mm:calc(2vw * var(--mdkpz));--mdkp3m:calc(2.5vw * var(--mdkpz));--mdkp3mm:calc(1.5vw * var(--mdkpz));--mdkp4m:calc(2vw * var(--mdkpz));--mdkp4mm:calc(1vw * var(--mdkpz));--mdkh0s:calc(15vw * var(--mdkpz));--mdkh0sm:calc(8vw * var(--mdkpz));--mdkh1s:calc(9vw * var(--mdkpz));--mdkh1sm:calc(6vw * var(--mdkpz));--mdkh2s:calc(8vw * var(--mdkpz));--mdkh2sm:calc(5vw * var(--mdkpz));--mdkh3s:calc(7vw * var(--mdkpz));--mdkh3sm:calc(4vw * var(--mdkpz));--mdkh4s:calc(5vw * var(--mdkpz));--mdkh4sm:calc(4vw * var(--mdkpz));--mdkp1s:calc(5vw * var(--mdkpz));--mdkp1sm:calc(4vw * var(--mdkpz));--mdkp2s:calc(4.5vw * var(--mdkpz));--mdkp2sm:calc(3vw * var(--mdkpz));--mdkp3s:calc(3.8vw * var(--mdkpz));--mdkp3sm:calc(2vw * var(--mdkpz));--mdkp4s:calc(3.2vw * var(--mdkpz));--mdkp4sm:calc(1.5vw * var(--mdkpz))}.mdkbacktotopbtncontainer.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translate(-50%)scale(.8)}.mdkbacktotopbtncontainer .bttbtn{width:var(--mdkh1b);height:var(--mdkh1b);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);color:var(--mdkt2);border:.2vw solid var(--mdkt2);cursor:pointer;z-index:5;opacity:0;visibility:hidden;-webkit-user-select:none;user-select:none;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .5s;display:flex;position:fixed;bottom:18vh;left:50%;transform:translate(-50%)translateY(30px)scale(.5)}.mdkbacktotopbtncontainer .bttbtn.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}.mdkbacktotopbtncontainer .bttbtn:active{color:var(--mdkl);border-color:var(--mdkl);transform:translate(-50%)translateY(-5px)scale(1.1)}.mdkbacktotopbtncontainer .bttbtn .icon{font-size:var(--mdkp1b);-webkit-user-select:none;user-select:none;font-weight:700}@media screen and (width<=1100px){.mdkbacktotopbtncontainer .bttbtn{width:var(--mdkh1m);height:var(--mdkh1m)}.mdkbacktotopbtncontainer .bttbtn .icon{font-size:var(--mdkp1m)}}@media screen and (width<=600px){.mdkbacktotopbtncontainer .bttbtn{width:var(--mdkh1s);height:var(--mdkh1s)}.mdkbacktotopbtncontainer .bttbtn .icon{font-size:var(--mdkp1s)}}.mdktriggerbtn{color:var(--mdkt1);-ms-overflow-style:none;scrollbar-width:none;appearance:none;cursor:pointer;letter-spacing:.15vw;font-weight:750;font-size:var(--mdkp3b);padding:var(--mdkp3b);text-align:center;background:0 0;border:none;outline:none;transition:all .5s}.mdktriggerbtn:hover{color:var(--mdkp);background-color:var(--mdkbg2)}@media screen and (width<=1100px){.mdktriggerbtn{font-size:var(--mdkp3m);padding:var(--mdkp3m);background-size:var(--mdkp3m)}}@media screen and (width<=600px){.mdktriggerbtn{font-size:var(--mdkp3s);padding:var(--mdkp3s);background-size:var(--mdkp3s)}}.mdkdropdowncontainer .dropdowntrigger{background:0 0;background-color:var(--mdkbg1);color:var(--mdkt1);font-weight:750;font-size:var(--mdkp3b);cursor:pointer;padding:var(--mdkp3b);letter-spacing:.15vw;white-space:nowrap;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");background-position:bottom;background-repeat:no-repeat;background-size:var(--mdkp3b);cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:2;border:.1vw solid #0000;outline:none;justify-content:center;align-items:center;transition:all .5s;display:flex}.mdkdropdowncontainer .dropdowntrigger:hover,.mdkdropdowncontainer .dropdowntrigger:focus{color:var(--mdkp);background-color:var(--mdkbg2)}@media screen and (width<=1100px){.mdkdropdowncontainer .dropdowntrigger{font-size:var(--mdkp3m);padding:var(--mdkp3m);background-size:var(--mdkp3m)}}@media screen and (width<=600px){.mdkdropdowncontainer .dropdowntrigger{font-size:var(--mdkp3s);padding:var(--mdkp3s);background-size:var(--mdkp3s)}}.mdkdropdowncontainer{vertical-align:top;flex-direction:column;align-items:center;display:inline-flex;position:relative}.mdkdropdowncontainer.active .dropdown{display:flex}.mdkdropdowncontainer .dropdown{background-color:var(--mdkbg2);z-index:9999;will-change:top, left, width;border:.1vw solid #0000;flex-direction:column;width:auto;min-width:0;height:auto;max-height:80vh;margin:0;padding:0;list-style:none;display:none;top:0;left:0;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.mdkdropdowncontainer .dropdownpositionfixed{position:fixed}.mdkdropdowncontainer .dropdownpositionunset{position:unset}.mdkdropdowncontainer .dropdownitem{font-size:var(--mdkp3b);padding:var(--mdkp4b);color:var(--mdkt1);text-align:center;cursor:pointer;letter-spacing:.15vw;transition:all .5s;display:block}.mdkdropdowncontainer .dropdownitem.is-selected{background-color:var(--mdkl);color:var(--mdkbg1);font-weight:700}.mdkdropdowncontainer .dropdownitem:hover{background-color:var(--mdkbg1);color:var(--mdkp)}.mdkdropdowncontainer .dropdownitem.option-disabled{opacity:.3;cursor:not-allowed;filter:grayscale();pointer-events:none;background-color:#0000}.mdkdropdowncontainer .dropdownitem:first-child{margin-left:0}.mdkdropdowncontainer .dropdownitem:last-child{margin-bottom:0}.mdkdropdowncontainer .hidescrollbar{scrollbar-width:none;-ms-overflow-style:none}.mdkdropdowncontainer .hidescrollbar::-webkit-scrollbar{display:none}@media screen and (width<=1100px){.mdkdropdowncontainer .dropdownpositionfixed{position:unset}.mdkdropdowncontainer .dropdownitem{font-size:var(--mdkp3m);padding:var(--mdkp4m)}}@media screen and (width<=600px){.mdkdropdowncontainer .dropdownitem{font-size:var(--mdkp3s);padding:var(--mdkp4s)}}\n*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}html,body{scroll-behavior:smooth;width:100%;height:auto;color:var(--mdkt1);background-color:var(--mdkbg1);line-height:1.5;scrollbar-gutter:stable!important}.mission{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.mission p{font-size:var(--mdkh1b)}@media screen and (width<=1100px){.mission p{font-size:var(--mdkh1m)}}@media screen and (width<=600px){.mission p{font-size:var(--mdkh1s)}}\n.accessibilitymodalcontainer .dropdownitemcontainer{position:unset!important}.accessibilitymodalcontainer{background-color:var(--mdkbg1);color:var(--mdkt1);border-top:var(--mdkp4bm) solid;border-right:var(--mdkp4bm) solid;border-image-source:linear-gradient(to bottom, var(--mdkl), var(--mdkp));z-index:50;opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 100%;-webkit-user-select:none;user-select:none;border-image-slice:1;flex-direction:column;width:50vw;height:80vh;transition:all .5s;display:flex;position:fixed;bottom:0;left:0;transform:scale(.5);overflow:hidden!important}.accessibilitymodalcontainer::-webkit-scrollbar{display:none}.accessibilitymodalcontainer:hover{border-image-source:linear-gradient(to bottom, var(--mdkp), var(--mdkl))}.accessibilitymodal{flex-direction:column;height:100%;display:flex}.accessibilitymodalheader{padding:var(--mdkh3b) var(--mdkh1b);padding-bottom:var(--mdkp1b);font-size:var(--mdkh3b);color:var(--mdkt1);border-bottom:.1vw solid var(--mdkt2);letter-spacing:.15vw;background:var(--mdkbg1);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:700;display:flex}.accessibilitymodalheader span{-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,Times,serif}.accessibilitymodalbody{padding:var(--mdkh3b);font-size:var(--mdkp2b);color:var(--mdkt2);text-wrap:pretty;-webkit-user-select:none;user-select:none;-ms-overflow-style:none;scrollbar-width:none;flex:1;overflow:hidden auto!important}.accessibilitymodalbody .signatureline{margin:var(--mdkp1b) 0 var(--mdkh1b) 0;text-align:center}.accessibilitymodalbody::-webkit-scrollbar{width:0!important;display:none!important}.lock-screen-vision{touch-action:none!important;height:100vh!important;position:relative!important;overflow:hidden!important}@media (width<=1100px){.accessibilitymodalcontainer{border-right:var(--mdkp4mm) solid;border-top:var(--mdkp4mm) solid;width:80vw;height:80vh}.accessibilitymodalheader{padding:var(--mdkh3m) var(--mdkh1m);padding-bottom:var(--mdkp1m);font-size:var(--mdkh3m)}.accessibilitymodalbody{padding:var(--mdkh3m);font-size:var(--mdkp2m)}.accessibilitymodalbody .signatureline{margin:var(--mdkp1m) 0 var(--mdkh1m) 0}}@media (width<=600px){.accessibilitymodalcontainer{border-right:var(--mdkp4sm) solid;border-top:var(--mdkp4sm) solid}.accessibilitymodalheader{padding:var(--mdkh3s) var(--mdkh1s);padding-bottom:var(--mdkp1s);font-size:var(--mdkh3s)}.accessibilitymodalbody{padding:var(--mdkh3s);font-size:var(--mdkp2s)}.accessibilitymodalbody .signatureline{margin:var(--mdkp1s) 0 var(--mdkh1s) 0}}.accessibilitymodalcontainer.open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.accessibilitymodaltrigger.hidden{transform:scale(.8)translate(-20px);opacity:0!important;visibility:hidden!important;pointer-events:none!important}.accessibilitymodaltrigger{font-size:var(--mdkh3b);cursor:pointer;z-index:10;visibility:visible;opacity:1;-webkit-user-select:none;user-select:none;transition:all .5s;position:fixed;bottom:2vw;left:1vw}.accessibilitymodaltrigger:hover{font-size:var(--mdkh0b)}@media (width<=1100px){.accessibilitymodaltrigger{font-size:var(--mdkh3m)}.accessibilitymodaltrigger:hover{font-size:var(--mdkh0m)}}@media (width<=600px){.accessibilitymodaltrigger{font-size:var(--mdkh3s)}.accessibilitymodaltrigger:hover{font-size:var(--mdkh0s)}}.accessibilitymodalheader .accessibilitymodalclose{color:var(--mdkc);font-size:var(--mdkh1b);opacity:0;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;outline:none;width:fit-content;padding:1vw 2vw;transition:all .6s cubic-bezier(.16,1,.3,1);position:absolute;top:1vw;right:1vw;transform:rotate(180deg)scale(.5)}.accessibilitymodalcontainer.open .accessibilitymodalclose{opacity:1;transition-delay:.15s;transform:rotate(0)scale(1)}.accessibilitymodalheader .accessibilitymodalclose:hover{cursor:pointer;color:var(--mdkch);transition-delay:0s;transform:rotate(90deg)}@media (width<=1100px){.accessibilitymodalheader .accessibilitymodalclose{font-size:var(--mdkh1m);top:4vw;right:4vw}}@media (width<=600px){.accessibilitymodalheader .accessibilitymodalclose{font-size:var(--mdkh1s);top:6vw;right:6vw}}:root{--global-font:inherit}[style*=--global-font] *,[style*=--global-font]{font-family:var(--global-font)!important}.accessibilityitem{margin-bottom:var(--mdkh3b);padding:var(--mdkp2b);text-align:center;border-radius:.5rem;transition:all .5s}.accessibilityitemlabel{font-size:var(--mdkh3b);margin-bottom:var(--mdkp1b);color:var(--mdkt1);letter-spacing:.05vw;font-weight:700;display:block}.accessibilitymodalzoomslider{width:100%;height:var(--mdkp4bm);accent-color:var(--mdkp);cursor:pointer;background:var(--mdkt2);appearance:none;border-radius:1rem}@media (width<=1100px){.accessibilityitem{margin-bottom:var(--mdkh3m);padding:var(--mdkp2m)}.accessibilityitemlabel{font-size:var(--mdkh3m);margin-bottom:var(--mdkp1m)}.accessibilitymodalzoomslider{height:var(--mdkp4mm)}}@media (width<=600px){.accessibilityitem{margin-bottom:var(--mdkh3s);padding:var(--mdkp2s)}.accessibilityitemlabel{font-size:var(--mdkh3s);margin-bottom:var(--mdkp1s)}.accessibilitymodalzoomslider{height:var(--mdkp4sm)}}")),document.head.appendChild(d)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();var e=()=>{document.getElementById("accessibilitymodalcontainer")||(document.body.insertAdjacentHTML("beforeend",'\n <div class="accessibilitymodaltrigger" id="accessibilitymodaltrigger" aria-label="Adjust Prism">💎</div>\n\n <div class="accessibilitymodalcontainer notranslate" id="accessibilitymodalcontainer" translate="no">\n \n <div class="accessibilitymodalheader">\n <span>💎 Prism</span>\n <button class="accessibilitymodalclose" id="accessibilitymodalclose" aria-label="Close">×</button>\n </div>\n\n <div class="accessibilitymodalbody">\n \n <div class="signatureline">I refine the vision to your perspective.</div>\n\n <div class="accessibilityitem">\n <div class="mdkdropdowncontainer" id="fontfamilycontainer">\n <button type="button" class="dropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Typography: Default</button>\n <ul class="dropdown dropdownpositionunset hidescrollbar" role="listbox">\n <li data-value="default" role="option" class="dropdownitem">Default</li>\n\n <li data-value="sans-serif" role="option" class="dropdownitem">Modern</li>\n\n <li data-value="serif" role="option" class="dropdownitem">Classic</li>\n\n <li data-value="monospace" role="option" class="dropdownitem">Technical</li>\n\n <li data-value="cursive" role="option" class="dropdownitem">Fancy</li>\n </ul>\n </div>\n </div>\n\n <div class="accessibilityitem">\n <div class="mdkdropdowncontainer" id="themescontainer">\n <button type="button" class="dropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Appearance: System</button>\n <ul class="dropdown dropdownpositionunset hidescrollbar" role="listbox">\n <li data-value="system" role="option" class="dropdownitem">System</li>\n <li data-value="light" role="option" class="dropdownitem">Light</li>\n <li data-value="dark" role="option" class="dropdownitem">Dark</li>\n <li data-value="sky" role="option" class="dropdownitem">Sky</li>\n <li data-value="gold" role="option" class="dropdownitem">Gold</li>\n <li data-value="yellow" role="option" class="dropdownitem">Yellow</li>\n <li data-value="green" role="option" class="dropdownitem">Green</li>\n <li data-value="blue" role="option" class="dropdownitem">Blue</li>\n <li data-value="red" role="option" class="dropdownitem">Red</li>\n <li data-value="pink" role="option" class="dropdownitem">Pink</li>\n <li data-value="orange" role="option" class="dropdownitem">Orange</li>\n <li data-value="indigo" role="option" class="dropdownitem">Indigo</li>\n <li data-value="purple" role="option" class="dropdownitem">Purple</li>\n </ul>\n </div>\n </div>\n\n <div class="accessibilityitem">\n <div class="mdkdropdowncontainer" id="zoomcontainer">\n <button type="button" class="dropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Scale: Balanced</button>\n <ul class="dropdown dropdownpositionunset hidescrollbar" role="listbox">\n <li data-value="60" role="option" class="dropdownitem">Tiny</li>\n <li data-value="70" role="option" class="dropdownitem">Compact</li>\n <li data-value="85" role="option" class="dropdownitem">Balanced</li>\n <li data-value="100" role="option" class="dropdownitem">Large</li>\n <li data-value="115" role="option" class="dropdownitem">Huge</li>\n </ul>\n </div>\n </div>\n\n\n </div>\n </div>'),window.dispatchEvent(new Event("accessibility:ready")))},t={handleCollision:()=>{const e=document.getElementById("accessibilitymodaltrigger"),t=document.getElementById("outline-toggle"),o=document.querySelector("#footer");if(!e||!o)return;const n=window.innerHeight;let i=0;const a=o.getBoundingClientRect();if(a.top<n&&(i=n-a.top+20),e.style.transform=`translateY(-${i}px)`,t){const o=e.getBoundingClientRect(),n=t.getBoundingClientRect();if(o.right<n.left-50||o.left>n.right+50||o.bottom<n.top-50||o.top>n.bottom+50){const t=document.getElementById("accessibilitymodalcontainer");t&&!t.classList.contains("open")&&(e.style.opacity="1",e.style.pointerEvents="auto",e.style.visibility="visible")}else e.style.opacity="0",e.style.pointerEvents="none",e.style.visibility="hidden"}},init:()=>{const e=()=>{document.querySelector("#footer")?(window.addEventListener("scroll",t.handleCollision,{passive:!0}),window.addEventListener("resize",t.handleCollision),t.handleCollision()):setTimeout(e,100)};e()}},o=()=>{const e=document.getElementById("accessibilitymodaltrigger"),o=document.getElementById("accessibilitymodalcontainer"),n=document.getElementById("accessibilitymodalclose");if(!e||!o)return;const i=t=>{!o.classList.contains("open")||o.contains(t.target)||e.contains(t.target)||a()},a=()=>{const n=document.getElementById("backtotopbtncontainer");document.documentElement.classList.remove("lock-screen-vision"),document.documentElement.style.paddingRight="",o.classList.remove("open"),e.classList.remove("hidden"),n&&n.classList.remove("hidden"),t.handleCollision&&t.handleCollision(),document.removeEventListener("click",i),setTimeout(()=>e.focus(),500)};e.addEventListener("click",t=>{const a=window.innerWidth-document.documentElement.clientWidth,l=document.getElementById("backtotopbtncontainer");document.documentElement.classList.add("lock-screen-vision"),document.documentElement.style.paddingRight=`${a}px`,o.classList.add("open"),e.classList.add("hidden"),l&&l.classList.add("hidden"),o.style.transform="translateY(0px)",n&&n.focus(),setTimeout(()=>{document.addEventListener("click",i)},50)}),n&&n.addEventListener("click",a),document.addEventListener("keydown",e=>{"Escape"===e.key&&o.classList.contains("open")&&a()})};(function(){const e=()=>{if(document.getElementById("mdkbacktotopbtncontainer"))return;document.body.insertAdjacentHTML("beforeend",'\n <div id="mdkbacktotopbtncontainer" class = "mdkbacktotopbtncontainer">\n <button id="bttbtn" class="bttbtn" aria-label="Back to top">\n <span class="icon">↑</span>\n </button>\n </div>\n ');const e=document.getElementById("bttbtn"),t=()=>{const t=1.5*window.innerHeight;window.scrollY>t?e.classList.add("visible"):e.classList.remove("visible")};e.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})}),window.addEventListener("scroll",t,{passive:!0}),t()};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e(),window.addEventListener("article:ready",()=>{const t=document.getElementById("mdkbacktotopbtncontainer");t&&t.remove(),e()})})(),(()=>{const e=()=>{const e=document.querySelector(".mdkdropdowncontainer.active");if(!e)return;const t=e.querySelector(".dropdowntrigger"),o=e.querySelector(".dropdown");if(t&&o){const e=t.getBoundingClientRect();requestAnimationFrame(()=>{o.style.top=`${e.bottom}px`,o.style.left=`${e.left}px`,o.style.width=`${e.width}px`})}},t=()=>{window.MDKVA_SELECT_INITIALIZED||(document.addEventListener("click",t=>{const o=t.target.closest(".dropdowntrigger"),n=t.target.closest(".mdkdropdowncontainer"),i=t.target.closest(".dropdownitem");if(o&&n){const t=n.classList.contains("active");return document.querySelectorAll(".mdkdropdowncontainer.active").forEach(e=>{e!==n&&e.classList.remove("active")}),n.classList.toggle("active",!t),o.setAttribute("aria-expanded",!t),void(t||e())}if(i){const e=i.closest(".mdkdropdowncontainer"),t=e?.querySelector(".dropdowntrigger");return t&&(t.innerText=`${t.innerText.split(":")[0].trim()}: ${i.innerText.trim()}`),void setTimeout(()=>{e?.classList.remove("active")},150)}n||document.querySelectorAll(".mdkdropdowncontainer.active").forEach(e=>{e.classList.remove("active")})}),window.addEventListener("scroll",e,{passive:!0}),window.addEventListener("resize",e,{passive:!0}),window.MDKVA_SELECT_INITIALIZED=!0)};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",t):t()})();var n=new Map;function i(e,t){n.set(e,t),a(e,t)||requestAnimationFrame(()=>a(e,t))}function a(e,t){const o=document.getElementById(e)?.querySelector(".dropdowntrigger");if(o){const e=t();return o.textContent!==e&&(o.textContent=e),o.dataset.synced="true",!0}return!1}new MutationObserver(e=>{e.some(e=>e.addedNodes.length>0)&&n.forEach((e,t)=>{a(t,e)})}).observe(document.body,{childList:!0,subtree:!0});var l={system:{bg:"var(--mdkbg1)",text:"var(--mdkt1)"},light:{bg:"#fcfcfd",text:"#141414"},dark:{bg:"#0d0d0d",text:"#e0e0e0"},blue:{bg:"#0a192f",text:"#64ffda"},red:{bg:"#ff4d4d",text:"#1a0a0a"},green:{bg:"#2ecc71",text:"#0a1a0f"},gold:{bg:"#d4af37",text:"#1a160a"},pink:{bg:"#ff85a2",text:"#1a0a14"},sky:{bg:"#0288d1",text:"#0d2b45"},orange:{bg:"#ff9f43",text:"#1a100a"},yellow:{bg:"#fbc02d",text:"#333000"},indigo:{bg:"#58a6ff",text:"#0d1117"},purple:{bg:"#bb86fc",text:"#120a1a"}};function s(){document.querySelectorAll("#themescontainer .dropdownitem").forEach(e=>{const t=l[e.dataset.value];t&&(e.style.backgroundColor=t.bg,e.style.color=t.text)})}var d={system:"System",light:"Light",dark:"Dark",blue:"Blue",red:"Red",green:"Green",gold:"Gold",pink:"Pink",sky:"Sky",orange:"Orange",yellow:"Yellow",indigo:"Indigo",purple:"Purple"},r={applyTheme:e=>{"system"!==e&&e?(document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)):(document.documentElement.removeAttribute("data-theme"),localStorage.removeItem("theme"))},init:function(){window.MDKVA_THEMES_INITIALIZED||(this.applyTheme(localStorage.getItem("theme")||"system"),i("themescontainer",()=>{const e=localStorage.getItem("theme")||"system";return setTimeout(s,0),`Appearance: ${d[e]||"System"}`}),document.addEventListener("click",e=>{const t=e.target.closest("#themescontainer .dropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#themescontainer")?.querySelector(".dropdowntrigger");this.applyTheme(o),n&&(n.textContent=`Appearance: ${d[o]}`);const i=document.getElementById("header");if(i?.classList.contains("header-active")){i.classList.remove("header-active");const e=document.getElementById("headertogglebtn");e&&(e.innerHTML="☰",e.classList.remove("headerclosebtn")),document.body.style.overflow=""}}),window.MDKVA_THEMES_INITIALIZED=!0)}};function c(){document.querySelectorAll("#zoomcontainer .dropdownitem").forEach(e=>{const t=e.dataset.value;t&&(e.style.fontSize=`${t}%`)})}function m(e){const t=document.querySelector(`#zoomcontainer .dropdownitem[data-value="${e}"]`);return t?t.textContent.trim():`${e}%`}r.applyTheme(localStorage.getItem("theme")||"system");var u={STORAGE_KEY:"mdkva-accessibility-zoom-value",DEFAULT:100,apply:e=>{const t=Math.max(60,Math.min(115,parseInt(e)||100)),o=document.documentElement;o.style.setProperty("--mdkpz",t/100),o.style.fontSize=`${t}%`,localStorage.setItem(u.STORAGE_KEY,t),function(e){const t=document.querySelectorAll("#zoomcontainer .dropdownitem"),o="is-selected";t.forEach(t=>{t.dataset.value==e?t.classList.add(o):t.classList.remove(o)})}(t)},init:function(){window.MDKVA_SCALING_INITIALIZED||(i("zoomcontainer",()=>{const e=localStorage.getItem(this.STORAGE_KEY)||this.DEFAULT;return this.apply(e),setTimeout(c,50),`Scale: ${m(e)}`}),document.addEventListener("click",e=>{const t=e.target.closest("#zoomcontainer .dropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#zoomcontainer")?.querySelector(".dropdowntrigger");this.apply(o),n&&(n.textContent=`Scale: ${m(o)}`)}),window.MDKVA_SCALING_INITIALIZED=!0)},antiFlicker:function(){const e=localStorage.getItem(this.STORAGE_KEY)||this.DEFAULT;document.documentElement.style.setProperty("--mdkpz",e/100),document.documentElement.style.fontSize=`${e}%`}};u.antiFlicker();var p={default:"Default","sans-serif":"Modern",serif:"Classic",monospace:"Technical",cursive:"Fancy"};function y(e){const t=document.querySelectorAll("#fontfamilycontainer .dropdownitem"),o="is-selected";t.forEach(t=>{t.dataset.value===(e||"default")?t.classList.add(o):t.classList.remove(o)})}var g={STORAGE_KEY:"mdkva-font-family",apply:e=>{const t=document.documentElement,o=e||"default";"default"===o?(t.style.removeProperty("--global-font"),localStorage.removeItem(g.STORAGE_KEY)):(t.style.setProperty("--global-font",o),localStorage.setItem(g.STORAGE_KEY,o)),y(o)},init:function(){window.MDKVA_FONTS_INITIALIZED||(i("fontfamilycontainer",()=>{const e=localStorage.getItem(g.STORAGE_KEY)||"default";return this.apply(e),setTimeout(()=>{!function(){const e=document.querySelectorAll("#fontfamilycontainer .dropdownitem");0!==e.length&&e.forEach(e=>{const t=e.dataset.value;t&&"default"!==t?(e.style.setProperty("font-family",t,"important"),e.style.fontWeight="500"):e.style.fontFamily="inherit"})}(),y(e)},50),`Typography: ${p[e]||"Default"}`}),document.addEventListener("click",e=>{const t=e.target.closest("#fontfamilycontainer .dropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#fontfamilycontainer")?.querySelector(".dropdowntrigger");this.apply(o),n&&(n.textContent=`Typography: ${p[o]||"Default"}`)}),window.MDKVA_FONTS_INITIALIZED=!0)},antiFlicker:function(){const e=localStorage.getItem(this.STORAGE_KEY);e&&document.documentElement.style.setProperty("--global-font",e)}};g.antiFlicker();var v=()=>{e(),r.init(),setTimeout(()=>{o(),t.init(),g.init(),u.init()},150)};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",v):v(),window.MDKVA_PRISM={version:"1.0.0"};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mdkva/prism",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Prism is the Accessibility Controller in MDKVA Systems.",
|
|
6
6
|
"main": "./dist/prism.js",
|
|
@@ -24,10 +24,8 @@
|
|
|
24
24
|
"vite": "^8.0.1"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@mdkva/controls": "^0.0.
|
|
28
|
-
"@mdkva/
|
|
29
|
-
"@mdkva/splash": "^0.0.3",
|
|
30
|
-
"@mdkva/typography": "^0.0.4",
|
|
27
|
+
"@mdkva/controls": "^0.0.7",
|
|
28
|
+
"@mdkva/typography": "^0.0.6",
|
|
31
29
|
"terser": "^5.46.1",
|
|
32
30
|
"vite-plugin-css-injected-by-js": "^4.0.1"
|
|
33
31
|
}
|