@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 • 23.4 kB
JavaScript
function findElementWithAttribute(t,e){for(;t;){if(t.hasAttribute(e))return t;t=t.parentElement}return null}function xuiLoadingScreen(){let t=document.querySelector(".xui-loader");null!==t&&(t.style.display="flex");let e=setInterval(()=>{"complete"===document.readyState&&(clearInterval(e),setTimeout(()=>{null!==t&&(t.style.display="none")},1e3))},100)}function xuiHideSkeleton(t){setTimeout(function(){if(void 0!==t){let e=document.querySelectorAll(t+" .xui--skeleton"),i=document.querySelectorAll(t+" .xui--skeleton-btn-small");for(let r=0;r<e.length;r++)e[r].classList.add("hidden");for(let u=0;u<i.length;u++)i[u].classList.add("hidden")}else{let a=document.querySelectorAll(".xui--skeleton"),l=document.querySelectorAll(".xui--skeleton-btn-small");for(let o=0;o<a.length;o++)a[o].classList.add("hidden");for(let n=0;n<l.length;n++)l[n].classList.add("hidden")}},2500)}function xuiModal(){let t=document.querySelectorAll("[xui-modal]");setInterval(()=>{for(let e=0;e<t.length;e++){let i=t[e];i.hasAttribute("xui-present")||i.hasAttribute("display");document.querySelector("body")}},2e3),document.onclick=function(e){let i=e.target.getAttribute("xui-modal");if(e.target.hasAttribute("xui-modal"))for(let r=0;r<t.length;r++){let u=t[r];!u.hasAttribute("disable-click-on-outside")&&i==u.getAttribute("xui-modal")&&(u.hasAttribute("display")||u.hasAttribute("xui-present"))&&(u.removeAttribute("display"),u.removeAttribute("xui-present"),u.offsetWidth,u.setAttribute("display",!1),u.setAttribute("xui-present",!1))}let a=e.target,l=a.getAttribute("xui-modal-open"),o=a.getAttribute("xui-modal-close");if(!l){let n=a.parentNode;n&&n.getAttribute&&(l=n.getAttribute("xui-modal-open"))}if(!o){let s=a.parentNode;s&&s.getAttribute&&(o=s.getAttribute("xui-modal-close"))}if(null!==l){let d=document.querySelector('[xui-modal="'+l+'"]');null!==d&&(d.removeAttribute("display"),d.removeAttribute("xui-present"),d.offsetWidth,d.setAttribute("display",!0),d.setAttribute("xui-present",!0));let c=document.querySelector("body");null!==c&&(c.style.overflow="hidden")}if(null!==o){let x=document.querySelector('[xui-modal="'+o+'"]');null!==x&&(x.removeAttribute("display"),x.removeAttribute("xui-present"),x.offsetWidth,x.setAttribute("display",!1),x.setAttribute("xui-present",!1));let m=document.querySelector("body");null!==m&&(m.style.overflow="auto")}}}function isHidden(t){if(!t)return!0;let e=window.getComputedStyle(t);return"none"===t.style.display||null===t.offsetParent||"hidden"===e.visibility||"0"===e.opacity||"inset(0 0 100% 0)"===e.clipPath||"scale(0)"===e.transform||0===parseInt(e.maxHeight)}function xuiAlerts(){let t=document.querySelectorAll(".xui-alert .xui-alert-close, .xui-alert .cancel");for(var e,i=0;i<t.length;i++)t[i].addEventListener("click",(e=i,function(){let i=t[e].closest(".xui-alert");if(i.classList.contains("xui-anime")){let r=i.getAttribute("xui-anime-duration");null!==r&&""!==r?(i.style.transition=r+"s",i.classList.remove("xui-anime"),setTimeout(()=>{i.style.transition=""},Number(1e3*r))):(i.style.transition="1s",i.classList.remove("xui-anime"),setTimeout(()=>{i.style.transition=""},1e3))}else i.removeAttribute("xui-present")}))}function xuiLazyLoadings(){!function(){let t=document.querySelectorAll("[xui-bg-img]"),e=0,i=function(){t.forEach(t=>{let e=t.getBoundingClientRect();if("undefined"!=typeof window&&e.top<=window.innerHeight&&e.bottom>=0&&t.getAttribute("xui-bg-img")){let i=t.getAttribute("xui-bg-img");i&&(t.style.backgroundImage=`url('${i}')`,t.onload=function(){t.removeAttribute("xui-bg-img")})}}),(e=Array.from(t).filter(t=>null===t.getAttribute("xui-bg-img")).length)===t.length&&"undefined"!=typeof window&&window.removeEventListener("scroll",i)};!function(){"undefined"!=typeof window&&window.addEventListener("scroll",i);let t=document.querySelector(".xui-dashboard .screen .content");t&&t.addEventListener("scroll",i),i()}()}(),function(){let t=document.querySelectorAll("[xui-img-src]"),e=0,i=function(){t.forEach(t=>{let e=t.getBoundingClientRect();if("undefined"!=typeof window&&e.top<=window.innerHeight&&e.bottom>=0&&t.getAttribute("xui-img-src")){let i=t.getAttribute("xui-img-src");i&&(t.src=i,t.onload=function(){t.removeAttribute("xui-img-src")})}}),(e=Array.from(t).filter(t=>null===t.getAttribute("xui-img-src")).length)===t.length&&"undefined"!=typeof window&&window.removeEventListener("scroll",i)};!function(){"undefined"!=typeof window&&window.addEventListener("scroll",i);let t=document.querySelector(".xui-dashboard .screen .content");t&&t.addEventListener("scroll",i),i()}()}()}function xuiAnime(t){let e=t;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 r=i.getAttribute("xui-anime-reverse"),u=i.getAttribute("xui-anime-duration");setTimeout(()=>{null!==i&&i.classList.add("xui-anime")}),setTimeout(()=>{null!=r?setTimeout(()=>{null!==i&&i.classList.remove("xui-anime")},1e3*Number(r)):setTimeout(()=>{null!==i&&i.classList.remove("xui-anime")},3e3)},Number(u?u+240:3e3))}}else console.warn("xuiAnime() is missing a parameter")}function xuiAnimeStart(t){let e=t;if(void 0!==e){let i=document.querySelector(`[xui-custom="${e}"], [xui-anime="${e}"]`);if(null!==i){let r;i.getAttribute("xui-anime-duration"),setTimeout(()=>{null!==i&&i.classList.add("xui-anime")})}}else console.warn("xui.animate() is missing a parameter")}function xuiAnimeEnd(t){let e=t;if(void 0!==e){let i=document.querySelector(`[xui-custom="${e}"], [xui-anime="${e}"]`);if(null!==i){let r=i.getAttribute("xui-anime-duration"),u=1e3;null!==r&&""!==r&&(u=1e3*Number(r)),i.classList.remove("xui-anime"),setTimeout(()=>{null!==i&&i.removeAttribute("xui-present")})}}else console.warn("xui.animateEnd() is missing a parameter")}function xuiTypeWriter(t){let e=t.words,i=t.duration,r=t.target,u=t.delay,a=t.cursor;if(void 0===e&&(e=["Hello friend \xf0Ÿ‘‹. 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')),"number"!=typeof i&&(i=1e3),"number"!=typeof u&&(u=1e3),void 0!==r){var l=document.querySelector('.xui-effect-typewriter[xui-effect-typewriter="'+r+'"]');if(l){l.innerHTML=l.innerHTML+'<span class="xui-effect-typewriter-content"></span>',void 0!==a&&a&&(l.innerHTML=l.innerHTML+'<span class="xui-effect-typewriter-cursor"></span>'),l=document.querySelector('.xui-effect-typewriter[xui-effect-typewriter="'+r+'"] span.xui-effect-typewriter-content');var o=e;let n=(t,e,r)=>{e>=0?(null!==l&&(l.innerHTML=t.substring(0,e--)),setTimeout(function(){n(t,e,r)},i)):"function"==typeof r&&setTimeout(r,i)},s=(t,e,a)=>{if(o.length>1)e<t.length+1?(null!==l&&(l.innerHTML=t.substring(0,e++)),setTimeout(function(){s(t,e++,a)},i)):e===t.length+1&&setTimeout(function(){n(t,e,a)},u);else if(e<t.length+1)null!==l&&(l.innerHTML=t.substring(0,e++)),setTimeout(function(){s(t,e++,a)},i);else if(e===t.length+1){let d=document.querySelector('.xui-effect-typewriter[xui-effect-typewriter="'+r+'"]');null!==d&&d.classList.add("xui-effect-typewriter-ready");let c=document.querySelector('.xui-effect-typewriter[xui-effect-typewriter="'+r+'"] span.xui-effect-typewriter-cursor');null!==c&&(c.style.display="none")}},d=t=>{void 0===o[t]?setTimeout(function(){d(0)},u):t<o[t].length+1&&(o.length,s(o[t],0,function(){d(t+1)}))};setTimeout(function(){d(0)},u)}else console.error('[xui-effect-typewriter="'+r+'"] not found')}else console.error("No target found in xui.effect.typewriter(obj)")}function xuiScrollOnAnimation(){let t=document.querySelector("body");if(null!==t){if(t.classList.contains("xui-aos")){let e=document.querySelector('meta[name="viewport"]');null!==e&&e.setAttribute("content","width=device-width, initial-scale=1 maximum-scale=1.0, user-scalable=no")}if("IntersectionObserver"in window){let i=(t,e,i)=>{let r=new IntersectionObserver(function(t){if("undefined"!=typeof window){let i=window.outerWidth,u,a;i>576&&i<768?(0===(u=t[0].target.getAttribute("xui-sm-aos-duration"))&&(u=t[0].target.getAttribute("xui-aos-duration")),0===(a=Number(1e3*t[0].target.getAttribute("xui-sm-aos-delay")))&&(a=Number(1e3*t[0].target.getAttribute("xui-aos-delay"))),null!==u?(t[0].target.style.animationDuration=u+"s",t[0].target.style.transition=u+"s"):(t[0].target.style.animationDuration=".5s",t[0].target.style.transition=".5s")):i>768&&i<992?(0===(u=t[0].target.getAttribute("xui-md-aos-duration"))&&0===(u=t[0].target.getAttribute("xui-sm-aos-duration"))&&(u=t[0].target.getAttribute("xui-aos-duration")),0===(a=Number(1e3*t[0].target.getAttribute("xui-md-aos-delay")))&&0===(a=Number(1e3*t[0].target.getAttribute("xui-sm-aos-delay")))&&(a=Number(1e3*t[0].target.getAttribute("xui-aos-delay"))),null!==u?(t[0].target.style.animationDuration=u+"s",t[0].target.style.transition=u+"s"):(t[0].target.style.animationDuration=".5s",t[0].target.style.transition=".5s")):i>992&&i<1200?(0===(u=t[0].target.getAttribute("xui-lg-aos-duration"))&&0===(u=t[0].target.getAttribute("xui-md-aos-duration"))&&0===(u=t[0].target.getAttribute("xui-sm-aos-duration"))&&(u=t[0].target.getAttribute("xui-aos-duration")),0===(a=Number(1e3*t[0].target.getAttribute("xui-lg-aos-delay")))&&0===(a=Number(1e3*t[0].target.getAttribute("xui-md-aos-delay")))&&0===(a=Number(1e3*t[0].target.getAttribute("xui-sm-aos-delay")))&&(a=Number(1e3*t[0].target.getAttribute("xui-aos-delay"))),null!==u?(t[0].target.style.animationDuration=u+"s",t[0].target.style.transition=u+"s"):(t[0].target.style.animationDuration=".5s",t[0].target.style.transition=".5s")):i>1200?(0===(u=t[0].target.getAttribute("xui-xl-aos-duration"))&&0===(u=t[0].target.getAttribute("xui-lg-aos-duration"))&&0===(u=t[0].target.getAttribute("xui-md-aos-duration"))&&0===(u=t[0].target.getAttribute("xui-sm-aos-duration"))&&(u=t[0].target.getAttribute("xui-aos-duration")),0===(a=Number(1e3*t[0].target.getAttribute("xui-xl-aos-delay")))&&0===(a=Number(1e3*t[0].target.getAttribute("xui-lg-aos-delay")))&&0===(a=Number(1e3*t[0].target.getAttribute("xui-md-aos-delay")))&&0===(a=Number(1e3*t[0].target.getAttribute("xui-sm-aos-delay")))&&(a=Number(1e3*t[0].target.getAttribute("xui-aos-delay"))),null!==u?(t[0].target.style.animationDuration=u+"s",t[0].target.style.transition=u+"s"):(t[0].target.style.animationDuration=".5s",t[0].target.style.transition=".5s")):(u=t[0].target.getAttribute("xui-aos-duration"),a=Number(1e3*t[0].target.getAttribute("xui-aos-delay")),null!==u?(t[0].target.style.animationDuration=u+"s",t[0].target.style.transition=u+"s"):(t[0].target.style.animationDuration=".5s",t[0].target.style.transition=".5s")),!0===t[0].isIntersecting?(null!==a?setTimeout(()=>{t[0].target.classList.add("xui-aos-animate")},a):t[0].target.classList.add("xui-aos-animate"),e&&r.unobserve(t[0].target)):t[0].target.classList.remove("xui-aos-animate")}},{rootMargin:i,threshold:0});r.observe(t)},r=document.querySelectorAll("[xui-aos]");for(var u,a=0;a<r.length;a++)if("undefined"!=typeof window){let l=window.outerWidth;l>576&&l<768?0===(u=Number(r[a].getAttribute("xui-sm-aos-offset")))&&(u=Number(r[a].getAttribute("xui-aos-offset"))):l>768&&l<992?0===(u=Number(r[a].getAttribute("xui-md-aos-offset")))&&0===(u=Number(r[a].getAttribute("xui-sm-aos-offset")))&&(u=Number(r[a].getAttribute("xui-aos-offset"))):l>992&&l<1200?0===(u=Number(r[a].getAttribute("xui-lg-aos-offset")))&&0===(u=Number(r[a].getAttribute("xui-md-aos-offset")))&&0===(u=Number(r[a].getAttribute("xui-sm-aos-offset")))&&(u=Number(r[a].getAttribute("xui-aos-offset"))):l>1200?0===(u=Number(r[a].getAttribute("xui-xl-aos-offset")))&&0===(u=Number(r[a].getAttribute("xui-lg-aos-offset")))&&0===(u=Number(r[a].getAttribute("xui-md-aos-offset")))&&0===(u=Number(r[a].getAttribute("xui-sm-aos-offset")))&&(u=Number(r[a].getAttribute("xui-aos-offset"))):u=r[a].getAttribute("xui-aos-offset");let o=r[a].hasAttribute("xui-aos-once");if(null!==u){let n="0px 0px -"+u+"%";i(r[a],o,n)}else i(r[a],o,"0px 0px -5%")}}}}function xuiModalShow(t){let e=document.querySelector('[xui-modal="'+t+'"]');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(t){let e=document.querySelector('[xui-modal="'+t+'"]');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(t){let e=document.querySelector('[xui-modal="'+t+'"]');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(t){let e=document.querySelector('[xui-modal="'+t+'"]');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(t=>{t.addEventListener("mousemove",e=>{let i=t.getBoundingClientRect(),r=(e.clientX-i.left)/i.width-.5,u=45*((e.clientY-i.top)/i.height-.5),a=-45*r;t.style.transform=`rotateX(${u}deg) rotateY(${a}deg)`}),t.addEventListener("mouseleave",()=>{t.style.transform="rotateX(0deg) rotateY(0deg)"})}),document.addEventListener("click",t=>{let e=document.getElementsByClassName("xui-navbar");if(e.length>0){let 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 u=t.target;if(u.closest(".xui-navbar .links .main a")){let a=u.getAttribute("href");"#"!==a&&""!==a&&(null!==i&&i.classList.remove("animate"),null!==r&&r.classList.remove("animate"))}}let l=document.querySelector(".xui-dashboard"),o=document.querySelector(".xui-dashboard .menu");t.target.closest(".xui-dashboard .menu")&&(t.target&&t.target.classList.contains("animate")?(l&&l.classList.remove("animate"),o.classList.remove("animate")):(l&&l.classList.add("animate"),o.classList.add("animate"))),t.target===l&&t.target&&t.target.classList.contains("animate")&&(l&&l.classList.remove("animate"),o.classList.remove("animate"));let n=t.target;if(n.closest(".xui-dashboard .navigator .links a")){let s=n.getAttribute("href");"#"!==s&&""!==s&&(l.classList.remove("animate"),o.classList.remove("animate"))}let d=document.querySelectorAll("[xui-modal]"),c=t.target.getAttribute("xui-modal");if(t.target.hasAttribute("xui-modal")){for(let x=0;x<d.length;x++){let m=d[x];!m.hasAttribute("disable-click-on-outside")&&c===m.getAttribute("xui-modal")&&(m.hasAttribute("xui-set")?(m.removeAttribute("xui-present"),m.removeAttribute("display"),m.offsetWidth,m.setAttribute("xui-present",!1)):m.hasAttribute("display")&&(m.removeAttribute("xui-present"),m.removeAttribute("display"),m.offsetWidth,m.setAttribute("display",!1)))}let g=document.querySelector("body");null!==g&&(g.style.overflow="auto")}let f=t.target,$=f.getAttribute("xui-modal-open"),b=f.getAttribute("xui-modal-close");if(!$){let y=findElementWithAttribute(f,"xui-modal-open");y&&($=y.getAttribute("xui-modal-open"))}if(!b){let p=findElementWithAttribute(f,"xui-modal-close");p&&(b=p.getAttribute("xui-modal-close"))}if(null!==$){let h=document.querySelector('[xui-modal="'+$+'"]');null!==h&&(h.hasAttribute("xui-present")?(h.removeAttribute("xui-present"),h.offsetWidth,h.setAttribute("xui-present",!0)):(h.removeAttribute("display"),h.offsetWidth,h.setAttribute("display",!0)));let A=document.querySelector("body");null!==A&&(A.style.overflow="hidden")}if(null!==b){let v=document.querySelector('[xui-modal="'+b+'"]');null!==v&&(v.hasAttribute("xui-present")?(v.removeAttribute("xui-present"),v.offsetWidth,v.setAttribute("xui-present",!1)):(v.removeAttribute("display"),v.offsetWidth,v.setAttribute("display",!1)));let S=document.querySelector("body");null!==S&&(S.style.overflow="auto")}let L=Array.from(document.querySelectorAll(".xui-accordion-box .xui-accordion-header, .xui-accordion .box .header"));if(t.target.closest(".xui-accordion-box .xui-accordion-header, .xui-accordion .box .header")){let q=t.target.closest(".xui-accordion-box .xui-accordion-header, .xui-accordion .box .header"),w=L.indexOf(q),_=q.querySelector(".xui-accordion-header-icon-open, .xui-accordion .header .icon .open"),E=q.querySelector(".xui-accordion-header-icon-close, .xui-accordion .header .icon .close"),k=document.querySelectorAll(".xui-accordion-box .xui-accordion-content, .xui-accordion .box .content"),W=k[w],H=W.style.maxHeight&&"0px"!==W.style.maxHeight;k.forEach(t=>{t.style.maxHeight="0",t.style.marginBottom="0"}),document.querySelectorAll(".xui-accordion-header-icon-open, .xui-accordion .header .icon .open").forEach(t=>{t.style.display="inline-block"}),document.querySelectorAll(".xui-accordion-header-icon-close, .xui-accordion .header .icon .close").forEach(t=>{t.style.display="none"}),!H&&(W.style.maxHeight=W.scrollHeight+"px",W.style.marginBottom="20px",_&&(_.style.display="none"),E&&(E.style.display="inline-block"))}Array.from(document.querySelectorAll(".link-box.dropdown"));let M=t.target.closest(".link-box.dropdown");if(M){let C=M.querySelector(".dropdown-box"),D=window.getComputedStyle(C),T="0px"!==D.maxHeight&&"none"!==D.maxHeight;T?(C.style.maxHeight="0",M.classList.remove("focus")):(C.style.maxHeight=C.scrollHeight+8+"px",M.classList.add("focus"))}let I=document.querySelector(".xui-dashboard .screen");t.target.closest(".xui-dashboard [xui-aside-open]")&&I.setAttribute("xui-aside","true"),t.target.closest(".xui-dashboard [xui-aside-close]")&&I.setAttribute("xui-aside","false")}),"undefined"!=typeof window){if(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){let t=document.querySelector('[xui-mode="auto"]');null!==t&&t.classList.add("xui-dark-mode")}window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",t=>{let e=t.matches?"dark":"light";if("dark"==e){let i=document.querySelector('[xui-mode="auto"]');null!==i&&i.classList.add("xui-dark-mode")}else{let r=document.querySelector('[xui-mode="auto"]');null!==r&&r.classList.remove("xui-dark-mode")}})}const xuiDynamicCSS=(()=>{let t={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-flex-grow":"flex-grow","xui-flex-shrink":"flex-shrink"},responsiveMap:{"xui-sm":"(min-width: 640px)","xui-md":"(min-width: 768px)","xui-lg":"(min-width: 1024px)","xui-xl":"(min-width: 1280px)"}},e=new Set,i={base:[],sm:[],md:[],lg:[],xl:[]},r=null,u=null,a=null,l=()=>{if(!document.head)return setTimeout(l,50);(r=document.getElementById(t.styleId)||document.createElement("style")).id||(r.id=t.styleId,document.head.appendChild(r))},o=t=>`x${Math.abs([...t].reduce((t,e)=>(t<<5)-t+e.charCodeAt(0),0)).toString(36)}`,n=(t,e)=>{let i=e.trim().endsWith("!"),r=e.trim().replace(/!$/,""),u;if("xui-bg"===t&&r.startsWith("url")){let a=r.match(/url\((.*)\)/)?.[1];u=o(a)+(i?"--important":"")}else u=r.replace(/[^a-z0-9]/gi,"-")+(i?"--important":"");return{cleanValue:r,suffix:u,isImportant:i}},s=(r,u,a)=>{let l=a?`${a}-${r}-${u}`:`${r}-${u}`;if(e.has(l))return;let o=a?Object.entries(t.responsiveMap).find(([t,e])=>e===a)?.[0].replace("xui-",""):"base";o&&(i[o].push({className:r,rule:u,query:a}),e.add(l))},d=(t,e,i)=>{let r=t.replace("xui-",""),u=i?i.replace(/\D/g,""):"";return`xui-${r}-${e}${u?"-"+u:""}`},c=(t,e)=>(Array.isArray(t)?t:[t]).map(t=>`${t}:${e} !important`).join(";"),x=(e,i,r,u=null)=>{let a=t.propertyMap[i];if(!a)return;let{cleanValue:l,suffix:o,isImportant:x}=n(i,r),m=d(i,o,u);e.classList.add(m),s(m,c(a,l+(x?" !important":"")),u)},m=(e,i)=>{let r=i.match(/^xui-(sm|md|lg|xl)-([a-z-]+)-\[(.+)]$/),u=i.match(/^(xui-[a-z-]+)-\[(.+)]$/);if(r){let[,a,l,o]=r;x(e,`xui-${l}`,o,t.responsiveMap[`xui-${a}`])}else if(u){let[,n,s]=u;x(e,n,s)}},g=t=>{let e=t.getAttribute?.("class");e&&e.split(/\s+/).filter(t=>t.startsWith("xui-")).forEach(e=>m(t,e))},f=()=>{r?.sheet&&["base","sm","md","lg","xl"].forEach(t=>{i[t].forEach(({className:t,rule:e,query:i})=>{try{let u=i?`@media ${i} { .${t} { ${e} } }`:`.${t} { ${e} }`;r.sheet.insertRule(u,r.sheet.cssRules.length)}catch(a){console.error("CSS rule error:",a)}}),i[t]=[]})},$=()=>{document.querySelectorAll('[class*="xui-"]').forEach(g),f()},b=()=>{u&&u.disconnect(),(u=new MutationObserver(t=>{clearTimeout(a),a=setTimeout(()=>{t.forEach(t=>{"attributes"===t.type&&"class"===t.attributeName?g(t.target):"childList"===t.type&&t.addedNodes.forEach(t=>{1===t.nodeType&&t.getAttribute?.("class")?.includes("xui-")&&g(t)})}),f()},100)})).observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["class"]})},y=()=>{if("loading"===document.readyState){document.addEventListener("DOMContentLoaded",y);return}l(),$(),b()},p=()=>{u?.disconnect(),r?.parentNode&&r.parentNode.removeChild(r),e.clear(),clearTimeout(a)};return y(),Object.assign(y,{refresh:$,destroy:p})})();function xuiRun(){xuiLazyLoadings(),xuiAlerts(),xuiScrollOnAnimation(),xuiDynamicCSS()}let xui={run(){xuiRun()},control:{navbar(){},loader(){xuiLoadingScreen()}},animate:{default(t){xuiAnime(t)},start(t){xuiAnimeStart(t)},end(t){xuiAnimeEnd(t)}},effect:{typewriter(t){null==t?console.warn("Parse an object"):xuiTypeWriter(t)}},reveal:{images(){xuiLazyLoadings()},skeletons(t){xuiHideSkeleton(t)}},modal:{show(){let t=document.querySelector('[xui-modal="'+name+'"]');null!==t&&(t.removeAttribute("open"),t.offsetWidth,t.setAttribute("open",!0))},hide(t){let e=document.querySelector('[xui-modal="'+t+'"]');null!==e&&(e.removeAttribute("open"),e.offsetWidth,e.setAttribute("open",!1))},open(){let t=document.querySelector('[xui-modal="'+name+'"]');null!==t&&(t.removeAttribute("open"),t.offsetWidth,t.setAttribute("open",!0))},close(t){let e=document.querySelector('[xui-modal="'+t+'"]');null!==e&&(e.removeAttribute("open"),e.offsetWidth,e.setAttribute("open",!1))}}};function autoRun(){let t=document.querySelector("body");if(null!==t){let e=t.getAttribute("xui-run");null!==e?"true"!==e&&(xui.run(),xui.control.navbar()):(xui.run(),xui.control.navbar())}}autoRun();