@mdkva/ux 0.0.1 → 0.0.2

package/dist/prism.iife.js

@@ -1 +1 @@
-var prism=function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});var t=()=>{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">&times;</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="prismdropdowncontainer" id="fontfamilycontainer">\n                        <button type="button" class="prismdropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Font: Default</button>\n                        <ul class="prismdropdownitemcontainer hidescrollbar" role="listbox">\n                            <li data-value="default" role="option" class="prismdropdownitem">Default</li>\n\n                            <li data-value="sans-serif" role="option" class="prismdropdownitem">Modern</li>\n\n                            <li data-value="serif" role="option" class="prismdropdownitem">Classic</li>\n\n                            <li data-value="monospace" role="option" class="prismdropdownitem">Technical</li>\n\n                            <li data-value="cursive" role="option" class="prismdropdownitem">Fancy</li>\n                        </ul>\n                    </div>\n                </div>\n\n                <div class="accessibilityitem">\n                    <div class="prismdropdowncontainer" id="themescontainer">\n                        <button type="button" class="prismdropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Theme: System</button>\n                        <ul class="prismdropdownitemcontainer hidescrollbar" role="listbox">\n                            <li data-value="system" role="option" class="prismdropdownitem">System</li>\n                            <li data-value="light" role="option" class="prismdropdownitem">Light</li>\n                            <li data-value="dark" role="option" class="prismdropdownitem">Dark</li>\n                            <li data-value="sky" role="option" class="prismdropdownitem">Sky</li>\n                            <li data-value="gold" role="option" class="prismdropdownitem">Gold</li>\n                            <li data-value="yellow" role="option" class="prismdropdownitem">Yellow</li>\n                            <li data-value="green" role="option" class="prismdropdownitem">Green</li>\n                            <li data-value="blue" role="option" class="prismdropdownitem">Blue</li>\n                            <li data-value="red" role="option" class="prismdropdownitem">Red</li>\n                            <li data-value="pink" role="option" class="prismdropdownitem">Pink</li>\n                            <li data-value="orange" role="option" class="prismdropdownitem">Orange</li>\n                            <li data-value="indigo" role="option" class="prismdropdownitem">Indigo</li>\n                            <li data-value="purple" role="option" class="prismdropdownitem">Purple</li>\n                        </ul>\n                    </div>\n                </div>\n\n                <div class="accessibilityitem">\n                    <div class="prismdropdowncontainer" id="zoomcontainer">\n                        <button type="button" class="prismdropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Zoom: 100%</button>\n                        <ul class="prismdropdownitemcontainer hidescrollbar" role="listbox">\n                            <li data-value="60" role="option" class="prismdropdownitem">Tiny</li>\n                            <li data-value="70" role="option" class="prismdropdownitem">Compact</li>\n                            <li data-value="85" role="option" class="prismdropdownitem">Balanced</li>\n                            <li data-value="100" role="option" class="prismdropdownitem">Large</li>\n                            <li data-value="115" role="option" class="prismdropdownitem">Huge</li>\n                        </ul>\n                     </div>\n                </div>\n\n\n                </div>\n            </div>'),window.dispatchEvent(new Event("accessibility:ready")))},o={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 s=o.getBoundingClientRect();if(s.top<n&&(i=n-s.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",o.handleCollision,{passive:!0}),window.addEventListener("resize",o.handleCollision),o.handleCollision()):setTimeout(e,100)};e()}},n=()=>{const e=document.getElementById("accessibilitymodaltrigger"),t=document.getElementById("accessibilitymodalcontainer"),n=document.getElementById("accessibilitymodalclose");if(!e||!t)return;const i=o=>{!t.classList.contains("open")||t.contains(o.target)||e.contains(o.target)||s()},s=()=>{const n=document.getElementById("backtotopbtncontainer");document.documentElement.classList.remove("lock-screen-vision"),document.documentElement.style.paddingRight="",t.classList.remove("open"),e.classList.remove("hidden"),n&&n.classList.remove("hidden"),o.handleCollision&&o.handleCollision(),document.removeEventListener("click",i),setTimeout(()=>e.focus(),500)};e.addEventListener("click",o=>{const s=window.innerWidth-document.documentElement.clientWidth,a=document.getElementById("backtotopbtncontainer");document.documentElement.classList.add("lock-screen-vision"),document.documentElement.style.paddingRight=`${s}px`,t.classList.add("open"),e.classList.add("hidden"),a&&a.classList.add("hidden"),t.style.transform="translateY(0px)",n&&n.focus(),setTimeout(()=>{document.addEventListener("click",i)},50)}),n&&n.addEventListener("click",s),document.addEventListener("keydown",e=>{"Escape"===e.key&&t.classList.contains("open")&&s()})},i=()=>{const e=document.querySelector(".prismdropdowncontainer.active");if(!e)return;const t=e.querySelector(".prismdropdowntrigger"),o=e.querySelector(".prismdropdownitemcontainer");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`,o.style.minWidth=`${e.width}px`})}},s=()=>{window.MDKVA_SELECT_INITIALIZED||(document.addEventListener("click",e=>{const t=e.target.closest(".prismdropdowntrigger"),o=e.target.closest(".prismdropdowncontainer"),n=e.target.closest(".prismdropdownitem");if(t&&o){const e=o.classList.contains("active");return document.querySelectorAll(".prismdropdowncontainer.active").forEach(e=>{e!==o&&(e.classList.remove("active"),e.querySelector(".prismdropdowntrigger")?.setAttribute("aria-expanded","false"))}),void(e?(o.classList.remove("active"),t.setAttribute("aria-expanded","false")):(o.classList.add("active"),t.setAttribute("aria-expanded","true"),i()))}if(n){const e=n.closest(".prismdropdowncontainer");return void(e&&setTimeout(()=>{e.classList.remove("active"),e.querySelector(".prismdropdowntrigger")?.setAttribute("aria-expanded","false")},150))}e.target.closest(".prismdropdowncontainer")||document.querySelectorAll(".prismdropdowncontainer.active").forEach(e=>{e.classList.remove("active"),e.querySelector(".prismdropdowntrigger")?.setAttribute("aria-expanded","false")})}),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),window.MDKVA_SELECT_INITIALIZED=!0)},a=new Map;function l(e,t){a.set(e,t),r(e,t)||requestAnimationFrame(()=>r(e,t))}function r(e,t){const o=document.getElementById(e)?.querySelector(".prismdropdowntrigger");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)&&a.forEach((e,t)=>{r(t,e)})}).observe(document.body,{childList:!0,subtree:!0});var d={system:{bg:"var(--bg1)",text:"var(--text1)"},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 c(){document.querySelectorAll("#themescontainer .prismdropdownitem").forEach(e=>{const t=d[e.dataset.value];t&&(e.style.backgroundColor=t.bg,e.style.color=t.text)})}var m={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"},p={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"),l("themescontainer",()=>{const e=localStorage.getItem("theme")||"system";return setTimeout(c,0),`Theme: ${m[e]||"System"}`}),document.addEventListener("click",e=>{const t=e.target.closest("#themescontainer .prismdropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#themescontainer")?.querySelector(".prismdropdowntrigger");this.applyTheme(o),n&&(n.textContent=`Theme: ${m[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 u(){const e=document.querySelectorAll("#zoomcontainer .prismdropdownitem");0!==e.length&&e.forEach(e=>{const t=e.dataset.value;t&&(e.style.fontSize=`${t}%`)})}p.applyTheme(localStorage.getItem("theme")||"system");var g={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("--accessibility-zoom",t/100),o.style.fontSize=`${t}%`,localStorage.setItem(g.STORAGE_KEY,t)},init:function(){window.MDKVA_SCALING_INITIALIZED||(l("zoomcontainer",()=>{const e=localStorage.getItem(this.STORAGE_KEY)||this.DEFAULT;return this.apply(e),setTimeout(u,50),`Zoom: ${e}%`}),document.addEventListener("click",e=>{const t=e.target.closest("#zoomcontainer .prismdropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#zoomcontainer")?.querySelector(".prismdropdowntrigger");this.apply(o),n&&(n.textContent=`Zoom: ${o}%`)}),window.MDKVA_SCALING_INITIALIZED=!0)},antiFlicker:function(){const e=localStorage.getItem(this.STORAGE_KEY)||this.DEFAULT;document.documentElement.style.setProperty("--accessibility-zoom",e/100),document.documentElement.style.fontSize=`${e}%`}};g.antiFlicker();var y={default:"Default","sans-serif":"Modern",serif:"Classic",monospace:"Technical",cursive:"Fancy"};function v(){const e=document.querySelectorAll("#fontfamilycontainer .prismdropdownitem");0!==e.length&&e.forEach(e=>{const t=e.dataset.value;if(t&&"default"!==t){const o=y[t]||t;e.style.setProperty("font-family",o,"important"),e.style.fontWeight="500"}else e.style.fontFamily="inherit"})}var f={STORAGE_KEY:"mdkva-font-family",apply:e=>{const t=document.documentElement;e&&"default"!==e?(t.style.setProperty("--global-font",e),localStorage.setItem(f.STORAGE_KEY,e)):(t.style.removeProperty("--global-font"),localStorage.removeItem(f.STORAGE_KEY))},init:function(){window.MDKVA_FONTS_INITIALIZED||(l("fontfamilycontainer",()=>{const e=localStorage.getItem(f.STORAGE_KEY)||"default";return this.apply(e),setTimeout(v,50),`Font: ${y[e]||"Default"}`}),document.addEventListener("click",e=>{const t=e.target.closest("#fontfamilycontainer .prismdropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#fontfamilycontainer")?.querySelector(".prismdropdowntrigger");this.apply(o),n&&(n.textContent=`Font: ${y[o]||"Default"}`)}),window.MDKVA_FONTS_INITIALIZED=!0)},antiFlicker:function(){const e=localStorage.getItem(this.STORAGE_KEY);e&&document.documentElement.style.setProperty("--global-font",e)}};f.antiFlicker();var w=()=>{t(),s(),p.init(),setTimeout(()=>{n(),o.init(),f.init(),g.init()},150)};return"loading"===document.readyState?document.addEventListener("DOMContentLoaded",w):w(),window.MDKVA_PRISM={version:"1.0.0"},e.initPrism=w,e}({});
+!function(){try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".accessibilitymodalcontainer .prismdropdownitemcontainer{position:unset!important}.accessibilitymodalcontainer{background-color:var(--bg1);color:var(--text1);border-right:var(--p4-big-margin) solid;border-top:var(--p4-big-margin) solid;border-image-source:linear-gradient(to bottom, var(--link), var(--premium));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:40vw;height:75vh;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(--premium), var(--link))}.accessibilitymodal{flex-direction:column;height:100%;display:flex}.accessibilitymodalheader{padding:var(--h3-big) var(--h1-big);padding-bottom:var(--p1-big);font-size:var(--h3-big);color:var(--text1);border-bottom:.1vw solid var(--text2);letter-spacing:.15vw;background:var(--bg1);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(--h3-big);font-size:var(--p2-big);color:var(--text2);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(--p1-big) 0 var(--h1-big) 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(--p4-medium-margin) solid;border-top:var(--p4-medium-margin) solid;width:75vw;height:80vh}.accessibilitymodalheader{padding:var(--h3-medium) var(--h1-medium);padding-bottom:var(--p1-medium);font-size:var(--h3-medium)}.accessibilitymodalbody{padding:var(--h3-medium);font-size:var(--p2-medium)}.accessibilitymodalbody .signatureline{margin:var(--p1-medium) 0 var(--h1-medium) 0}}@media (width<=600px){.accessibilitymodalcontainer{border-right:var(--p4-small-margin) solid;border-top:var(--p4-small-margin) solid;width:80vw}.accessibilitymodalheader{padding:var(--h3-small) var(--h1-small);padding-bottom:var(--p1-small);font-size:var(--h3-small)}.accessibilitymodalbody{padding:var(--h3-small);font-size:var(--p2-small)}.accessibilitymodalbody .signatureline{margin:var(--p1-small) 0 var(--h1-small) 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(--h3-big);cursor:pointer;z-index:10;visibility:visible;opacity:1;-webkit-user-select:none;user-select:none;transition:all .5s;position:fixed;bottom:2vw;left:12vw}.accessibilitymodaltrigger:hover{font-size:var(--h0-big)}@media (width<=1100px){.accessibilitymodaltrigger{font-size:var(--h3-medium)}.accessibilitymodaltrigger:hover{font-size:var(--h0-medium)}}@media (width<=600px){.accessibilitymodaltrigger{font-size:var(--h3-small)}.accessibilitymodaltrigger:hover{font-size:var(--h0-small)}}.accessibilitymodalheader .accessibilitymodalclose{color:var(--close);font-size:var(--h1-big);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(--close-hover);transition-delay:0s;transform:rotate(90deg)}@media (width<=1100px){.accessibilitymodalheader .accessibilitymodalclose{font-size:var(--h1-medium);top:4vw;right:4vw}}@media (width<=600px){.accessibilitymodalheader .accessibilitymodalclose{font-size:var(--h1-small);top:6vw;right:6vw}}:root{--global-font:inherit}[style*=--global-font] *,[style*=--global-font]{font-family:var(--global-font)!important}.accessibilityitem{margin-bottom:var(--h3-big);padding:var(--p2-big);text-align:center;border-radius:.5rem;transition:all .5s}.accessibilityitemlabel{font-size:var(--h3-big);margin-bottom:var(--p1-big);color:var(--text1);letter-spacing:.05vw;font-weight:700;display:block}.accessibilitymodalzoomslider{width:100%;height:var(--p4-big-margin);accent-color:var(--premium);cursor:pointer;background:var(--text2);appearance:none;border-radius:1rem}@media (width<=1100px){.accessibilityitem{margin-bottom:var(--h3-medium);padding:var(--p2-medium)}.accessibilityitemlabel{font-size:var(--h3-medium);margin-bottom:var(--p1-medium)}.accessibilitymodalzoomslider{height:var(--p4-medium-margin)}}@media (width<=600px){.accessibilityitem{margin-bottom:var(--h3-small);padding:var(--p2-small)}.accessibilityitemlabel{font-size:var(--h3-small);margin-bottom:var(--p1-small)}.accessibilitymodalzoomslider{height:var(--p4-small-margin)}}.prismdropdowncontainer{vertical-align:top;flex-direction:column;align-items:center;display:inline-flex;position:relative}.prismdropdownitemcontainer{background-color:var(--bg1);border:.2vw solid var(--text2);z-index:9999;will-change:top, left, width;border-top:none;flex-direction:column;width:auto;height:auto;max-height:48vh;margin:0;padding:0;list-style:none;display:none;position:fixed;top:0;left:0;box-shadow:0 10px 30px #0000004d;min-width:0!important;overflow-y:auto!important}.prismdropdowncontainer.active .prismdropdownitemcontainer{display:flex}.prismdropdownitem{font-size:var(--p3-big);padding:var(--p4-big);color:var(--text1);text-align:center;border-bottom:.1vw solid var(--text1);letter-spacing:.15vw;transition:all .5s;display:block;cursor:pointer!important}.prismdropdownitem:hover{background-color:var(--bg2);color:var(--premium)}.prismdropdownitem.option-disabled{opacity:.3;cursor:not-allowed;filter:grayscale();pointer-events:none;background-color:#0000!important}.prismdropdownitem:first-child{margin-left:0!important}.prismdropdownitem:last-child{margin-bottom:0}.hidescrollbar{scrollbar-width:none;-ms-overflow-style:none}.hidescrollbar::-webkit-scrollbar{display:none}@media screen and (width<=1100px){.prismdropdownitemcontainer{max-height:40vh;position:unset}.prismdropdownitem{font-size:var(--p3-medium);padding:var(--p4-medium)}}@media screen and (width<=600px){.prismdropdownitemcontainer{max-height:50vh}.prismdropdownitem{font-size:var(--p3-small);padding:var(--p4-small)}}.prismdropdowntrigger{background:0 0;background-color:var(--bg1);color:var(--text1);font-weight:750;font-size:var(--p3-big);padding:var(--p3-big);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='2' 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(--p3-big);-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;cursor:pointer!important;cursor:pointer!important;pointer-events:auto!important}.prismdropdowntrigger:hover,.prismdropdowntrigger:focus{color:var(--premium);background-color:var(--bg2)}@media screen and (width<=1100px){.prismdropdowntrigger{font-size:var(--p3-medium);padding:var(--p3-medium);background-size:var(--p3-medium)}}@media screen and (width<=600px){.prismdropdowntrigger{font-size:var(--p3-small);padding:var(--p3-small);background-size:var(--p3-small)}}\n/*$vite$:1*/")),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();var prism=function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});var t=()=>{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">&times;</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="prismdropdowncontainer" id="fontfamilycontainer">\n                        <button type="button" class="prismdropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Font: Default</button>\n                        <ul class="prismdropdownitemcontainer hidescrollbar" role="listbox">\n                            <li data-value="default" role="option" class="prismdropdownitem">Default</li>\n\n                            <li data-value="sans-serif" role="option" class="prismdropdownitem">Modern</li>\n\n                            <li data-value="serif" role="option" class="prismdropdownitem">Classic</li>\n\n                            <li data-value="monospace" role="option" class="prismdropdownitem">Technical</li>\n\n                            <li data-value="cursive" role="option" class="prismdropdownitem">Fancy</li>\n                        </ul>\n                    </div>\n                </div>\n\n                <div class="accessibilityitem">\n                    <div class="prismdropdowncontainer" id="themescontainer">\n                        <button type="button" class="prismdropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Theme: System</button>\n                        <ul class="prismdropdownitemcontainer hidescrollbar" role="listbox">\n                            <li data-value="system" role="option" class="prismdropdownitem">System</li>\n                            <li data-value="light" role="option" class="prismdropdownitem">Light</li>\n                            <li data-value="dark" role="option" class="prismdropdownitem">Dark</li>\n                            <li data-value="sky" role="option" class="prismdropdownitem">Sky</li>\n                            <li data-value="gold" role="option" class="prismdropdownitem">Gold</li>\n                            <li data-value="yellow" role="option" class="prismdropdownitem">Yellow</li>\n                            <li data-value="green" role="option" class="prismdropdownitem">Green</li>\n                            <li data-value="blue" role="option" class="prismdropdownitem">Blue</li>\n                            <li data-value="red" role="option" class="prismdropdownitem">Red</li>\n                            <li data-value="pink" role="option" class="prismdropdownitem">Pink</li>\n                            <li data-value="orange" role="option" class="prismdropdownitem">Orange</li>\n                            <li data-value="indigo" role="option" class="prismdropdownitem">Indigo</li>\n                            <li data-value="purple" role="option" class="prismdropdownitem">Purple</li>\n                        </ul>\n                    </div>\n                </div>\n\n                <div class="accessibilityitem">\n                    <div class="prismdropdowncontainer" id="zoomcontainer">\n                        <button type="button" class="prismdropdowntrigger" aria-haspopup="listbox" aria-expanded="false">Zoom: 100%</button>\n                        <ul class="prismdropdownitemcontainer hidescrollbar" role="listbox">\n                            <li data-value="60" role="option" class="prismdropdownitem">Tiny</li>\n                            <li data-value="70" role="option" class="prismdropdownitem">Compact</li>\n                            <li data-value="85" role="option" class="prismdropdownitem">Balanced</li>\n                            <li data-value="100" role="option" class="prismdropdownitem">Large</li>\n                            <li data-value="115" role="option" class="prismdropdownitem">Huge</li>\n                        </ul>\n                     </div>\n                </div>\n\n\n                </div>\n            </div>'),window.dispatchEvent(new Event("accessibility:ready")))},o={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 s=o.getBoundingClientRect();if(s.top<n&&(i=n-s.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",o.handleCollision,{passive:!0}),window.addEventListener("resize",o.handleCollision),o.handleCollision()):setTimeout(e,100)};e()}},n=()=>{const e=document.getElementById("accessibilitymodaltrigger"),t=document.getElementById("accessibilitymodalcontainer"),n=document.getElementById("accessibilitymodalclose");if(!e||!t)return;const i=o=>{!t.classList.contains("open")||t.contains(o.target)||e.contains(o.target)||s()},s=()=>{const n=document.getElementById("backtotopbtncontainer");document.documentElement.classList.remove("lock-screen-vision"),document.documentElement.style.paddingRight="",t.classList.remove("open"),e.classList.remove("hidden"),n&&n.classList.remove("hidden"),o.handleCollision&&o.handleCollision(),document.removeEventListener("click",i),setTimeout(()=>e.focus(),500)};e.addEventListener("click",o=>{const s=window.innerWidth-document.documentElement.clientWidth,a=document.getElementById("backtotopbtncontainer");document.documentElement.classList.add("lock-screen-vision"),document.documentElement.style.paddingRight=`${s}px`,t.classList.add("open"),e.classList.add("hidden"),a&&a.classList.add("hidden"),t.style.transform="translateY(0px)",n&&n.focus(),setTimeout(()=>{document.addEventListener("click",i)},50)}),n&&n.addEventListener("click",s),document.addEventListener("keydown",e=>{"Escape"===e.key&&t.classList.contains("open")&&s()})},i=()=>{const e=document.querySelector(".prismdropdowncontainer.active");if(!e)return;const t=e.querySelector(".prismdropdowntrigger"),o=e.querySelector(".prismdropdownitemcontainer");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`,o.style.minWidth=`${e.width}px`})}},s=()=>{window.MDKVA_SELECT_INITIALIZED||(document.addEventListener("click",e=>{const t=e.target.closest(".prismdropdowntrigger"),o=e.target.closest(".prismdropdowncontainer"),n=e.target.closest(".prismdropdownitem");if(t&&o){const e=o.classList.contains("active");return document.querySelectorAll(".prismdropdowncontainer.active").forEach(e=>{e!==o&&(e.classList.remove("active"),e.querySelector(".prismdropdowntrigger")?.setAttribute("aria-expanded","false"))}),void(e?(o.classList.remove("active"),t.setAttribute("aria-expanded","false")):(o.classList.add("active"),t.setAttribute("aria-expanded","true"),i()))}if(n){const e=n.closest(".prismdropdowncontainer");return void(e&&setTimeout(()=>{e.classList.remove("active"),e.querySelector(".prismdropdowntrigger")?.setAttribute("aria-expanded","false")},150))}e.target.closest(".prismdropdowncontainer")||document.querySelectorAll(".prismdropdowncontainer.active").forEach(e=>{e.classList.remove("active"),e.querySelector(".prismdropdowntrigger")?.setAttribute("aria-expanded","false")})}),window.addEventListener("scroll",i,{passive:!0}),window.addEventListener("resize",i,{passive:!0}),window.MDKVA_SELECT_INITIALIZED=!0)},a=new Map;function l(e,t){a.set(e,t),r(e,t)||requestAnimationFrame(()=>r(e,t))}function r(e,t){const o=document.getElementById(e)?.querySelector(".prismdropdowntrigger");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)&&a.forEach((e,t)=>{r(t,e)})}).observe(document.body,{childList:!0,subtree:!0});var d={system:{bg:"var(--bg1)",text:"var(--text1)"},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 c(){document.querySelectorAll("#themescontainer .prismdropdownitem").forEach(e=>{const t=d[e.dataset.value];t&&(e.style.backgroundColor=t.bg,e.style.color=t.text)})}var m={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"},p={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"),l("themescontainer",()=>{const e=localStorage.getItem("theme")||"system";return setTimeout(c,0),`Theme: ${m[e]||"System"}`}),document.addEventListener("click",e=>{const t=e.target.closest("#themescontainer .prismdropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#themescontainer")?.querySelector(".prismdropdowntrigger");this.applyTheme(o),n&&(n.textContent=`Theme: ${m[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 u(){const e=document.querySelectorAll("#zoomcontainer .prismdropdownitem");0!==e.length&&e.forEach(e=>{const t=e.dataset.value;t&&(e.style.fontSize=`${t}%`)})}p.applyTheme(localStorage.getItem("theme")||"system");var g={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("--accessibility-zoom",t/100),o.style.fontSize=`${t}%`,localStorage.setItem(g.STORAGE_KEY,t)},init:function(){window.MDKVA_SCALING_INITIALIZED||(l("zoomcontainer",()=>{const e=localStorage.getItem(this.STORAGE_KEY)||this.DEFAULT;return this.apply(e),setTimeout(u,50),`Zoom: ${e}%`}),document.addEventListener("click",e=>{const t=e.target.closest("#zoomcontainer .prismdropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#zoomcontainer")?.querySelector(".prismdropdowntrigger");this.apply(o),n&&(n.textContent=`Zoom: ${o}%`)}),window.MDKVA_SCALING_INITIALIZED=!0)},antiFlicker:function(){const e=localStorage.getItem(this.STORAGE_KEY)||this.DEFAULT;document.documentElement.style.setProperty("--accessibility-zoom",e/100),document.documentElement.style.fontSize=`${e}%`}};g.antiFlicker();var y={default:"Default","sans-serif":"Modern",serif:"Classic",monospace:"Technical",cursive:"Fancy"};function v(){const e=document.querySelectorAll("#fontfamilycontainer .prismdropdownitem");0!==e.length&&e.forEach(e=>{const t=e.dataset.value;if(t&&"default"!==t){const o=y[t]||t;e.style.setProperty("font-family",o,"important"),e.style.fontWeight="500"}else e.style.fontFamily="inherit"})}var f={STORAGE_KEY:"mdkva-font-family",apply:e=>{const t=document.documentElement;e&&"default"!==e?(t.style.setProperty("--global-font",e),localStorage.setItem(f.STORAGE_KEY,e)):(t.style.removeProperty("--global-font"),localStorage.removeItem(f.STORAGE_KEY))},init:function(){window.MDKVA_FONTS_INITIALIZED||(l("fontfamilycontainer",()=>{const e=localStorage.getItem(f.STORAGE_KEY)||"default";return this.apply(e),setTimeout(v,50),`Font: ${y[e]||"Default"}`}),document.addEventListener("click",e=>{const t=e.target.closest("#fontfamilycontainer .prismdropdownitem");if(!t)return;const o=t.dataset.value,n=e.target.closest("#fontfamilycontainer")?.querySelector(".prismdropdowntrigger");this.apply(o),n&&(n.textContent=`Font: ${y[o]||"Default"}`)}),window.MDKVA_FONTS_INITIALIZED=!0)},antiFlicker:function(){const e=localStorage.getItem(this.STORAGE_KEY);e&&document.documentElement.style.setProperty("--global-font",e)}};f.antiFlicker();var w=()=>{t(),s(),p.init(),setTimeout(()=>{n(),o.init(),f.init(),g.init()},150)};return"loading"===document.readyState?document.addEventListener("DOMContentLoaded",w):w(),window.MDKVA_PRISM={version:"1.0.0"},e.initPrism=w,e}({});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mdkva/ux",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "publishConfig": {
     "access": "public"
   },

