{"version":3,"sources":["product-cont.js"],"names":["isInViewport","el","rect","getBoundingClientRect","offsetHeight","bottom","right","top","window","innerHeight","document","documentElement","clientHeight","left","innerWidth","clientWidth","throttle","func","wait","mustRun","timeout","startTime","Date","args","arguments","curTime","undefined","requestTimeout","clearRequestTimeout","clearTimeout","apply","this","setTimeout","html","ww","getWinSet","length","pageYOffset","scrollTop","clientTop","getScrollTop","addEventListener","isMobile","deviceDetect","test","navigator","userAgent","classList","add","remove","match","on","pageScrollCheckList","pageScrollAdd","selector","buildFunction","querySelector","push","build","fun","pdMenu","$pdMenu","$","pdMenuItem","querySelectorAll","pdIntro","pdIntroOffset","pdIntroImgs","timer","timerLoad","targetHash","imgLoadHandler","foundation","forEach","img","removeEventListener","clickHandler","hash","item","sec","blur","contains","channel","channelScrollArea","find","docDisableScroll","focus","docEnableScroll","anchors","call","anchor","e","preventDefault","target","currentTarget","articleTitle","innerText","title","encodeURI","hashTags","getAttribute","shareUrl","href","replace","location","windowName","windowSettings","open","opener","shareButton","hideEl","dataset","share","tabIndex","event","url","console","error","ClipboardJS","text","trigger","clearSelection","toast","customEffect","swiper","progress","interleaveOffset","dir","imgSelector","i","slides","innerTranslate","width","style","transform","transition","speed","swiperCountdownPlay","type","cd","stop","strokeDashoffset","arrow","pagination","bullets","realIndex","start","req","requestAnimationFrame","play","params","pdPhotoSwiper","items","photoSwipeInit","galleryImg","index","setAttribute","src","w","h","itemIndex","pswpElement","gallery","PhotoSwipe","PhotoSwipeUI_Default","history","showAnimationDuration","hideAnimationDuration","getThumbBoundsFn","thumbnail","pageYScroll","x","y","listen","Image","onload","height","invalidateCurrItems","updateSize","slideToLoop","getCurrentIndex","init","pdPhotoCarousel","pdPhotoBuild","imgCache","imgViewer","cx","cy","originW","originH","swiperTarget","swiperEl","parentElement","swiperContEl","swiperPageEl","swiperNextEl","swiperPrevEl","swiperCtrlEl","isLoop","zoomScale","resultPosAdjustTop","resultPosAdjustLeft","previewImgWidth","previewImgHeight","previewImgTop","previewImgLeft","previewImgLimit","classIsHover","lens","result","pdOverviewCont","zoomSetImg","sw","activeIndex","backgroundImage","createElement","resultImgDataGet","naturalWidth","naturalHeight","backgroundSizeWidth","backgroundSizeHeight","backgroundSize","mouseenter","mouseleave","scaleLen","scale","offsetWidth","moveLens","pos","a","pageX","pageY","pageXOffset","backgroundPosition","isUseMouse","Swiper","spaceBetween","loop","simulateTouch","lazy","loadPrevNext","preloadImages","watchSlidesProgress","navigation","nextEl","prevEl","touchStart","setTransition","slideChange","lenAdjustTop","lenTop","lenAdjustLeft","lenLeft","lazyImageReady","slideEl","imageEl","parseInt","swiperSlideIndex","pdSoluCarousel","pdSoluBuild","swiperSlideEl","slidesCount","pdSoluSwiperBuild","opt","defaultOpt","effect","watchOverflow","autoplay","delay","disableOnInteraction","clickable","dynamicBullets","dynamicMainBullets","renderBullet","className","size","concat","dur","perFrame","timestamp","running","cancelAnimationFrame","autoplayStart","autoplayStop","options","_objectSpread","breakpoint","matchMedia","breakpointChecker","destroy","matches","direction","autoHeight","addListener","pdRecommendCarousel","pdRecommendBuild","slidesPerView","slidesPerGroup","breakpoints","1024","1200","pdSupportButton","pdSupportList","pdSupportClassIsOpen","toggle","pdSupportCircleLink","pdSupportCircleLinkResize","max","Math","ceil","pageScrollThrottle","pageScrollHandler","Array","prototype","filter"],"mappings":"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","file":"../product-cont.min.js","sourcesContent":["/* ---------------------------------------- [START] isInViewport */\r\nfunction isInViewport(el) {\r\n\tvar rect = el.getBoundingClientRect();\r\n\r\n\tvar isVisible = el.offsetHeight !== 0;\r\n\r\n\treturn (\r\n\t\tisVisible &&\r\n\t\trect.bottom >= 0 &&\r\n\t\trect.right >= 0 &&\r\n\t\trect.top <= (window.innerHeight || document.documentElement.clientHeight) &&\r\n\t\trect.left <= (window.innerWidth || document.documentElement.clientWidth)\r\n\t);\r\n}\r\n/* ---------------------------------------- [END] isInViewport */\r\n\r\n/* ---------------------------------------- [START] 簡單的節流函數 */\r\n// https://www.cnblogs.com/coco1s/p/5499469.html\r\nfunction throttle(func, wait, mustRun) {\r\n\tvar timeout;\r\n\tvar startTime = new Date();\r\n\r\n\treturn function () {\r\n\t\tvar context = this;\r\n\t\tvar args = arguments;\r\n\t\tvar curTime = new Date();\r\n\r\n\t\tif (timeout !== undefined) {\r\n\t\t\tif (window.requestTimeout !== undefined) clearRequestTimeout(timeout);\r\n\t\t\telse clearTimeout(timeout);\r\n\t\t}\r\n\t\t// 如果達到了規定的觸發時間間隔，觸發 handler\r\n\t\tif (curTime - startTime >= mustRun) {\r\n\t\t\tfunc.apply(context, args);\r\n\t\t\tstartTime = curTime;\r\n\t\t\t// 沒達到觸發間隔，重新設定定時器\r\n\t\t} else {\r\n\t\t\tif (window.requestTimeout !== undefined) timeout = requestTimeout(func, wait);\r\n\t\t\telse timeout = setTimeout(func, wait);\r\n\t\t}\r\n\t};\r\n}\r\n/* ---------------------------------------- [END] 簡單的節流函數 */\r\n\r\n(function(window, document) {\r\n\r\n\t/* ----------------------------------- [START] Windows Setting */\r\n\tconst html = document.documentElement;\r\n\t// const body = document.body || document.querySelector('body');\r\n\tlet ww = window.innerWidth;\r\n\tlet wh = window.innerHeight;\r\n\tlet ws = 0;\r\n\tfunction getScrollTop(target = window) {\r\n\t\treturn (target.pageYOffset || html.scrollTop) - (html.clientTop || 0);\r\n\t}\r\n\tfunction getWinSet() {\r\n\t\tww = window.innerWidth;\r\n\t\twh = window.innerHeight;\r\n\t\tws = getScrollTop();\r\n\t}\r\n\twindow.addEventListener('load', getWinSet);\r\n\twindow.addEventListener('resize', throttle(getWinSet, 50, 100));\r\n\t/* ----------------------------------- [END] Windows Setting */\r\n\r\n\t/* ----------------------------------- [START] 取得裝置判斷 */\r\n\t// 取得裝置判斷\r\n\tvar isMobile = false;\r\n\tvar isTablet = false;\r\n\tvar isPhone = false;\r\n\tvar deviceDetect = function () {\r\n\t\t// IsPhone\r\n\t\tisPhone = ww <= 640;\r\n\r\n\t\t// IsMobile\r\n\t\t// 防止測試時一直用開發者工具Resize出現Bug\r\n\t\tisMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\r\n\t\tif (isMobile) html.classList.add('is-mobile');\r\n\t\telse html.classList.remove('is-mobile');\r\n\r\n\t\t// IsTablet\r\n\t\tif (navigator.userAgent.match(/Android/i)) {\r\n\t\t\tif (!navigator.userAgent.match(/Mobile/i)) {\r\n\t\t\t\tisTablet = true;\r\n\t\t\t}\r\n\t\t} else if (navigator.userAgent.match(/BlackBerry|iPad|Opera Mini|IEMobile/i)) {\r\n\t\t\tisTablet = true;\r\n\t\t}\r\n\t};\r\n\tdeviceDetect();\r\n\ton(window, 'resize', throttle(deviceDetect, 50, 100));\r\n\t/* ----------------------------------- [END] 取得裝置判斷 */\r\n\t/* ---------------------------------------- [START] 整頁 Scroll 監測 (Before) */\r\n\tvar pageScrollCheckList = []; // 紀錄物件\r\n\tvar pageScrollAdd = function (selector, buildFunction) {\r\n\t\tvar el = document.querySelector(selector);\r\n\t\tif (el === null) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t\tpageScrollCheckList.push({\r\n\t\t\tbuild: false,\r\n\t\t\tel: el,\r\n\t\t\tfun: buildFunction,\r\n\t\t});\r\n\t};\r\n\tvar pageScrollClean = function () {\r\n\t\tpageScrollCheckList = Array.prototype.filter.call(pageScrollCheckList, function (item) {\r\n\t\t\treturn item.build === false;\r\n\t\t});\r\n\t};\r\n\t/* ---------------------------------------- [END] 整頁 Scroll 監測 (Before) */\r\n\r\n\t/* ---------------------------------------- [START] 錨點點擊 */\r\n\t// 因為產品介紹（上稿區）的圖片有 Lazy Load，圖片無法先預設圖片大小，\r\n\t// 所以錨點在第一次點擊時會有位置上的差異\r\n\tfunction pdMenuBuild() {\r\n\t\tconst pdMenu = document.querySelector('#page-nav-pd-cont');\r\n\t\tconst $pdMenu = $(pdMenu);\r\n\t\tconst pdMenuItem = pdMenu.querySelectorAll('a');\r\n\t\t// const pdMenuSmoothScrollOffset = pdMenu.dataset['offset'] || 110; // 讀取設定在<ul>上的 data-offset\r\n\r\n\t\tconst pdIntro = document.querySelector('#pd-intro');\r\n\t\tconst pdIntroOffset = pdIntro.getBoundingClientRect().top;\r\n\t\tconst pdIntroImgs = pdIntro.querySelectorAll('img.lazyload'); // 上稿區的圖片\r\n\t\t\r\n\t\tlet timer = null;\r\n\t\tlet timerLoad = null;\r\n\r\n\t\tlet targetHash = null; // 紀錄去哪個項目\r\n\r\n\t\tconst imgLoadHandler = function() {\r\n\t\t\tif (timer) {\r\n\t\t\t\tclearTimeout(timer);\r\n\t\t\t\ttimer = null;\r\n\t\t\t}\r\n\r\n\t\t\tif (timerLoad) {\r\n\t\t\t\tclearTimeout(timerLoad);\r\n\t\t\t\ttimerLoad = null;\r\n\t\t\t}\r\n\r\n\t\t\ttimer = setTimeout(() => {\r\n\t\t\t\t$pdMenu.foundation('reflow');\r\n\r\n\t\t\t\t$('[data-magellan]').foundation('scrollToLoc', targetHash);\r\n\r\n\t\t\t\ttimerLoad = setTimeout(() => {\r\n\t\t\t\t\tif (timer) {\r\n\t\t\t\t\t\tclearTimeout(timer);\r\n\t\t\t\t\t\ttimer = null;\r\n\r\n\t\t\t\t\t\tpdIntroImgs.forEach((img) => {\r\n\t\t\t\t\t\t\t// 等圖片讀取完 => 重新滑動\r\n\t\t\t\t\t\t\timg.removeEventListener('load', imgLoadHandler);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t}\r\n\t\t\t\t}, 500);\r\n\t\t\t}, 100);\r\n\t\t}\r\n\r\n\t\tconst clickHandler = function() {\r\n\t\t\ttargetHash = this.hash;\r\n\r\n\t\t\tpdMenuItem.forEach((item) => {\r\n\t\t\t\titem.removeEventListener('click', clickHandler);\r\n\t\t\t});\r\n\r\n\t\t\t// 等圖片讀取完 => 重新滑動\r\n\t\t\tpdIntroImgs.forEach((img) => {\r\n\t\t\t\timg.addEventListener('load', imgLoadHandler);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tpdMenuItem.forEach((item) => {\r\n\t\t\tconst sec = item.hash ? document.querySelector(item.hash) : null;\r\n\r\n\t\t\tif (item.hash && sec) {\r\n\t\t\t\titem.addEventListener('click', function() {\r\n\t\t\t\t\tthis.blur();\r\n\r\n\t\t\t\t\t// data-magellan 重新計算\r\n\t\t\t\t\t$pdMenu.foundation('reflow');\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// 判斷是否在 產品介紹（上稿區） 下方區塊\r\n\t\t\t\tif (pdIntroOffset < sec.getBoundingClientRect().top) {\r\n\t\t\t\t\titem.addEventListener('click', clickHandler);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 在上方的區塊則要取消圖片\r\n\t\t\t\t\titem.addEventListener('click', function() {\r\n\t\t\t\t\t\tpdIntroImgs.forEach((img) => {\r\n\t\t\t\t\t\t\timg.removeEventListener('load', imgLoadHandler);\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// 是第一個選項(overflow)\r\n\t\t\t\t// UAT 249 - 修正有時選擇Overflow無法正常顯示Active\r\n\t\t\t\tif (item.hash === '#pd-overflow') {\r\n\t\t\t\t\titem.addEventListener('click', function() {\r\n\t\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\t\t// $('[data-magellan]').foundation('reflow');\r\n\t\t\t\t\t\t\t$pdMenu.foundation('reflow');\r\n\t\t\t\t\t\t}, 600)\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// UAT 249\r\n\t\t// 2022/04/20 不明原因，Chrome, Edge, Safari 沒有辦法觸發 Foundation magellan 模組的內建的事件，造成模組損壞，所以另外重設 loaded + scroll。\r\n\t\t// ※用空白頁製作 magellan 仍然是正常的。\r\n\t\tif (!document.documentElement.classList.contains('firefox')) {\r\n\t\t\t// $('[data-magellan]').foundation('reflow');\r\n\t\t\t$pdMenu.foundation('reflow');\r\n\t\t\twindow.addEventListener('scroll', function() {\r\n\t\t\t\t// $('[data-magellan]').foundation('reflow');\r\n\t\t\t\t$pdMenu.foundation('reflow');\r\n\t\t\t})\r\n\t\t}\r\n\t}\r\n\r\n\twindow.addEventListener('load', pdMenuBuild);\r\n\t/* ---------------------------------------- [END] 錨點點擊 */\r\n\r\n\t/* ---------------------------------------- [START] Other Channels */\r\n\t// Other Channels 一直打開收合動作會有不明無法移動 scroll bar 情況\r\n\t// 用 JS 操作 Scroll bar\r\n\tfunction channelPopupBuild() {\r\n\t\tconst channel = $('#popup-channel')\r\n\t\tconst channelScrollArea = channel.find('.fixed-panel__body');\r\n\r\n\t\t// Fires immediately before the modal opens. Closes any other modals that are currently open\r\n\t\tchannel.on('closeme.zf.reveal', function() {\r\n\t\t\t// 關閉Scroll\r\n\t\t\tif (isMobile) {\r\n\t\t\t\twindow.docDisableScroll && docDisableScroll();\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tchannelScrollArea.scrollTop(0);\r\n\t\t\t\tchannelScrollArea.focus();\r\n\t\t\t}, 10);\r\n\t\t});\r\n\r\n\t\t// Fires when the modal is done closing.\r\n\t\tchannel.on('closed.zf.reveal', function() {\r\n\t\t\t// 開啟Scroll\r\n\t\t\tif (isMobile) {\r\n\t\t\t\twindow.docEnableScroll && docEnableScroll();\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\twindow.addEventListener('load', channelPopupBuild);\r\n\t/* ---------------------------------------- [END] Other Channels */\r\n\r\n\t/* ---------------------------------------- [START] Share to SNS */\r\n\tvar anchors = document.querySelectorAll('.sharer');\r\n\t[].forEach.call(anchors, function (anchor) {\r\n\t\tanchor.addEventListener(\r\n\t\t\t'click',\r\n\t\t\tfunction (e) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tvar target = e.currentTarget;\r\n\r\n\t\t\t\t// Get title\r\n\t\t\t\tvar articleTitle = document.querySelector('#article-title')\r\n\t\t\t\t\t? document.querySelector('#article-title').innerText\r\n\t\t\t\t\t: document.title;\r\n\r\n\t\t\t\t// change title to encode\r\n\t\t\t\tarticleTitle = encodeURI(articleTitle);\r\n\r\n\t\t\t\tvar hashTags = target.getAttribute('data-hashtags') || ''\r\n\r\n\t\t\t\t// grab the base sharing URL\r\n\t\t\t\tvar url = target.href;\r\n\r\n\t\t\t\t// Change \"{articleUrl}\" to page url\r\n\t\t\t\tvar shareUrl = url\r\n\t\t\t\t\t.replace(/CarticleUrlC/gm, window.location.href)\r\n\t\t\t\t\t.replace(/CarticleTitleC/gm, articleTitle)\r\n\t\t\t\t\t.replace(/ChashtagsC/gm, hashTags);\r\n\r\n\t\t\t\t// grab the name we want to give the window (parameter 2 on window.open)\r\n\t\t\t\t// MDN: 新視窗的名稱。該字元串可以用來作為超連結 <a> 或表單 <form> 元素的目標屬性值。字元串中不能含有空白字元。注意：strWindowName 並不是新視窗的標題。\r\n\t\t\t\tvar windowName = target.getAttribute('data-windowName') || 'Share';\r\n\t\t\t\twindowName.replace(/\\s/g, ''); // 移除空白\r\n\r\n\t\t\t\t// Grab parameter 3 for window.oprn (window settings)\r\n\t\t\t\tvar windowSettings =\r\n\t\t\t\t\ttarget.getAttribute('data-settings') ||\r\n\t\t\t\t\t'menubar=no,toolbar=no,resizable=no,scrollbars=yes,height=700,width=550';\r\n\r\n\t\t\t\t// call window.open\r\n\t\t\t\tvar otherWindow = window.open(shareUrl, windowName, windowSettings);\r\n\t\t\t\totherWindow.opener = null;\r\n\t\t\t\t// otherWindow.location = shareUrl;\r\n\t\t\t},\r\n\t\t\tfalse\r\n\t\t);\r\n\t});\r\n\t/* ---------------------------------------- [END] Share to SNS */\r\n\r\n\t/* ---------------------------------------- [START] Navigator Share */\r\n\t/* 條件：一定要是HTTPS環境下才可以使用\r\n\t * Ref: https://w3c.github.io/web-share/\r\n\t */\r\n\tvar shareButton = document.querySelectorAll('.js-navigator-share');\r\n\t// var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);\r\n\t[].forEach.call(shareButton, function (el) {\r\n\t\t\t// 要隱藏的項目（相同功能物件）\r\n\t\tconst hideEl = (el.dataset && el.dataset['hideEl']) ? document.querySelector(el.dataset['hideEl']) : null; // 要隱藏的項目\r\n\t\t\r\n\t\tif (!isMobile || !navigator.share) {\r\n\t\t\t// 將非 Mobile 裝置、不支援 navigator share 擋下\r\n\t\t\tel.classList.add('hide'); // Hide Class\r\n\t\t\tel.tabIndex = -1;\r\n\r\n\t\t\t// 要隱藏的項目（相同功能物件）\r\n\t\t\thideEl && hideEl.classList.remove('hide');\r\n\t\t} else {\r\n\t\t\tel.classList.remove('hide');\r\n\t\t\t\r\n\t\t\t// 要隱藏的項目（相同功能物件）\r\n\t\t\thideEl && hideEl.classList.add('hide');\r\n\t\t}\r\n\r\n\t\tel.addEventListener('click', function (event) {\r\n\t\t\tif (navigator.share) {\r\n\t\t\t\tnavigator\r\n\t\t\t\t\t.share({\r\n\t\t\t\t\t\ttitle: document.title,\r\n\t\t\t\t\t\turl: location.href,\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch(console.error);\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n\t/* ---------------------------------------- [END] Navigator Share */\r\n\r\n\t/* ---------------------------------------- [START] Copy link */\r\n\t/* clipboard.js — Copy to clipboard without Flash\r\n\t * https://clipboardjs.com/\r\n\t */\r\n\r\n\t// 訊息由Toastr取代\r\n\t// var successMsg;\r\n\t// var clipTimer = null;\r\n\r\n\t/* 複製成功訊息 */\r\n\t// function addCopySuccess(text) {\r\n\t// \tif (successMsg === undefined) {\r\n\t// \t\tsuccessMsg = document.createElement('div');\r\n\t// \t\tsuccessMsg.className = 'copysuctip';\r\n\t// \t\t// successMsg.innerText = '複製成功';\r\n\t// \t\tsuccessMsg.setAttribute('aria-live', 'assertive');\r\n\t// \t}\r\n\t// \tsuccessMsg.innerText = text || '複製成功';\r\n\t// \tdocument.body.appendChild(successMsg);\r\n\r\n\t// \t// Remove\r\n\t// \tclearTimeout(clipTimer);\r\n\t// \tclipTimer = null;\r\n\t// \tclipTimer = setTimeout(function () {\r\n\t// \t\tsuccessMsg.remove();\r\n\t// \t\tclipTimer = null;\r\n\t// \t}, 3000);\r\n\t// }\r\n\r\n\tfunction buildClipboardJS() {\r\n\t\tif (window.ClipboardJS !== undefined) {\r\n\t\t\tvar clipboard = new ClipboardJS('.js-copy-link', {\r\n\t\t\t\ttext: function (trigger) {\r\n\t\t\t\t\tvar text = window.location.href;\r\n\t\t\t\t\treturn text;\r\n\t\t\t\t},\r\n\t\t\t});\r\n\r\n\t\t\tclipboard.on('success', function (e) {\r\n\t\t\t\te.clearSelection();\r\n\t\t\t\ttoast('success', e.trigger.getAttribute('data-success'));\r\n\t\t\t\te.trigger.blur();\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n\twindow.addEventListener('load', buildClipboardJS);\r\n\t/* ---------------------------------------- [END] Copy link */\r\n\r\n\t/* ---------------------------------------- [START] Swiper Tool - Custom Animation */\r\n\t/* [START] Custom Animation */\r\n\t// Ref: https://codepen.io/udovichenko/pen/LGeQae\r\n\r\n\t// 客製化\r\n\t// interleaveOffset: 移動方向、程度：\r\n\tvar customEffect = {\r\n\t\tonProgress: function (swiper, progress, interleaveOffset = 0.5, dir = 'h', imgSelector = 'img') {\r\n\t\t\tfor (var i = 0; i < swiper.slides.length; i++) {\r\n\t\t\t\tvar slideProgress = swiper.slides[i].progress;\r\n\t\t\t\tvar innerOffset = swiper.width * interleaveOffset;\r\n\t\t\t\tvar innerTranslate = slideProgress * innerOffset;\r\n\t\t\t\tswiper.slides[i].querySelector(imgSelector).style.transform = dir === 'v'\r\n\t\t\t\t\t? 'translate3d(0, ' + innerTranslate + 'px, 0)'\r\n\t\t\t\t\t: 'translate3d(' + innerTranslate + 'px, 0, 0)';\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tonTouchStart: function (swiper) {\r\n\t\t\tfor (var i = 0; i < swiper.slides.length; i++) {\r\n\t\t\t\tswiper.slides[i].style.transition = '';\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tonSetTransition: function (swiper, speed, imgSelector = 'img') {\r\n\t\t\tfor (var i = 0; i < swiper.slides.length; i++) {\r\n\t\t\t\tswiper.slides[i].style.transition = speed + 'ms';\r\n\t\t\t\tswiper.slides[i].querySelector(imgSelector).style.transition = speed + 'ms';\r\n\t\t\t}\r\n\t\t},\r\n\t};\r\n\t/* [END] Custom Animation */\r\n\t/* ---------------------------------------- [END] Swiper Tool - Custom Animation */\r\n\r\n\t/* ---------------------------------------- [START] Swiper Tool - CountDown */\r\n\t/** Swiper 倒數用的 SVG <circle> 物件\r\n\t * 預設值是為了 Pagination 的 bullet 設置\r\n\t * @param {Object} size - 傳入想要顯示的尺寸，預設 20\r\n\t * @param {Object} width - 傳入顯示的粗細（可能會因為svg本身的縮放有些微差異），預設 4\r\n\t */\r\n\t var countdownCircle = function(size, width) {\r\n\t\tsize = size || 20 + 2;\r\n\t\twidth = width || 4;\r\n\t\treturn `<svg class=\"countdown-circle-svg pointer-events-none\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 36 36\" width=\"${size}px\" height=\"${size}px\"><circle r=\"15.915\" cy=\"18\" cx=\"18\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"${width}\" stroke-dasharray=\"100\" stroke-dashoffset=\"100\"></circle></svg>`;\r\n\t}\r\n\r\n\t/** Swiper 倒數用的 init function，on init 時執行\r\n\t * @param {Object} swiper - 傳入 swiper\r\n\t */\r\n\tfunction swiperCountdownInit (swiper) {\r\n\t\tvar offset = 100; // <circle> 線段長度\r\n\r\n\t\tswiper.cd = {\r\n\t\t\treq: null, // 裝載 requestAnimationFrame\r\n\t\t\tel: null, // buttlet 的 <circle> 物件\r\n\t\t\tarrow: null, // swiperNextEl 物件(有倒數才要)\r\n\t\t\tstart: null, // 記住開始的時間\r\n\t\t\tdur: swiper.params.autoplay.delay // 動畫進行多久(Autoplay Delay)\r\n\t\t}\r\n\r\n\t\tswiper.cd.perFrame = offset / swiper.cd.dur; // 動畫每 frame，更改多少 <circle> 線段長度\r\n\r\n\t\tswiper.cd.play = function(timestamp) {\r\n\t\t\tif (!swiper.cd.start) swiper.cd.start = timestamp;\r\n\t\t\tvar progress = timestamp - swiper.cd.start; // 毫秒\r\n\t\t\tif (swiper.autoplay.running && progress < swiper.cd.dur) {\r\n\t\t\t\tvar strokeDashoffset = offset - (swiper.cd.perFrame * progress);\r\n\t\t\t\tswiper.cd.el.style.strokeDashoffset = strokeDashoffset;\r\n\t\t\t\tswiper.cd.arrow && (swiper.cd.arrow.style.strokeDashoffset = strokeDashoffset);\r\n\t\t\t\tswiper.cd.req = window.requestAnimationFrame(swiper.cd.play);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tswiper.cd.stop = function() {\r\n\t\t\tcancelAnimationFrame(swiper.cd.req);\r\n\t\t}\r\n\t}\r\n\r\n\t/** Swiper 倒數用的 play function\r\n\t * slideChange, autoplayStart 時執行\r\n\t * autoplayStart 執行時，要設置 type 為 'start'\r\n\t * @param {Object} swiper - 傳入 swiper\r\n\t * @param {String} type - 輸入['start']為一開始進行動畫，之後的倒數都會因為 slide change transition 而有延遲\r\n\t */\r\n\tfunction swiperCountdownPlay (swiper, type) {\r\n\t\t/* Reset Setting */\r\n\t\tswiper.cd.stop();\r\n\t\tswiper.cd.el && (swiper.cd.el.style.strokeDashoffset = ''); // 移除上一個的樣式\r\n\t\tswiper.cd.arrow && (swiper.cd.arrow.style.strokeDashoffset = ''); // 移除箭頭上的倒數\r\n\t\tswiper.cd.el = swiper.pagination.bullets[swiper.realIndex].querySelector('circle'); // 尋找 circle 物件\r\n\t\tswiper.cd.start = null; // 設定開始時間\r\n\r\n\t\t/* Start Animation */\r\n\t\tif (type === 'start') {\r\n\t\t\t// 如果是一開始 init 進行 (沒有更換 slide 的延遲)\r\n\t\t\tswiper.cd.req = requestAnimationFrame(swiper.cd.play);\r\n\t\t} else {\r\n\t\t\t// 具有更換 slide transition 的延遲\r\n\t\t\tsetTimeout(function() {\r\n\t\t\t\tswiper.cd.req = requestAnimationFrame(swiper.cd.play);\r\n\t\t\t}, swiper.params.speed)\r\n\t\t}\r\n\t}\r\n\r\n\tfunction swiperCountdownStop (swiper) {\r\n\t\tswiper.cd.stop();\r\n\t}\r\n\t/* ---------------------------------------- [END] Swiper Tool - CountDown */\r\n\r\n\tlet pdPhotoSwiper = null; // 紀錄 Photo 的 Swiper\r\n\t// （因為Photo Swipe(Mobile 燈箱)項目也要Call，所以放這）\r\n\r\n\t/* ---------------------------------------- [START] Product Photo - Popup (Photo Swiper)  */\r\n\t// Doc: https://photoswipe.com/documentation/getting-started.html\r\n\tvar items = []; // Item array\r\n\tfunction photoSwipeOpen(itemIndex, selector) {\r\n\t\tvar pswpElement = document.querySelectorAll('.pswp')[0];\r\n\r\n\t\tvar options = {\r\n\t\t\thistory: false,\r\n\t\t\tfocus: false,\r\n\t\t\tshowAnimationDuration: 0,\r\n\t\t\thideAnimationDuration: 0,\r\n\t\t\tindex: itemIndex || 0, // start at first slide\r\n\t\t\tgetThumbBoundsFn: function (itemIndex) {\r\n\t\t\t\tvar thumbnail = items[itemIndex].el;\r\n\t\t\t\tvar pageYScroll = window.pageYOffset || document.documentElement.scrollTop;\r\n\t\t\t\tvar rect = thumbnail.getBoundingClientRect();\r\n\t\t\t\treturn { x: rect.left, y: rect.top + pageYScroll, w: rect.width };\r\n\t\t\t},\r\n\t\t};\r\n\r\n\t\tvar gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, options);\r\n\r\n\t\t// Get Unknow Size\r\n\t\t// https://stackoverflow.com/a/40525732/11240898\r\n\t\tgallery.listen('gettingData', function (index, item) {\r\n\t\t\tif (item.w < 1 || item.h < 1) {\r\n\t\t\t\t// unknown size\r\n\t\t\t\tvar img = new Image();\r\n\t\t\t\timg.onload = function () {\r\n\t\t\t\t\t// will get size after load\r\n\t\t\t\t\titem.w = this.width; // set image width\r\n\t\t\t\t\titem.h = this.height; // set image height\r\n\t\t\t\t\tgallery.invalidateCurrItems(); // reinit Items\r\n\t\t\t\t\tgallery.updateSize(true); // reinit Items\r\n\t\t\t\t};\r\n\t\t\t\timg.src = item.src; // let's download image\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// Event fire when Gallery starts closing\r\n\t\tgallery.listen('close', function() { \r\n\t\t\t// 結束時，更換Swiper到目前項目\r\n\t\t\tpdPhotoSwiper && pdPhotoSwiper.slideToLoop(gallery.getCurrentIndex());\r\n\t\t});\r\n\r\n\t\tgallery.init();\r\n\t}\r\n\r\n\tfunction photoSwipeInit() {\r\n\t\tvar selector = '#pd-photo-carousel img';\r\n\t\tvar galleryImg = document.querySelectorAll(selector);\r\n\r\n\t\t[].forEach.call(galleryImg, function (item, index) {\r\n\t\t\titem.index = index;\r\n\t\t\titem.setAttribute('draggable', false);\r\n\r\n\t\t\t// 讀取圖片資料\r\n\t\t\tvar src = item.getAttribute('data-src') || item.getAttribute('src');\r\n\t\t\tif (src) {\r\n\t\t\t\titems.push({\r\n\t\t\t\t\tel: item,\r\n\t\t\t\t\tsrc: src,\r\n\t\t\t\t\tw: 0,\r\n\t\t\t\t\th: 0,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t\titem.addEventListener('click', function () {\r\n\t\t\t\tphotoSwipeOpen(item.index);\r\n\t\t\t});\r\n\t\t});\r\n\t}\r\n\t/* ---------------------------------------- [END] Product Photo - Popup (Photo Swiper)  */\r\n\r\n\t/* ---------------------------------------- [START] Product Photo  */\r\n\tconst pdPhotoCarousel = '#pd-photo-carousel'; // .swiper-container id\r\n\r\n\tfunction pdPhotoBuild() {\r\n\t\tconst swiperTarget = pdPhotoCarousel;\r\n\t\tconst swiperEl = document.querySelector(swiperTarget).parentElement;\r\n\t\tconst swiperContEl = document.querySelector(swiperTarget);\r\n\t\tconst swiperPageEl = swiperEl.querySelector('.swiper-pagination');\r\n\t\tconst swiperNextEl = swiperEl.querySelector('.swiper-button-next');\r\n\t\tconst swiperPrevEl = swiperEl.querySelector('.swiper-button-prev');\r\n\t\tconst swiperCtrlEl = swiperEl.querySelector('.swiper-ctrl');\r\n\r\n\t\t// 是否要Loop\r\n\t\tconst isLoop = swiperEl.querySelectorAll('.swiper-slide').length > 1;\r\n\r\n\t\t// 非Loop => 隱藏控制\r\n\t\tif (!isLoop) {\r\n\t\t\tswiperCtrlEl.classList.add('hide');\r\n\t\t}\r\n\r\n\t\t// ===================================\r\n\t\t// 滑鼠移動\r\n\t\t// How To - Image Zoom: https://www.w3schools.com/howto/howto_js_image_zoom.asp\r\n\t\tlet img; // 目前的圖片\r\n\t\tlet imgCache;\r\n\t\tlet imgViewer;\r\n\t\tlet cx, cy, originW, originH;\r\n\t\tlet zoomScale = 1.5; // 初始\r\n\t\tlet zoomScaleMin = 1;\r\n\t\tlet zoomScaleMax = 1.5;\r\n\t\tlet wheelEnable = false; // 滾輪放大縮小是否啟動\r\n\t\tlet resultPosAdjustTop = 0; // 預覽結果(右)調整的上方位置（如果圖片不是1:1）\r\n\t\tlet resultPosAdjustLeft = 0; // 預覽結果(右)調整的左側位置（如果圖片不是1:1）\r\n\t\tlet previewImgWidth = 0; // 預覽相冊（左）大小（用來比對Len放大框的位置）\r\n\t\tlet previewImgHeight = 0; // 預覽相冊（左）大小（用來比對Len放大框的位置）\r\n\t\tlet previewImgTop = 0; // 預覽相冊（左）上方距離（用來比對Len放大框的位置）\r\n\t\tlet previewImgLeft = 0; // 預覽相冊（左）左側距離（用來比對Len放大框的位置）\r\n\t\tlet previewImgLimit = true; // Len 的移動是否限制於圖片大小\r\n\t\tconst classIsHover = 'is-zooming';\r\n\r\n\t\tconst lens = swiperEl.querySelector('.pd-photo__img-zoom-lens');\r\n\t\tconst result = document.querySelector('#pd-photo-zoom-result');\r\n\r\n\t\tconst pdOverviewCont = document.querySelector('.pd-overview__cont');\r\n\r\n\t\tfunction zoomSetImg(sw) {\r\n\t\t\t// 設定歸零\r\n\t\t\tresultPosAdjustTop = 0;\r\n\t\t\tresultPosAdjustLeft = 0;\r\n\r\n\t\t\tsw = sw || pdPhotoSwiper;\r\n\t\t\timg = sw.slides[sw.activeIndex].querySelector('img');\r\n\r\n\t\t\t/* Set background properties for the result DIV */\r\n\t\t\tresult.style.backgroundImage = \"url('\" + img.src + \"')\";\r\n\t\t\tif (imgCache !== img) {\r\n\t\t\t\timgCache = img;\r\n\t\t\t\t// 新的\r\n\t\t\t\timgViewer = document.createElement('img');\r\n\t\t\t\timgViewer.onload = function() {\r\n\t\t\t\t\tresultImgDataGet();\r\n\r\n\t\t\t\t\t// 取得左側圖片資料\r\n\t\t\t\t\tpreviewImgWidth = img.width;\r\n\t\t\t\t\tpreviewImgHeight = img.height;\r\n\t\t\t\t\tpreviewImgTop = 0;\r\n\t\t\t\t\tpreviewImgLeft = 0;\r\n\t\t\t\t\tif (imgViewer.naturalWidth > imgViewer.naturalHeight) {\r\n\t\t\t\t\t\t// 寬圖\r\n\t\t\t\t\t\tpreviewImgHeight = img.width * imgViewer.naturalHeight / imgViewer.naturalWidth;\r\n\t\t\t\t\t\tpreviewImgTop = (previewImgWidth - previewImgHeight) / 2;\r\n\t\t\t\t\t} else if (imgViewer.naturalWidth < imgViewer.naturalHeight) {\r\n\t\t\t\t\t\t// 高圖\r\n\t\t\t\t\t\tpreviewImgWidth = img.height * imgViewer.naturalWidth / imgViewer.naturalHeight;\r\n\t\t\t\t\t\tpreviewImgLeft = (previewImgHeight - previewImgWidth) / 2;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\timgViewer.src = img.src;\r\n\t\t\t} else {\r\n\t\t\t\t// 舊的\r\n\t\t\t\tresultImgDataGet();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// 取得預覽圖片資料\r\n\t\tfunction resultImgDataGet() {\r\n\t\t\tlet backgroundSizeWidth = img.width * cx;\r\n\t\t\tlet backgroundSizeHeight = img.height * cy;\r\n\t\t\tif (imgViewer.naturalWidth > imgViewer.naturalHeight) {\r\n\t\t\t\t// 寬圖\r\n\t\t\t\tbackgroundSizeHeight = (img.width * imgViewer.naturalHeight / imgViewer.naturalWidth) * cy;\r\n\t\t\t\tresultPosAdjustTop = (imgViewer.naturalWidth - imgViewer.naturalHeight) / 2 * (img.width / imgViewer.naturalWidth); // 調整預視圖位置：邊長差 / 2 * 與原圖縮放比例\r\n\t\t\t} else if (imgViewer.naturalWidth < imgViewer.naturalHeight) {\r\n\t\t\t\t// 高圖\r\n\t\t\t\tbackgroundSizeWidth = (img.height * imgViewer.naturalWidth / imgViewer.naturalHeight) * cx;\r\n\t\t\t\tresultPosAdjustLeft = (imgViewer.naturalHeight - imgViewer.naturalWidth) / 2 * (img.height / imgViewer.naturalHeight); // 調整預視圖位置：邊長差 / 2 * 與原圖縮放比例\r\n\t\t\t}\r\n\t\t\tresult.style.backgroundSize = (backgroundSizeWidth) + \"px \" + (backgroundSizeHeight) + \"px\";\r\n\t\t}\r\n\r\n\t\t// START ======>\r\n\t\tfunction mouseEnable() {\r\n\t\t\t// Lens 的原始設定大小\r\n\t\t\toriginW = lens.offsetWidth;\r\n\t\t\toriginH = lens.offsetHeight;\r\n\r\n\t\t\tscaleLen(zoomScale);\r\n\r\n\t\t\t/* Execute a function when someone moves the cursor over the image, or the lens: */\r\n\t\t\tswiperContEl.addEventListener('mouseenter', mouseenter);\r\n\t\t\tswiperContEl.addEventListener('mouseleave', mouseleave);\r\n\t\t\tswiperContEl.addEventListener('mousemove', moveLens);\r\n\t\t\tif (wheelEnable) {\r\n\t\t\t\tswiperContEl.addEventListener('wheel', wheel);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfunction mouseenter() {\r\n\t\t\tswiperEl.classList.add(classIsHover);\r\n\t\t\tpdOverviewCont.classList.add(classIsHover);\r\n\t\t}\r\n\r\n\t\tfunction mouseleave() {\r\n\t\t\tswiperEl.classList.remove(classIsHover);\r\n\t\t\tpdOverviewCont.classList.remove(classIsHover);\r\n\t\t}\r\n\r\n\t\tfunction scaleLen(scale) {\r\n\t\t\tlens.style.width = originW * scale + 'px';\r\n\t\t\tlens.style.height = originH * scale + 'px';\r\n\r\n\t\t\tcx = result.offsetWidth / lens.offsetWidth;\r\n\t\t\tcy = result.offsetHeight / lens.offsetHeight;\r\n\t\t}\r\n\r\n\t\t// Scale Ref: https://codepen.io/mstaniuk/pen/rrZVpG\r\n\t\tfunction wheel(event) {\r\n\t\t\tevent.preventDefault();\r\n\t\t\tif (event.deltaY > 0) {\r\n\t\t\t\t// 往下滑 => 縮小(放大顯示區域)\r\n\t\t\t\tif(zoomScale < zoomScaleMax) {\r\n\t\t\t\t\tzoomScale += 0.1;\r\n\t\t\t\t\tscaleLen(zoomScale);\r\n\t\t\t\t\tzoomSetImg();\r\n\t\t\t\t\tmoveLens(event);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\telse {\r\n\t\t\t\t// 往上滑 => 放大(縮小顯示區域)\r\n\t\t\t\tif(zoomScale > zoomScaleMin) {\r\n\t\t\t\t\tzoomScale -= 0.1;\r\n\t\t\t\t\tscaleLen(zoomScale);\r\n\t\t\t\t\tzoomSetImg();\r\n\t\t\t\t\tmoveLens(event);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfunction moveLens(e) {\r\n\t\t\t\r\n\t\t\tvar pos, x, y;\r\n\r\n\t\t\t/* Prevent any other actions that may occur when moving over the image */\r\n\t\t\te.preventDefault();\r\n\r\n\t\t\t/* Get the cursor's x and y positions: */\r\n\t\t\tpos = getCursorPos(e);\r\n\r\n\t\t\t/* Calculate the position of the lens: */\r\n\t\t\tx = pos.x - (lens.offsetWidth / 2);\r\n\t\t\ty = pos.y - (lens.offsetHeight / 2);\r\n\r\n\t\t\t// 如果有限制於圖片大小\r\n\t\t\tif (previewImgLimit) {\r\n\t\t\t\t// X\r\n\t\t\t\tif (previewImgWidth > lens.offsetWidth) {\r\n\t\t\t\t\t// 圖片寬 > Len 寬\r\n\t\t\t\t\tif (x > previewImgWidth + previewImgLeft - lens.offsetWidth) { x = previewImgWidth + previewImgLeft - lens.offsetWidth; }\r\n\t\t\t\t\tif (x < previewImgLeft) { x = previewImgLeft }\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 圖片寬 < Len 寬 => 置中\r\n\t\t\t\t\tx = previewImgLeft - (lens.offsetWidth - previewImgWidth) / 2\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// Y\r\n\t\t\t\tif (previewImgHeight > lens.offsetHeight) {\r\n\t\t\t\t\t// 圖片高 > Len 高\r\n\t\t\t\t\tif (y > previewImgHeight + previewImgTop - lens.offsetHeight) { y = previewImgHeight + previewImgTop - lens.offsetHeight; }\r\n\t\t\t\t\tif (y < previewImgTop) {y = previewImgTop;}\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// 圖片高 < Len 高 => 置中\r\n\t\t\t\t\ty = previewImgTop - (lens.offsetHeight - previewImgHeight) / 2;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t/* Prevent the lens from being positioned outside the image: */\r\n\t\t\t\tif (x > img.width - lens.offsetWidth) {x = img.width - lens.offsetWidth;}\r\n\t\t\t\tif (x < 0) {x = 0;}\r\n\t\t\t\tif (y > img.height - lens.offsetHeight) {y = img.height - lens.offsetHeight;}\r\n\t\t\t\tif (y < 0) {y = 0;}\r\n\t\t\t}\r\n\r\n\t\t\t/* Set the position of the lens: */\r\n\t\t\tlens.style.left = x + \"px\";\r\n\t\t\tlens.style.top = y + \"px\";\r\n\r\n\t\t\t/* Display what the lens \"sees\": */\r\n\t\t\tresult.style.backgroundPosition = ((x * cx) * -1 + resultPosAdjustLeft * cx) + \"px \" + ((y * cy) * -1 + resultPosAdjustTop * cy) + \"px\";\r\n\t\t}\r\n\t\r\n\t\tfunction getCursorPos(e) {\r\n\t\t\tvar a, x = 0, y = 0;\r\n\t\t\te = e || window.event;\r\n\r\n\t\t\t/* Get the x and y positions of the image: */\r\n\t\t\ta = img.getBoundingClientRect();\r\n\r\n\t\t\t/* Calculate the cursor's x and y coordinates, relative to the image: */\r\n\t\t\tx = e.pageX - a.left;\r\n\t\t\ty = e.pageY - a.top;\r\n\r\n\t\t\t/* Consider any page scrolling: */\r\n\t\t\tx = x - window.pageXOffset;\r\n\t\t\ty = y - window.pageYOffset;\r\n\t\t\treturn {x : x, y : y};\r\n\t\t}\r\n\t\t// ===================================\r\n\r\n\t\t// 啟動相對應的圖片放大機制\r\n\t\tlet isUseMouse = !isMobile && ww >= 1024;\r\n\t\tif (isUseMouse) {\r\n\t\t\t// PC(1024+): 滑鼠移動放大\r\n\t\t\tmouseEnable();\r\n\t\t} else {\r\n\t\t\t//  Mobile: 圖片燈箱\r\n\t\t\tphotoSwipeInit();\r\n\t\t}\r\n\r\n\t\t// ===================================\r\n\r\n\t\tpdPhotoSwiper = new Swiper(swiperTarget, {\r\n\t\t\tspaceBetween: 50,\r\n\t\t\tloop: isLoop,\r\n\t\t\tsimulateTouch: isLoop,\r\n\t\t\tlazy: {\r\n\t\t\t\tloadPrevNext: true,\r\n\t\t\t},\r\n\t\t\tpreloadImages: false,\r\n\t\t\twatchSlidesProgress: true,\r\n\t\t\t// [START] Global Pagination + Button (Prev, Next)\r\n\t\t\tpagination: {\r\n\t\t\t\tel: isLoop ? swiperPageEl : null,\r\n\t\t\t\ttype: 'fraction',\r\n\t\t\t},\r\n\t\t\tnavigation: {\r\n\t\t\t\tnextEl: isLoop ? swiperNextEl : null,\r\n\t\t\t\tprevEl: isLoop ? swiperPrevEl : null,\r\n\t\t\t},\r\n\t\t\t// [END] Global Pagination + Button (Prev, Next)\r\n\t\t\ton: {\r\n\t\t\t\t// Custom Effect\r\n\t\t\t\t// Ref: https://codepen.io/udovichenko/pen/LGeQae\r\n\t\t\t\tprogress(swiper, progress) {\r\n\t\t\t\t\tcustomEffect.onProgress(swiper, progress);\r\n\t\t\t\t},\r\n\r\n\t\t\t\ttouchStart: function (swiper) {\r\n\t\t\t\t\tcustomEffect.onTouchStart(swiper);\r\n\t\t\t\t},\r\n\r\n\t\t\t\tsetTransition(swiper, transition) {\r\n\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition);\r\n\t\t\t\t},\r\n\r\n\t\t\t\tslideChange: function(swiper) {\r\n\t\t\t\t\tif (isUseMouse) {\r\n\t\t\t\t\t\tzoomSetImg(swiper);\r\n\t\r\n\t\t\t\t\t\t// 讀取紀錄\r\n\t\t\t\t\t\tconst img = swiper.slides[swiper.activeIndex].querySelector('img');\r\n\t\t\t\t\t\tlenAdjustTop = img.lenTop || 0;\r\n\t\t\t\t\t\tlenAdjustLeft = img.lenLeft || 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\r\n\t\t\t\tlazyImageReady: function(swiper, slideEl, imageEl) {\r\n\t\t\t\t\tif (isUseMouse) {\r\n\t\t\t\t\t\tif (swiper.realIndex === (swiper.slides.length === 1 ? 0 : parseInt(slideEl.dataset.swiperSlideIndex))) {\r\n\t\t\t\t\t\t\tzoomSetImg(swiper);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\twindow.addEventListener('load', function () {\r\n\t\tpageScrollAdd(pdPhotoCarousel, pdPhotoBuild);\r\n\t});\r\n\t/* ---------------------------------------- [END] Product Photo */\r\n\r\n\t/* ---------------------------------------- [START] Product Solution | 產品情境 */\r\n\tconst pdSoluCarousel = '#pd-solu-carousel'; // .swiper-container id\r\n\r\n\tfunction pdSoluBuild() {\r\n\t\tconst swiperTarget = pdSoluCarousel;\r\n\t\tconst swiperContEl = document.querySelector(swiperTarget);\r\n\t\tconst swiperEl = swiperContEl.parentElement;\r\n\t\tconst swiperSlideEl = swiperEl.querySelectorAll('.swiper-slide');\r\n\t\tconst swiperPageEl = swiperEl.querySelector('.swiper-pagination');\r\n\r\n\t\tconst slidesCount = swiperEl.querySelectorAll('.swiper-slide').length;\r\n\t\tconst isLoop = slidesCount > 1;\r\n\r\n\t\tlet swiper;\r\n\r\n\t\t// 建立 Solution Swiper 的公式\r\n\t\tconst pdSoluSwiperBuild = function(opt) {\r\n\t\t\tconst defaultOpt = {\r\n\t\t\t\teffect: 'fade',\r\n\t\t\t\tspaceBetween: 50,\r\n\t\t\t\tloop: isLoop,\r\n\t\t\t\twatchOverflow: true,\r\n\t\t\t\tlazy: {\r\n\t\t\t\t\tloadPrevNext: true,\r\n\t\t\t\t},\r\n\t\t\t\tpreloadImages: false,\r\n\t\t\t\twatchSlidesProgress: true,\r\n\t\t\t\tautoplay: {\r\n\t\t\t\t\tdelay: isLoop ? 5000 : false,\r\n\t\t\t\t\tdisableOnInteraction: false\r\n\t\t\t\t},\r\n\t\t\t\tpagination: {\r\n\t\t\t\t\tel: swiperPageEl,\r\n\t\t\t\t\tclickable: true,\r\n\t\t\t\t\tdynamicBullets: slidesCount > 6,\r\n\t\t\t\t\tdynamicMainBullets: 6,\r\n\t\t\t\t\trenderBullet (index, className) {\r\n\t\t\t\t\t\tconst title = swiperSlideEl[index].querySelector('.pd-solu__title').innerText;\r\n\t\t\t\t\t\treturn `<span class=\"${className}\" title=\"${title}\">${index + 1}<span class=\"show-for-sr\">${title}</span>${countdownCircle()}</span>`\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\ton: {\r\n\t\t\t\t\t// Countdown\r\n\t\t\t\t\tinit: function (sw) {\r\n\t\t\t\t\t\tif (isLoop) {\r\n\t\t\t\t\t\t\tswiperCountdownInit(sw);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tslideChange: function (sw) {\r\n\t\t\t\t\t\tif (isLoop) {\r\n\t\t\t\t\t\t\tsw.cd && swiperCountdownPlay(sw);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tautoplayStart: function (sw) {\r\n\t\t\t\t\t\tif (isLoop) {\r\n\t\t\t\t\t\t\tsw.cd && swiperCountdownPlay(sw, 'start');\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tautoplayStop: function (sw) {\r\n\t\t\t\t\t\tif (isLoop) {\r\n\t\t\t\t\t\t\tsw.cd && swiperCountdownStop(sw);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\t// Custom Effect\r\n\t\t\t\t\t// Ref: https://codepen.io/udovichenko/pen/LGeQae\r\n\t\t\t\t\tprogress (swiper, progress) {\r\n\t\t\t\t\t\tcustomEffect.onProgress(swiper, progress);\r\n\t\t\t\t\t\tcustomEffect.onProgress(swiper, progress, 1, null, '.pd-solu__img-box');\r\n\t\t\t\t\t},\r\n\t\r\n\t\t\t\t\ttouchStart (swiper) {\r\n\t\t\t\t\t\tcustomEffect.onTouchStart(swiper);\r\n\t\t\t\t\t},\r\n\t\r\n\t\t\t\t\tsetTransition (swiper, transition) {\r\n\t\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition);\r\n\t\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition, '.pd-solu__img-box');\r\n\t\t\t\t\t},\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tconst options = { ...defaultOpt, ...opt };\r\n\t\t\toptions.on = opt.on ? { ...defaultOpt.on, ...opt.on } : defaultOpt.on;\r\n\r\n\t\t\tswiper = new Swiper(swiperTarget, options);\r\n\t\t}\r\n\r\n\t\t// ===================\r\n\r\n\t\t// Small: 左右的Slider\r\n\t\tconst pdSoluSwiperSmall = function () {\r\n\t\t\tswiperContEl.setAttribute('dir', '');\r\n\t\t\tpdSoluSwiperBuild({\r\n\t\t\t\tautoHeight: true,\r\n\t\t\t\ton: {\r\n\t\t\t\t\tprogress(swiper, progress) {\r\n\t\t\t\t\t\t// customEffect.onProgress(swiper, progress, 1, 'h');\r\n\t\t\t\t\t\t// customEffect.onProgress(swiper, progress, -1.2, 'h', '.pd-solu__img-box');\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\tcustomEffect.onProgress(swiper, progress, 0.2, 'h');\r\n\t\t\t\t\t\tcustomEffect.onProgress(swiper, progress, -1.2, 'h', '.pd-solu__img-box');\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\t// 不保留這個，用Pagination更換Slide時，效果會不一樣【原因不明】\r\n\t\t\t\t\tsetTransition(swiper, transition) {\r\n\t\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition);\r\n\t\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition, '.pd-solu__img-box');\r\n\t\t\t\t\t},\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// Large: 左右的Slider（Mobile）\r\n\t\tconst pdSoluSwiperLargeHorizontal = function () {\r\n\t\t\tswiperContEl.setAttribute('dir', '');\r\n\t\t\tpdSoluSwiperBuild({\r\n\t\t\t\ton: {\r\n\t\t\t\t\tprogress(swiper, progress) {\r\n\t\t\t\t\t\tcustomEffect.onProgress(swiper, progress, 0.3, 'h');\r\n\t\t\t\t\t\tcustomEffect.onProgress(swiper, progress, -0.55, 'h', '.pd-solu__img-box');\r\n\t\t\t\t\t},\r\n\r\n\t\t\t\t\t// 不保留這個，用Pagination更換Slide時，效果會不一樣【原因不明】\r\n\t\t\t\t\tsetTransition(swiper, transition) {\r\n\t\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition);\r\n\t\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition, '.pd-solu__img-box');\r\n\t\t\t\t\t},\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// Large: 上下的Slider(PC)\r\n\t\tconst pdSoluSwiperLargeVertical = function () {\r\n\t\t\tswiperContEl.setAttribute('dir', 'rtl'); // 垂直，要顛倒，順序與操作順序才會是對的\r\n\t\t\tpdSoluSwiperBuild({\r\n\t\t\t\tdirection: 'vertical',\r\n\t\t\t\ton: {\r\n\t\t\t\t\t// Custom Effect\r\n\t\t\t\t\t// Ref: https://codepen.io/udovichenko/pen/LGeQae\r\n\t\t\t\t\tprogress(swiper, progress) {\r\n\t\t\t\t\t\tcustomEffect.onProgress(swiper, progress, 0.2, 'v');\r\n\t\t\t\t\t\tcustomEffect.onProgress(swiper, progress, -0.4, 'v', '.pd-solu__img-box');\r\n\t\t\t\t\t},\r\n\t\r\n\t\t\t\t\t// 不保留這個，用Pagination更換Slide時，效果會不一樣【原因不明】\r\n\t\t\t\t\tsetTransition(swiper, transition) {\r\n\t\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition);\r\n\t\t\t\t\t\tcustomEffect.onSetTransition(swiper, transition, '.pd-solu__img-box');\r\n\t\t\t\t\t},\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tconst breakpoint = window.matchMedia('(min-width: 1024px)');\r\n\t\tconst breakpointChecker = function() {\r\n\t\t\tif (swiper !== undefined) {\r\n\t\t\t\tswiper.destroy(true, true);\r\n\t\t\t}\r\n\r\n\t\t\tif (breakpoint.matches) {\r\n\t\t\t\t// Large，不是手機板\r\n\t\t\t\tif (isMobile) {\r\n\t\t\t\t\tpdSoluSwiperLargeHorizontal();\r\n\t\t\t\t} else {\r\n\t\t\t\t\tpdSoluSwiperLargeVertical();\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t// Small + Medium\r\n\t\t\t\tpdSoluSwiperSmall();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Start\r\n\t\tbreakpointChecker();\r\n\t\tbreakpoint.addListener(breakpointChecker);\r\n\t}\r\n\twindow.addEventListener('load', function () {\r\n\t\tif (document.querySelector(pdSoluCarousel) !== null) {\r\n\t\t\tpageScrollAdd(pdSoluCarousel, pdSoluBuild);\r\n\t\t}\r\n\t});\r\n\t/* ---------------------------------------- [END] Product Solution | 產品情境 */\r\n\r\n\t/* ---------------------------------------- [START] Product Recommend | 推薦產品  */\r\n\tconst pdRecommendCarousel = '#pd-recommend-carousel'; // .swiper-container id\r\n\r\n\tfunction pdRecommendBuild() {\r\n\t\tconst swiperTarget = pdRecommendCarousel;\r\n\t\tconst swiperEl = document.querySelector(swiperTarget).parentElement;\r\n\t\tconst swiperPageEl = swiperEl.querySelector('.swiper-pagination');\r\n\t\tconst swiperNextEl = swiperEl.querySelector('.swiper-button-next');\r\n\t\tconst swiperPrevEl = swiperEl.querySelector('.swiper-button-prev');\r\n\r\n\t\tconst swiper = new Swiper(swiperTarget, {\r\n\t\t\tspaceBetween: 20,\r\n\t\t\tslidesPerView: 2,\r\n\t\t\tslidesPerGroup: 2,\r\n\t\t\t// loop: true, // Loop 會有 Checkbox 重複的問題，即使刪掉也沒用\r\n\t\t\tlazy: true,\r\n\t\t\tpreloadImages: false,\r\n\t\t\t// [START] Global Pagination + Button (Prev, Next)\r\n\t\t\tpagination: {\r\n\t\t\t\tel: swiperPageEl,\r\n\t\t\t\ttype: 'fraction',\r\n\t\t\t},\r\n\t\t\tnavigation: {\r\n\t\t\t\tnextEl: swiperNextEl,\r\n\t\t\t\tprevEl: swiperPrevEl,\r\n\t\t\t},\r\n\t\t\t// [END] Global Pagination + Button (Prev, Next)\r\n\t\t\tbreakpoints: {\r\n\t\t\t\t1024: {\r\n\t\t\t\t\tslidesPerView: 3,\r\n\t\t\t\t\tslidesPerGroup: 3,\r\n\t\t\t\t},\r\n\t\t\t\t1200: {\r\n\t\t\t\t\tslidesPerView: 4,\r\n\t\t\t\t\tslidesPerGroup: 4,\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t\ton: {\r\n\t\t\t\t// init: function(swiper) {\r\n\t\t\t\t// \tswiper.slides.forEach(item => {\r\n\t\t\t\t// \t\tif (item.classList.contains('swiper-slide-duplicate')) {\r\n\t\t\t\t// \t\t\tconst input = item.querySelector('input');\r\n\t\t\t\t// \t\t\tinput.removeAttribute('id');\r\n\t\t\t\t// \t\t\tinput.removeAttribute('name');\r\n\r\n\t\t\t\t// \t\t\tconst label = item.querySelector('label');\r\n\t\t\t\t// \t\t\tlabel.removeAttribute('for');\r\n\t\t\t\t// \t\t}\r\n\t\t\t\t// \t});\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\twindow.addEventListener('load', function () {\r\n\t\tif (document.querySelector(pdRecommendCarousel) !== null) {\r\n\t\t\tpageScrollAdd(pdRecommendCarousel, pdRecommendBuild);\r\n\t\t}\r\n\t});\r\n\t/* ---------------------------------------- [END] Product Recommend | 推薦產品 */\r\n\r\n\t/* ---------------------------------------- [START] Product Support */\r\n\tconst pdSupportButton = document.querySelector('#pd-support-button-more');\r\n\tconst pdSupportList = document.querySelector('#pd-support-list');\r\n\tconst pdSupportClassIsOpen = 'is-open';\r\n\tpdSupportButton.addEventListener('click', function() {\r\n\t\tpdSupportButton.classList.toggle(pdSupportClassIsOpen);\r\n\t\tpdSupportList.classList.toggle(pdSupportClassIsOpen);\r\n\t});\r\n\t/* ---------------------------------------- [END] Product Support */\r\n\r\n\t/* ---------------------------------------- [START] Product Support - Circle Link */\r\n\t// 因為字長不同，影響寬不同，導致平均分配的空間不相同 => JS 解決\r\n\tconst pdSupportCircleLink = document.querySelectorAll('.svc-list__item');\r\n\tfunction pdSupportCircleLinkResize() {\r\n\t\tlet max = 0;\r\n\r\n\t\t// 取得寬最大值\r\n\t\tpdSupportCircleLink.forEach((item) => {\r\n\t\t\titem.style.width = '';\r\n\t\t\tif (max < item.clientWidth) {\r\n\t\t\t\tmax = Math.ceil(item.clientWidth) + 1;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t// 給予寬\r\n\t\tpdSupportCircleLink.forEach((item) => {\r\n\t\t\titem.style.width = max + 'px';\r\n\t\t});\r\n\t}\r\n\twindow.addEventListener('load', pdSupportCircleLinkResize);\r\n\twindow.addEventListener('resize', throttle(pdSupportCircleLinkResize, 50, 100));\r\n\t/* ---------------------------------------- [END] Product Support - Circle Link */\r\n\r\n\t/* ---------------------------------------- [START] 整頁 Scroll 監測 (After) */\r\n\tvar pageScrollThrottle = null;\r\n\tvar pageScrollHandler = function () {\r\n\t\tif (pageScrollCheckList.length === 0) {\r\n\t\t\treturn false;\r\n\t\t} // 因為改成 Page Global 執行，所以不會停止\r\n\r\n\t\tfor (var i = 0; i < pageScrollCheckList.length; i++) {\r\n\t\t\tif (isInViewport(pageScrollCheckList[i].el)) {\r\n\t\t\t\tpageScrollCheckList[i].fun();\r\n\t\t\t\tpageScrollCheckList[i].build = true;\r\n\t\t\t}\r\n\t\t}\r\n\t\tpageScrollClean();\r\n\t\t// if (pageScrollCheckList.length === 0) {\r\n\t\t// \toff(window, 'scroll', pageScrollThrottle);\r\n\t\t// }\r\n\t};\r\n\r\n\twindow.addEventListener('load', function () {\r\n\t\tpageScrollThrottle = throttle(pageScrollHandler, 50, 1000); // 節流作用\r\n\t\twindow.addEventListener('scroll', pageScrollThrottle);\r\n\t\tpageScrollHandler();\r\n\t});\r\n\t/* ---------------------------------------- [END] 整頁 Scroll 監測 (After) */\r\n})(window, document);\r\n"],"sourceRoot":"../../src/"}