"use strict"; const preLoader = function () { let e = document.getElementById("preloader"); window.onload = () => { e.classList.add("addloaded"); }; }; var getSiblings = function (e) { let t = [], i = e.parentNode.firstChild; for (; i; ) 1 === i.nodeType && i !== e && t.push(i), (i = i.nextSibling); return t; }, slideUp = (e, t) => { let i = t || 500; (e.style.transitionProperty = "height, margin, padding"), (e.style.transitionDuration = i + "ms"), (e.style.boxSizing = "border-box"), (e.style.height = e.offsetHeight + "px"), e.offsetHeight, (e.style.overflow = "hidden"), (e.style.height = 0), window.setTimeout(() => { (e.style.display = "none"), e.style.removeProperty("height"), e.style.removeProperty("overflow"), e.style.removeProperty("transition-duration"), e.style.removeProperty("transition-property"); }, i); }, slideDown = (e, t) => { let i = t || 500; e.style.removeProperty("display"); let s = window.getComputedStyle(e).display; "none" === s && (s = "block"), (e.style.display = s); let o = e.offsetHeight; (e.style.overflow = "hidden"), (e.style.height = 0), e.offsetHeight, (e.style.boxSizing = "border-box"), (e.style.transitionProperty = "height, margin, padding"), (e.style.transitionDuration = i + "ms"), (e.style.height = o + "px"), window.setTimeout(() => { e.style.removeProperty("height"), e.style.removeProperty("overflow"), e.style.removeProperty("transition-duration"), e.style.removeProperty("transition-property"); }, i); }; function TopOffset(e) { let t = e.getBoundingClientRect(), i = window.pageYOffset || document.documentElement.scrollTop; return { top: t.top + i }; } const headerStickyWrapper = document.querySelector("header"), headerStickyTarget = document.querySelector(".header__sticky"); headerStickyTarget && window.addEventListener("scroll", function () { let e = TopOffset(headerStickyWrapper).top; window.scrollY > e ? headerStickyTarget.classList.add("sticky") : headerStickyTarget.classList.remove("sticky"); }); const scrollTop = document.getElementById("scroll__top"); scrollTop.addEventListener("click", function () { window.scroll({ top: 0, left: 0, behavior: "smooth" }); }), window.addEventListener("scroll", function () { window.scrollY > 300 ? scrollTop.classList.add("active") : scrollTop.classList.remove("active"); }); var swiper = new Swiper(".hero__slider--activation", { slidesPerView: 1, loop: !0, clickable: !0, effect: "fade", speed: 500, spaceBetween: 30, autoplay: { delay: 3e3, disableOnInteraction: !1 }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, pagination: { el: ".hero__slider__swiper--pagination", clickable: !0 }, }), swiper = new Swiper(".hero__slider--activation--atap", { slidesPerView: 1, loop: !0, clickable: !0, effect: "fade", speed: 500, spaceBetween: 30, autoplay: { delay: 5e3, disableOnInteraction: !1 }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, pagination: { el: ".hero__slider__swiper--pagination", clickable: !0 }, }), swiper = new Swiper(".article__swiper--activation", { slidesPerView: 1, loop: !0, clickable: !0, speed: 500, spaceBetween: 30, autoplay: { delay: 3e3, disableOnInteraction: !1 }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }), swiper = new Swiper(".product__swiper--column4", { slidesPerView: 4, clickable: !0, loop: !0, spaceBetween: 30, breakpoints: { 1200: { slidesPerView: 4 }, 992: { slidesPerView: 3 }, 768: { slidesPerView: 3, spaceBetween: 30 }, 280: { slidesPerView: 2, spaceBetween: 20 }, 0: { slidesPerView: 1 }, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }), swiper = new Swiper(".blog__swiper--activation", { slidesPerView: 3, loop: !0, clickable: !0, spaceBetween: 30, breakpoints: { 1500: { slidesPerView: 3 }, 992: { slidesPerView: 3 }, 768: { slidesPerView: 2, spaceBetween: 30 }, 576: { slidesPerView: 2, spaceBetween: 20 }, 0: { slidesPerView: 1 }, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); const slideCount = parseInt( document.querySelector(".logo__swiper--activation")?.dataset.slidesCount || "0", 10 ); var swiper = new Swiper(".logo__swiper--activation", { slidesPerView: slideCount, loop: slideCount < 6 ? !1 : !0, clickable: !0, spaceBetween: 50, breakpoints: { 1200: { slidesPerView: slideCount, loop: slideCount < 6 ? !1 : !0 }, 768: { slidesPerView: 5, spaceBetween: 30, loop: !0 }, 576: { slidesPerView: 3, spaceBetween: 20, loop: !0 }, 0: { slidesPerView: 2, loop: !0 }, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }), swiper = new Swiper(".mySwiper", { slidesPerView: 3, spaceBetween: 20, slidesPerGroup: 3, loop: true, autoplay: { delay: 2000, disableOnInteraction: false, }, }), swiper = new Swiper(".product__media--nav", { loop: !1, spaceBetween: 10, slidesPerView: 5, freeMode: !0, watchSlidesProgress: !0, breakpoints: { 768: { slidesPerView: 5 }, 480: { slidesPerView: 4 }, 320: { slidesPerView: 3 }, 200: { slidesPerView: 2 }, 0: { slidesPerView: 1 }, }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }), swiper2 = new Swiper(".product__media--preview", { loop: !0, spaceBetween: 10, thumbs: { swiper: swiper }, }); const specSwiper = new Swiper(".specSwiper", { loop: false, autoplay: { delay: 3000, disableOnInteraction: !1 }, navigation: { prevEl: ".variant__btn-prev-slide", }, }); const specBtns = document.querySelectorAll(".spec__button-variant-item"); specBtns.forEach((btn) => { btn.addEventListener("click", () => { const idx = Number(btn.dataset.index); specSwiper[1].slideTo(idx); }); }); const specImageBtns = document.querySelectorAll(".variant-img"); specImageBtns.forEach((btn) => { btn.addEventListener("click", () => { const idx = Number(btn.dataset.index); specSwiper[1].slideTo(idx); }); }); const tab = function () { let e = document.querySelectorAll('[data-toggle="tab"]'); e.forEach(function (e) { e.addEventListener("click", function () { let e = this.getAttribute("data-target"), t = document.querySelector(e); this.parentElement .querySelectorAll('[data-toggle="tab"]') .forEach(function (e) { e.classList.remove("active"); }), this.classList.add("active"), t.classList.add("active"), setTimeout(function () { t.classList.add("show"); }, 100), getSiblings(t).forEach(function (e) { e.classList.remove("show"), setTimeout(function () { e.classList.remove("active"); }, 100); }); }); }); }; tab(), document.querySelectorAll("[data-countdown]").forEach(function (e) { let t = function (e, t) { return `<div class="countdown__item" ${t}"><span class="countdown__number">${e}</span><p class="countdown__text">${t}</p></div>`; }, i = new Date(e.getAttribute("data-countdown")).getTime(), s = 36e5, o = 24 * s, n = setInterval(function () { let c = new Date().getTime(), r = i - c; (e.innerHTML = t(Math.floor(r / o), "days") + t(Math.floor((r % o) / s), "hrs") + t(Math.floor((r % s) / 6e4), "mins") + t(Math.floor((r % 6e4) / 1e3), "secs")), r < 0 && clearInterval(n); }, 1e3); }); const activeClassAction = function (e, t) { let i = document.querySelector(e), s = document.querySelector(t); i && s && (i.addEventListener("click", function (e) { e.preventDefault(), this.classList.contains("active") ? (this.classList.remove("active"), s.classList.remove("active")) : (this.classList.add("active"), s.classList.add("active")); }), document.addEventListener("click", function (o) { o.target.closest(e) || o.target.classList.contains(e.replace(/\./, "")) || o.target.closest(t) || o.target.classList.contains(t.replace(/\./, "")) || (i.classList.remove("active"), s.classList.remove("active")); })); }; function offcanvsSidebar(e, t, i) { let s = document.querySelectorAll(e), o = document.querySelector(t), n = document.querySelector(i), c = i.replace(".", ""); function r(t) { let s = t.target; s.closest(i) || s.closest(e) || (n.classList.remove("active"), document.querySelector("body").classList.remove(`${c}_active`)); } s && n && s.forEach(function (e) { e.addEventListener("click", function () { n.classList.add("active"), document.querySelector("body").classList.add(`${c}_active`), document.body.addEventListener("click", r.bind(this)); }); }), o && n && o.addEventListener("click", function () { n.classList.remove("active"), document .querySelector("body") .classList.remove(`${c}_active`), document.body.removeEventListener("click", r.bind(this)); }); } offcanvsSidebar( ".search__open--btn", ".predictive__search--close__btn", ".predictive__search--box" ), offcanvsSidebar( ".widget__filter--btn", ".offcanvas__filter--close", ".offcanvas__filter--sidebar" ); const offcanvasHeader = function () { let e = document.querySelector(".offcanvas__header--menu__open--btn"), t = document.querySelector(".offcanvas__close--btn"), i = document.querySelector(".offcanvas__header"), s = document.querySelector(".offcanvas__menu"), o = document.querySelector("body"); s && s.querySelectorAll(".offcanvas__sub_menu").forEach(function (e) { let t = document.createElement("button"); t.classList.add("offcanvas__sub_menu_toggle"), e.parentNode.appendChild(t); }), e && e.addEventListener("click", function (e) { e.preventDefault(), i.classList.add("open"), o.classList.add("mobile_menu_open"); }), t && t.addEventListener("click", function (e) { e.preventDefault(), i.classList.remove("open"), o.classList.remove("mobile_menu_open"); }), s && s .querySelectorAll(".offcanvas__sub_menu_toggle") .forEach(function (e) { e.addEventListener("click", function (e) { e.preventDefault(); let t = this.parentElement; t.classList.contains("active") ? (this.classList.remove("active"), t.classList.remove("active"), t .querySelectorAll(".offcanvas__sub_menu") .forEach(function (e) { e.parentElement.classList.remove( "active" ), e.nextElementSibling.classList.remove( "active" ), slideUp(e); })) : (this.classList.add("active"), t.classList.add("active"), slideDown(this.previousElementSibling), getSiblings(t).forEach(function (e) { e.classList.remove("active"), e .querySelectorAll( ".offcanvas__sub_menu" ) .forEach(function (e) { e.parentElement.classList.remove( "active" ), e.nextElementSibling.classList.remove( "active" ), slideUp(e); }); })); }); }), document.addEventListener("click", function (e) { e.target.closest(".offcanvas__header--menu__open--btn") || e.target.classList.contains( ".offcanvas__header--menu__open--btn".replace(/\./, "") ) || e.target.closest(".offcanvas__header") || e.target.classList.contains( ".offcanvas__header".replace(/\./, "") ) || (i.classList.remove("open"), o.classList.remove("mobile_menu_open")); }), document.addEventListener("click", function (e) { if (e.target.classList.contains("result__overlay")) { closeModal(); } if (e.target.closest(".result__button-close")) { closeModal(); } }); window.addEventListener("resize", function () { window.outerWidth >= 992 && (i.classList.remove("open"), o.classList.remove("mobile_menu_open")); }); }; offcanvasHeader(); function closeModal() { const overlay = document.querySelector(".result__overlay"); const container = document.querySelector(".result__container"); if (overlay) overlay.remove(); if (container) container.remove(); } const quantityWrapper = document.querySelectorAll(".quantity__box"); quantityWrapper && quantityWrapper.forEach(function (e) { let t = e.querySelector(".quantity__number"), i = e.querySelector(".increase"), s = e.querySelector(".decrease"); i.addEventListener("click", function () { let e = parseInt(t.value, 10); (e = isNaN(e) ? 0 : e), e++, (t.value = e); }), s.addEventListener("click", function () { let e = parseInt(t.value, 10); (e = isNaN(e) ? 0 : e) < 1 && (e = 1), e--, (t.value = e); }); }); const openEls = document.querySelectorAll("[data-open]"), closeEls = document.querySelectorAll("[data-close]"), isVisible = "is-visible"; for (const el of openEls) el.addEventListener("click", function () { let e = this.dataset.open; document.getElementById(e).classList.add(isVisible); }); for (const el of closeEls) el.addEventListener("click", function () { this.parentElement.parentElement.parentElement.classList.remove( isVisible ); }); function customAccordion(e, t, i) { document.querySelectorAll(t).forEach(function (t) { t.addEventListener("click", function () { let t = this.closest(e), s = t.querySelector(i); t.classList.contains("active") ? (t.classList.remove("active"), slideUp(s)) : (t.classList.add("active"), slideDown(s), getSiblings(t).forEach(function (e) { let t = e.querySelector(i); e.classList.remove("active"), slideUp(t); })); }); }); } document.addEventListener("keyup", (e) => { "Escape" == e.key && document.querySelector(".modal.is-visible") && document.querySelector(".modal.is-visible").classList.remove(isVisible); }), customAccordion( ".accordion__items", ".accordion__items--button", ".accordion__items--body" ), customAccordion( ".widget__categories--menu__list", ".widget__categories--menu__label", ".widget__categories--sub__menu" ); let accordion = !0; const footerWidgetAccordion = function () { (accordion = !1), document .querySelectorAll(".footer__widget--button") .forEach(function (e) { e.addEventListener("click", function () { let e = this.closest(".footer__widget"), t = e.querySelector(".footer__widget--inner"); e.classList.contains("active") ? (e.classList.remove("active"), slideUp(t)) : (e.classList.add("active"), slideDown(t), getSiblings(e.parentElement).forEach(function (e) { let t = e.querySelector(".footer__widget"), i = e.querySelector(".footer__widget--inner"); t.classList.remove("active"), slideUp(i); })); }); }); }; window.addEventListener("load", function () { accordion && footerWidgetAccordion(); }); const customLightboxHTML = `<div id="glightbox-body" class="glightbox-container"><div class="gloader visible"></div><div class="goverlay"></div><div class="gcontainer"><div id="glightbox-slider" class="gslider"></div><button class="gnext gbtn" tabindex="0" aria-label="Next" data-customattribute="example">{nextSVG}</button><button class="gprev gbtn" tabindex="1" aria-label="Previous">{prevSVG}</button><button class="gclose gbtn" tabindex="2" aria-label="Close">{closeSVG}</button></div></div>`, lightbox = GLightbox({ touchNavigation: !0, lightboxHTML: customLightboxHTML, loop: !0, }), wrapper = document.getElementById("funfactId"); if (wrapper) { let e = wrapper.querySelectorAll(".js-counter"), t = !1; document.addEventListener("scroll", function () { let i = wrapper.offsetTop - window.innerHeight; !t && window.scrollY > i && (e.forEach((e) => { let t = e.dataset.count, i = t / 1e3, s = 0, o = setInterval(function () { s >= t && clearInterval(o), (e.textContent = Math.round(s)), (s += i); }, 1); }), (t = !0)); }); } const categoryMobileMenu = function () { let e = document.querySelector(".category__mobile--menu"); e && e.querySelectorAll(".category__sub--menu").forEach(function (e) { let t = document.createElement("button"); t.classList.add("category__sub--menu_toggle"), e.parentNode.appendChild(t); }), e && e .querySelectorAll(".category__sub--menu_toggle") .forEach(function (e) { e.addEventListener("click", function (e) { e.preventDefault(); let t = this.parentElement; t.classList.contains("active") ? (this.classList.remove("active"), t.classList.remove("active"), t .querySelectorAll(".category__sub--menu") .forEach(function (e) { e.parentElement.classList.remove( "active" ), e.nextElementSibling.classList.remove( "active" ), slideUp(e); })) : (this.classList.add("active"), t.classList.add("active"), slideDown(this.previousElementSibling), getSiblings(t).forEach(function (e) { e.classList.remove("active"), e .querySelectorAll( ".category__sub--menu" ) .forEach(function (e) { e.parentElement.classList.remove( "active" ), e.nextElementSibling.classList.remove( "active" ), slideUp(e); }); })); }); }); }; categoryMobileMenu(), activeClassAction("#input-search-province", ".dropdown__province"), offcanvsSidebar( ".about__section #input-search-province", ".dropdown__province", ".dropdown__province" ), activeClassAction("#input-search-city", ".dropdown__city"), offcanvsSidebar( ".about__section #input-search-city", ".dropdown__city", ".dropdown__city" ); const searchBranchSuggestion = (e, t, i, s) => { let o = document.getElementById(e), n = document.getElementById(t), c = document.querySelector(i); o?.addEventListener("click", function () { c.classList.add("active"); }), o?.addEventListener("input", function () { let e = o.value.toLowerCase(), t = document.querySelectorAll(s); c.classList.contains("active") || (c.classList.add("active"), (c.style.display = "block")), t.forEach(function (t) { let i = t.textContent.toLowerCase(); i.includes(e) ? (t.style.display = "block") : (t.style.display = "none"); }), e.length > 0 && (c.style.display = "block"); }), n?.addEventListener("click", function (t) { (o.value = t.target.textContent), activeClassAction(`#${e}`, i); }); }; function copyUrl() { var e = document.createElement("textarea"); document.body.appendChild(e), (e.value = window.location.href), e.select(), document.execCommand("copy"), document.body.removeChild(e), alert("URL telah disalin ke clipboard!"); } searchBranchSuggestion( "input-search-province", "suggestion__list-province", ".dropdown__province", ".province__items" ), searchBranchSuggestion( "input-search-city", "suggestion__list-city", ".dropdown__city", ".city__items" ), document.addEventListener("DOMContentLoaded", function () { var e = document.querySelector(".btn-group"), t = document.querySelector(".dropdown-menu"); e?.addEventListener("click", function () { t.classList.toggle("show"); }), document.addEventListener("click", function (i) { e?.contains(i.target) || t.contains(i.target) || t.classList.remove("show"); }); }), document .querySelector(".logout-link") ?.addEventListener("click", function (e) { e.preventDefault(), document.querySelector("#logout-form").submit(); }), (swiper = new Swiper(".mobile-usp--carousel", { slidesPerView: 2, loop: !0, clickable: !0, centeredSlides: !0, slidesOffsetBefore: 3, slidesOffsetAfter: 3, autoplay: { delay: 3e3, disableOnInteraction: 0 }, breakpoints: { 0: { spaceBetween: 12 }, 575: { spaceBetween: 30 } }, })); document.addEventListener("DOMContentLoaded", function () { const e = document.querySelectorAll(".open-community-gnetion-modal"), o = document.querySelector(".close-community-gnetion-modal"), n = document.querySelector(".community-gnetion-modal"), t = document.querySelector(".offcanvas__header"); e.length > 0 && o && n ? (e.forEach((e) => { e.addEventListener("click", function () { t && t.classList.remove("open"), setTimeout(function () { n.classList.add("show-modal"); }, 200); }); }), o.addEventListener("click", function () { n.classList.remove("show-modal"); })) : console.error( "One or more elements not found. Check your class names." ); }); document.addEventListener("DOMContentLoaded", function () { if ("true" === sessionStorage.getItem("modal-pop-up-closed")) { const a = document.querySelector(".popup-banner"); a && a.classList.remove("is-visible"); } document.querySelectorAll(".popup__close--btn").forEach((a) => a.addEventListener("click", function () { sessionStorage.setItem("modal-pop-up-closed", "true"); const b = document.querySelector(".popup-banner"); b && b.classList.remove("is-visible"); }) ); }); const variantSelect = document.getElementById("variant_color"); const otherWrapper = document.getElementById("other_variants"); if (variantSelect && otherWrapper) { variantSelect.addEventListener("change", function () { if (this.value === "Warna Lainnya") { otherWrapper.classList.remove("hidden"); } else { otherWrapper.classList.add("hidden"); } }); } const categorySelect = document.getElementById("customer_category"); const companyName = document.getElementById("company"); if (categorySelect && companyName) { categorySelect.addEventListener("change", function () { if (this.value !== "Individual") { companyName.classList.remove("hidden"); } else { companyName.classList.add("hidden"); } }); }