gmx.css/dist/gmx.min.js

A micro Material Design 3 based CSS-only framework.

(()=>{"use strict";function t(t,r){if(t){if("string"==typeof t)return e(t,r);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}var r;!function(){var t=function(t){return document.getElementById(t)};function e(e){var r=t(e);null!=r&&r.showModal&&(r.open?r.close():r.showModal())}document.querySelectorAll("dialog").forEach(function(t){t.addEventListener("mousedown",function(e){e.target===t&&t.close()})}),document.addEventListener("click",function(t){var r=t.target.closest("[data-ui]");r&&e(r.getAttribute("data-ui"))}),document.addEventListener("keydown",function(t){"Escape"===t.key&&document.querySelectorAll("dialog[open]").forEach(function(t){return t.close()})});var r=window.ui||function(){};window.ui=function(n){var o;return null!==(o=t(n))&&void 0!==o&&o.showModal?e(n):r(n)}}(),r=function(){document.querySelectorAll('.slider input[type="range"]').forEach(function(t){var e=function(){var e=parseFloat(t.value),r=parseFloat(t.min||0),n=(e-r)/(parseFloat(t.max||100)-r)*100,o=t.closest(".slider"),a=null==o?void 0:o.querySelector(".thumb");null==o||o.style.setProperty("--percent","".concat(n,"%")),a&&(a.dataset.percent=e)};t.addEventListener("input",e),e()})},"loading"!==document.readyState?r():document.addEventListener("DOMContentLoaded",r),function(){var e={light:"",dark:""},r=["--primary","--on-primary","--primary-container","--on-primary-container","--secondary","--on-secondary","--secondary-container","--on-secondary-container","--tertiary","--on-tertiary","--tertiary-container","--on-tertiary-container","--error","--on-error","--error-container","--on-error-container","--background","--on-background","--surface","--on-surface","--surface-variant","--on-surface-variant","--outline","--outline-variant","--shadow","--scrim","--inverse-surface","--inverse-on-surface","--inverse-primary","--surface-dim","--surface-bright","--surface-container-lowest","--surface-container-low","--surface-container","--surface-container-high","--surface-container-highest"],n=function(){return matchMedia("(prefers-color-scheme: dark)").matches},o=function(){return document.body.classList.contains("dark")?"dark":"light"};function a(){if(e.light&&e.dark)return e;var n,o=document.body,a=function(t){var e=document.createElement("body");return e.className=t,o.appendChild(e),getComputedStyle(e)},i=a("light"),c=a("dark"),u=function(e){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=t(e))){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var t=r.next();return i=t.done,t},e:function(t){c=!0,a=t},f:function(){try{i||null==r.return||r.return()}finally{if(c)throw a}}}}(r);try{for(u.s();!(n=u.n()).done;){var l=n.value;e.light+="".concat(l,":").concat(i.getPropertyValue(l),";"),e.dark+="".concat(l,":").concat(c.getPropertyValue(l),";")}}catch(t){u.e(t)}finally{u.f()}return o.lastChild.remove(),o.lastChild.remove(),e}function i(){var t=n()?"dark":"light";document.body.classList.add(t),a(),document.body.setAttribute("style",e[t])}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",i):i(),globalThis.ui=function(r,i){return"mode"===r?(c=i,(u=document.body)?c?("auto"===c&&(c=n()?"dark":"light"),u.classList.remove("light","dark"),u.classList.add(c),globalThis.materialDynamicColors&&u.setAttribute("style",e[c]),o()):o():c):"theme"===r?function(r){var n=document.body,i=o();return r&&globalThis.materialDynamicColors?r.light&&r.dark?(e.light=r.light,e.dark=r.dark,n.setAttribute("style",r[i]),r):globalThis.materialDynamicColors(r).then(function(r){var o=function(e){return Object.entries(e).map(function(e){var r,n,o=(n=2,function(t){if(Array.isArray(t))return t}(r=e)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,o,a,i,c=[],u=!0,l=!1;try{if(a=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=a.call(r)).done)&&(c.push(n.value),c.length!==e);u=!0);}catch(t){l=!0,o=t}finally{try{if(!u&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}(r,n)||t(r,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),a=o[0],i=o[1];return"--".concat(a.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),":").concat(i,";")}).join("")};return e.light=o(r.light),e.dark=o(r.dark),n.setAttribute("style",e[i]),e}):a()}(i):null;var c,u}}()})();