pallote-css/dist/pallote.min.js

CSS component library

document.addEventListener("DOMContentLoaded",function(){var acc=document.getElementsByClassName("accordion__control");var panels=document.getElementsByClassName("accordion__content");var activeAccordionItem=document.querySelector(".accordion__item--active");for(var i=0;i<acc.length;i++){acc[i].addEventListener("click",function(){var panel=this.nextElementSibling;var isActive=this.parentElement.classList.contains("accordion__item--active");closeAllPanels();if(!isActive){this.parentElement.classList.add("accordion__item--active");panel.style.maxHeight=panel.scrollHeight+"px"}})}if(activeAccordionItem){var activePanel=activeAccordionItem.querySelector(".accordion__content");activeAccordionItem.classList.add("accordion__item--active");activePanel.style.maxHeight=activePanel.scrollHeight+"px"}function closeAllPanels(){for(var i=0;i<panels.length;i++){var panel=panels[i];var accordionBtn=panel.previousElementSibling;if(accordionBtn.parentElement.classList.contains("accordion__item--active")){accordionBtn.parentElement.classList.remove("accordion__item--active");panel.style.maxHeight=null}}}});var buttonDisabledElement=document.querySelector(".button-disabled");if(buttonDisabledElement!==null){buttonDisabledElement.setAttribute("disabled","disabled")}function closeCookieNotice(){const nowDate=new Date;const expireDate=new Date(nowDate.setDate(nowDate.getDate()+30)).toUTCString();document.cookie="cookie_notice=0;path=/;expires="+expireDate+";SameSite=Lax;";document.getElementById("cookie").classList.add("js-cookie-accepted")}document.addEventListener("DOMContentLoaded",function(){const cookie_notice=("; "+document.cookie).split("; cookie_notice=").pop().split(";")[0];if(cookie_notice!=="0"){document.getElementById("cookie").style.display="flex"}});var inputFocusElement=document.querySelector(".input-focused .input_control");if(inputFocusElement!==null){inputFocusElement.focus()}document.querySelectorAll(".input-disabled .input_control, "+".checkbox-disabled .checkbox_control, "+".input-disabled .checkbox_control, "+".radio-disabled .radio_control, "+".input-disabled .radio_control").forEach(element=>element.setAttribute("disabled","disabled"));document.querySelectorAll(".input:not(.input-optional) input, "+".input:not(.input-optional) textarea, "+".input:not(.input-optional) select").forEach(element=>element.setAttribute("required","required"));const dropdownTriggers=document.querySelectorAll(".nav__trigger");dropdownTriggers.forEach(trigger=>{trigger.addEventListener("click",function(e){e.stopPropagation();const dropdown=this.parentElement;dropdown.classList.toggle("js-show")})});document.addEventListener("click",function(e){const dropdowns=document.querySelectorAll(".nav__item--dropdown");dropdowns.forEach(dropdown=>{if(!dropdown.contains(e.target)){dropdown.classList.remove("js-show")}})});const body=document.querySelector("body");const navbar=document.querySelector(".navbar");const buttonNavbar=document.querySelector(".navbar__button");const sidebar=document.querySelector(".sidebar");const buttonSidebarOpen=document.querySelector(".sidebar__button");const buttonSidebarClose=document.querySelector(".sidebar__button--close");if(buttonNavbar!==null){buttonNavbar.addEventListener("click",function(){buttonNavbar.classList.toggle("js-opened");navbar.classList.toggle("js-opened");body.classList.toggle("js-navbar")})}if(buttonSidebarOpen!==null){buttonSidebarOpen.addEventListener("click",function(){sidebar.classList.add("js-opened");body.classList.add("js-sidebar");buttonNavbar.classList.remove("js-opened");navbar.classList.remove("js-opened");body.classList.remove("js-navbar")});buttonSidebarClose.addEventListener("click",function(){sidebar.classList.remove("js-opened");body.classList.remove("js-sidebar")})}document.querySelectorAll(".switch-disabled .switch_input").forEach(element=>element.setAttribute("disabled","disabled"));function tabify(element){const header=element.querySelector(".tabs__controls");const content=element.querySelector(".tabs__content");const tabHeaders=[...header.children];const tabContents=[...content.children];tabContents.forEach(x=>x.style.display="none");let current_tab_index=-1;function setTab(index){if(current_tab_index>-1){tabHeaders[current_tab_index].classList.remove("tabs__item--active");tabContents[current_tab_index].style.display="none"}tabHeaders[index].classList.add("tabs__item--active");tabContents[index].style.display="flex";current_tab_index=index}default_tab_index=tabHeaders.findIndex(x=>{return[...x.classList].indexOf("tabs__item--default")>-1});default_tab_index=default_tab_index===-1?0:default_tab_index;setTab(default_tab_index);tabHeaders.forEach((x,i)=>x.onclick=event=>setTab(i))}[...document.querySelectorAll(".tabs")].forEach(x=>tabify(x));