com.mdkva.ui 0.0.8
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/ui.css +2 -0
- package/dist/ui.iife.js +1 -0
- package/dist/ui.js +1 -0
- package/package.json +31 -0
- package/readme.md +0 -0
package/dist/ui.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg1);color:var(--text1);box-sizing:border-box;scroll-behavior:smooth;font-family:sans-serif}body{scroll-behavior:smooth;width:100%;height:auto;color:var(--text1);background-color:var(--bg1);line-height:1.5;scrollbar-gutter:stable!important}@media (prefers-color-scheme:light){:root{--text1:#0f172a;--text2:#64748b;--bg1:#fcfcfd;--bg2:#f1f5f9;--link:var(--vision);--link-hover:var(--premium);--premium:#9a6816;--vision:#0369a1;--engineering:#475569;--vision-gradiant:linear-gradient(90deg, #0284c7 0%, #0ea5e9 50%, #0284c7 100%);--engineering-gradiant:linear-gradient(90deg, #475569 0%, #94a3b8 50%, #475569 100%);--premium-gradiant:linear-gradient(90deg, #8c6217 0%, #bf953f 50%, #8c6217 100%);--close:#e11d48;--close-hover:#be123c;--close-rgb:225, 29, 72;--close-hover-rgb:190, 18, 60}.lightmode{display:inline}.darkmode{display:none}}@media (prefers-color-scheme:dark){:root{--text1:#f8fafc;--text2:#94a3b8;--bg1:#0f172a;--bg2:#1e293b;--link:var(--vision);--link-hover:var(--premium);--premium:#c8922d;--vision:#2ebbff;--engineering:#bec2cb;--vision-gradiant:linear-gradient(90deg, #1bffff 0%, #2ebbff 50%, #1bffff 100%);--engineering-gradiant:linear-gradient(90deg, silver 0%, #bec2cb 25%, #fff 50%, #b1b1b1 75%, #e8e8e8 100%);--premium-gradiant:linear-gradient(90deg, #bf953f 0%, #fcf6ba 7%, #b38728 25%, #fbf5b7 75%, #aa771c 100%);--close:#fb7185;--close-hover:#f43f5e;--close-rgb:251, 113, 133;--close-hover-rgb:244, 63, 94}.lightmode{display:none}.darkmode{display:inline}}[data-theme=light]{--text1:#0f172a;--text2:#64748b;--bg1:#fcfcfd;--bg2:#f1f5f9;--link:var(--vision);--link-hover:var(--premium);--premium:#9a6816;--vision:#0369a1;--engineering:#475569;--vision-gradiant:linear-gradient(90deg, #0284c7 0%, #0ea5e9 50%, #0284c7 100%);--engineering-gradiant:linear-gradient(90deg, #475569 0%, #94a3b8 50%, #475569 100%);--premium-gradiant:linear-gradient(90deg, #8c6217 0%, #bf953f 50%, #8c6217 100%);--close:#e11d48;--close-hover:#be123c;--close-rgb:225, 29, 72;--close-hover-rgb:190, 18, 60}[data-theme=light] .lightmode{display:inline}[data-theme=light] .darkmode{display:none}[data-theme=dark]{--text1:#f8fafc;--text2:#94a3b8;--bg1:#0f172a;--bg2:#1e293b;--link:var(--vision);--link-hover:var(--premium);--premium:#c8922d;--vision:#2ebbff;--engineering:#bec2cb;--vision-gradiant:linear-gradient(90deg, #1bffff 0%, #2ebbff 50%, #1bffff 100%);--engineering-gradiant:linear-gradient(90deg, silver 0%, #bec2cb 25%, #fff 50%, #b1b1b1 75%, #e8e8e8 100%);--premium-gradiant:linear-gradient(90deg, #bf953f 0%, #fcf6ba 7%, #b38728 25%, #fbf5b7 75%, #aa771c 100%);--close:#fb7185;--close-hover:#f43f5e;--close-rgb:251, 113, 133;--close-hover-rgb:244, 63, 94}[data-theme=dark] .lightmode{display:none}[data-theme=dark] .darkmode{display:inline}[data-theme=blue]{--text1:#93c5fd;--text2:#a5b4fc;--premium:#60a5fa;--bg1:#0a192f;--bg2:#172a45;--link:#64ffda;--premium-gradiant:linear-gradient(90deg, #64ffda 0%, #a5b4fc 50%, #64ffda 100%);--vision-gradiant:linear-gradient(90deg, #60a5fa 0%, #93c5fd 50%, #60a5fa 100%)}[data-theme=blue] .lightmode{display:none}[data-theme=blue] .darkmode{display:inline}[data-theme=red]{--text1:#fca5a5;--text2:#ffb3b3;--premium:#f87171;--bg1:#1a0a0a;--bg2:#2d1414;--link:#ff4d4d;--premium-gradiant:linear-gradient(90deg, #ff4d4d 0%, #fca5a5 50%, #ff4d4d 100%);--vision-gradiant:linear-gradient(90deg, #f87171 0%, #fca5a5 50%, #f87171 100%)}[data-theme=red] .lightmode{display:none}[data-theme=red] .darkmode{display:inline}[data-theme=green]{--text1:#86efac;--text2:#8ed6b5;--premium:#4ade80;--bg1:#0a1a0f;--bg2:#142d1b;--link:#2ecc71;--premium-gradiant:linear-gradient(90deg, #2ecc71 0%, #86efac 50%, #2ecc71 100%);--vision-gradiant:linear-gradient(90deg, #4ade80 0%, #86efac 50%, #4ade80 100%)}[data-theme=green] .lightmode{display:none}[data-theme=green] .darkmode{display:inline}[data-theme=gold]{--text1:#fcd34d;--text2:#ffe082;--link:#fbbf24;--bg1:#1a160a;--bg2:#2d2614;--premium:#d4af37;--premium-gradiant:linear-gradient(90deg, #d4af37 0%, #fcd34d 50%, #d4af37 100%);--vision-gradiant:linear-gradient(90deg, #fbbf24 0%, #fcd34d 50%, #fbbf24 100%)}[data-theme=gold] .lightmode{display:none}[data-theme=gold] .darkmode{display:inline}[data-theme=pink]{--text1:#f9a8d4;--text2:#fcc2d7;--premium:#f783ac;--bg1:#1a0a14;--bg2:#2d1424;--link:#ff85a2;--premium-gradiant:linear-gradient(90deg, #ff85a2 0%, #f9a8d4 50%, #ff85a2 100%);--vision-gradiant:linear-gradient(90deg, #f783ac 0%, #f9a8d4 50%, #f783ac 100%)}[data-theme=pink] .lightmode{display:none}[data-theme=pink] .darkmode{display:inline}[data-theme=sky]{--text1:#075985;--text2:#394c66;--premium:#0369a1;--bg1:#e1f5fe;--bg2:#b3e5fc;--link:#0288d1;--premium-gradiant:linear-gradient(90deg, #0288d1 0%, #03a9f4 50%, #0288d1 100%);--vision-gradiant:linear-gradient(90deg, #0369a1 0%, #0ea5e9 50%, #0369a1 100%)}[data-theme=sky] .lightmode{display:inline}[data-theme=sky] .darkmode{display:none}[data-theme=orange]{--text1:#fdba74;--text2:#ffcc80;--premium:#f6ad55;--bg1:#1a100a;--bg2:#2d1c14;--link:#ff9f43;--premium-gradiant:linear-gradient(90deg, #ff9f43 0%, #fdba74 50%, #ff9f43 100%);--vision-gradiant:linear-gradient(90deg, #f6ad55 0%, #fdba74 50%, #f6ad55 100%)}[data-theme=orange] .lightmode{display:none}[data-theme=orange] .darkmode{display:inline}[data-theme=yellow]{--text1:#713f12;--text2:#717100;--premium:#a16207;--bg1:#fffde7;--bg2:#fff9c4;--link:#fbc02d;--premium-gradiant:linear-gradient(90deg, #fbc02d 0%, #fff176 50%, #fbc02d 100%);--vision-gradiant:linear-gradient(90deg, #a16207 0%, #d4a017 50%, #a16207 100%)}[data-theme=yellow] .lightmode{display:inline}[data-theme=yellow] .darkmode{display:none}[data-theme=indigo]{--text1:#a5b4fc;--text2:#9ca6e6;--premium:#818cf8;--bg1:#0d1117;--bg2:#161b22;--link:#58a6ff;--premium-gradiant:linear-gradient(90deg, #58a6ff 0%, #a5b4fc 50%, #58a6ff 100%);--vision-gradiant:linear-gradient(90deg, #818cf8 0%, #a5b4fc 50%, #818cf8 100%)}[data-theme=indigo] .lightmode{display:none}[data-theme=indigo] .darkmode{display:inline}[data-theme=purple]{--text1:#d8b4fe;--text2:#e1bee7;--premium:#d8b4fe;--bg1:#120a1a;--bg2:#21142d;--link:#bb86fc;--premium-gradiant:linear-gradient(90deg, #bb86fc 0%, #d8b4fe 50%, #bb86fc 100%);--vision-gradiant:linear-gradient(90deg, #d8b4fe 0%, #e1bee7 50%, #d8b4fe 100%)}[data-theme=purple] .lightmode{display:none}[data-theme=purple] .darkmode{display:inline}:root{--accessibility-zoom:1;--h0-big:calc(7.5vw * var(--accessibility-zoom));--h0-big-margin:calc(4vw * var(--accessibility-zoom));--h1-big:calc(3.5vw * var(--accessibility-zoom));--h1-big-margin:calc(2vw * var(--accessibility-zoom));--h2-big:calc(2.8vw * var(--accessibility-zoom));--h2-big-margin:calc(1.5vw * var(--accessibility-zoom));--h3-big:calc(2.2vw * var(--accessibility-zoom));--h3-big-margin:calc(1.2vw * var(--accessibility-zoom));--h4-big:calc(1.125vw * var(--accessibility-zoom));--h4-big-margin:calc(1vw * var(--accessibility-zoom));--p1-big:calc(1.25vw * var(--accessibility-zoom));--p1-big-margin:calc(1vw * var(--accessibility-zoom));--p2-big:calc(1.1vw * var(--accessibility-zoom));--p2-big-margin:calc(.8vw * var(--accessibility-zoom));--p3-big:calc(.9vw * var(--accessibility-zoom));--p3-big-margin:calc(.6vw * var(--accessibility-zoom));--p4-big:calc(.7vw * var(--accessibility-zoom));--p4-big-margin:calc(.5vw * var(--accessibility-zoom));--h0-medium:calc(12vw * var(--accessibility-zoom));--h0-medium-margin:calc(6vw * var(--accessibility-zoom));--h1-medium:calc(7.5vw * var(--accessibility-zoom));--h1-medium-margin:calc(4vw * var(--accessibility-zoom));--h2-medium:calc(6.5vw * var(--accessibility-zoom));--h2-medium-margin:calc(3.5vw * var(--accessibility-zoom));--h3-medium:calc(5.5vw * var(--accessibility-zoom));--h3-medium-margin:calc(3vw * var(--accessibility-zoom));--h4-medium:calc(3.5vw * var(--accessibility-zoom));--h4-medium-margin:calc(2.5vw * var(--accessibility-zoom));--p1-medium:calc(3.5vw * var(--accessibility-zoom));--p1-medium-margin:calc(2.5vw * var(--accessibility-zoom));--p2-medium:calc(3vw * var(--accessibility-zoom));--p2-medium-margin:calc(2vw * var(--accessibility-zoom));--p3-medium:calc(2.5vw * var(--accessibility-zoom));--p3-medium-margin:calc(1.5vw * var(--accessibility-zoom));--p4-medium:calc(2vw * var(--accessibility-zoom));--p4-medium-margin:calc(1vw * var(--accessibility-zoom));--h0-small:calc(15vw * var(--accessibility-zoom));--h0-small-margin:calc(8vw * var(--accessibility-zoom));--h1-small:calc(9vw * var(--accessibility-zoom));--h1-small-margin:calc(6vw * var(--accessibility-zoom));--h2-small:calc(8vw * var(--accessibility-zoom));--h2-small-margin:calc(5vw * var(--accessibility-zoom));--h3-small:calc(7vw * var(--accessibility-zoom));--h3-small-margin:calc(4vw * var(--accessibility-zoom));--h4-small:calc(5vw * var(--accessibility-zoom));--h4-small-margin:calc(4vw * var(--accessibility-zoom));--p1-small:calc(5vw * var(--accessibility-zoom));--p1-small-margin:calc(4vw * var(--accessibility-zoom));--p2-small:calc(4.5vw * var(--accessibility-zoom));--p2-small-margin:calc(3vw * var(--accessibility-zoom));--p3-small:calc(3.8vw * var(--accessibility-zoom));--p3-small-margin:calc(2vw * var(--accessibility-zoom));--p4-small:calc(3.2vw * var(--accessibility-zoom));--p4-small-margin:calc(1.5vw * var(--accessibility-zoom))}.header{width:100%;height:var(--h0-big);background-color:var(--bg1);border-bottom:.1vw solid var(--bg2);z-index:20;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:all .5s;display:flex;position:fixed;top:0;left:0}.navbar{width:100%;padding:var(--p3-big);justify-content:space-between;align-items:center;gap:var(--p1-big);display:flex;overflow:hidden}.header-logo-container{justify-content:center;align-items:center;gap:var(--p3-big);display:flex!important}.header-logo{height:var(--h0-big);width:auto;transition:all .5s}.header-logo-container:hover .header-logo{transform:scale(.8)}.header-logo-text{font-size:var(--p1-big);color:var(--premium);transition:all .5s}.header-logo-container:hover .header-logo-text{color:var(--link)}.primaryitemscontainer{align-items:center;gap:var(--p1-big);list-style:none;display:flex}.secondarynavcontainer{flex-shrink:1;width:60vw;min-width:0;margin:0;padding:0;position:relative}.secondaryitemscontainer{gap:var(--p1-big);padding:0 var(--h0-big) 0 var(--h1-big);white-space:nowrap;cursor:pointer;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-tap-highlight-color:transparent;flex-wrap:nowrap;justify-content:flex-start;align-items:center;width:100%;display:flex;overflow:auto hidden!important}.secondaryitemscontainer li:first-child{margin-left:var(--p3-big)}.secondaryitemscontainer.is-at-end{-webkit-mask-image:none!important;mask-image:none!important}.secondaryitemscontainer::-webkit-scrollbar{display:none}.secondaryitemscontainer:active{scroll-behavior:auto;cursor:pointer!important}.primaryitemscontainer li a:hover,.secondaryitemscontainer li a:hover{color:var(--premium);background-color:var(--bg2)}.secondaryitemscontainer li{white-space:nowrap;list-style:none;flex:none!important}.primaryitemscontainer a,.secondarynavcontainer a{font-size:var(--p3-big);color:var(--text1);letter-spacing:.15vw;cursor:pointer;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;padding:var(--p3-big);font-weight:750;text-decoration:none;transition:all .5s;display:inline-block}.primaryitemscontainer a.active,.secondarynavcontainer a.active{color:var(--premium);font-weight:750}.primaryitemscontainer a:hover,.secondarynavcontainer a:hover{color:var(--link)}@media screen and (width<=1100px){.header{height:var(--h0-medium)}.navbar{padding:var(--p3-medium);gap:var(--p1-medium)}.header-logo-container{gap:var(--p3-medium)}.header-logo{height:var(--h0-medium)}.header-logo-text{font-size:var(--p1-medium)}.primaryitemscontainer{gap:var(--p1-medium)}.secondarynavcontainer{background-color:var(--bg1);opacity:0;pointer-events:none;width:50vw;height:0;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:12vw;right:0;overflow:hidden;-webkit-mask-image:none!important;mask-image:none!important}.primaryitemscontainer a,.secondarynavcontainer a{font-size:var(--p3-medium);padding:var(--p3-medium)}.header-active .secondarynavcontainer{opacity:1;pointer-events:all;height:100vh}.secondaryitemscontainer{width:100%;height:100vh;padding:var(--h0-medium) 0 40vh 0;justify-content:flex-start;align-items:center;gap:var(--h0-small);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;cursor:pointer;flex-direction:column;transition:-webkit-mask-image .3s;display:flex;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 95%);mask-image:linear-gradient(#000 0% 70%,#0000 95%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden auto!important}.secondaryitemscontainer li:first-child{margin-left:0}}@media screen and (width<=600px){.header{height:var(--h0-small)}.header-logo-container{gap:var(--p3-small)}.header-logo{height:var(--h2-small)}.header-logo-text{font-size:var(--p4-small)}.navbar{padding:var(--p3-small);gap:var(--p1-small)}.primaryitemscontainer{gap:var(--p1-small)}.primaryitemscontainer a,.secondarynavcontainer a{font-size:var(--p3-small);padding:var(--p1-small)}.secondarynavcontainer{width:80vw}.secondaryitemscontainer{padding:var(--h0-small) 0 30vh 0;gap:var(--h0-small)}}.scrollbtn{z-index:10;height:100%;color:var(--text1);cursor:pointer;font-size:var(--h3-big);background-color:#0000;border:none;outline:none;transition:all .5s;position:absolute;top:0}.scrollbtn.prev{left:0}.scrollbtn.next{right:0}@media (width<=1100px){.scrollbtn{display:none!important}}.headertogglebtn{display:none}@media screen and (width<=1100px){.headertogglebtn{color:var(--text1);font-size:var(--h1-medium);cursor:pointer;padding:var(--p1-medium);background:0 0;border:none;order:3;transition:transform .5s cubic-bezier(.16,1,.3,1),color .3s;display:flex}.headertogglebtn.headerclosebtn{color:var(--close);transform:rotate(0)}.headertogglebtn.headerclosebtn:hover{cursor:pointer;color:var(--close-hover);transform:rotate(90deg)}}@media screen and (width<=600px){.headertogglebtn{font-size:var(--h1-small);padding:var(--p1-small)}}body:has(#mdkva-splash:not(.splash-fade-out)){overflow:hidden!important}body.splash-active{overflow:hidden!important}.splash-screen{background-color:var(--bg1);z-index:99999;opacity:1;visibility:visible;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:flex;position:fixed;top:0;left:0}.splash-fade-out{opacity:0;visibility:hidden;pointer-events:none}.splash-content{text-align:center;align-items:center;gap:var(--h3-big);margin-bottom:var(--h0-big);flex-direction:column;display:flex}.splash-logo{filter:drop-shadow(0 0 10px #0000001a);-webkit-user-select:none;user-select:none;width:20vw;height:auto;animation:2s ease-in-out infinite splash-pulse}.splash-loader{width:var(--h1-big);height:var(--h1-big);border-top:var(--p4-big-margin) solid var(--premium);margin-bottom:var(--h2-big);border-radius:50%;animation:.25s linear infinite spin}.splash-status{font-size:var(--p1-big);color:var(--text1);letter-spacing:.15vw;font-weight:750}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes splash-pulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@media screen and (width<=1100px){.splash-content{gap:var(--h3-medium);margin-bottom:var(--h0-medium)}.splash-logo{width:40vw}.splash-loader{width:var(--h1-medium);height:var(--h1-medium);margin-bottom:var(--h2-medium);border-top:var(--p4-medium-margin) solid var(--premium)}.splash-status{font-size:var(--p1-medium)}}@media screen and (width<=600px){.splash-content{gap:var(--h3-small);margin-bottom:var(--h0-small)}.splash-logo{width:60vw}.splash-loader{width:var(--h1-small);height:var(--h1-small);margin-bottom:var(--h2-small);border-top:var(--p4-small-margin) solid var(--premium)}.splash-status{font-size:var(--p1-small)}}#backtotopbtn{width:var(--h1-big);height:var(--h1-big);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);color:var(--text2);border:.2vw solid var(--text2);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:2vh;left:50%;transform:translate(-50%)translateY(30px)scale(.5)}#backtotopbtn.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)scale(1)}#backtotopbtn:active{color:var(--link);border-color:var(--link);transform:translate(-50%)translateY(-5px)scale(1.1)}.backtotopbtnicon{font-size:var(--p1-big);-webkit-user-select:none;user-select:none;font-weight:700}#backtotopbtncontainer.hidden{opacity:0;visibility:hidden;pointer-events:none;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translate(-50%)scale(.8)}@media screen and (width<=1100px){#backtotopbtn{width:var(--h1-medium);height:var(--h1-medium);bottom:12vh}.backtotopbtnicon{font-size:var(--p1-medium)}}@media screen and (width<=600px){#backtotopbtn{width:var(--h1-small);height:var(--h1-small)}.backtotopbtnicon{font-size:var(--p1-small)}}.customoptioncontainer{vertical-align:top;flex-direction:column;align-items:center;display:inline-flex;position:relative}.openoptions{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}.openoptions:hover,.openoptions:focus{color:var(--premium);background-color:var(--bg2)}.optionitemscontainer{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}.customoptioncontainer.active .optionitemscontainer{display:flex}.optionitem{font-size:var(--p3-big);padding:var(--p4-big);color:var(--text1);text-align:center;border-bottom:.1vw solid var(--text1);transition:all .5s;display:block;cursor:pointer!important}.optionitem:hover{background-color:var(--bg2);color:var(--premium)}.optionitem.option-disabled{opacity:.3;cursor:not-allowed;filter:grayscale();pointer-events:none;background-color:#0000!important}.optionitem:first-child{margin-left:0!important}.optionitem:last-child{margin-bottom:0}.hidescrollbar{scrollbar-width:none;-ms-overflow-style:none}.hidescrollbar::-webkit-scrollbar{display:none}@media screen and (width<=1100px){.optionitemscontainer{max-height:40vh;position:unset}.openoptions{font-size:var(--p3-medium);padding:var(--p3-medium);background-size:var(--p3-medium)}.optionitem{font-size:var(--p3-medium);padding:var(--p4-medium)}}@media screen and (width<=600px){.optionitemscontainer{max-height:50vh}.openoptions{font-size:var(--p3-small);padding:var(--p3-small);background-size:var(--p3-small)}.optionitem{font-size:var(--p3-small);padding:var(--p4-small)}}.insideheadermodaltrigger{color:var(--text1);-ms-overflow-style:none;scrollbar-width:none;appearance:none;letter-spacing:.15vw;font-weight:750;font-size:var(--p3-big);padding:var(--p3-big);text-align:center;background:0 0;border:none;outline:none;transition:all .5s;cursor:pointer!important}.insideheadermodaltrigger:hover{color:var(--premium);background-color:var(--bg2)}@media screen and (width<=1100px){.insideheadermodaltrigger{font-size:var(--p3-medium);padding:var(--p3-medium);background-size:var(--p3-medium)}}@media screen and (width<=600px){.insideheadermodaltrigger{font-size:var(--p3-small);padding:var(--p3-small);background-size:var(--p3-small)}}.image-modal{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);z-index:50;opacity:0;visibility:hidden;cursor:zoom-out;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;transition:all .5s;display:flex;position:fixed;top:0;left:0}.image-modal.modal-active{opacity:1;visibility:visible}.modal-close{color:var(--close);font-size:var(--h0-big);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;font-weight:400;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:2vw;right:2vw;transform:rotate(-180deg)scale(.5)}.image-modal.modal-active .modal-close{opacity:1;transition-delay:.2s;transform:rotate(0)scale(1)}.image-modal.modal-active .modal-close:hover{color:var(--close-hover);transition-delay:0s!important;transform:rotate(90deg)scale(.8)!important}.modal-content-wrapper{padding:var(--p4-big-margin);background:linear-gradient(to bottom, var(--link), var(--premium));border-radius:1rem;justify-content:center;align-items:center;transition:background .5s;display:flex;position:relative}.modal-content-wrapper:hover{background:linear-gradient(to bottom, var(--premium), var(--link))}.modal-image-display{cursor:auto;border-radius:1rem;max-width:80vw;max-height:90vh;display:block}.article-logo{cursor:zoom-in;border:.4vw solid var(--premium);transition:all .5s}.article-logo:hover{filter:brightness(1.1);border-color:var(--link)}@media (width<=1100px){.modal-close{font-size:var(--h0-medium)}.modal-content-wrapper{padding:var(--p4-medium-margin)}}@media (width<=600px){.modal-close{font-size:var(--h0-small)}.modal-image-display{padding:var(--p4-small-margin)}}
|
|
2
|
+
/*$vite$:1*/
|
package/dist/ui.iife.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var MDKVAui=function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});var t=e=>{if(!e)return;const t=window.location.pathname.replace(/\/$/,"")||"/",n=window.location.hash;e.querySelectorAll("a").forEach(e=>{const o=e.getAttribute("href");if(!o)return;const[s,a]=o.split("#"),i=s.replace(/\/$/,"")||(o.startsWith("#")?t:"/"),d=t===i,c=t.startsWith(i+"/")&&"/"!==i;let r=!0;if(a){const t=n==="#"+a,o=""===n&&"true"===e.dataset.defaultSection;r=t||o}const l=(d||c)&&r;e.classList.toggle("active",l),l?e.setAttribute("aria-current",o.startsWith("#")?"location":"page"):e.removeAttribute("aria-current")})};!function(){if(window.MDKVA_HEADER_INIT)return;const e=()=>{if(window.MDKVA_HEADER_INIT)return;const n=document.getElementById("header"),o=document.getElementById("headertogglebtn");if(!o||!n)return;((e,t,n)=>{const o=document.body,s=()=>{e.classList.remove("header-active"),o.style.overflow="",t.innerHTML="☰",t.classList.remove("headerclosebtn"),t.setAttribute("aria-expanded","false")};t.addEventListener("click",n=>{const s=e.classList.toggle("header-active");o.style.overflow=s?"hidden":"",t.innerHTML=s?"×":"☰",t.classList.toggle("headerclosebtn",s),t.setAttribute("aria-expanded",s)}),document.addEventListener("click",t=>{!e.contains(t.target)&&e.classList.contains("header-active")&&s()}),e.querySelectorAll("a").forEach(t=>{t.addEventListener("click",()=>{s(),setTimeout(()=>n(e),0)})})})(n,o,t),(()=>{const e=document.querySelector(".secondaryitemscontainer"),t=document.getElementById("scrollbtnprevious"),n=document.getElementById("scrollbtnnext");if(!e||!t||!n)return;const o=()=>{const{scrollLeft:o,scrollWidth:s,clientWidth:a}=e,i=window.getComputedStyle(e);if(!(s-a>(parseInt(i.gap)||0)/4))return t.style.opacity="0",t.style.pointerEvents="none",n.style.opacity="0",void(n.style.pointerEvents="none");const d=o<=5;t.style.opacity=d?"0":"1",t.style.pointerEvents=d?"none":"auto";const c=s-a-o<=5;n.style.opacity=c?"0":"1",n.style.pointerEvents=c?"none":"auto"};n.addEventListener("click",()=>{e.scrollBy({left:250,behavior:"smooth"})}),t.addEventListener("click",()=>{e.scrollBy({left:-250,behavior:"smooth"})}),e.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",o),setTimeout(o,200)})(),window.addEventListener("popstate",()=>t(n)),window.addEventListener("hashchange",()=>t(n)),t(n),window.MDKVA_HEADER_INIT=!0;const s=new MutationObserver(()=>{document.getElementById("header")||(s.disconnect(),window.MDKVA_HEADER_INIT=!1,e())});s.observe(document.body,{childList:!0}),window.dispatchEvent(new Event("animations:refresh")),window.dispatchEvent(new Event("header:ready"))};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e(),window.addEventListener("mdkva:header-injected",e)}();!function(){const e=document.getElementById("mdkva-splash");if(!e)return;const t=e.querySelector(".splash-status"),n=sessionStorage.getItem("mdkva_splash_seen");(e=>{if(!e)return;const t=["Initializing...","Optimizing...","Ready."];let n=0;const o=()=>{const s=document.getElementById("mdkva-splash");if((!s||!s.classList.contains("splash-fade-out"))&&n<t.length){let s;e.innerText=t[n],n++,s=1===n?1200:2===n?2800:400,setTimeout(o,s)}};o()})(t);const o=()=>{e.classList.contains("splash-fade-out")||setTimeout(()=>{e.classList.add("splash-fade-out"),document.body.classList.remove("splash-active"),document.body.style.overflow="",setTimeout(()=>{e.style.display="none",sessionStorage.setItem("mdkva_splash_seen","true")},500)},n?300:1200)};!0===window.MDKVA_READY?o():window.addEventListener("app:ready",o,{once:!0});const s=setTimeout(()=>{e.classList.contains("splash-fade-out")||o()},5e3);window.addEventListener("app:ready",()=>clearTimeout(s),{once:!0}),document.body.classList.add("splash-active")}(),function(){const e=()=>{if(document.getElementById("backtotopbtncontainer"))return;document.body.insertAdjacentHTML("beforeend",'\n <div id="backtotopbtncontainer">\n <button id="backtotopbtn" aria-label="Back to top">\n <span class="backtotopbtnicon">↑</span>\n </button>\n </div>\n ');const e=document.getElementById("backtotopbtn"),t=()=>{const t=1*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("backtotopbtncontainer");t&&t.remove(),e()})}();var n=()=>{const e=document.querySelector(".customoptioncontainer.active");if(!e)return;const t=e.querySelector(".openoptions"),n=e.querySelector(".optionitemscontainer");if(t&&n){const e=t.getBoundingClientRect();requestAnimationFrame(()=>{n.style.top=`${e.bottom}px`,n.style.left=`${e.left}px`,n.style.width=`${e.width}px`,n.style.minWidth=`${e.width}px`})}};document.addEventListener("click",e=>{const t=e.target.closest(".openoptions"),o=e.target.closest(".customoptioncontainer"),s=e.target.closest(".optionitem");if(t&&o){const e=o.classList.contains("active");return document.querySelectorAll(".customoptioncontainer.active").forEach(e=>{e!==o&&(e.classList.remove("active"),e.querySelector(".openoptions")?.setAttribute("aria-expanded","false"))}),void(e?(o.classList.remove("active"),t.setAttribute("aria-expanded","false")):(o.classList.add("active"),t.setAttribute("aria-expanded","true"),n()))}if(s){const e=s.closest(".customoptioncontainer");return void(e&&setTimeout(()=>{e.classList.remove("active"),e.querySelector(".openoptions")?.setAttribute("aria-expanded","false")},150))}e.target.closest(".customoptioncontainer")||document.querySelectorAll(".customoptioncontainer.active").forEach(e=>{e.classList.remove("active"),e.querySelector(".openoptions")?.setAttribute("aria-expanded","false")})}),window.addEventListener("scroll",n,{passive:!0}),window.addEventListener("resize",n,{passive:!0}),function(){if(document.getElementById("mdkva-image-modal"))return;const e=()=>{if(document.getElementById("mdkva-image-modal"))return;document.body.insertAdjacentHTML("beforeend",'\n <div id="mdkva-image-modal" class="image-modal">\n <button class="modal-close" id="modal-close" aria-label="Close View">×</button>\n <div class="modal-content-wrapper">\n <img id="modal-img" class="modal-image-display" src="" alt="MDKVA Preview" draggable = "false">\n </div>\n </div>');const e=document.getElementById("mdkva-image-modal"),t=document.getElementById("modal-img"),n=document.getElementById("modal-close"),o=()=>{e.classList.remove("modal-active"),document.body.style.overflow="",setTimeout(()=>{t.src=""},500)};document.addEventListener("click",n=>{var o;n.target.classList.contains("article-logo")&&(o=n.target.src,t.src=o,e.classList.add("modal-active"),document.body.style.overflow="hidden")}),n.onclick=o,e.onclick=t=>{(t.target===e||t.target.classList.contains("modal-content-wrapper"))&&o()},document.addEventListener("keydown",t=>{"Escape"===t.key&&e.classList.contains("modal-active")&&o()})};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}();var o=new Map;function s(e,t){const n=document.getElementById(e)?.querySelector(".openoptions");if(n){const e=t();return n.textContent!==e&&(n.textContent=e),n.dataset.synced="true",!0}return!1}return new MutationObserver(e=>{e.some(e=>e.addedNodes.length>0)&&o.forEach((e,t)=>{s(t,e)})}).observe(document.body,{childList:!0,subtree:!0}),e.registerValue=function(e,t){o.set(e,t),s(e,t)||requestAnimationFrame(()=>s(e,t))},e}({});
|
package/dist/ui.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var e=e=>{if(!e)return;const t=window.location.pathname.replace(/\/$/,"")||"/",n=window.location.hash;e.querySelectorAll("a").forEach(e=>{const o=e.getAttribute("href");if(!o)return;const[s,a]=o.split("#"),i=s.replace(/\/$/,"")||(o.startsWith("#")?t:"/"),d=t===i,c=t.startsWith(i+"/")&&"/"!==i;let r=!0;if(a){const t=n==="#"+a,o=""===n&&"true"===e.dataset.defaultSection;r=t||o}const l=(d||c)&&r;e.classList.toggle("active",l),l?e.setAttribute("aria-current",o.startsWith("#")?"location":"page"):e.removeAttribute("aria-current")})};!function(){if(window.MDKVA_HEADER_INIT)return;const t=()=>{if(window.MDKVA_HEADER_INIT)return;const n=document.getElementById("header"),o=document.getElementById("headertogglebtn");if(!o||!n)return;((e,t,n)=>{const o=document.body,s=()=>{e.classList.remove("header-active"),o.style.overflow="",t.innerHTML="☰",t.classList.remove("headerclosebtn"),t.setAttribute("aria-expanded","false")};t.addEventListener("click",n=>{const s=e.classList.toggle("header-active");o.style.overflow=s?"hidden":"",t.innerHTML=s?"×":"☰",t.classList.toggle("headerclosebtn",s),t.setAttribute("aria-expanded",s)}),document.addEventListener("click",t=>{!e.contains(t.target)&&e.classList.contains("header-active")&&s()}),e.querySelectorAll("a").forEach(t=>{t.addEventListener("click",()=>{s(),setTimeout(()=>n(e),0)})})})(n,o,e),(()=>{const e=document.querySelector(".secondaryitemscontainer"),t=document.getElementById("scrollbtnprevious"),n=document.getElementById("scrollbtnnext");if(!e||!t||!n)return;const o=()=>{const{scrollLeft:o,scrollWidth:s,clientWidth:a}=e,i=window.getComputedStyle(e);if(!(s-a>(parseInt(i.gap)||0)/4))return t.style.opacity="0",t.style.pointerEvents="none",n.style.opacity="0",void(n.style.pointerEvents="none");const d=o<=5;t.style.opacity=d?"0":"1",t.style.pointerEvents=d?"none":"auto";const c=s-a-o<=5;n.style.opacity=c?"0":"1",n.style.pointerEvents=c?"none":"auto"};n.addEventListener("click",()=>{e.scrollBy({left:250,behavior:"smooth"})}),t.addEventListener("click",()=>{e.scrollBy({left:-250,behavior:"smooth"})}),e.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",o),setTimeout(o,200)})(),window.addEventListener("popstate",()=>e(n)),window.addEventListener("hashchange",()=>e(n)),e(n),window.MDKVA_HEADER_INIT=!0;const s=new MutationObserver(()=>{document.getElementById("header")||(s.disconnect(),window.MDKVA_HEADER_INIT=!1,t())});s.observe(document.body,{childList:!0}),window.dispatchEvent(new Event("animations:refresh")),window.dispatchEvent(new Event("header:ready"))};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",t):t(),window.addEventListener("mdkva:header-injected",t)}();!function(){const e=document.getElementById("mdkva-splash");if(!e)return;const t=e.querySelector(".splash-status"),n=sessionStorage.getItem("mdkva_splash_seen");(e=>{if(!e)return;const t=["Initializing...","Optimizing...","Ready."];let n=0;const o=()=>{const s=document.getElementById("mdkva-splash");if((!s||!s.classList.contains("splash-fade-out"))&&n<t.length){let s;e.innerText=t[n],n++,s=1===n?1200:2===n?2800:400,setTimeout(o,s)}};o()})(t);const o=()=>{e.classList.contains("splash-fade-out")||setTimeout(()=>{e.classList.add("splash-fade-out"),document.body.classList.remove("splash-active"),document.body.style.overflow="",setTimeout(()=>{e.style.display="none",sessionStorage.setItem("mdkva_splash_seen","true")},500)},n?300:1200)};!0===window.MDKVA_READY?o():window.addEventListener("app:ready",o,{once:!0});const s=setTimeout(()=>{e.classList.contains("splash-fade-out")||o()},5e3);window.addEventListener("app:ready",()=>clearTimeout(s),{once:!0}),document.body.classList.add("splash-active")}(),function(){const e=()=>{if(document.getElementById("backtotopbtncontainer"))return;document.body.insertAdjacentHTML("beforeend",'\n <div id="backtotopbtncontainer">\n <button id="backtotopbtn" aria-label="Back to top">\n <span class="backtotopbtnicon">↑</span>\n </button>\n </div>\n ');const e=document.getElementById("backtotopbtn"),t=()=>{const t=1*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("backtotopbtncontainer");t&&t.remove(),e()})}();var t=()=>{const e=document.querySelector(".customoptioncontainer.active");if(!e)return;const t=e.querySelector(".openoptions"),n=e.querySelector(".optionitemscontainer");if(t&&n){const e=t.getBoundingClientRect();requestAnimationFrame(()=>{n.style.top=`${e.bottom}px`,n.style.left=`${e.left}px`,n.style.width=`${e.width}px`,n.style.minWidth=`${e.width}px`})}};document.addEventListener("click",e=>{const n=e.target.closest(".openoptions"),o=e.target.closest(".customoptioncontainer"),s=e.target.closest(".optionitem");if(n&&o){const e=o.classList.contains("active");return document.querySelectorAll(".customoptioncontainer.active").forEach(e=>{e!==o&&(e.classList.remove("active"),e.querySelector(".openoptions")?.setAttribute("aria-expanded","false"))}),void(e?(o.classList.remove("active"),n.setAttribute("aria-expanded","false")):(o.classList.add("active"),n.setAttribute("aria-expanded","true"),t()))}if(s){const e=s.closest(".customoptioncontainer");return void(e&&setTimeout(()=>{e.classList.remove("active"),e.querySelector(".openoptions")?.setAttribute("aria-expanded","false")},150))}e.target.closest(".customoptioncontainer")||document.querySelectorAll(".customoptioncontainer.active").forEach(e=>{e.classList.remove("active"),e.querySelector(".openoptions")?.setAttribute("aria-expanded","false")})}),window.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",t,{passive:!0}),function(){if(document.getElementById("mdkva-image-modal"))return;const e=()=>{if(document.getElementById("mdkva-image-modal"))return;document.body.insertAdjacentHTML("beforeend",'\n <div id="mdkva-image-modal" class="image-modal">\n <button class="modal-close" id="modal-close" aria-label="Close View">×</button>\n <div class="modal-content-wrapper">\n <img id="modal-img" class="modal-image-display" src="" alt="MDKVA Preview" draggable = "false">\n </div>\n </div>');const e=document.getElementById("mdkva-image-modal"),t=document.getElementById("modal-img"),n=document.getElementById("modal-close"),o=()=>{e.classList.remove("modal-active"),document.body.style.overflow="",setTimeout(()=>{t.src=""},500)};document.addEventListener("click",n=>{var o;n.target.classList.contains("article-logo")&&(o=n.target.src,t.src=o,e.classList.add("modal-active"),document.body.style.overflow="hidden")}),n.onclick=o,e.onclick=t=>{(t.target===e||t.target.classList.contains("modal-content-wrapper"))&&o()},document.addEventListener("keydown",t=>{"Escape"===t.key&&e.classList.contains("modal-active")&&o()})};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",e):e()}();var n=/* @__PURE__ */new Map;function o(e,t){n.set(e,t),s(e,t)||requestAnimationFrame(()=>s(e,t))}function s(e,t){const n=document.getElementById(e)?.querySelector(".openoptions");if(n){const e=t();return n.textContent!==e&&(n.textContent=e),n.dataset.synced="true",!0}return!1}new MutationObserver(e=>{e.some(e=>e.addedNodes.length>0)&&n.forEach((e,t)=>{s(t,e)})}).observe(document.body,{childList:!0,subtree:!0});export{o as registerValue};
|
package/package.json
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "com.mdkva.ui",
|
|
3
|
+
"version": "0.0.8",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"description": "The Building Blocks of MDKVA.",
|
|
6
|
+
"main": "./dist/ui.js",
|
|
7
|
+
"module": "./dist/ui.js",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": "./dist/ui.js",
|
|
10
|
+
"./ui.js": "./dist/ui.js",
|
|
11
|
+
"./ui.css": "./dist/ui.css"
|
|
12
|
+
},
|
|
13
|
+
"files": [
|
|
14
|
+
"dist"
|
|
15
|
+
],
|
|
16
|
+
"publishConfig": {
|
|
17
|
+
"access": "public"
|
|
18
|
+
},
|
|
19
|
+
"scripts": {
|
|
20
|
+
"dev": "vite",
|
|
21
|
+
"build": "vite build",
|
|
22
|
+
"preview": "vite preview"
|
|
23
|
+
},
|
|
24
|
+
"devDependencies": {
|
|
25
|
+
"vite": "^8.0.1"
|
|
26
|
+
},
|
|
27
|
+
"dependencies": {
|
|
28
|
+
"terser": "^5.46.1",
|
|
29
|
+
"vite-plugin-css-injected-by-js": "^4.0.1"
|
|
30
|
+
}
|
|
31
|
+
}
|
package/readme.md
ADDED
|
Binary file
|