"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" } }), 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" } }), swiper = new Swiper(".logo__swiper--activation", { slidesPerView: 6, loop: !0, clickable: !0, spaceBetween: 50, autoplay: !0, breakpoints: { 1200: { slidesPerView: 6 }, 768: { slidesPerView: 5, spaceBetween: 30 }, 576: { slidesPerView: 3, spaceBetween: 20 }, 0: { slidesPerView: 2 } }, navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev" } }), 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 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")) }), window.addEventListener("resize", function () { window.outerWidth >= 992 && (i.classList.remove("open"), o.classList.remove("mobile_menu_open")) }) }; offcanvasHeader(); 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() });