{"version":3,"sources":["main.js"],"names":["App","SetBackground","$","each","background","this","attr","css","background-image","background-size","background-position","background-repeat","EqualHeightElement","el","height","thisHeight","ScrollTo","y","animate","scrollTop","Init","InitSlider","togglenav","on","toggleClass","removeClass","togglenavSearch","mappingInit","MappingListener","selector","mobileWrapper","mobileMethod","desktopWrapper","desktopMethod","breakpoint","watch","swiperInit","Swiper","speed","slidesPerView","loop","autoplay","navigation","clickable","nextEl","prevEl","pagination","swiperHomeSlideInit","spaceBetween","breakpoints","1200","576","375","swiperHome","1025","giaiphap","gallery","galleryThumbs","freeMode","watchSlidesVisibility","watchSlidesProgress","768","thumbs","swiper","checkIE","document","documentMode","width","outerHeight","display","toggleViews","viewdetail","ready"],"mappings":"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","file":"main.min.js","sourcesContent":["const App = {\r\n    SetBackground: () => {\r\n        $('[setBackground]').each(function() {\r\n            var background = $(this).attr('setBackground')\r\n            $(this).css({\r\n                \"background-image\": \"url(\" + background + \")\",\r\n                \"background-size\": \"cover\",\r\n                \"background-position\": \"center center\"\r\n            })\r\n        })\r\n        $('[setBackgroundRepeat]').each(function() {\r\n            var background = $(this).attr('setBackgroundRepeat')\r\n            $(this).css({\r\n                \"background-image\": \"url(\" + background + \")\",\r\n                \"background-repeat\": \"repeat\"\r\n            })\r\n        })\r\n    },\r\n    EqualHeightElement: el => {\r\n        let height = 0;\r\n        let thisHeight = 0;\r\n        $(el).each(function() {\r\n            thisHeight = $(this).height();\r\n            if (thisHeight > height) {\r\n                height = thisHeight;\r\n            }\r\n        });\r\n        $(el).height(height)\r\n    },\r\n    // InitLazyLoad: () => {\r\n    //     return new LazyLoad({\r\n    //         elements_selector: \".lazy\"\r\n    //     });\r\n    // },\r\n    ScrollTo: y => {\r\n        $('html, body').animate({\r\n            scrollTop: y\r\n        }, 1000)\r\n    },\r\n    Init: () => {\r\n        App.SetBackground()\r\n        // App.InitLazyLoad()\r\n        \r\n    }\r\n}\r\n\r\nfunction InitSlider() {\r\n\r\n}\r\n$(document).ready(function() {\r\n    App.Init()\r\n    checkIE()\r\n    // height()\r\n    togglenav()\r\n    mappingInit()\r\n    swiperInit()\r\n    swiperHomeSlideInit()\r\n    swiperHome()\r\n    gallery()\r\n    toggleViews()\r\n    viewdetail()\r\n    giaiphap()\r\n})\r\n//height menu\r\n// function height(){\r\n//     let e = $('header .header-wrapper').height()\r\n//     $('header .nav-mobile').css({\r\n//         'height': 'calc(100vh - '+(e)+'px )'\r\n//     })\r\n//     console.log(e);\r\n    \r\n//     $('header .back-drop').css({\r\n//         'height': 'calc(100vh - '+(e)+'px )'\r\n//     })\r\n//     // $('main').css({\r\n//     //     'padding-top': +e+'px'\r\n//     // })\r\n// }\r\n//nav\r\nfunction togglenav(){\r\n    $('.button-toggle').on('click',function(){\r\n        $(this).toggleClass('active')\r\n        $('.nav-mobile').toggleClass('active')\r\n        $('.back-drop').toggleClass('active')\r\n    });\r\n    $('.back-drop').on('click',function(){\r\n        $(this).removeClass('active')\r\n        $('.nav-mobile').removeClass('active')\r\n        $('.button-toggle').removeClass('active')\r\n    })\r\n}\r\nfunction togglenavSearch(){\r\n    $('.box-title').on('click',function(){\r\n        $(this).toggleClass('active')\r\n        $('.select-wrap').toggleClass('active')\r\n    });\r\n    \r\n}\r\nfunction mappingInit(){\r\n    var searchbox = new MappingListener({\r\n\t\tselector: \"header .search-box\",\r\n\t\tmobileWrapper: \".nav-mobile\",\r\n\t\tmobileMethod: \"appendTo\",\r\n\t\tdesktopWrapper: \"header .nav-top .language\",\r\n\t\tdesktopMethod: \"insertBefore\",\r\n\t\tbreakpoint: 1200,\r\n    }).watch();\r\n    var navtop = new MappingListener({\r\n\t\tselector: \"header .nav-menu-top\",\r\n\t\tmobileWrapper: \".nav-mobile\",\r\n\t\tmobileMethod: \"appendTo\",\r\n\t\tdesktopWrapper: \".nav-top\",\r\n\t\tdesktopMethod: \"prependTo\",\r\n\t\tbreakpoint: 1200,\r\n    }).watch();\r\n    var hotline = new MappingListener({\r\n\t\tselector: \"header .hotline\",\r\n\t\tmobileWrapper: \".nav-mobile\",\r\n\t\tmobileMethod: \"appendTo\",\r\n\t\tdesktopWrapper: \"header .nav-top .search-box\",\r\n\t\tdesktopMethod: \"insertBefore\",\r\n\t\tbreakpoint: 1200,\r\n    }).watch();\r\n    var navbottom = new MappingListener({\r\n\t\tselector: \"header .header-bottom\",\r\n\t\tmobileWrapper: \".nav-mobile\",\r\n\t\tmobileMethod: \"appendTo\",\r\n\t\tdesktopWrapper: \"header .header-top\",\r\n\t\tdesktopMethod: \"insertAfter\",\r\n\t\tbreakpoint: 1200,\r\n    }).watch()\r\n    \r\n}\r\n//swiper\r\nfunction swiperInit(){\r\n    let HomeBanner = new Swiper('.home-banner .swiper-container', {\r\n        speed: 1500,\r\n        slidesPerView: 1,\r\n        loop: true,\r\n        autoplay: true,\r\n        navigation: {\r\n            clickable: true,\r\n            nextEl: '.home-banner .swiper-next',\r\n            prevEl: '.home-banner .swiper-prev'\r\n        },\r\n        pagination: {\r\n            el: '.home-banner .swiper-pagination',\r\n            clickable: true\r\n        },\r\n\t})\r\n}\r\nfunction swiperHomeSlideInit(){\r\n    let HomeBanner = new Swiper('.product-service .swiper-container', {\r\n        speed: 1000,\r\n        slidesPerView: 4,\r\n        spaceBetween: 40,\r\n        loop: true,\r\n        // autoplay: true,\r\n        navigation: {\r\n            nextEl: '.product-service .swiper-next',\r\n            prevEl: '.product-service .swiper-prev'\r\n        },\r\n        pagination: {\r\n            el: '.product-service .swiper-pagination',\r\n            clickable: true\r\n        },\r\n\r\n        breakpoints: {\r\n            1200: {\r\n                slidesPerView: 3,\r\n                spaceBetween: 10\r\n            },\r\n            576: {\r\n                slidesPerView: 2,\r\n                spaceBetween: 30\r\n            },\r\n            375: {\r\n                slidesPerView: 1,\r\n            },\r\n\t\t}\r\n\t})\r\n\r\n}\r\nfunction swiperHome(){\r\n    let HomeBanner = new Swiper('.doitac .swiper-container', {\r\n        speed: 1000,\r\n        slidesPerView: 6,\r\n        spaceBetween: 20,\r\n        loop: true,\r\n        autoplay: true,\r\n        navigation: {\r\n            nextEl: '.doitac .swiper-next',\r\n            prevEl: '.doitac .swiper-prev'\r\n        },\r\n        pagination: {\r\n            el: '.doitac .swiper-pagination',\r\n            clickable: true\r\n        },\r\n\r\n        breakpoints: {\r\n\t\t\t1025: {\r\n                slidesPerView: 4,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t\t576: {\r\n                slidesPerView: 3,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t}\r\n\t})\r\n\r\n}\r\nfunction giaiphap(){\r\n    let productplus = new Swiper('.giaiphap-plus .swiper-container', {\r\n        speed: 1000,\r\n        slidesPerView: 3,\r\n        spaceBetween: 20,\r\n        autoplay: true,\r\n        loop: true,\r\n        navigation: {\r\n            nextEl: '.giaiphap-plus .swiper-next',\r\n            prevEl: '.giaiphap-plus .swiper-prev'\r\n        },\r\n        pagination: {\r\n            el: '.giaiphap-plus .swiper-pagination',\r\n            clickable: true\r\n        },\r\n\r\n        breakpoints: {\r\n\t\t\t1025: {\r\n                slidesPerView: 2,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t\t576: {\r\n                slidesPerView: 1,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t}\r\n\t})\r\n}\r\nfunction gallery(){\r\n    var galleryThumbs = new Swiper('.product-detail .gallery-thumbs', {\r\n        spaceBetween: 10,\r\n        slidesPerView: 5,\r\n        freeMode: true,\r\n        watchSlidesVisibility: true,\r\n        watchSlidesProgress: true,\r\n        breakpoints: {\r\n\t\t\t768: {\r\n                slidesPerView: 4,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t\t576: {\r\n                slidesPerView: 3,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t\t375: {\r\n                slidesPerView: 2,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t},\r\n        });\r\n    var galleryTop = new Swiper('.product-detail .gallery-top', {\r\n    spaceBetween: 10,\r\n    autoplay: true,\r\n    speed: 1000,\r\n    navigation: {\r\n        nextEl: '.product-detail .swiper-next',\r\n        prevEl: '.product-detail .swiper-prev',\r\n    },\r\n    thumbs: {\r\n        swiper: galleryThumbs\r\n    }\r\n    });\r\n    let productplus = new Swiper('.product-plus .swiper-container', {\r\n        speed: 1000,\r\n        slidesPerView: 3,\r\n        spaceBetween: 20,\r\n        loop: true,\r\n        autoplay: true,\r\n        navigation: {\r\n            nextEl: '.product-plus .swiper-next',\r\n            prevEl: '.product-plus .swiper-prev'\r\n        },\r\n        pagination: {\r\n            el: '.product-plus .swiper-pagination',\r\n            clickable: true\r\n        },\r\n\r\n        breakpoints: {\r\n\t\t\t1025: {\r\n                slidesPerView: 2,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t\t576: {\r\n                slidesPerView: 1,\r\n                spaceBetween: 10\r\n\t\t\t},\r\n\t\t}\r\n\t})\r\n}\r\n\r\nfunction checkIE(){\r\n    var isIE = /*@cc_on!@*/false || !!document.documentMode;\r\n    if(isIE == true){\r\n        $('.nav-menu-top-ie').removeClass('hidden')\r\n        $('.header .header-wrapper .logo svg').css({'height': +79+'px'})\r\n        $('.tuvan-wrapper .row').css({'width': +100+'%'})\r\n    }\r\n    var e =  $('.product-detail .detail-wrapper .content').outerHeight()\r\n    if(e >= 114){\r\n       $('.product-detail .detail-wrapper .button-bottom .button').css({\r\n        \"display\": \"block\"\r\n    })  \r\n    }\r\n}\r\nfunction toggleViews(){\r\n    $('.product-detail .detail-wrapper .button-bottom .button').on('click', function(){\r\n        $('.product-detail .detail-wrapper .content').toggleClass('active')\r\n        $('.product-detail .detail-wrapper .button-bottom .button').toggleClass('active')\r\n        $('.product-detail .detail-wrapper .button-bottom .button-2').toggleClass('active')\r\n    })\r\n    $('.product-detail .detail-wrapper .button-bottom .button-2').on('click', function(){\r\n        $('.product-detail .detail-wrapper .content').toggleClass('active')\r\n        $('.product-detail .detail-wrapper .button-bottom .button').toggleClass('active')\r\n        $('.product-detail .detail-wrapper .button-bottom .button-2').toggleClass('active')\r\n    })\r\n}\r\nfunction viewdetail(){\r\n    var e =  $('.product-detail .detail-wrapper .content').outerHeight()\r\n    if(e >= 115){\r\n       $('.product-detail .detail-wrapper .button-bottom .button').css({\r\n        \"display\": \"block\"\r\n    })  \r\n    }\r\n    \r\n}"]}