package/dist/prism.css

@@ -1,2 +0,0 @@
-.accessibilitymodalcontainer .prismdropdownitemcontainer{position:unset!important}.accessibilitymodalcontainer{background-color:var(--bg1);color:var(--text1);border-right:var(--p4-big-margin) solid;border-top:var(--p4-big-margin) solid;border-image-source:linear-gradient(to bottom, var(--link), var(--premium));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:40vw;height:75vh;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(--premium), var(--link))}.accessibilitymodal{flex-direction:column;height:100%;display:flex}.accessibilitymodalheader{padding:var(--h3-big) var(--h1-big);padding-bottom:var(--p1-big);font-size:var(--h3-big);color:var(--text1);border-bottom:.1vw solid var(--text2);letter-spacing:.15vw;background:var(--bg1);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(--h3-big);font-size:var(--p2-big);color:var(--text2);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(--p1-big) 0 var(--h1-big) 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(--p4-medium-margin) solid;border-top:var(--p4-medium-margin) solid;width:75vw;height:80vh}.accessibilitymodalheader{padding:var(--h3-medium) var(--h1-medium);padding-bottom:var(--p1-medium);font-size:var(--h3-medium)}.accessibilitymodalbody{padding:var(--h3-medium);font-size:var(--p2-medium)}.accessibilitymodalbody .signatureline{margin:var(--p1-medium) 0 var(--h1-medium) 0}}@media (width<=600px){.accessibilitymodalcontainer{border-right:var(--p4-small-margin) solid;border-top:var(--p4-small-margin) solid;width:80vw}.accessibilitymodalheader{padding:var(--h3-small) var(--h1-small);padding-bottom:var(--p1-small);font-size:var(--h3-small)}.accessibilitymodalbody{padding:var(--h3-small);font-size:var(--p2-small)}.accessibilitymodalbody .signatureline{margin:var(--p1-small) 0 var(--h1-small) 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(--h3-big);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(--h0-big)}@media (width<=1100px){.accessibilitymodaltrigger{font-size:var(--h3-medium)}.accessibilitymodaltrigger:hover{font-size:var(--h0-medium)}}@media (width<=600px){.accessibilitymodaltrigger{font-size:var(--h3-small)}.accessibilitymodaltrigger:hover{font-size:var(--h0-small)}}.accessibilitymodalheader .accessibilitymodalclose{color:var(--close);font-size:var(--h1-big);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(--close-hover);transition-delay:0s;transform:rotate(90deg)}@media (width<=1100px){.accessibilitymodalheader .accessibilitymodalclose{font-size:var(--h1-medium);top:4vw;right:4vw}}@media (width<=600px){.accessibilitymodalheader .accessibilitymodalclose{font-size:var(--h1-small);top:6vw;right:6vw}}:root{--global-font:inherit}[style*=--global-font] *,[style*=--global-font]{font-family:var(--global-font)!important}.accessibilityitem{margin-bottom:var(--h3-big);padding:var(--p2-big);text-align:center;border-radius:.5rem;transition:all .5s}.accessibilityitemlabel{font-size:var(--h3-big);margin-bottom:var(--p1-big);color:var(--text1);letter-spacing:.05vw;font-weight:700;display:block}.accessibilitymodalzoomslider{width:100%;height:var(--p4-big-margin);accent-color:var(--premium);cursor:pointer;background:var(--text2);appearance:none;border-radius:1rem}@media (width<=1100px){.accessibilityitem{margin-bottom:var(--h3-medium);padding:var(--p2-medium)}.accessibilityitemlabel{font-size:var(--h3-medium);margin-bottom:var(--p1-medium)}.accessibilitymodalzoomslider{height:var(--p4-medium-margin)}}@media (width<=600px){.accessibilityitem{margin-bottom:var(--h3-small);padding:var(--p2-small)}.accessibilityitemlabel{font-size:var(--h3-small);margin-bottom:var(--p1-small)}.accessibilitymodalzoomslider{height:var(--p4-small-margin)}}.prismdropdowncontainer{vertical-align:top;flex-direction:column;align-items:center;display:inline-flex;position:relative}.prismdropdownitemcontainer{background-color:var(--bg1);border:.2vw solid var(--text2);z-index:9999;will-change:top, left, width;border-top:none;flex-direction:column;width:auto;height:auto;max-height:48vh;margin:0;padding:0;list-style:none;display:none;position:fixed;top:0;left:0;box-shadow:0 10px 30px #0000004d;min-width:0!important;overflow-y:auto!important}.prismdropdowncontainer.active .prismdropdownitemcontainer{display:flex}.prismdropdownitem{font-size:var(--p3-big);padding:var(--p4-big);color:var(--text1);text-align:center;border-bottom:.1vw solid var(--text1);letter-spacing:.15vw;transition:all .5s;display:block;cursor:pointer!important}.prismdropdownitem:hover{background-color:var(--bg2);color:var(--premium)}.prismdropdownitem.option-disabled{opacity:.3;cursor:not-allowed;filter:grayscale();pointer-events:none;background-color:#0000!important}.prismdropdownitem:first-child{margin-left:0!important}.prismdropdownitem:last-child{margin-bottom:0}.hidescrollbar{scrollbar-width:none;-ms-overflow-style:none}.hidescrollbar::-webkit-scrollbar{display:none}@media screen and (width<=1100px){.prismdropdownitemcontainer{max-height:40vh;position:unset}.prismdropdownitem{font-size:var(--p3-medium);padding:var(--p4-medium)}}@media screen and (width<=600px){.prismdropdownitemcontainer{max-height:50vh}.prismdropdownitem{font-size:var(--p3-small);padding:var(--p4-small)}}.prismdropdowntrigger{background:0 0;background-color:var(--bg1);color:var(--text1);font-weight:750;font-size:var(--p3-big);padding:var(--p3-big);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='2' 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(--p3-big);-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;cursor:pointer!important;cursor:pointer!important;pointer-events:auto!important}.prismdropdowntrigger:hover,.prismdropdowntrigger:focus{color:var(--premium);background-color:var(--bg2)}@media screen and (width<=1100px){.prismdropdowntrigger{font-size:var(--p3-medium);padding:var(--p3-medium);background-size:var(--p3-medium)}}@media screen and (width<=600px){.prismdropdowntrigger{font-size:var(--p3-small);padding:var(--p3-small);background-size:var(--p3-small)}}
-/*$vite$:1*/