UNPKG

@ritterim/platform-ui

Version:

A CSS framework used by Ritter Insurance Marketing (RIM) for our platform of agent tools.

11 lines (8 loc) 7.16 kB
/* Platform UI v1.8.12 | @ritterim/platform-ui A CSS framework used by Ritter Insurance Marketing (RIM) for our platform of agent tools. (https://platformui.com) ©2024 Ritter Insurance Marketing (https://rimdev.io) https://github.com/ritterim/platform-ui/issues Released under the MIT license. */ "use strict";window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=Array.prototype.forEach);window.HTMLCollection&&!HTMLCollection.prototype.forEach&&(HTMLCollection.prototype.forEach=Array.prototype.forEach);(function(e){e.forEach(function(t){t.hasOwnProperty("prepend")||Object.defineProperty(t,"prepend",{configurable:!0,enumerable:!0,writable:!0,value:function(){var r=Array.prototype.slice.call(arguments),c=document.createDocumentFragment();r.forEach(function(a){var i=a instanceof Node;c.appendChild(i?a:document.createTextNode(String(a)))}),this.insertBefore(c,this.firstChild)}})})})([Element.prototype,Document.prototype,DocumentFragment.prototype]);Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(t!==null&&t.nodeType===1);return null});(function(e){e.forEach(function(t){t.hasOwnProperty("remove")||Object.defineProperty(t,"remove",{configurable:!0,enumerable:!0,writable:!0,value:function(){this.parentNode!==null&&this.parentNode.removeChild(this)}})})})([Element.prototype,CharacterData.prototype,DocumentType.prototype]);let d=document.querySelectorAll(".accordion__header");d&&d.forEach(e=>{e.addEventListener("click",t=>{t.preventDefault(),e.parentElement.classList.toggle("active")}),e.addEventListener("keydown",t=>{t.keyCode===13&&(t.preventDefault(),e.parentElement.classList.toggle("active"))})});let u=document.querySelector(".aside-tab");if(u){let e=document.querySelector(".platform"),t=document.querySelector(".aside-tab i");u.addEventListener("click",()=>{e.classList.toggle("toggle"),t.classList.toggle("rotate-180")})}let p=document.querySelectorAll(".background-image");p&&p.forEach(e=>{const t=e.dataset.backgroundImage,n=e.dataset.backgroundPosition,r=e.dataset.backgroundSize,c=e.dataset.backgroundRepeat;t&&(e.style.backgroundImage=`url('${t}')`),n&&(e.style.backgroundPosition=n),r&&(e.style.backgroundSize=r),c&&(e.style.backgroundRepeat=c)});let f=document.querySelectorAll(".drawer__close"),m=document.querySelectorAll(".drawer__open"),q=e=>{e.classList.toggle("active")};f&&f.forEach(e=>{e.addEventListener("click",()=>{q(document.getElementById(e.dataset.drawer))})});m&&m.forEach(e=>{e.addEventListener("click",()=>{q(document.getElementById(e.dataset.drawer))})});let g=document.querySelector(".js-edit-readonly"),y=document.querySelector(".js-edit-textarea");g&&y&&(g.addEventListener("click",e=>{e.preventDefault(),document.querySelector(".readonly").removeAttribute("readonly"),document.querySelector(".readonly").focus()}),y.addEventListener("click",e=>{e.preventDefault(),document.querySelector(".js-textarea").removeAttribute("readonly"),document.querySelector(".js-textarea").focus()}));let E=document.querySelectorAll(".linear-gradient");E&&E.forEach(e=>{const t=e.dataset.gradientDirection,n=e.dataset.gradientStart,r=e.dataset.gradientStop,c=e.dataset.gradientFallback,a=e.dataset.backgroundImage,i=e.dataset.backgroundPosition,s=e.dataset.backgroundSize,o=e.dataset.backgroundRepeat;if(t&&n&&r){c&&(e.style.backgroundColor=c);let l=`linear-gradient(${t}, ${n}, ${r})`;e.style.backgroundImage=l,e.classList.contains("background-image")&&(a&&(e.style.backgroundImage=`${l}, url(${a})`),i&&(e.style.backgroundPosition=i),s&&(e.style.backgroundSize=s),o&&(e.style.backgroundRepeat=o))}});let h=document.querySelectorAll(".info-box");h&&h.forEach(e=>{const t=e.querySelector(".toggle-hidden"),n=e.querySelector(".info-box__content"),r=e.querySelectorAll(".info-box__close");t.addEventListener("click",c=>{c.preventDefault(),n.parentElement.classList.toggle("active")}),r.forEach(c=>{c.addEventListener("click",()=>{n.parentElement.classList.remove("active")})})});document.querySelectorAll(".dropdown-content");let A=document.querySelectorAll(".dropdown"),v=e=>{let t=e.closest(".dropdown");t.classList.contains("active")?t.classList.remove("active"):(A.forEach(n=>{n.classList.remove("active")}),t.classList.toggle("active"))};if(A){const e=document.querySelectorAll(".dropdown .dropdown__trigger"),t=document.querySelectorAll(".dropdown__content a");e.forEach(n=>{n.addEventListener("click",r=>{r.stopPropagation(),r.preventDefault(),v(n)}),n.addEventListener("keydown",r=>{r.keyCode===13&&(r.preventDefault(),v(n))})}),t.forEach(n=>{n.addEventListener("click",r=>{r.stopPropagation()})})}let k=document.querySelectorAll(".site-menu-mobile-action");k&&k.forEach(e=>{e.addEventListener("click",t=>{t.preventDefault,e.closest(".site-menu-wrapper").querySelector(".site-menu").classList.toggle("active")})});let b=document.querySelector(".mobile-menu-action");if(b){let e=document.querySelector(".platform");b.addEventListener("click",()=>{e.classList.toggle("menu-open")})}let L=document.querySelectorAll(".modal__close"),S=document.querySelectorAll(".modal__open"),D=e=>{e.classList.remove("active"),document.body.classList.remove("modal-open")},z=e=>{e.classList.add("active"),document.body.classList.add("modal-open"),e.focus()};L&&L.forEach(e=>{e.addEventListener("click",()=>{let t=document.getElementById(e.dataset.modal);D(t)})});S&&S.forEach(e=>{e.addEventListener("click",()=>{let t=document.getElementById(e.dataset.modal);z(t)}),document.addEventListener("keydown",t=>{if(t.keyCode==27){let n=document.getElementById(e.dataset.modal);D(n)}})});const C=document.querySelector(".tabs");if(C){const e=document.querySelectorAll(".tab");let t=o=>{if(o.previousElementSibling.checked)o.previousElementSibling.classList.contains("un-checked")?(o.previousElementSibling.classList.remove("un-checked"),o.previousElementSibling.setAttribute("checked",!0)):r(o);else{n(),o.previousElementSibling.setAttribute("checked",!0);return}},n=()=>{e.forEach(o=>{o.closest(".tabs").querySelectorAll('input[checked="true"]').forEach(_=>{_.setAttribute("checked",!1)}),o.previousElementSibling.classList.contains("un-checked")&&(o.previousElementSibling.classList.remove("un-checked"),o.previousElementSibling.removeAttribute("checked"))})},r=o=>{o.previousElementSibling.setAttribute("checked",!1),o.previousElementSibling.classList.add("un-checked")},c=o=>{o.target.closest(".tabs").classList.contains("unresponsive")||t(o.target)},a=()=>{e.forEach(o=>{o.addEventListener("click",c)})},i=()=>{let o=!1;if(e.forEach(l=>{l.removeEventListener("click",c)}),s=window.innerWidth||document.documentElement.clientWidth,s>767.9){e.forEach(l=>{l.classList.contains("un-checked")&&l.classList.remove("un-checked")}),o=!1;return}else o===!1&&(a(),o=!0)};window.addEventListener("resize",i,!1);let s=window.innerWidth||document.documentElement.clientWidth;s<767.9&&i()}let w=document.querySelectorAll("[data-z]");w&&w.forEach(e=>{let t=e.dataset.z;e.style["z-index"]=t});