@richaadgigi/stylexui
Version:
Build responsive, beautiful interfaces faster than ever with utility-first classes and smart defaults. No bloat. No fuss. Just results.
1 lines • 22.6 kB
JavaScript
function findElementWithAttribute(e,t){for(;e;){if(e.hasAttribute(t))return e;e=e.parentElement}return null}function xuiLoadingScreen(){let e=document.querySelector(".xui-loader"),t=(null!==e&&(e.style.display="flex"),setInterval(()=>{"complete"===document.readyState&&(clearInterval(t),setTimeout(()=>{null!==e&&(e.style.display="none")},1e3))},100))}function xuiHideSkeleton(e){setTimeout(function(){if(void 0!==e){var t=document.querySelectorAll(e+" .xui--skeleton"),i=document.querySelectorAll(e+" .xui--skeleton-btn-small");for(let e=0;e<t.length;e++)t[e].classList.add("hidden");for(let e=0;e<i.length;e++)i[e].classList.add("hidden")}else{var r=document.querySelectorAll(".xui--skeleton"),u=document.querySelectorAll(".xui--skeleton-btn-small");for(let e=0;e<r.length;e++)r[e].classList.add("hidden");for(let e=0;e<u.length;e++)u[e].classList.add("hidden")}},2500)}function xuiModal(){let a=document.querySelectorAll("[xui-modal]");setInterval(()=>{for(let e=0;e<a.length;e++){var t=a[e];t.hasAttribute("xui-present")||t.hasAttribute("display"),document.querySelector("body")}},2e3),document.onclick=function(e){var t=e.target.getAttribute("xui-modal");if(e.target.hasAttribute("xui-modal"))for(let e=0;e<a.length;e++){var i=a[e];i.hasAttribute("disable-click-on-outside")||t==i.getAttribute("xui-modal")&&(i.hasAttribute("display")||i.hasAttribute("xui-present"))&&(i.removeAttribute("display"),i.removeAttribute("xui-present"),i.offsetWidth,i.setAttribute("display",!1),i.setAttribute("xui-present",!1))}var r,e=e.target;let u=e.getAttribute("xui-modal-open"),o=e.getAttribute("xui-modal-close");u||(r=e.parentNode)&&r.getAttribute&&(u=r.getAttribute("xui-modal-open")),o||(r=e.parentNode)&&r.getAttribute&&(o=r.getAttribute("xui-modal-close")),null!==u&&(null!==(e=document.querySelector('[xui-modal="'+u+'"]'))&&(e.removeAttribute("display"),e.removeAttribute("xui-present"),e.offsetWidth,e.setAttribute("display",!0),e.setAttribute("xui-present",!0)),null!==(r=document.querySelector("body")))&&(r.style.overflow="hidden"),null!==o&&(null!==(e=document.querySelector('[xui-modal="'+o+'"]'))&&(e.removeAttribute("display"),e.removeAttribute("xui-present"),e.offsetWidth,e.setAttribute("display",!1),e.setAttribute("xui-present",!1)),null!==(r=document.querySelector("body")))&&(r.style.overflow="auto")}}function isHidden(e){var t;return!e||(t=window.getComputedStyle(e),"none"===e.style.display)||null===e.offsetParent||"hidden"===t.visibility||"0"===t.opacity||"inset(0 0 100% 0)"===t.clipPath||"scale(0)"===t.transform||0===parseInt(t.maxHeight)}function xuiAlerts(){let r=document.querySelectorAll(".xui-alert .xui-alert-close, .xui-alert .cancel");for(var e=0;e<r.length;e++)r[e].addEventListener("click",(i=>function(){let e=r[i].closest(".xui-alert");var t;e.classList.contains("xui-anime")?null!==(t=e.getAttribute("xui-anime-duration"))&&""!==t?(e.style.transition=t+"s",e.classList.remove("xui-anime"),setTimeout(()=>{e.style.transition=""},Number(1e3*t))):(e.style.transition="1s",e.classList.remove("xui-anime"),setTimeout(()=>{e.style.transition=""},1e3)):e.removeAttribute("xui-present")})(e))}function xuiLazyLoadings(){{let e=document.querySelectorAll("[xui-bg-img]"),t=0,i=function(){e.forEach(e=>{var t=e.getBoundingClientRect();"undefined"!=typeof window&&t.top<=window.innerHeight&&0<=t.bottom&&e.getAttribute("xui-bg-img")&&(t=e.getAttribute("xui-bg-img"))&&(e.style.backgroundImage=`url('${t}')`,e.onload=function(){e.removeAttribute("xui-bg-img")})}),(t=Array.from(e).filter(e=>null===e.getAttribute("xui-bg-img")).length)===e.length&&"undefined"!=typeof window&&window.removeEventListener("scroll",i)};"undefined"!=typeof window&&window.addEventListener("scroll",i),(r=document.querySelector(".xui-dashboard .screen .content"))&&r.addEventListener("scroll",i),i()}{let e=document.querySelectorAll("[xui-img-src]"),t=0,i=function(){e.forEach(e=>{var t=e.getBoundingClientRect();"undefined"!=typeof window&&t.top<=window.innerHeight&&0<=t.bottom&&e.getAttribute("xui-img-src")&&(t=e.getAttribute("xui-img-src"))&&(e.src=t,e.onload=function(){e.removeAttribute("xui-img-src")})}),(t=Array.from(e).filter(e=>null===e.getAttribute("xui-img-src")).length)===e.length&&"undefined"!=typeof window&&window.removeEventListener("scroll",i)};var r;"undefined"!=typeof window&&window.addEventListener("scroll",i),(r=document.querySelector(".xui-dashboard .screen .content"))&&r.addEventListener("scroll",i),i()}}function xuiAnime(e){if(void 0!==e){let i=document.querySelector(`[xui-custom="${e}"], [xui-anime="${e}"]`);if(null!==i){i.getAttribute("xui-placed")||i.getAttribute("xui-set");let t=i.getAttribute("xui-anime-reverse");e=i.getAttribute("xui-anime-duration");setTimeout(()=>{null!==i&&i.classList.add("xui-anime")}),setTimeout(()=>{var e;null!=t?(e=1e3*Number(t),setTimeout(()=>{null!==i&&i.classList.remove("xui-anime")},e)):setTimeout(()=>{null!==i&&i.classList.remove("xui-anime")},3e3)},Number(e?e+240:3e3))}}else console.warn("xuiAnime() is missing a parameter")}function xuiAnimeStart(t){if(void 0!==t){let e=document.querySelector(`[xui-custom="${t}"], [xui-anime="${t}"]`);null!==e&&(e.getAttribute("xui-anime-duration"),setTimeout(()=>{null!==e&&e.classList.add("xui-anime")}))}else console.warn("xui.animate() is missing a parameter")}function xuiAnimeEnd(t){if(void 0!==t){let e=document.querySelector(`[xui-custom="${t}"], [xui-anime="${t}"]`);null!==e&&(null!==(t=e.getAttribute("xui-anime-duration"))&&""!==t&&Number(t),e.classList.remove("xui-anime"),setTimeout(()=>{null!==e&&e.removeAttribute("xui-present")}))}else console.warn("xui.animateEnd() is missing a parameter")}function xuiTypeWriter(e){let i=e.words,a=e.duration,n=e.target,s=e.delay;e=e.cursor;if(void 0===i&&(i=["Hello friend 👋. This is a default text from XUI. I hope you're enjoying this","It can be changed as well! Just like this."],console.warn('XUI Typewriter: We didn\'t find "words" parameter in your object')),a,"number"!=typeof a&&(a=1e3),s,"number"!=typeof s&&(s=1e3),void 0!==n)if(l=document.querySelector('.xui-effect-typewriter[xui-effect-typewriter="'+n+'"]')){l.innerHTML=l.innerHTML+'<span class="xui-effect-typewriter-content"></span>',void 0!==e&&e&&(l.innerHTML=l.innerHTML+'<span class="xui-effect-typewriter-cursor"></span>');var l=document.querySelector('.xui-effect-typewriter[xui-effect-typewriter="'+n+'"] span.xui-effect-typewriter-content'),d=i;let u=(e,t,i)=>{0<=t?(null!==l&&(l.innerHTML=e.substring(0,t--)),Math.random(),setTimeout(function(){u(e,t,i)},a)):"function"==typeof i&&setTimeout(i,a)},o=(e,t,i)=>{var r;1<d.length?t<e.length+1?(null!==l&&(l.innerHTML=e.substring(0,t++)),Math.random(),setTimeout(function(){o(e,t++,i)},a)):t===e.length+1&&setTimeout(function(){u(e,t,i)},s):t<e.length+1?(null!==l&&(l.innerHTML=e.substring(0,t++)),Math.random(),setTimeout(function(){o(e,t++,i)},a)):t===e.length+1&&(null!==(r=document.querySelector('.xui-effect-typewriter[xui-effect-typewriter="'+n+'"]'))&&r.classList.add("xui-effect-typewriter-ready"),null!==(r=document.querySelector('.xui-effect-typewriter[xui-effect-typewriter="'+n+'"] span.xui-effect-typewriter-cursor')))&&(r.style.display="none")},t=e=>{void 0===d[e]?setTimeout(function(){t(0)},s):e<d[e].length+1&&(d.length,o(d[e],0,function(){t(e+1)}))};setTimeout(function(){t(0)},s)}else console.error('[xui-effect-typewriter="'+n+'"] not found');else console.error("No target found in xui.effect.typewriter(obj)")}function xuiScrollOnAnimation(){var e=document.querySelector("body");if(null!==e&&(e.classList.contains("xui-aos")&&null!==(e=document.querySelector('meta[name="viewport"]'))&&e.setAttribute("content","width=device-width, initial-scale=1 maximum-scale=1.0, user-scalable=no"),"IntersectionObserver"in window))for(var t,i,r=(e,u,t)=>{let o=new IntersectionObserver(function(i){if("undefined"!=typeof window){var r=window.outerWidth;let e,t;576<r&&r<768?(0===(e=i[0].target.getAttribute("xui-sm-aos-duration"))&&(e=i[0].target.getAttribute("xui-aos-duration")),0===(t=Number(1e3*i[0].target.getAttribute("xui-sm-aos-delay")))&&(t=Number(1e3*i[0].target.getAttribute("xui-aos-delay")))):768<r&&r<992?(0===(e=i[0].target.getAttribute("xui-md-aos-duration"))&&0===(e=i[0].target.getAttribute("xui-sm-aos-duration"))&&(e=i[0].target.getAttribute("xui-aos-duration")),0===(t=Number(1e3*i[0].target.getAttribute("xui-md-aos-delay")))&&0===(t=Number(1e3*i[0].target.getAttribute("xui-sm-aos-delay")))&&(t=Number(1e3*i[0].target.getAttribute("xui-aos-delay")))):992<r&&r<1200?(0===(e=i[0].target.getAttribute("xui-lg-aos-duration"))&&0===(e=i[0].target.getAttribute("xui-md-aos-duration"))&&0===(e=i[0].target.getAttribute("xui-sm-aos-duration"))&&(e=i[0].target.getAttribute("xui-aos-duration")),0===(t=Number(1e3*i[0].target.getAttribute("xui-lg-aos-delay")))&&0===(t=Number(1e3*i[0].target.getAttribute("xui-md-aos-delay")))&&0===(t=Number(1e3*i[0].target.getAttribute("xui-sm-aos-delay")))&&(t=Number(1e3*i[0].target.getAttribute("xui-aos-delay")))):1200<r?(0===(e=i[0].target.getAttribute("xui-xl-aos-duration"))&&0===(e=i[0].target.getAttribute("xui-lg-aos-duration"))&&0===(e=i[0].target.getAttribute("xui-md-aos-duration"))&&0===(e=i[0].target.getAttribute("xui-sm-aos-duration"))&&(e=i[0].target.getAttribute("xui-aos-duration")),0===(t=Number(1e3*i[0].target.getAttribute("xui-xl-aos-delay")))&&0===(t=Number(1e3*i[0].target.getAttribute("xui-lg-aos-delay")))&&0===(t=Number(1e3*i[0].target.getAttribute("xui-md-aos-delay")))&&0===(t=Number(1e3*i[0].target.getAttribute("xui-sm-aos-delay")))&&(t=Number(1e3*i[0].target.getAttribute("xui-aos-delay")))):(e=i[0].target.getAttribute("xui-aos-duration"),t=Number(1e3*i[0].target.getAttribute("xui-aos-delay"))),null!==e?(i[0].target.style.animationDuration=e+"s",i[0].target.style.transition=e+"s"):(i[0].target.style.animationDuration=".5s",i[0].target.style.transition=".5s"),!0===i[0].isIntersecting?(null!==t?setTimeout(()=>{i[0].target.classList.add("xui-aos-animate")},t):i[0].target.classList.add("xui-aos-animate"),u&&o.unobserve(i[0].target)):i[0].target.classList.remove("xui-aos-animate")}},{rootMargin:t,threshold:0});o.observe(e)},u=document.querySelectorAll("[xui-aos]"),o=0;o<u.length;o++)"undefined"!=typeof window&&(576<(i=window.outerWidth)&&i<768?0===(t=Number(u[o].getAttribute("xui-sm-aos-offset")))&&(t=Number(u[o].getAttribute("xui-aos-offset"))):768<i&&i<992?0===(t=Number(u[o].getAttribute("xui-md-aos-offset")))&&0===(t=Number(u[o].getAttribute("xui-sm-aos-offset")))&&(t=Number(u[o].getAttribute("xui-aos-offset"))):992<i&&i<1200?0===(t=Number(u[o].getAttribute("xui-lg-aos-offset")))&&0===(t=Number(u[o].getAttribute("xui-md-aos-offset")))&&0===(t=Number(u[o].getAttribute("xui-sm-aos-offset")))&&(t=Number(u[o].getAttribute("xui-aos-offset"))):1200<i?0===(t=Number(u[o].getAttribute("xui-xl-aos-offset")))&&0===(t=Number(u[o].getAttribute("xui-lg-aos-offset")))&&0===(t=Number(u[o].getAttribute("xui-md-aos-offset")))&&0===(t=Number(u[o].getAttribute("xui-sm-aos-offset")))&&(t=Number(u[o].getAttribute("xui-aos-offset"))):t=u[o].getAttribute("xui-aos-offset"),i=u[o].hasAttribute("xui-aos-once"),r(u[o],i,null!==t?"0px 0px -"+t+"%":"0px 0px -5%"))}function xuiModalShow(e){e=document.querySelector('[xui-modal="'+e+'"]');null!==e&&(e.hasAttribute("xui-present")?(e.removeAttribute("xui-present"),e.offsetWidth,e.setAttribute("xui-present",!0)):(e.removeAttribute("display"),e.offsetWidth,e.setAttribute("display",!0)))}function xuiModalHide(e){e=document.querySelector('[xui-modal="'+e+'"]');null!==e&&(e.hasAttribute("xui-present")?(e.removeAttribute("xui-present"),e.offsetWidth,e.setAttribute("xui-present",!1)):(e.removeAttribute("display"),e.offsetWidth,e.setAttribute("display",!1)))}function xuiModalOpen(e){e=document.querySelector('[xui-modal="'+e+'"]');null!==e&&(e.hasAttribute("xui-present")?(e.removeAttribute("xui-present"),e.offsetWidth,e.setAttribute("xui-present",!0)):(e.removeAttribute("display"),e.offsetWidth,e.setAttribute("display",!0)))}function xuiModalClose(e){e=document.querySelector('[xui-modal="'+e+'"]');null!==e&&(e.hasAttribute("xui-present")?(e.removeAttribute("xui-present"),e.offsetWidth,e.setAttribute("xui-present",!1)):(e.removeAttribute("display"),e.offsetWidth,e.setAttribute("display",!1)))}if(document.querySelectorAll(".xui-tilt-card").forEach(r=>{r.addEventListener("mousemove",e=>{var t=r.getBoundingClientRect(),i=(e.clientX-t.left)/t.width-.5;r.style.transform=`rotateX(${45*((e.clientY-t.top)/t.height-.5)}deg) rotateY(${-45*i}deg)`}),r.addEventListener("mouseleave",()=>{r.style.transform="rotateX(0deg) rotateY(0deg)"})}),document.addEventListener("click",t=>{if(0<document.getElementsByClassName("xui-navbar").length){var i=document.querySelector(".xui-navbar .menu"),r=document.querySelector(".xui-navbar .links .main");document.querySelectorAll(".xui-navbar .links a");t.target.closest(".xui-navbar .menu")&&(t.target&&t.target.classList.contains("animate")?(r&&r.classList.remove("animate"),i.classList.remove("animate")):(r&&r.classList.add("animate"),i.classList.add("animate")));let e=t.target;e.closest(".xui-navbar .links .main a")&&"#"!==(u=e.getAttribute("href"))&&""!==u&&(null!==i&&i.classList.remove("animate"),null!==r)&&r.classList.remove("animate")}var u=document.querySelector(".xui-dashboard"),i=document.querySelector(".xui-dashboard .menu"),r=(t.target.closest(".xui-dashboard .menu")&&(t.target&&t.target.classList.contains("animate")?(u&&u.classList.remove("animate"),i.classList.remove("animate")):(u&&u.classList.add("animate"),i.classList.add("animate"))),t.target===u&&t.target&&t.target.classList.contains("animate")&&(u&&u.classList.remove("animate"),i.classList.remove("animate")),t.target),o=(r.closest(".xui-dashboard .navigator .links a")&&"#"!==(r=r.getAttribute("href"))&&""!==r&&(u&&u.classList.remove("animate"),i)&&i.classList.remove("animate"),document.querySelectorAll("[xui-modal]")),a=t.target.getAttribute("xui-modal");if(t.target.hasAttribute("xui-modal")){for(let e=0;e<o.length;e++){var n=o[e];n.hasAttribute("disable-click-on-outside")||a===n.getAttribute("xui-modal")&&(n.hasAttribute("xui-set")?(n.removeAttribute("xui-present"),n.removeAttribute("display"),n.offsetWidth,n.setAttribute("xui-present",!1)):n.hasAttribute("display")&&(n.removeAttribute("xui-present"),n.removeAttribute("display"),n.offsetWidth,n.setAttribute("display",!1)))}var r=document.querySelector("body");null!==r&&(r.style.overflow="auto")}let e=t.target,s=e.getAttribute("xui-modal-open"),l=e.getAttribute("xui-modal-close");s||(u=findElementWithAttribute(e,"xui-modal-open"))&&(s=u.getAttribute("xui-modal-open")),l||(i=findElementWithAttribute(e,"xui-modal-close"))&&(l=i.getAttribute("xui-modal-close")),null!==s&&(null!==(r=document.querySelector('[xui-modal="'+s+'"]'))&&(r.hasAttribute("xui-present")?(r.removeAttribute("xui-present"),r.offsetWidth,r.setAttribute("xui-present",!0)):(r.removeAttribute("display"),r.offsetWidth,r.setAttribute("display",!0))),null!==(u=document.querySelector("body")))&&(u.style.overflow="hidden"),null!==l&&(null!==(i=document.querySelector('[xui-modal="'+l+'"]'))&&(i.hasAttribute("xui-present")?(i.removeAttribute("xui-present"),i.offsetWidth,i.setAttribute("xui-present",!1)):(i.removeAttribute("display"),i.offsetWidth,i.setAttribute("display",!1))),null!==(r=document.querySelector("body")))&&(r.style.overflow="auto");var d,u=Array.from(document.querySelectorAll(".xui-accordion-box .xui-accordion-header, .xui-accordion .box .header")),c=(t.target.closest(".xui-accordion-box .xui-accordion-header, .xui-accordion .box .header")&&(i=t.target.closest(".xui-accordion-box .xui-accordion-header, .xui-accordion .box .header"),r=u.indexOf(i),u=i.querySelector(".xui-accordion-header-icon-open, .xui-accordion .header .icon .open"),i=i.querySelector(".xui-accordion-header-icon-close, .xui-accordion .header .icon .close"),d=(r=(c=document.querySelectorAll(".xui-accordion-box .xui-accordion-content, .xui-accordion .box .content"))[r]).style.maxHeight&&"0px"!==r.style.maxHeight,c.forEach(e=>{e.style.maxHeight="0",e.style.marginBottom="0"}),document.querySelectorAll(".xui-accordion-header-icon-open, .xui-accordion .header .icon .open").forEach(e=>{e.style.display="inline-block"}),document.querySelectorAll(".xui-accordion-header-icon-close, .xui-accordion .header .icon .close").forEach(e=>{e.style.display="none"}),d||(r.style.maxHeight=r.scrollHeight+"px",r.style.marginBottom="20px",u&&(u.style.display="none"),i&&(i.style.display="inline-block"))),Array.from(document.querySelectorAll(".link-box.dropdown")),t.target.closest(".link-box.dropdown")),u=(c&&(d=c.querySelector(".dropdown-box"),"0px"!==(r=window.getComputedStyle(d)).maxHeight&&"none"!==r.maxHeight?(d.style.maxHeight="0",c.classList.remove("focus")):(d.style.maxHeight=d.scrollHeight+8+"px",c.classList.add("focus"))),document.querySelector(".xui-dashboard .screen"));t.target.closest(".xui-dashboard [xui-aside-open]")&&u.setAttribute("xui-aside","true"),t.target.closest(".xui-dashboard [xui-aside-close]")&&u.setAttribute("xui-aside","false")}),"undefined"!=typeof window){if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){let e=document.querySelector('[xui-mode="auto"]');null!==e&&e.classList.add("xui-dark-mode")}window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",e=>{"dark"==(e.matches?"dark":"light")?null!==(e=document.querySelector('[xui-mode="auto"]'))&&e.classList.add("xui-dark-mode"):null!==(e=document.querySelector('[xui-mode="auto"]'))&&e.classList.remove("xui-dark-mode")})}let xuiDynamicCSS=(()=>{let n={styleId:"xui-dynamic-css-styles",propertyMap:{"xui-bg":"background-color","xui-bg-img":"background-image","xui-text":"color","xui-img":"max-width","xui-column-count":"column-count","xui-column-count-gap":"column-gap","xui-m":"margin","xui-mt":"margin-top","xui-mr":"margin-right","xui-mb":"margin-bottom","xui-ml":"margin-left","xui-mx":["margin-left","margin-right"],"xui-my":["margin-top","margin-bottom"],"xui-p":"padding","xui-pt":"padding-top","xui-pr":"padding-right","xui-pb":"padding-bottom","xui-pl":"padding-left","xui-px":["padding-left","padding-right"],"xui-py":["padding-top","padding-bottom"],"xui-space":"letter-spacing","xui-bdr-rad":"border-radius","xui-bdr-w":"border-width","xui-bdr":"border-color","xui-z-index":"z-index","xui-min-w":"min-width","xui-min-h":"min-height","xui-max-w":"max-width","xui-max-h":"max-height","xui-font-w":"font-weight","xui-font-sz":"font-size","xui-opacity":"opacity","xui-w":"width","xui-h":"height","xui-line-height":"line-height","xui-letter-spacing":"letter-spacing","xui-grid-gap":"grid-gap","xui-grid-row-gap":"grid-row-gap","xui-grid-column-gap":"grid-column-gap","xui-gap":"gap","xui-row-gap":"row-gap","xui-column-gap":"column-gap","xui-flex-grow":"flex-grow","xui-flex-shrink":"flex-shrink","xui-flex-basis":"flex-basis","xui-basis":"flex-basis","xui-ls":"list-style","xui-lsi":"list-style-image"},responsiveMap:{"xui-sm":"(min-width: 640px)","xui-md":"(min-width: 768px)","xui-lg":"(min-width: 1024px)","xui-xl":"(min-width: 1280px)"}},o=new Set,a={base:[],sm:[],md:[],lg:[],xl:[]},u=null,e=null,t=null,i=()=>{if(!document.head)return setTimeout(i,50);(u=document.getElementById(n.styleId)||document.createElement("style")).id||(u.id=n.styleId,document.head.appendChild(u))},s=e=>"x"+Math.abs([...e].reduce((e,t)=>(e<<5)-e+t.charCodeAt(0),0)).toString(36),l=(e,t)=>{var i=t.trim().endsWith("!"),t=t.trim().replace(/!$/,"");let r;return r="xui-bg"===e&&t.startsWith("url")?(e=t.match(/url\((.*)\)/)?.[1],s(e)+(i?"--important":"")):t.replace(/[^a-z0-9]/gi,"-")+(i?"--important":""),{cleanValue:t,suffix:r,isImportant:i}},d=(e,t,i)=>{var r,u=i?i+`-${e}-`+t:e+"-"+t;o.has(u)||(r=i?Object.entries(n.responsiveMap).find(([,e])=>e===i)?.[0].replace("xui-",""):"base")&&(a[r].push({className:e,rule:t,query:i}),o.add(u))},c=(e,t,i)=>{e=e.replace("xui-",""),i=i?i.replace(/\D/g,""):"";return`xui-${e}-`+t+(i?"-"+i:"")},m=(e,t)=>(Array.isArray(e)?e:[e]).map(e=>e+`:${t} !important`).join(";"),x=(e,t,i,r=null)=>{var u,o,a=n.propertyMap[t];a&&({cleanValue:i,suffix:u,isImportant:o}=l(t,i),t=c(t,u,r),e.classList.add(t),d(t,m(a,i+(o?" !important":"")),r))},r=(e,t)=>{var i,r,u=t.match(/^xui-(sm|md|lg|xl)-([a-z-]+)-\[(.+)]$/),t=t.match(/^(xui-[a-z-]+)-\[(.+)]$/);u?([,u,i,r]=u,x(e,"xui-"+i,r,n.responsiveMap["xui-"+u])):t&&([,i,r]=t,x(e,i,r))},g=t=>{var e=t.getAttribute?.("class");"string"==typeof e&&e.trim().split(/\s+/).filter(e=>e.startsWith("xui-")).forEach(e=>r(t,e))},b=()=>{u?.sheet&&["base","sm","md","lg","xl"].forEach(e=>{a[e].forEach(({className:e,rule:t,query:i})=>{try{var r=i?`@media ${i} { .${e} { ${t} } }`:`.${e} { ${t} }`;u.sheet.insertRule(r,u.sheet.cssRules.length)}catch(e){console.error("CSS rule error:",e)}}),a[e]=[]})},f=()=>{document.querySelectorAll('[class*="xui-"]').forEach(g),b()},p=()=>{"loading"===document.readyState?document.addEventListener("DOMContentLoaded",p):(i(),f(),e&&e.disconnect(),(e=new MutationObserver(e=>{clearTimeout(t),t=setTimeout(()=>{e.forEach(e=>{"attributes"===e.type&&"class"===e.attributeName?g(e.target):"childList"===e.type&&e.addedNodes.forEach(e=>{1===e.nodeType&&e.getAttribute?.("class")?.includes("xui-")&&g(e)})}),b()},100)})).observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["class"]}))};return p(),Object.assign(p,{refresh:f,destroy:()=>{e?.disconnect(),u?.parentNode&&u.parentNode.removeChild(u),o.clear(),clearTimeout(t)}})})();function xuiRun(){xuiLazyLoadings(),xuiAlerts(),xuiScrollOnAnimation(),xuiDynamicCSS()}let xui={run:()=>{xuiRun()},control:{navbar:()=>{},loader:()=>{xuiLoadingScreen()}},animate:{default:e=>{xuiAnime(e)},start:e=>{xuiAnimeStart(e)},end:e=>{xuiAnimeEnd(e)}},effect:{typewriter:e=>{null==e?console.warn("Parse an object"):xuiTypeWriter(e)}},reveal:{images:()=>{xuiLazyLoadings()},skeletons:e=>{xuiHideSkeleton(e)}},modal:{show:()=>{var e=document.querySelector('[xui-modal="'+name+'"]');null!==e&&(e.removeAttribute("open"),e.offsetWidth,e.setAttribute("open",!0))},hide:e=>{e=document.querySelector('[xui-modal="'+e+'"]');null!==e&&(e.removeAttribute("open"),e.offsetWidth,e.setAttribute("open",!1))},open:()=>{var e=document.querySelector('[xui-modal="'+name+'"]');null!==e&&(e.removeAttribute("open"),e.offsetWidth,e.setAttribute("open",!0))},close:e=>{e=document.querySelector('[xui-modal="'+e+'"]');null!==e&&(e.removeAttribute("open"),e.offsetWidth,e.setAttribute("open",!1))}}};function autoRun(){var e=document.querySelector("body");null===e||null!==(e=e.getAttribute("xui-run"))&&"true"===e||(xui.run(),xui.control.navbar())}autoRun();