/*
 * Name     : main.min.js
 * Version  : 1.1.0
 * Author   : 1px studio
 * Product  : prime03
 * Date     : 2024-09-26
 * Desc     : multiple section (product/blog swiper, notice)
 * -------------------------------------------------
 */
$(function(){if(null!=document.getElementById("isIndex")){!function e(){function t(e){e.hide()}$(".px-layer-popup .btn-cookie-close").on("click",function(e){let i=$(this).closest(".px-layer-popup"),s=i.attr("id");e.preventDefault(),$.cookie(s,"1",{expires:1}),t(i)}),$(".px-layer-popup .btn-normal-close").on("click",function(e){let i=$(this).closest(".px-layer-popup");e.preventDefault(),t(i)})}(),gsap.registerPlugin(ScrollTrigger);gsap.timeline().to(".banner-text .word-wrap .word",{scrollTrigger:{trigger:".banner-text",scrub:3,start:"0% 80%",end:"100% 80%"},transform:"translateY(0px)",opacity:1,duration:1,stagger:.1,ease:"power2.out"}),!function e(){let t=document.querySelector(".main-slide .autoplay-progress svg.fill"),i=new Swiper(".main-swiper",{direction:"vertical",speed:1e3,loop:!0,slidesPerView:1,spaceBetween:0,allowTouchMove:!1,centeredSlides:!0,navigation:{nextEl:".main-slide .swiper-button-next",prevEl:".main-slide .swiper-button-prev"},pagination:{el:".main-slide .swiper-pagination"},navigation:{nextEl:".main-slide .m-next",prevEl:".main-slide .m-prev"},autoplay:{delay:3500,disableOnInteraction:!1},on:{init:function(){$(".main-swiper").addClass("load-init"),$(".main-slide .swiper-pagination").append('<div class="swiper-pause"><i class="bi bi-pause"></i></div>')},autoplayTimeLeft(e,i,s){t.style.setProperty("--progress",1-s)},slideChange:function(e){for(let t=0;t<e.slides.length;t++){let i,s=(e.activeIndex==t?0:e.activeIndex-t)*(.5*e.height);e.slides[t].querySelector(".main-slide-bg-wrap").style.transform="translate3d(0, "+s+"px, 0)",$(".main-swiper").removeClass("load-init")}$(".swiper-pause").removeClass("stop")},touchStart:function(e){for(let t=0;t<e.slides.length;t++)e.slides[t].style.transition=""},setTransition:function(e,t){for(let i=0;i<e.slides.length;i++)e.slides[i].style.transition=t+"ms",e.slides[i].querySelector(".main-slide-bg-wrap").style.transition=t+"ms"}}});$(".swiper-pause").on("click",function(e){$(this).toggleClass("stop"),$(this).hasClass("stop")?i.autoplay.pause():i.autoplay.resume()})}();$(".product").each(function(){let e="#"+this.id+" ";!function e(t){if(0==$(t+".article-list").length)return;let i=$(t+".article-list > tbody > tr > td"),s='<div class="swiper-wrapper">',a=0;i.each(function(){let e=$(this).find("a").attr("href"),t=$(this).find(".board_output_imgs").attr("src"),i=$(this).find(".board_output_gallery_subject a"),l=$(this).find(".board_output_gallery_description"),n=$(this).find("tr:last-child > td"),r=i.text().trim(),o=l.text().trim();i.remove(),l.remove();s+=`
    <div class="p-item swiper-slide">
        <a href="${e}" class="p-link">
            <img src="${t}" alt="${r}" data-aos="fade-zoom-in" data-aos-delay="${a}" data-aos-easing="ease-out-cubic">
            <div class="p-text-wrap">
                <h4 class="p-title ellipsis-1">${r}</h4>
                <span class="p-bar"></span>
                <p class="p-text ellipsis-2">${o}</p>
                <p class="p-date">#${n.text().trim()}</p>
            </div>
        </a>
    </div>`,a+=150}),s+="</div>",$(t+".product-swiper").html(s),$(t+".article-list").remove()}(e),new Swiper(e+".product-swiper",{slidesPerView:"auto",spaceBetween:15,slidesOffsetAfter:15,resizeObserver:!1,pagination:{el:e+".swiper-pagination",type:"progressbar"},navigation:{nextEl:e+".p-navi-next",prevEl:e+".p-navi-prev",disabledClass:"p-navi-disabled"}})});$(".blog").each(function(){let e="#"+this.id+" ";!function e(t){if(0==$(t+".article-list").length)return;let i=$(t+".article-list tr"),s="",a=0;i.each(function(e){let t=$(this).find("a").attr("href"),i=$(this).find(".board_output_imgs").attr("src"),l=$(this).find("td.bd_out1").text().trim(),n=$(this).find("td").eq(2).text().trim(),r=$(this).find("td").eq(3).text(),o;s+=`
    <div class="b-item col-3 swiper-slide">
        <a href="${t}" class="b-link">
            <div class="b-img-wrap" ${e<4?`data-aos="fade-zoom-in" data-aos-delay="${a}" data-aos-easing="ease-out-cubic"`:""}>
                <img src="${i}" alt="${l}">
                <div class="cate">${$(this).find("td").last().text()}</div>
            </div>
            <div class="b-text-wrap">
                <h4 class="b-title ellipsis-1">${l}</h4>
                <p class="b-text ellipsis-3">${n}</p>
                <p class="date">${r}</p>
                <p class="more">Read more</p>
            </div>
        </a>
    </div>`}),$(t+".blog-swiper .swiper-wrapper").empty().html(s),a+=150}(e),new Swiper(e+".blog-swiper",{slidesPerView:1,spaceBetween:0,resizeObserver:!1,pagination:{el:e+".swiper-pagination",type:"progressbar"},navigation:{nextEl:e+".b-navi-next",prevEl:e+".b-navi-prev",disabledClass:"b-navi-disabled"},breakpoints:{480:{slidesPerView:2,spaceBetween:10},768:{slidesPerView:3,spaceBetween:10},990:{slidesPerView:4,spaceBetween:15}}})}),!function e(){if(0!=$(".notice .article-list").length)$(".notice").each(function(){let e=$(this).find(".article-list tr"),t="",i=0;e.each(function(e){let i=$(this).find("a"),s=i.attr("href"),a=i.text().trim(),l=$(this).find("td").eq(2).text(),n;t+=`
        <div class="row ${0==e?"n-line-1":"n-line-2"} pt-30">
            <div class="col-sm-2 col-3">
                <p class="n-date">${l}</p>
            </div>
            <div class="col-lg-9 col-sm-8 col-6">
                <h4 class="n-title pb-30">${a}</h4>
                <p class="n-text pb-30 ${0==e?"open":""}">${$(this).find("td").last().text()}</p>
            </div>
            <div class="col-lg-1 col-sm-2 col-3 text-center">
                <a href="${s}" class="n-more">MORE +</a>
            </div>
        </div>`}),$(this).find(".tbl").html(t),$(this).find(".article-list").remove(),i+=150})}(),$("section.notice .n-title").on("click",function(e){$(this).next(".n-text").toggleClass("open")}),AOS.init({duration:600,once:!0})}});