{"version":3,"sources":["main.js"],"names":["$","AOS","init","on","e","preventDefault","box","this","attr","positon","offset","top","height","removeClass","prev","hide","animate","scrollTop","toggleClass","toggle","box2Slick","slick","arrows","infinite","box3Slick","slidesToShow","slidesToScroll","vertical","responsive","breakpoint","settings","i","index","adaptiveHeight","jQuery","imgReady","img","flag","mulitImg","imgTotal","length","Image","src","console","log","onload","animationCloud","document","querySelector","animationCloud2","animationRocket","animationCode","animationSlogan","animationSatellite","closk","setInterval","classList","add","clearInterval","addEventListener","remove","contains"],"mappings":"CAAA,SAAUA,GAENC,IAAIC,OAGJF,EAAE,mCAAmCG,GAAG,QAAS,SAAUC,GACvDA,EAAEC,iBACF,IAAMC,EAAMN,EAAEO,MAAMC,KAAK,QACrBC,EAAU,EACF,SAARH,IACAG,EAAUT,EAAEM,GAAKI,SAASC,IAAMX,EAAE,UAAUY,UAGhDZ,EAAE,uBAAuBa,YAAa,QAASC,KAAK,QAAQC,OAC5Df,EAAE,cAAcgB,QAAQ,CAAEC,UAAWR,GAAW,OAIpDT,EAAE,uBAAuBG,GAAG,QAAS,SAASC,GAC1CA,EAAEC,iBACFL,EAAEO,MAAMW,YAAY,QAAQJ,KAAK,QAAQK,WAK7C,MAAMC,EAAYpB,EAAE,oBAAoBqB,MAAO,CAE3CC,QAAQ,EACRC,UAAU,IA+BRC,GA7BNxB,EAAE,wBAAwBqB,MAAO,CAE7BE,UAAU,EACVE,aAAc,EACdC,eAAgB,EAChBC,UAAU,EACVC,WAAY,CACR,CACIC,WAAY,IACZC,SAAU,CACNH,UAAU,IAGlB,CACIE,WAAY,IACZC,SAAU,CACNH,UAAU,EACVF,aAAc,EACdC,eAAgB,OAMhC1B,EAAE,8BAA8BG,GAAI,QAAS,WACzC,IAAM4B,EAAI/B,EAAE,8BAA8BgC,MAAMzB,MAChDa,EAAUC,MAAO,YAAaU,KAGhB/B,EAAE,uBAAuBqB,MAAO,CAC9CE,UAAU,EACVU,gBAAgB,KAEpBjC,EAAG,qBAAsBG,GAAI,QAAS,WAClC,IAAM4B,EAAI/B,EAAG,qBAAsBgC,MAAMzB,MACzCiB,EAAUH,MAAO,YAAaU,KAjEtC,CAoEGG,QAEH,IAAIC,UAAW,EACf,MAAMC,IAAM,GACZ,IAAIC,KAAO,EACX,MAAMC,SAAW,CACb,sBACA,sBACA,sBACA,sBACA,sBACA,wBACA,wBACA,wBACA,uBAEEC,SAAWD,SAASE,OAC1B,IAAI,IAAIT,EAAI,EAAGA,EAAIQ,SAAUR,IACzBK,IAAIL,GAAK,IAAIU,MACbL,IAAIL,GAAGW,IAAMJ,SAASP,GACtBY,QAAQC,IAAKR,IAAIL,GAAGW,KACpBN,IAAIL,GAAGc,OAAS,aACZR,MACYE,WACRJ,UAAW,EACXQ,QAAQC,IAAKT,YAKzB,MAAMW,eAAiBC,SAASC,cAAc,gBACxCC,gBAAkBF,SAASC,cAAc,gBACzCE,gBAAkBH,SAASC,cAAc,WACzCG,cAAgBJ,SAASC,cAAc,SACvCI,gBAAkBL,SAASC,cAAc,WACzCK,mBAAqBN,SAASC,cAAc,cAE5CM,MAAQC,YAAa,WACnBpB,WACAW,eAAeU,UAAUC,IAAI,eAC7BC,cAAeJ,SAEpB,KAGHR,eAAea,iBAAiB,eAAgB,KAC5CT,gBAAgBM,UAAUI,OAAO,WACjCV,gBAAgBM,UAAUC,IAAI,YAC9BR,gBAAgBO,UAAUC,IAAI,iBAGlCP,gBAAgBS,iBAAkB,iBAAkB,KAC5CT,gBAAgBM,UAAUK,SAAU,aAAeT,gBAAgBI,UAAUC,IAAI,iBACtF,GAEHP,gBAAgBS,iBAAkB,eAAgB,KAE1CT,gBAAgBM,UAAUK,SAAU,cACpCR,mBAAmBG,UAAUC,IAAI,eACjCN,cAAcK,UAAUC,IAAI,kBAGjC,GAEHN,cAAcQ,iBAAkB,eAAgB,KAC5CT,gBAAgBM,UAAUI,OAAO,YACjCV,gBAAgBM,UAAUC,IAAI","file":"main.bundle.min.js","sourcesContent":["(function($) {\n\n    AOS.init()\n    \n    // 滑動\n    $('a[href^=\"#box\"], a[href=\"#top\"]').on('click', function (e) {\n        e.preventDefault()\n        const box = $(this).attr('href')\n        var positon = 0;\n        if( box !== '#top' ) {\n            positon = $(box).offset().top - $(\"header\").height()\n        }\n        \n        $('header .toggle-navs').removeClass( 'open' ).prev('.nav').hide()\n        $('html, body').animate({ scrollTop: positon }, 500)\n    })\n\n    // 選單開關\n    $('header .toggle-navs').on('click', function(e){\n        e.preventDefault()\n        $(this).toggleClass('open').prev('.nav').toggle()\n    })\n\n\n   \n    const box2Slick = $('#box2 .mov-items').slick( {\n        //asNavFor: '#box2 .mov-items-nav',\n        arrows: false,\n        infinite: false\n    } )\n    $('#box2 .mov-items-nav').slick( {\n        //asNavFor: '#box2 .mov-items',\n        infinite: false,\n        slidesToShow: 3,\n        slidesToScroll: 3,\n        vertical: true,\n        responsive: [\n            {\n                breakpoint: 992,\n                settings: {\n                    vertical: false,\n                }\n            },\n            {\n                breakpoint: 480,\n                settings: {\n                    vertical: false,\n                    slidesToShow: 2,\n                    slidesToScroll: 2,\n                }\n            }\n        ]\n    } )\n\n    $('#box2 .mov-items-nav .item').on( 'click', function(){\n        const i = $('#box2 .mov-items-nav .item').index(this)\n        box2Slick.slick( 'slickGoTo', i )\n    } )\n    \n    const box3Slick = $('#box3 .tab-contents').slick( {\n        infinite: false,\n        adaptiveHeight: true\n    } );\n    $( '#box3 .tab-nav>li' ).on( 'click', function(){\n        const i = $( '#box3 .tab-nav>li' ).index(this)\n        box3Slick.slick( 'slickGoTo', i )\n    } )\n\n})(jQuery);\n\nvar imgReady = false\nconst img = []\nvar flag = 0\nconst mulitImg = [\n    './images/box1-1.png',\n    './images/box1-2.png',\n    './images/box1-a.png',\n    './images/box1-b.png',\n    './images/box1-d.png',\n    './images/box1-a-m.png',\n    './images/box1-b-m.png',\n    './images/box1-d-m.png',\n    './images/box1-c.png'\n]\nconst imgTotal = mulitImg.length;\nfor(var i = 0; i < imgTotal; i++) {\n    img[i] = new Image()\n    img[i].src = mulitImg[i]\n    console.log( img[i].src )\n    img[i].onload = function() { //第i張圖片加載完成\n        flag++\n        if( flag == imgTotal ) { //全部加載完成\n            imgReady = true\n            console.log( imgReady )\n        }\n    }\n}\n\nconst animationCloud = document.querySelector('.cloud.item3')\nconst animationCloud2 = document.querySelector('.cloud.item2')\nconst animationRocket = document.querySelector('.rocket')\nconst animationCode = document.querySelector('.code')\nconst animationSlogan = document.querySelector('.slogan')\nconst animationSatellite = document.querySelector('.satellite')\n\nconst closk = setInterval( function() {\n    if( imgReady ) {\n        animationCloud.classList.add('animationed') // 煙霧出現，動態開始\n        clearInterval( closk )\n    }\n}, 500)\n\n\nanimationCloud.addEventListener('animationend', () => {\n    animationRocket.classList.remove('vibrate') // 移除火箭搖晃\n    animationRocket.classList.add('slide-tr') // 火箭發射\n    animationCloud2.classList.add('animationed') // 煙霧出現\n})\n\nanimationRocket.addEventListener( 'animationstart', ()=>{\n    if( animationRocket.classList.contains( 'slide-tr' ) ) animationSlogan.classList.add('animationed') // 標語出現\n}, true );\n\nanimationRocket.addEventListener( 'animationend', ()=>{\n    \n    if( animationRocket.classList.contains( 'slide-tr' ) ) {\n        animationSatellite.classList.add('animationed') // 衛星出現\n        animationCode.classList.add('animationed') // 代碼出現\n    }\n\n}, true )\n\nanimationCode.addEventListener( 'animationend', ()=>{\n    animationRocket.classList.remove('slide-tr')\n    animationRocket.classList.add('rocket-slide-bl') // 火箭重新出現\n})\n"]}