Galaxy Z Flip5 Flip Phone | Samsung US (2024)

Galaxy Z Flip5

BUY NOW

• HIGHLIGHTS
• ACCESSORIES
• OFFERS
• COMPARE
• FOR BUSINESS
• GALAXY Z FOLD5

Charmingly compact, and now with Flex Window, our biggest cover screen yet.

Save up to $600 with instant trade-in credit.^θ

BUY NOW RESERVE NOW PRE-ORDER NOW WHERE TO BUY

• DESIGN
• CAMERA
• DURABILITY
• PERFORMANCE
• ECOSYSTEM

Mini phone, mighty innovation

Join the flip side with the phone that’s tiny, trendy and totally flex-worthy. With an impressive cover screen and foldable design, Galaxy Z Flip5 packs big innovation into a pocket-perfect phone.

• FLEX WINDOW

  

• DESIGN

  

• CAMERA

• BATTERY

• FLEX MODE

Galaxy Z Flip5

"A much larger cover screen makes all the difference"

The Verge

Galaxy Z Flip5

"Hands-down the best option in its class"

The Verge

Galaxy Z Flip5

"Samsung's fun-sized Galaxy Z Flip5 is the hottest smartphone of 2023"

GQ

Ultimate flexibility with the 3.4" Flex Window¹ and a zero-gap Flex Hinge

Stunning selfie camera for great pics anytime

Flex Window. More ways to make it yours.

Up to 57hrs of music or 20hrs of video²

Introducing Flex Mode Panel³

An extreme close up of Galaxy Z Flip5, starting from the Flex Hinge and side buttons, then zooming out to the rear panel. The device opens slightly as it turns to the Flex Window, stopping in a tent shape.

Three Galaxy Z Flip5 devices each feature different colorfully customized Flex Window interfaces.

Video plays on Galaxy Z Flip5 in Flex Mode. The Flex Mode Panel is expanded from a launch button and used to navigate the video with a playback timeline and advanced control buttons, like volume and skip.

An extreme closeup of a folded Galaxy Z Flip5 seen from the Flex Window and bottom frame. Zooming out, the device opens to stand like a tent.

Small on size. Big on personality.

Flex the pocket-perfect and powerful Galaxy Z Flip5. With its innovative design, this compact phone is packed with a big personality.⁴

Fresh colors,
foldable form

With eight shades to choose from, Galaxy Z Flip5 makes a statement and shows off your unique style.⁵ Add an extra pop of personality to your device with exclusive colors you can only find on samsung.com.

BUY NOW

See Also

Apple iPhone Flip could be the ultimate foldable phone — if it does these 5 things rightGalaxy Z Flip4 Flip Smartphone | Samsung USThe best flip phones in 2023: 8 picks we think you'll love | Digital TrendsSamsung Galaxy Z Flip4 | The Official Samsung Galaxy Site

Online exclusive colors⁶

Mint Graphite Cream Lavender Gray Blue Green Yellow

Two Galaxy Z Flip5 devices in Mint. One is folded like a tent and seen from the rear panel. The second is folded and partially obscured by the first device. Next, a close up of the Rear Camera. Next, a close up of the Flex Hinge.

Two Galaxy Z Flip5 devices in Graphite. One is folded like a tent and seen from the rear panel. The second is folded and partially obscured by the first device. Next, a close up of the Rear Camera. Next, a close up of the Flex Hinge.

Two Galaxy Z Flip5 devices in Cream. One is folded like a tent and seen from the rear panel. The second is folded and partially obscured by the first device. Next, a close up of the Rear Camera. Next, a close up of the Flex Hinge.

Two Galaxy Z Flip5 devices in Lavender. One is folded like a tent and seen from the rear panel. The second is folded and partially obscured by the first device. Next, a close up of the Rear Camera. Next, a close up of the Flex Hinge.

Two Galaxy Z Flip5 devices in gray. One is folded like a tent and seen from the rear panel. The second is folded and partially obscured by the first device. Next, a close up of the Rear Camera. Next, a close up of the Flex Hinge.

Two Galaxy Z Flip5 devices in blue. One is folded like a tent and seen from the rear panel. The second is folded and partially obscured by the first device. Next, a close up of the Rear Camera. Next, a close up of the Flex Hinge.

Two Galaxy Z Flip5 devices in green. One is folded like a tent and seen from the rear panel. The second is folded and partially obscured by the first device. Next, a close up of the Rear Camera. Next, a close up of the Flex Hinge.

Two Galaxy Z Flip5 devices in yellow. One is folded like a tent and seen from the rear panel. The second is folded and partially obscured by the first device. Next, a close up of the Rear Camera. Next, a close up of the Flex Hinge.

Three Galaxy Z Flip5 devices each feature different colorfully customized Flex Window interfaces.

Meet the new Flex Window

• Do more with Flex Window, the convenient 3.4" cover screen.¹ Reply to messages with a full keyboard, make calls, check the weather forecast and even access your wallet.

  

  Cross gestures are used to navigate various apps and widgets on the Flex Window. On the home screen, swiping to the right pulls up Notifications. Pulling down reveals the Quick Panel. Returning to the home screen, a swipe to the left toggles through widgets, like Samsung Health Steps and a Calendar with interactive menu features. Finally, swiping up from the home screen opens Samsung Wallet.

• Access and organize your widgets from the cover screen so you always have your favorites at your fingertips.

  

  Pinching in diagonally from the home screen opens Multi Widget View, which is a tiled representation of installed widgets. Pinching out returns to the home screen. A swipe left opens the Calendar app. Pinching in diagonally from the app returns to Multi Widget View, which can be scrolled through and used to navigate to another app, like Galaxy Wearable. Finally, a swipe up returns to the home screen.

Style your Flex Window

Customize your device with your favorite widgets, video wallpapers, clock faces and more to make your Galaxy Z Flip5 uniquely you.⁸

BUY NOW

See Also

Samsung Galaxy Z Flip 5 review: The Flip finally grows up

Take total control of the Flex Window. Customize your device with loads of widgets, video wallpapers, clock faces, styles and more to make your Galaxy Z Flip5 uniquely you.^12,14

Ready to flex?

Get up to $600 or a minimum of $200 instant trade-in credit with an eligible phone trade-in.^θ

BUY NOW

Your bestie for
stunning selfies

No matter which camera you use, Galaxy Z Flip5 allows you to easily capture your best angle.

Stellar selfies made easy with Flex Window

Capture the moment, even when your phone is closed. Snap, review and edit your pics, all from the Flex Window right on the cover.

Wide and bright
low-light video

The Wide Camera on Galaxy Z Flip5 brings more of the scene into frame⁸ whether open or closed. Plus, with Nightography video at 60 fps, losing sunlight doesn't mean losing out on quality.⁹

BUY NOW

A woman records a selfie video at night with two friends behind her. The wide angle fits them all into frame. Details are crisp, colors are warm and the details of the background are clear.

Galaxy Z Assurance Program

Experience ultimate innovation and peace-of-mind with Galaxy Z Assurance.

• 5th generation foldable technology utilizing advanced, time-tested folding innovation.¹⁴

  

• Tested and verified to withstand 200,000 folds over 5 years of daily use. Featuring the zero-gap Flex Hinge, Gorilla Glass Victus 2, and IPX8 water resistance.¹⁵

  

• Internal screen protection is pre-installed on Galaxy Z products. Plus get a free one-time screen protector replacement if needed.

  Learn more

  

• Get special coverage for a discounted, one-time screen replacement due to defect or accident.

  Learn more

  

Enroll in Samsung Care+ for additional protection including for loss and theft.¹⁶

Learn more

All-day battery life¹¹

Listen up to

57 hrs²

Watch up to

20 hrs²

Backed up by a powerful processor, this 3700mAh battery keeps you gaming late into the night.¹⁰ Enable low power mode to keep the fun flowing.

The most powerful processor on Galaxy foldables yet

The new Snapdragon^® 8 Gen 2 Mobile Platform for Galaxy takes you to a whole new level of power.¹³ Experience smoother graphics, faster AI and improved battery performance.

Conveniently compact. Impressively productive.

A large cover screen and sleek foldability pack big innovation into a pocket-sized productivity powerhouse. One-hand control keeps you efficient even when folded.

BUY NOW FOR BUSINESS

Learn more

Power up your fitness journey with Galaxy Watch6

Sync Galaxy Z Flip5 with Galaxy Watch6 to get the most out of your run with personalized heart rate zones that let you train at different intensities.^17,18 Use Camera Controller to take easy gym selfies.⁷

Galaxy Watch6 Series

Learn more

Galaxy Buds2 Pro

Learn more

Designed with the planet in mind

The Galaxy Z Flip5 and Fold5 feature a wider variety of recycled materials than their previous generations, including pre-consumer recycled glass and aluminum and post-consumer recycled plastics, sourced from discarded fishing nets, water barrels and PET bottles.^27,28

*Image simulated for illustrative purposes. Actual UI may be different.

Switch or upgrade. It's easy.

Smart Switch

The safe and secure way to move what you loved on your old device to your new Galaxy Z Flip5.²⁰

Learn more

Trade in and save

Don't retire your old device to the junk drawer just yet. It may be eligible for a discount toward your new Galaxy Z Flip5.²¹

Learn more

Your privacy. Secured.

Your privacy is on lock with Samsung Knox. Share what you want. Secure everything else.

Storage

Store it all with 256GB and 512GB options.²²

Get started with 6 months of Microsoft 365 Basic. You'll get 100 GB of cloud storage, plus ad-free, secure email and access to Microsoft support.²³

Accessorize and elevate your style

LEARN MORE

SEE IN 360°

Take it for a spin

*Online exclusive colors only available on Samsung.com.

Frequently Asked Questions

• Galaxy Z Flip5 is available in Mint, Graphite, Cream and Lavender.⁵ Gray, Blue, Green and Yellow are exclusive colors found only on Samsung.com.^5,6

  GO TO COLORS

• Galaxy Z Flip5 has a 3.4-inch Flex Window that supports more widgets, more customization and the best selfie experience on a Samsung Galaxy smartphone yet.^1,8 The Flex Mode experience has improved through an all-new Flex Mode Panel.³ It also features a new Flex Hinge with a double rail design.

  COMPARE DEVICES

• 5th generation Galaxy Z Series smartphones offer innovative folding technology for everyone. Galaxy Z Flip5 packs mighty innovation into a mini and pocketable smartphone, bringing convenience to a whole new and compact level. The all-new 3.4” cover screen allows you to text, snap, edit, share and more without opening your phone; or capture share-worthy moments hands-free. For a more immersive experience, the Galaxy Z Fold5 has a massive folding 7.6” interior display that allows you to take the big screen with you anywhere. Enjoy streaming, gaming and multitasking with up to three screens at a time for maximized productivity. Z Fold5 is also S Pen compatible, allowing you to write and draw on a larger display with increased precision.

  COMPARE DEVICES

• Galaxy Z Flip5 packs the mighty innovation of Galaxy Z Series into a mini and pocketable smartphone. With 5th generation foldable technology combined with the all-new 3.4” cover screen that allows you to text, snap, edit, share and more while closed, this phone brings convenience to a whole new and compact level. Galaxy S23 Ultra has the highest camera resolution on a smartphone with its 100x Space Zoom 200MP camera; but Z Flip5 is your bestie for stunning selfies, allowing you to find the perfect angle with Flex Window, a cover screen that lets you clearly preview pictures live before capturing.

  COMPARE DEVICES

• Galaxy Z Flip5 is equipped with a 10MP Front Camera with a wider angle than Galaxy Z Flip4. On the other side, it features a 12MP Ultra Wide Camera and 12MP Wide Camera. Improved hardware — like the Super Clear Lens — and software — like adaptive VDIS — work together to deliver crisp and colorful photos, selfies and videos.⁸

  GO TO CAMERA

• Galaxy Z Flip5 is 71.9 millimeters wide, 165.1 millimeters long and 6.9 millimeters thick when unfolded. Folded, it is 85.1 millimeters long and 15.1 millimeters thick. Though width is the same, Galaxy Z Flip5 is more compact than the folded Galaxy Z Flip4, which measures 17.1 millimeters at the hinge and 15.9 millimeters at the outer edge.

  GO TO PORTABILITY

• Galaxy Z Flip5's intelligent 3700mAh (typical) battery lets you listen to music for up to 57 hours or watch 20 hours of video playback.^2,11,12

  GO TO BATTERY

• Galaxy Z Flip5 is water resistant and comes with an IPX8 rating.¹⁴

  GO TO DURABILITY

• Galaxy Z Flip5 has a new hinge, called the Flex Hinge, which features a durable, double rail design.

  GO TO DURABILITY

• Galaxy Z Flip5's 6.7-inch FHD+ Main Screen is an adaptive 120Hz Dynamic AMOLED 2X display.¹ The 3.4-inch Super AMOLED Cover Screen reaches a peak brightness of 1600 nits.^1,12 It is the first in the Galaxy Z Flip series with a proximity sensor and first Galaxy Z Flip Cover Screen to support HBM.

• With One UI, you can customize the Flex Window with widgets, clock faces and more.¹¹

  GO TO FLEX WINDOW

GO TO GALAXY Z FOLD5

See Galaxy Z Flip5 in AR > OPEN IN AR

EXPLORE MORE

Galaxy Z Flip5 for business

Get 50% off Care+ Accidental Damage Plan plus a free case.^*

BUY NOW FOR BUSINESS

Learn more

^θFor a limited time only, on Samsung.com / Shop Samsung App, or purchase a new qualifying Galaxy device (“Qualifying Purchase”), send in your qualifying trade-in device to Samsung through the Samsung Trade-In Program, and if Samsung determines your trade-in device meets all eligibility requirements, you will receive a trade-in credit specific to your qualifying trade-in device to apply toward your Qualifying Purchase. Device models that currently qualify for trade-in and trade-in credit amounts associated with those models are available on Samsung.com and the Shop Samsung App; eligible models and amounts may change at Samsung’s sole discretion. To be eligible for trade-in, your qualifying device must meet all Trade-In Program eligibility requirements, which include, but are not limited to, that the device powers on, holds a charge, and does not power off unexpectedly; has a functioning display; has no breaks or cracks in the screen (unless a cracked screen offer applies); has no breaks or cracks in the case; has no liquid damage (whether visible or not); has no other defects that go beyond normal wear and tear; is not on a black list; has a verified FCC ID; has been reset to factory settings; has all personal information removed; has all software locks disabled; and is owned by you (leased devices are not eligible). Anticipated trade-in value will be applied as a credit at time of purchase, but, if you do not send in your trade-in device within 15 days of receipt of your Qualifying Purchase, you will be charged back for the trade-in credit applied to your purchase, or if you send in your trade-in device within 15 days of receipt of your Qualifying Purchase but Samsung determines your device does not meet all eligibility requirements, you will be charged back for the trade-in credit applied to your purchase minus $25. Participation in this program does not excuse you from contracts with your carrier or retailer (or any related payments or fees) for the device that was traded in. Limit 1 trade-in per Qualifying Purchase. Samsung reserves the right to modify or discontinue this offer at any time. The Trade-In Program cannot be combined with any other Samsung, carrier or retailer promotions, discounts, or offers unless specifically provided for in the terms and conditions of such offers. Additional terms, including terms that govern the resolution of disputes, apply. Click here to learn more

^*Limited time offer, ends 9/30/23. Purchase an eligible Z Flip5 or Z Fold5 device with an eligible Care+ Accidental Damage Coverage plan on Samsung.com/business or the Samsung Shop App with a valid Samsung Business Account and get 50% off the eligible Care+ Accidental Damage Coverage plan and receive a Z Flip5 or Z Fold5 eligible phone case (gift) on Samsung (up to $99.99 value). Eligible Care+ SKUs include P-GT-APXSS0GZ, P-GT-BPXSS0GZ. P-GT-APXSS0FZ, and P-GT-BPXSS0FZ. Only available on B2B ecommerce purchases on Samsung.com and in eligible B2B ecommerce stores. One gift per Qualifying Device Purchase. Offer not shareable or transferrable and cannot be redeemed for cash or like exchanges. If return or cancel purchase, the discount will be lost. Offer applies to each Qualifying Purchase (up to 150 per order). Offer can be combined with trade-in and/or eligible discounts on Qualifying Purchase. 18+ & 50 US/DC/PR/USVI only. Void where prohibited or restricted by law. Additional restrictions apply. Samsung reserves the right to modify or cancel this offer or the terms and conditions associated any time, without prior notice.

1. Measured diagonally, Galaxy Z Flip5's Cover Screen size is 3.4 inches in the full rectangular form; actual viewable area is approximately 95% of the full rectangular area due to the rounded corners and lower cutout.
2. Typical tested battery life of at least 40 hours estimated against the average usage profile. Independently assessed by UX Connect Research between 2023.06.19-2023.06.29 in US with pre-release versions of SM-F731 under default setting using LTE and 5G Sub6 networks. Based on Samsung internal lab test conditions with pre-release version of given model connected to earphone via Bluetooth under default settings over LTE. Estimated against battery capacity and measured current over battery power consumption during video playback (video file resolution 720p, saved on device) and audio playback (mp3 file, 192kbps, saved on device with LCD display turned off), respectively. Actual video and audio playback times vary by network connection, settings, file format, screen brightness, battery condition and many other factors.
3. Flex Mode Panel button must be enabled in device settings in order to be used with installed apps in the apps tray, including third party apps. List of supported apps can be found in the Flex mode panel settings under your device's settings menu.
4. This device contains magnets. Keep it away from credit cards, implanted medical devices, and other devices that may be affected by magnets. In the case of medical devices, keep your device more than 15cm apart. Stop using your device if you suspect any interference with your medical device and consult your physician or your medical device manufacturer.
5. Availability of color may vary by country, region or carrier.
6. Online exclusive colors need special production. Please allow up to 4 weeks for delivery.
7. Flex Mode supported at angles between 75°and 115°. Some apps may not be supported in Flex Mode.
8. Camera Controller is supported on Galaxy Watch4 and later released Galaxy Watch models when paired with Galaxy S9 series and later. Camera Controller zoom feature is available on Samsung Galaxy Watch4 series and later released Galaxy Watch models that are paired with a Galaxy S series, Galaxy Note series and Galaxy Z series smartphone running One UI 5.1 or above with Camera Controller support.
9. Galaxy Z Flip5 supports 4K video recording. 4K video playback is not supported.
10. Availability of features may vary by country or region.
11. Typical tested battery life of at least 40 hours. Actual battery life varies by network environment, features and apps used, frequency of calls and messages, the number of times charged, and many other factors. Estimated against the average usage profile compiled by UX Connect Research. Independently assessed by UX Connect research between 2023.06.19-2023.06.29 in US with pre-release versions of SM-F946 and SM-F731 under default setting using LTE and 5G Sub6 networks.
12. Typical value tested under third-party laboratory condition. Typical value is the estimated average value considering the deviation in battery capacity among the battery samples tested under IEC 61960 standard. Rated capacity is 4270mAh for Galaxy Z Fold5, and 3591mAh for Galaxy Z Flip5. Actual battery life may vary depending on network environment, usage patterns and other factors.
13. Snapdragon is a product of Qualcomm Technologies, Inc. and/or its subsidiaries. Snapdragon is a trademark or registered trademark of Qualcomm Incorporated.
14. Frame does not include volume and side keys or SIM tray.
15. Based on lab test conditions for submersion in up to 1.5 meters of freshwater for up to 30 minutes. Not advised for beach or pool use. Water resistance of device is not permanent and may diminish over time because of normal wear and tear. IPX8 rating is not dust-resistant.
16. Samsung Care+ sold separately. Coverage may vary by country. See full terms and conditions.
17. Galaxy Watch6 series devices sold separately.
18. Galaxy Watch6 must be paired with a Samsung Galaxy Phone with Android 10.0, minimum 1.5GB RAM and Samsung Health app version 6.24 or later.
19. The back glass deco film of the Galaxy Z Fold5 and Z Flip5 contains 80% recycled PET. The sub window and back glass of the Galaxy Z Fold5 and Z Flip5 contains 22% recycled glass. The display connector cap of the Galaxy Z Fold5 and Z Flip5 contains 20% recycled ocean-bound plastic. The above measurements are based on weight.
20. Wired transfers require at least Android™ 4.3. If you do not have the required USB cable/connector for a wired transfer to Galaxy, you can also use wireless transfer options. iOS 5 or older Android OS must use wireless transfer options. Open Smart Switch Mobile in “Settings” on your new Galaxy phone or download Smart Switch Mobile app from Galaxy Store. Data and content available for transfer may vary by OS. The data of the Galaxy device is backed up and restored to the storage device. Use PC backup through Smart Switch PC or SD card backup function of Smart Switch Mobile.
21. Terms and conditions apply. Availability may vary by country or region. Check device trade-in eligibility on the Trade-in page.
22. Storage options and availability may vary by country or region. Actual storage availability may vary depending on pre-installed software.
23. Six month trial of Microsoft 365 Basic available for consumers with a OneDrive-Gallery Sync capable Samsung phones (phones on the Verizon network in the U.S. not eligible). After the 6 month trial, your subscription will automatically renew into a monthly paid subscription at the current price, subject to Google Play’s terms and conditions. Cancel any time to stop future charges. Offer not available to existing Microsoft 365 or OneDrive premium subscribers (including trials), customers who previously redeemed an Office, OneDrive or other Microsoft storage bonus or free trial offer, customers with a locked OneDrive account, or former Microsoft 365 or OneDrive/Microsoft Storage premium subscribers who cancelled in the last 90 days. One offer per customer and per device. Offer cannot be transferred or combined with other Microsoft offers, and is available between March 15, 2023 and December 31, 2023. Offer must be redeemed during this period on the Google Play Store and participants must sync their gallery with OneDrive to commence the 6 month trial. Offer requires a Samsung and Microsoft account. Refer to https://www.microsoft.com/onedrive-samsung-offer for details.

')); } } }; var isZoom = function() { var winInnerWidth = window.innerWidth, winOuterWidth = window.outerWidth, zoomLevel = 100 / ((winInnerWidth / winOuterWidth) * 100); if (zoomLevel > 1.75) { document.documentElement.classList.add('browser-zoomed-175'); } else { document.documentElement.classList.remove('browser-zoomed-175'); } }; return { setLownetworkClass: setLownetworkClass, setScrollControl: setScrollControl, setResolution: setResolution, onClickSup: onClickSup, centeredFocus: centeredFocus, setArBanner: setArBanner, isZoom: isZoom, }})();(function() { var resize = window.flagship.common.resize, common = window.flagship.highlights.common, utils = window.flagship.common.utils, agent = navigator.userAgent.toLowerCase(), maxOs = agent.indexOf('mac os') > -1, touchDevice = ('ontouchstart' in window || (window.DocumentTouch && document instanceof window.DocumentTouch)); els = {}; var init = function() { els.videoWrap = document.querySelectorAll('.js-scroll-video'); els.isGlobal = document.documentElement.classList.contains('global'); if (!!els.videoWrap[0]) { setElements(); } }; var setElements = function() { els.viewerPopup = document.querySelector('.highlights-viewer'); els.videos = document.querySelectorAll('.js-scroll-video video'); for (var i = 0; i < els.videos.length; i++) { els.videos[i].videoWrap = els.videoWrap[i]; } }; var bindEvents = function() { window.addEventListener('load', anchorPosition); window.addEventListener('hashchange', anchorPosition); }; var setResize = function() { resize.init([{ resolution: 1920, resolutionName: 'desktop', eventFunction: '' }, { resolution: 1023, resolutionName: 'tablet', eventFunction: '' }, { resolution: 767, resolutionName: 'mobile', eventFunction: '' }, { resolution: 320, resolutionName: 'mobileS', eventFunction: '' }], 200); resize.add(common.setResolution); }; var setScrollControl = function() { window.scrollController = ANIUTIL.scrollController(); scrollController.init({ speed: 120, duration: 0.5 }); }; var setImageLoader = function() { window.imageLoader = ANIUTIL.mediaLoader({ lazyClass: '.js-img-src', responsiveClass: '.js-res-img', preset: els.isGlobal ? '' : '?imbypass=true', loadOption: [{ resolution: 1920, attribute: 'data-src-pc' }, { resolution: 1023, attribute: 'data-src-tb' }, { resolution: 767, attribute: 'data-src-mo' }, { resolution: 360, attribute: 'data-src-mo-s' }], visiblePoint: 2 }); window.bgLoader = ANIUTIL.mediaLoader({ type: 'bgImage', lazyClass: '.js-bg-img', loadOption: [{ resolution: 1920, attribute: '', bgOpts: '' }], visiblePoint: 1 }); }; var setVideoLoader = function() { window.videoLoader = ANIUTIL.mediaLoader({ type: 'video', lazyClass: '.js-video-src', responsiveClass: '.js-res-video', preset: els.isGlobal ? '' : '?imbypass=true', loadOption: [{ resolution: 1920, attribute: 'data-video-src-pc' }, { resolution: 1023, attribute: 'data-video-src-tb' }, { resolution: 767, attribute: 'data-video-src-mo' }, { resolution: 360, attribute: 'data-video-src-mo-s' }], visiblePoint: 1, endCallback: function(video) { if (video.videoWrap && !video.videoWrap.classList.contains('is-loaded')) { video.videoWrap.classList.add('is-loaded'); } } }); }; var setDisclaimer = function() { els.supClicker = document.querySelectorAll('a.click_sup'); for (var i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', common.onClickSup); } }; var setCenteredfocus = function() { els.contents = document.querySelector('#contents'); els.allClickables = els.contents.querySelectorAll('a, button, input, select'); for (var i = 0; i < els.allClickables.length; i++) { els.allClickables[i].addEventListener('focusin', common.centeredFocus); } }; var anchorPosition = function() { if (window.location.hash != '') { if (window.location.hash == '#colors-see-in-360') { if (els.viewerPopup) els.viewerPopup.show(); } else if (window.location.hash == '#online-exclusive-color-see-in-360') { if (els.viewerPopup) els.viewerPopup.show(); } else if (!!document.querySelector(window.location.hash)) { var hash = location.hash.split('#')[1], hashSection = document.querySelector('#contents #' + hash), hashTimeout = null; clearTimeout(hashTimeout); hashTimeout = setTimeout(function() { var sectionTop = hashSection.getBoundingClientRect().top, navHeight = utils.getNavHeight(), hashScroll = window.pageYOffset + sectionTop - navHeight; window.scrollTo(0, hashScroll); }, 300); } } }; var setVideoTheme = function() { var videoList = document.querySelectorAll('.common-video'); for (var i = 0; i < videoList.length; i++) { var colorType = videoList[i].getAttribute('data-theme-type'); if (colorType === 'white') { videoList[i].classList.add('common-video__white'); } else if (colorType === 'black') { videoList[i].classList.add('common-video__black'); } } }; var onLoadHandler = function() { common.setLownetworkClass(); common.setArBanner(); init(); bindEvents(); setResize(); if (!maxOs && !touchDevice) { setScrollControl(); } setImageLoader(); setVideoLoader(); setDisclaimer(); setCenteredfocus(); setVideoTheme(); common.isZoom(); resize.add(common.isZoom); }; onLoadHandler();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.cameraVideo = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils; var init = function() { els.section = document.querySelector('.highlights-video'); if (!!els.section) { setElements(); objList.setVideo(); objList.setScene(); bindEvents(); } }; var setElements = function() { els.scrollVideoWrap = els.section.querySelector('.common-video'); els.scrollVideo = els.section.querySelector('.common-video__figure>video'); els.scrollController = els.section.querySelector('.common-video__control'); els.scrollControllerBlindText = els.scrollController.querySelector('.blind'); }; var bindEvents = function() { window.addEventListener('scroll', handlerList.scroll); els.scrollController.addEventListener('click', handlerList.videoCta); handlerList.scroll(); }; var objList = { setVideo: function() { objs.cameraVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 8, wrap: els.scrollVideoWrap, video: els.scrollVideo, resetCallback: function() { if (els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.remove('is-completed'); } }, playCallback: function() { els.scrollControllerBlindText.innerText = 'pause'; setTagging.pause(); }, pauseCallback: function() { els.scrollControllerBlindText.innerText = 'play'; setTagging.play(); }, endCallback: function() { if (!els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.add('is-completed'); } } }); }, setScene: function() { objs.scene = SCROLLER({ trackElement: els.scrollVideo, useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); } }; var handlerList = { scroll: function() { objs.scene.trackAnimation(function() { objs.cameraVideo.scrollActive(this.progress); }); }, videoCta: function() { if (els.scrollVideo.paused) { els.scrollVideo.play(); } else { els.scrollVideo.pause(); } } }; var setTagging = { play: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('pause', 'play')); } }, pause: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.colors = (function() { var els = {}, status = {}; var init = function() { els.section = document.querySelector('.highlights-colors'); if (!!els.section) { setElements(); bindEvents(); } }; var setElements = function() { els.colors = els.section.querySelectorAll('.highlights-colors__tab-button'); els.colorName = els.section.querySelectorAll('.highlights-colors__tab-name'); els.panel = els.section.querySelectorAll('.highlights-colors__tab-panel--side .highlights-colors__image-wrap'); els.popupBtn = els.section.querySelector('.common-cta-encased'); //swiper els.swiper = null; els.swiperContainer = els.section.querySelector('.swiper-container'); status.isClick = false; }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLoadHandler, { once: true }); window.addEventListener('scroll', onLoadHandler); for (var i = 0; i < els.colors.length; i++) { els.colors[i].index = i; els.colors[i].addEventListener('click', onClickColorItem); } }; var onLoadHandler = function() { setSwiper(); }; var onClickColorItem = function() { var target = this; status.isClick = true; handlerList.colorchip(target); handlerList.colorName(target); handlerList.panel(target); handlerList.slideTo(target); }; var handlerList = { colorchip: function(target) { var oldColor = els.section.querySelector('.highlights-colors__tab .is-active'); if (!target.classList.contains('is-active')) { oldColor.classList.remove('is-active'); oldColor.setAttribute('aria-selected', false); target.classList.add('is-active'); target.setAttribute('aria-selected', true); } }, colorName: function(target) { var oldColorName = els.section.querySelector('.highlights-colors__tab-names .is-active'), index = target.index; if (!els.colorName[index].classList.contains('is-active')) { oldColorName.classList.remove('is-active'); oldColorName.setAttribute('aria-hidden', true); els.colorName[index].classList.add('is-active'); els.colorName[index].setAttribute('aria-hidden', false); } }, panel: function(target) { var oldPanel = els.section.querySelector('.highlights-colors__tab-panel-group .is-active'), index = target.index; if (!els.panel[index].classList.contains('is-active')) { oldPanel.classList.remove('is-active'); els.panel[index].classList.add('is-active'); els.popupBtn.setAttribute('data-model-color', els.panel[index].getAttribute('id')); } }, slideTo: function(target) { var index = target.index; els.swiper.slideTo((index + 1), 500, false); status.isClick = false; }, setPopupBtnColor: function(target) { els.popupBtn.setAttribute('data-model-color', target.getAttribute('id')); } } var swiperEvents = { init: function() { var notification = this.el.querySelector('.swiper-notification'); if (!!notification) this.el.removeChild(notification); var activeIndex = this.activeIndex, activeSlide = this.slides[activeIndex]; activeSlideImg = this.slides[this.activeIndex].querySelectorAll('img'), prevSlideImg = this.slides[this.activeIndex - 1].querySelectorAll('img'), nextIndex = (this.activeIndex < this.slides.length - 1) ? (this.activeIndex + 1) : 0, nextSlide = this.slides[nextIndex], nextSlideImg = nextSlide.querySelectorAll('img'); if (activeSlideImg[0] && !activeSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(activeSlideImg); } if (prevSlideImg[0] && !prevSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(prevSlideImg); } if (nextSlideImg[0] && !nextSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(nextSlideImg); } accessibility.slide(); handlerList.setPopupBtnColor(activeSlide); }, slideChange: function() { var activeIndex = els.swiper.realIndex, activeSlide = this.slides[activeIndex + 1], activeSlideImg = els.swiper.slides[els.swiper.activeIndex].querySelectorAll('img'), nextIndex = (this.activeIndex < this.slides.length - 1) ? (this.activeIndex + 1) : 0, nextSlideImg = this.slides[nextIndex].querySelectorAll('img'); if (!status.isClick) { handlerList.colorchip(els.colors[activeIndex]); handlerList.colorName(els.colors[activeIndex]); handlerList.panel(els.colors[activeIndex]); handlerList.setPopupBtnColor(this.slides[els.swiper.activeIndex]); } if (!activeSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(activeSlideImg); } if (!nextSlideImg[0].classList.contains('is-img-load-complete')) { imageLoader.setResponsiveMedia(nextSlideImg); } accessibility.slide(); handlerList.setPopupBtnColor(activeSlide); }, slideChangeTransitionEnd: function() { status.isClick = false; } }; var setSwiper = function() { var windowOffsetTop = window.pageYOffset, windowOffsetBottom = windowOffsetTop + window.innerHeight, targetOffsetTop = windowOffsetTop + els.section.getBoundingClientRect().top; if (els.swiper == null && windowOffsetBottom >= targetOffsetTop) { els.swiper = new Swiper(els.swiperContainer, { init: false, slidesPerView: 'auto', loop: true, loopedSlides: 1 }); els.swiper.on('init', swiperEvents.init); els.swiper.on('slideChange', swiperEvents.slideChange); els.swiper.on('slideChangeTransitionEnd', swiperEvents.slideChangeTransitionEnd); els.swiper.init(); } }; var accessibility = { slide: function() { for (var i = 0; i < els.swiper.slides.length; i++) { if (i != els.swiper.activeIndex) { els.swiper.slides[i].setAttribute('aria-hidden', true); } else { els.swiper.slides[i].setAttribute('aria-hidden', false); } } } } return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.customization = (function() { var els = {}, status = {}, utils = window.flagship.common.utils, agent = navigator.userAgent.toLowerCase(), maxOs = agent.indexOf('mac os') > -1, touchDevice = ('ontouchstart' in window || (window.DocumentTouch && document instanceof window.DocumentTouch)), resize = window.flagship.common.resize; var init = function() { els.section = document.querySelector('.highlights-customization'); if (!!els.section) { setElements(); bindEvents(); } }; var setElements = function() { els.uiTabBtns = els.section.querySelectorAll('.highlights-customization__ui-tab-btn'); els.uiContent = els.section.querySelector('.highlights-customization__ui-content'); els.clockUi = els.section.querySelector('.highlights-customization__ui-list--clock'); els.widgetUi = els.section.querySelector('.highlights-customization__ui-list--widget'); els.widgetUiList = Array.prototype.slice.call(els.widgetUi.querySelectorAll('.highlights-customization__ui-item')); els.clockUiList = Array.prototype.slice.call(els.clockUi.querySelectorAll('.highlights-customization__ui-item')); els.clockDisplay = els.section.querySelector('.highlights-customization__display--clock'); els.widgetDisplay = els.section.querySelector('.highlights-customization__display--widget'); els.clockDisplayItem = els.clockDisplay.querySelectorAll('.highlights-customization__display-item'); els.widgetDisplayItem = els.widgetDisplay.querySelectorAll('.highlights-customization__display-item'); }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', handlerList.load, { once: true }); els.uiTabBtns[0].addEventListener('click', handlerList.clockTab); els.uiTabBtns[1].addEventListener('click', handlerList.widgetTab); if (!maxOs && !touchDevice) { els.uiContent.addEventListener('mouseenter', function() { scrollController.destroy(true); }, { capture: true }); els.uiContent.addEventListener('mouseleave', function() { scrollController.init({ speed: 120, duration: 0.5 }); }, { capture: true }); } }; var handlerList = { load: function() { status.currentTab = 'clock'; status.prevTab = els.uiTabBtns[0]; tabEvents.initTab(); }, widgetTab: function() { if (this.classList.contains('is-active')) return; tabEvents.removeActive(); status.currentTab = 'widget'; tabEvents.changeTab(this); imageLoader.setResponsiveMedia(els.widgetUi.querySelectorAll('img')); status.prevTab = this; }, clockTab: function() { if (this.classList.contains('is-active')) return; tabEvents.removeActive(); status.currentTab = 'clock'; tabEvents.changeTab(this); status.prevTab = this; }, clickUi: function() { var self = this, currentIndex = els.isUi.indexOf(self); if (self.classList.contains('is-active')) return; clearTimeout(status.clickTimeout); status.clickTimeout = setTimeout(function() { tabEvents.removeActive(); accessibility.setTitle(self.querySelector('button')); self.classList.add('is-active'); els.isDisplay[currentIndex].classList.add('is-active'); status.prevIndex = currentIndex; }, 200); }, }; var tabEvents = { initTab: function() { status.prevIndex = 0; status.prevDisplayWrap = els.isDisplayWrap; status.prevUiWrap = els.isUiWrap; tabEvents.getElement(); tabEvents.initTabTitle(); tabEvents.firstAddActive(); tabEvents.bindClickUi(); accessibility.uiItem(); }, changeTab: function(currentTab) { if (resize.checkResolution() === 'mobile') els.uiContent.scrollLeft = 0; tabEvents.initTab(currentTab); status.prevTab.classList.remove('is-active'); status.prevDisplayWrap.classList.remove('is-active'); status.prevUiWrap.classList.remove('is-visible'); status.prevUiWrap.classList.remove('is-active'); currentTab.classList.add('is-active'); els.isUiWrap.classList.add('is-visible'); setTimeout(function() { els.isUiWrap.classList.add('is-active'); }, 100); els.isDisplayWrap.classList.add('is-active'); }, getElement: function() { els.isUiWrap = status.currentTab == 'clock' ? els.clockUi : els.widgetUi; els.isUi = status.currentTab == 'clock' ? els.clockUiList : els.widgetUiList; els.isDisplayWrap = status.currentTab == 'clock' ? els.clockDisplay : els.widgetDisplay; els.isDisplay = status.currentTab == 'clock' ? els.clockDisplayItem : els.widgetDisplayItem; }, removeActive: function() { els.isUi[status.prevIndex].classList.remove('is-active'); els.isUi[status.prevIndex].querySelector('button').removeAttribute('title'); els.isDisplay[status.prevIndex].classList.remove('is-active'); }, firstAddActive: function() { els.isUi[0].classList.add('is-active'); accessibility.setTitle(els.isUi[0].querySelector('button')); els.isDisplay[0].classList.add('is-active'); }, bindClickUi: function() { for (var i = 0; i < els.isUi.length; i++) { els.isUi[i].addEventListener('click', handlerList.clickUi); } }, initTabTitle: function() { if (status.currentTab === 'clock') { els.uiTabBtns[1].removeAttribute('title'); accessibility.setTitle(els.uiTabBtns[0]); } else { els.uiTabBtns[0].removeAttribute('title'); accessibility.setTitle(els.uiTabBtns[1]); } } }; var accessibility = { uiItem: function() { if (status.currentTab === 'clock') { utils.onAccessibility(els.widgetUi); utils.offAccessibility(els.clockUi); } else { utils.onAccessibility(els.clockUi); utils.offAccessibility(els.widgetUi); } }, setTitle: function(button) { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { button.setAttribute('title', LOCAL_VARI.selected); } else { button.setAttribute('title', 'Selected'); } }, }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.design = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils, resize = window.flagship.common.resize; currDevice = resize.checkResolution(); var init = function() { els.section = document.querySelector('.highlights-design'); if (!!els.section) { setElements(); objList.setVideo(); objList.setScene(); bindEvents(); } }; var setElements = function() { els.scrollVideoWrap = els.section.querySelector('.common-video'); els.scrollVideo = els.section.querySelector('.common-video__figure>video'); els.scrollController = els.section.querySelector('.common-video__control'); els.scrollControllerBlindText = els.scrollController.querySelector('.blind'); }; var bindEvents = function() { window.addEventListener('scroll', handlerList.scroll); els.scrollController.addEventListener('click', handlerList.videoCta); handlerList.scroll(); resize.add(onResizeHandler); }; var onResizeHandler = function(currRes) { currDevice = currRes; }; var objList = { setVideo: function() { objs.designVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: (currDevice.indexOf('mobile') > -1) ? 21 : 24, reversePoint: (currDevice.indexOf('mobile') > -1) ? 82 : 80, wrap: els.scrollVideoWrap, video: els.scrollVideo, resetCallback: function() { if (els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.remove('is-completed'); } }, playCallback: function() { els.scrollControllerBlindText.innerText = 'pause'; setTagging.pause(); }, pauseCallback: function() { els.scrollControllerBlindText.innerText = 'play'; setTagging.play(); }, endCallback: function() { if (!els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.add('is-completed'); } } }); }, setScene: function() { objs.scene = SCROLLER({ trackElement: els.scrollVideo, useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); } }; var handlerList = { scroll: function() { objs.scene.trackAnimation(function() { objs.designVideo.scrollActive(this.progress); }); }, videoCta: function() { if (els.scrollVideo.paused) { els.scrollVideo.play(); } else { els.scrollVideo.pause(); } } }; var setTagging = { play: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('pause', 'play')); } }, pause: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();;(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.durability = (function() { var els = {}; var init = function() { els.section = document.querySelector('.highlights-durability'); if (!!els.section) { setElements(); setProperty(); bindEvents(); } }; var setElements = function() { els.durabilityItemWrap = els.section.querySelector('.highlights-durability__list'); els.durabilityItem = els.section.querySelectorAll('.highlights-durability__item'); }; var setProperty = function() { for (var i = 0; i < els.durabilityItem.length; i++) { els.durabilityItem[i].btn = els.durabilityItem[i].querySelector('.highlights-durability__item-button'); els.durabilityItem[i].desc = els.durabilityItem[i].querySelector('.highlights-durability__item-description'); els.durabilityItem[i].addEventListener('click', onClickItemBtn); } }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLoadHandler, { once: true }); for (var i = 0; i < els.durabilityItem.length; i++) { els.durabilityItem[i].addEventListener('click', onClickItemBtn); } }; var onLoadHandler = function() { els.durabilityItem[0].desc.style.display = 'block'; }; var onClickItemBtn = function() { var oldItem = els.durabilityItemWrap.querySelector('.is-open'), dataOmni = this.btn.getAttribute('data-omni'), gaLa = this.btn.getAttribute('ga-la'); if ((this != oldItem) && !this.classList.contains('is-open')) { oldItem.btn.setAttribute('aria-expanded', false); this.btn.setAttribute('aria-expanded', true); $(oldItem.desc).slideUp(300); $(this.desc).slideDown(300); var self = this; setTimeout(function() { oldItem.classList.remove('is-open'); self.classList.add('is-open'); }, 100); this.btn.setAttribute('data-omni', dataOmni.replace('open', 'close')); this.btn.setAttribute('ga-la', gaLa.replace('open', 'close')); } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.excellence = (function() { var els = {}, objs = {}, resize = window.flagship.common.resize, utils = window.flagship.common.utils, prevDevice = null; currDevice = null; var init = function() { els.section = document.querySelector('.highlights-excellence'); if (!!els.section) { setElements(); setProperty(); bindEvents(); } }; var setElements = function() { els.contentWrap = document.querySelector('#wrap'); els.sceneTrack = els.section.querySelector('.highlights-excellence__fixed-track'); els.sceneFixed = els.section.querySelector('.highlights-excellence__fixed-item'); els.item = els.section.querySelectorAll('.highlights-excellence__item'); // swiper els.swiper = null; els.swiperEl = els.section.querySelector('.highlights-excellence__carousel'); els.swiperSlides = els.swiperEl.querySelectorAll('.highlights-excellence__item'); els.swiperNavArrowNext = els.swiperEl.querySelector('.swiper-button-next'); els.swiperNavArrowPrev = els.swiperEl.querySelector('.swiper-button-prev'); els.arrowTimeout = null; els.orientationTimeout = null; }; var setProperty = function() { for (var i = 0; i < els.item.length; i++) { var clickable = els.item[i].querySelectorAll('a, button'); if (clickable.length > 0) { for (var j = 0; j < clickable.length; j++) { clickable[j].item = els.item[i]; clickable[j].addEventListener('keydown', onFocusClickable); } } } }; var objList = { setScene: function() { objs.scene = SCROLLER({ trackElement: els.sceneTrack, fixedElement: els.sceneFixed, useFixed: utils.detector.isIEorEdge < 0 ? false : true, useSticky: utils.detector.isIEorEdge < 0 ? true : false, trackHeight: 1.5, correction: -1, useStrictMode: false }); } }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLoadHandler, { once: true }); window.addEventListener('scroll', scrollerHandlerList.onScroller); window.addEventListener('orientationchange', function() { clearTimeout(els.orientationTimeout); els.orientationTimeout = setTimeout(function() { checkBrokenFixed(); setCard(); }, 800); }); els.swiperNavArrowNext.addEventListener('click', swiperEvents.onClickArrow); els.swiperNavArrowNext.addEventListener('keydown', swiperEvents.onClickArrow); els.swiperNavArrowPrev.addEventListener('click', swiperEvents.onClickArrow); els.swiperNavArrowPrev.addEventListener('keydown', swiperEvents.onClickArrow); resize.add(onResizeHandler); }; var onLoadHandler = function() { currDevice = resize.checkResolution(); checkBrokenFixed(); setCard(); }; var onResizeHandler = function(currRes) { currDevice = currRes; if (prevDevice != currDevice) { if (prevDevice && prevDevice.indexOf('mobile') > -1 && currDevice.indexOf('mobile') > -1) return; checkBrokenFixed(); setCard(); prevDevice = currDevice; } }; var setCard = function() { if (document.documentElement.classList.contains('is-broken-fixed')) { scrollerHandlerList.destroyScroller(); if (els.swiper != null) swiperEvents.destroy(); } else { if (currDevice.indexOf('mobile') == -1) { if (els.swiper != null) swiperEvents.destroy(); objList.setScene(); scrollerHandlerList.onScroller(); } else { scrollerHandlerList.destroyScroller(); setSwiper(); } } }; // scroller var scrollerHandlerList = { onScroller: function() { if (objs.scene != null) { if (!document.documentElement.classList.contains('is-broken-fixed')) { var outerHeight = els.sceneFixed.clientHeight, innerHeight = els.sceneFixed.querySelector('.common-inner').clientHeight, accBanner = document.querySelector('.acc_placement'), accMarginTop = (outerHeight - innerHeight) / 2 - utils.getNavHeight(), accValue = (accMarginTop < 0) ? 0 : accMarginTop; accBanner.style.marginTop = -accValue + 'px'; } objs.scene.trackAnimation(function() { if (this.progress > -10 && this.progress < 100) { var slideMargin = parseInt(window.getComputedStyle(els.swiperSlides[0]).marginLeft), slideWidth = els.swiperSlides[0].clientWidth + (slideMargin * 2), slideWrapWidth = slideWidth * (els.swiperSlides.length), innerWidth = els.section.querySelector('.common-inner').clientWidth, contentWrapWidth = els.contentWrap.clientWidth, moveSize = slideWrapWidth - contentWrapWidth, currSize = (contentWrapWidth - innerWidth), slideValue = moveSize + currSize; transValue = ANIUTIL.calRange({ targetValue: slideValue, progress: this.progress, startPoint: 0, endPoint: 20 }); var tweener = new TweenMax(els.swiperEl, 0.2, { x: transValue * (utils.isRTL() ? 1 : -1) + 'px', ease: 'none' }); tweener.updateTo({ x: transValue * (utils.isRTL() ? 1 : -1) + 'px' }, true); } }); } }, destroyScroller: function() { if (objs.scene != null) { objs.scene.destroy(true, true); objs.scene = null; els.swiperEl.style = ''; els.sceneTrack.style = ''; } } }; // swiper var setSwiper = function() { if (els.swiper == null) { els.swiper = new Swiper(els.swiperEl, { init: false, centeredSlides: true, slidesPerView: 'auto', navigation: { nextEl: els.swiperNavArrowNext, prevEl: els.swiperNavArrowPrev, } }); els.swiper.init(); els.swiper.on('init', swiperEvents.init); els.swiper.on('slideChange', swiperEvents.slideChange); } }; var swiperEvents = { init: function() { var notification = this.el.querySelector('.swiper-notification'); if (!!notification) this.el.removeChild(notification); setAccessibility.slide(); setAccessibility.arrow(); }, slideChange: function() { setAccessibility.slide(); setAccessibility.arrow(); }, destroy: function() { if (els.swiper != null) { els.swiper.destroy(true); els.swiper = null; } }, onClickArrow: function(e) { if ((e.type == 'keydown' && e.keyCode == 13) || (e.type == 'click' && document.documentElement.classList.contains('isTouchDevice'))) { e.preventDefault(); clearTimeout(els.arrowTimeout); els.arrowTimeout = setTimeout(function() { if (els.swiper.isBeginning && !els.swiper.isEnd) { els.swiperNavArrowNext.focus(); } else if (!els.swiper.isBeginning && els.swiper.isEnd) { els.swiperNavArrowPrev.focus(); } }, 300); } } }; var setAccessibility = { slide: function() { for (var i = 0; i < els.swiper.slides.length; i++) { if (i != els.swiper.snapIndex) { utils.onAccessibility(els.swiper.slides[i]); } else { utils.offAccessibility(els.swiper.slides[i]); } } }, arrow: function() { if (els.swiper.isBeginning && !els.swiper.isEnd) { utils.offAccessibility(els.swiperNavArrowNext); utils.onAccessibility(els.swiperNavArrowPrev); } else if (!els.swiper.isBeginning && els.swiper.isEnd) { utils.offAccessibility(els.swiperNavArrowPrev); utils.onAccessibility(els.swiperNavArrowNext); } else { utils.offAccessibility(els.swiperNavArrowNext); utils.offAccessibility(els.swiperNavArrowPrev); } } }; var checkBrokenFixed = function() { if (currDevice.indexOf('mobile') == -1) { var widHeight = window.innerHeight - utils.getNavHeight(), headLineHeight = els.sceneFixed.querySelector('.common-sub-headline').clientHeight, carouselMarginTop = parseInt(window.getComputedStyle(els.swiperEl).marginTop), cardHeight = els.sceneFixed.querySelector('.highlights-excellence__item').clientHeight, totalHeight = headLineHeight + carouselMarginTop + cardHeight; if (widHeight < totalHeight) { document.documentElement.classList.add('is-broken-fixed'); } else { document.documentElement.classList.remove('is-broken-fixed'); } } else { document.documentElement.classList.remove('is-broken-fixed'); } }; var onFocusClickable = function(e) { var targetItem = this.item, targetIndex = [].indexOf.call(els.swiperSlides, targetItem); if (objs.scene != null) { var startScroll = els.sceneTrack.getBoundingClientRect().top + window.pageYOffset, maxScroll = startScroll + (parseInt(window.getComputedStyle(els.sceneTrack).height) / 2); els.sceneFixed.scrollLeft = 0; if (e.type == 'keydown' && targetIndex >= 3) { window.scrollTo(0, maxScroll); } else { window.scrollTo(0, startScroll); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.exclusive = (function() { var els = {}; var init = function() { els.section = document.querySelector('.highlights-exclusive'); if (!!els.section) { setElements(); bindEvents(); } }; var setElements = function() { els.colors = els.section.querySelectorAll('.highlights-exclusive__tab-button'); els.panel = els.section.querySelectorAll('.highlights-exclusive__tab-panel'); els.colorName = els.section.querySelectorAll('.highlights-exclusive__tab-name'); els.popupBtn = els.section.querySelector('.common-cta-encased'); }; var bindEvents = function() { for (var i = 0; i < els.colors.length; i++) { els.colors[i].index = i; els.colors[i].addEventListener('click', onClickColorItem); if (els.colors[i].classList.contains('is-active')) { els.popupBtn.setAttribute('data-model-color', els.panel[els.colors[i].index].getAttribute('id')); } } }; var onClickColorItem = function() { var oldColor = els.section.querySelector('.highlights-exclusive__tab .is-active'), oldPanel = els.section.querySelector('.highlights-exclusive__tab-panel-group .is-active'), oldColorName = els.section.querySelector('.highlights-exclusive__tab-names .is-active'), index = this.index; // colorchip if (!this.classList.contains('is-active')) { oldColor.classList.remove('is-active'); oldColor.setAttribute('aria-selected', false); this.classList.add('is-active'); this.setAttribute('aria-selected', true); } // panel if (!els.panel[index].classList.contains('is-active')) { oldPanel.classList.remove('is-active'); oldPanel.setAttribute('aria-hidden', true); els.panel[index].classList.add('is-active'); els.panel[index].setAttribute('aria-hidden', false); els.popupBtn.setAttribute('data-model-color', els.panel[index].getAttribute('id')); } if (!els.colorName[index].classList.contains('is-active')) { oldColorName.classList.remove('is-active'); oldColorName.setAttribute('aria-hidden', true); els.colorName[index].classList.add('is-active'); els.colorName[index].setAttribute('aria-hidden', false); } }; return { init: init } })();})();;(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.faq = (function() { var els = {}, utils = window.flagship.common.utils; var init = function() { els.section = document.querySelector('.highlights-faq'); if (!!els.section) { setElements(); bindEvents(); } }; var setElements = function() { els.faqItems = els.section.querySelectorAll('.highlights-faq__item'); }; var bindEvents = function() { for (var i = 0; i < els.faqItems.length; i++) { els.faqItems[i].arrowBtn = els.faqItems[i].querySelector('.highlights-faq__item button'); els.faqItems[i].arrowBtn.index = i; els.faqItems[i].answer = els.faqItems[i].querySelector('.highlights-faq__answer'); els.faqItems[i].cta = els.faqItems[i].querySelector('.highlights-faq__cta'); els.faqItems[i].arrowBtn.addEventListener('click', onClickFaqBtn); if (els.faqItems[i].cta) { els.faqItems[i].cta.addEventListener('click', onClickFaqCta); } } }; var onClickFaqBtn = function() { var index = this.index, parentWrap = els.faqItems[index], dataOmni = this.getAttribute('data-omni'), gaLa = this.getAttribute('an-la'), self = this; if (!parentWrap.classList.contains('is-open')) { parentWrap.classList.add('is-open'); $(parentWrap.answer).stop().slideDown(300); this.setAttribute('aria-expanded', true); setTimeout(function() { self.setAttribute('data-omni', dataOmni.replace('open', 'close')); self.setAttribute('an-la', gaLa.replace('open', 'close')); }, 50); } else { parentWrap.classList.remove('is-open'); $(parentWrap.answer).stop().slideUp(250); this.setAttribute('aria-expanded', false); setTimeout(function() { self.setAttribute('data-omni', dataOmni.replace('close', 'open')); self.setAttribute('an-la', gaLa.replace('close', 'open')); }, 50); } }; var onClickFaqCta = function(e) { if (this.getAttribute('href').indexOf('#') == 0) { e.preventDefault(); var faqId = this.getAttribute('href').split('#')[1], section = document.querySelector('#' + faqId), sectionTop = section.getBoundingClientRect().top, navHeight = utils.getNavHeight(), faqScroll = window.pageYOffset + sectionTop - navHeight, sectionTimeout = null; clearTimeout(sectionTimeout); sectionTimeout = setTimeout(function() { if (!!section.querySelectorAll('button, a')[0]) { section.querySelectorAll('button, a')[0].focus(); } else { section.querySelector('.common-eyebrow').setAttribute('tabindex', 0); section.querySelector('.common-eyebrow').focus(); section.querySelector('.common-eyebrow').addEventListener('focusout', function() { section.querySelector('.common-eyebrow').removeAttribute('tabindex'); }); } }, 20); window.scrollTo(0, faqScroll); }; }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.flexpanel = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils, resize = window.flagship.common.resize; currDevice = resize.checkResolution(); var init = function() { els.section = document.querySelector('.highlights-flex-mode'); if (!!els.section) { setElements(); objList.setVideo(); objList.setScene(); bindEvents(); } }; var setElements = function() { els.scrollVideoWrap = els.section.querySelector('.js-scroll-video'); els.scrollVideo = els.section.querySelector('.js-scroll-video .common-video__figure>video'); els.scrollController = els.section.querySelector('.js-scroll-video .common-video__control'); els.scrollControllerBlindText = els.scrollController.querySelector('.blind'); }; var bindEvents = function() { window.addEventListener('scroll', handlerList.scroll); els.scrollController.addEventListener('click', handlerList.videoCta); handlerList.scroll(); resize.add(onResizeHandler); }; var onResizeHandler = function(currRes) { currDevice = currRes; }; var objList = { setVideo: function() { objs.flexpanelVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 10, reversePoint: (currDevice.indexOf('mobile') > -1) ? 76 : 87, wrap: els.scrollVideoWrap, video: els.scrollVideo, resetCallback: function() { if (els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.remove('is-completed'); } }, playCallback: function() { els.scrollControllerBlindText.innerText = 'pause'; setTagging.pause(); }, pauseCallback: function() { els.scrollControllerBlindText.innerText = 'play'; setTagging.play(); }, endCallback: function() { if (!els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.add('is-completed'); } } }); }, setScene: function() { objs.scene = SCROLLER({ trackElement: els.scrollVideo, useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); } }; var handlerList = { scroll: function() { objs.scene.trackAnimation(function() { objs.flexpanelVideo.scrollActive(this.progress); }); }, videoCta: function() { if (els.scrollVideo.paused) { els.scrollVideo.play(); } else { els.scrollVideo.pause(); } } }; var setTagging = { play: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('pause', 'play')); } }, pause: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.flexwindowBig = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils, resize = window.flagship.common.resize; currDevice = resize.checkResolution(); var init = function() { els.section = document.querySelector('.highlights-flexwindow__scroll-video'); if (!!els.section) { setElements(); objList.setVideo(); objList.setScene(); bindEvents(); } }; var setElements = function() { els.scrollVideoWrap = els.section.querySelector('.js-scroll-video'); els.scrollVideo = els.section.querySelector('.js-scroll-video .common-video__figure>video'); els.scrollController = els.section.querySelector('.js-scroll-video .common-video__control'); els.scrollControllerBlindText = els.scrollController.querySelector('.blind'); }; var bindEvents = function() { window.addEventListener('scroll', handlerList.scroll); els.scrollController.addEventListener('click', handlerList.videoCta); handlerList.scroll(); resize.add(onResizeHandler); }; var onResizeHandler = function(currRes) { currDevice = currRes; }; var objList = { setVideo: function() { objs.flexwindowBigVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 26, reversePoint: (currDevice.indexOf('mobile') > -1) ? 54 : 77, wrap: els.scrollVideoWrap, video: els.scrollVideo, resetCallback: function() { if (els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.remove('is-completed'); } }, playCallback: function() { els.scrollControllerBlindText.innerText = 'pause'; setTagging.pause(); }, pauseCallback: function() { els.scrollControllerBlindText.innerText = 'play'; setTagging.play(); }, endCallback: function() { if (!els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.add('is-completed'); } } }); }, setScene: function() { objs.scene = SCROLLER({ trackElement: els.scrollVideo, useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); } }; var handlerList = { scroll: function() { objs.scene.trackAnimation(function() { objs.flexwindowBigVideo.scrollActive(this.progress); }); }, videoCta: function() { if (els.scrollVideo.paused) { els.scrollVideo.play(); } else { els.scrollVideo.pause(); } } }; var setTagging = { play: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('pause', 'play')); } }, pause: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.flexwindowGesture = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils; var init = function() { els.section = document.querySelector('.highlights-flexwindow__item--gesture'); if (!!els.section) { setElements(); objList.setVideo(); objList.setScene(); bindEvents(); } }; var setElements = function() { els.scrollVideoWrap = els.section.querySelector('.js-scroll-video'); els.scrollVideo = els.section.querySelector('.js-scroll-video .common-video__figure>video'); els.scrollController = els.section.querySelector('.js-scroll-video .common-video__control'); els.scrollControllerBlindText = els.scrollController.querySelector('.blind'); }; var bindEvents = function() { window.addEventListener('scroll', handlerList.scroll); els.scrollController.addEventListener('click', handlerList.videoCta); handlerList.scroll(); }; var objList = { setVideo: function() { objs.flexwindowGestureVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 10, reversePoint: 84, wrap: els.scrollVideoWrap, video: els.scrollVideo, resetCallback: function() { if (els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.remove('is-completed'); } }, playCallback: function() { els.scrollControllerBlindText.innerText = 'pause'; setTagging.pause(); }, pauseCallback: function() { els.scrollControllerBlindText.innerText = 'play'; setTagging.play(); }, endCallback: function() { if (!els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.add('is-completed'); } } }); }, setScene: function() { objs.scene = SCROLLER({ trackElement: els.scrollVideo, useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); } }; var handlerList = { scroll: function() { objs.scene.trackAnimation(function() { objs.flexwindowGestureVideo.scrollActive(this.progress); }); }, videoCta: function() { if (els.scrollVideo.paused) { els.scrollVideo.play(); } else { els.scrollVideo.pause(); } } }; var setTagging = { play: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('pause', 'play')); } }, pause: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.flexwindowMap = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils; var init = function() { els.section = document.querySelector('.highlights-flexwindow__item--map'); if (!!els.section) { setElements(); objList.setVideo(); objList.setScene(); bindEvents(); } }; var setElements = function() { els.scrollVideoWrap = els.section.querySelector('.js-scroll-video'); els.scrollVideo = els.section.querySelector('.js-scroll-video .common-video__figure>video'); els.scrollController = els.section.querySelector('.js-scroll-video .common-video__control'); els.scrollControllerBlindText = els.scrollController.querySelector('.blind'); }; var bindEvents = function() { window.addEventListener('scroll', handlerList.scroll); els.scrollController.addEventListener('click', handlerList.videoCta); handlerList.scroll(); }; var objList = { setVideo: function() { objs.flexwindowMapVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 10, reversePoint: 84, wrap: els.scrollVideoWrap, video: els.scrollVideo, resetCallback: function() { if (els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.remove('is-completed'); } }, playCallback: function() { els.scrollControllerBlindText.innerText = 'pause'; setTagging.pause(); }, pauseCallback: function() { els.scrollControllerBlindText.innerText = 'play'; setTagging.play(); }, endCallback: function() { if (!els.scrollVideoWrap.classList.contains('is-completed')) { els.scrollVideoWrap.classList.add('is-completed'); } } }); }, setScene: function() { objs.scene = SCROLLER({ trackElement: els.scrollVideo, useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); } }; var handlerList = { scroll: function() { objs.scene.trackAnimation(function() { objs.flexwindowMapVideo.scrollActive(this.progress); }); }, videoCta: function() { if (els.scrollVideo.paused) { els.scrollVideo.play(); } else { els.scrollVideo.pause(); } } }; var setTagging = { play: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('pause', 'play')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('pause', 'play')); } }, pause: function() { if (els.scrollController.hasAttribute('data-omni')) { var dataOmni = els.scrollController.getAttribute('data-omni').toLowerCase(); els.scrollController.setAttribute('data-omni', dataOmni.replace('play', 'pause')); } if (els.scrollController.hasAttribute('an-la')) { var gaLa = els.scrollController.getAttribute('an-la').toLowerCase(); els.scrollController.setAttribute('an-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.overview = (function() { var els = {}, objs = {}, status = {}, utils = window.flagship.common.utils, common = window.flagship.highlights.common, resize = window.flagship.common.resize; var init = function() { els.section = document.querySelector('.highlights-overview'); if (!!els.section) { setElements(); objList.video(); objList.scene(); bindEvents(); } }; var setElements = function() { els.videoWrap = els.section.querySelectorAll('.common-video'); els.videoControlBtn = Array.prototype.slice.call(els.section.querySelectorAll('.common-video__control')); els.overviewPopup = document.querySelector('.highlights-overview-popup'); els.popupContents = els.overviewPopup.querySelector('.highlights-overview-popup__contents'); els.closeCta = els.overviewPopup.querySelector('.highlights-overview-popup__close'); els.contents = document.querySelector('#contents'); els.swiperContainer = els.overviewPopup.querySelector('.highlights-overview-popup__media'); els.pagination = els.overviewPopup.querySelector('.highlights-overview-popup__pagination'); els.nextArrow = els.overviewPopup.querySelector('.swiper-button-next'); els.prevArrow = els.overviewPopup.querySelector('.swiper-button-prev'); els.swiperControlBtn = els.overviewPopup.querySelector('.highlights-overview-popup__contents-control'); els.moVideoControlWrap = els.overviewPopup.querySelector('.highlights-overview-popup__video-controls'); els.textWrap = document.querySelector('.highlights-overview-popup__textbox'); els.textList = els.textWrap.querySelectorAll('.highlights-overview-popup__textbox-item'); els.downCta = els.section.querySelector('.highlights-overview__down-cta'); els.goToCta = els.textWrap.querySelectorAll('.highlights-overview-popup__textbox-cta'); els.supClicker = document.querySelectorAll('.js-popup-sup a.click_sup'); }; var bindEvents = function() { window.addEventListener('scroll', handlerList.scroll); handlerList.scroll(); objList.popup(); els.videoControlBtn[0].addEventListener('click', handlerList.videoControl); els.videoControlBtn[1].addEventListener('click', handlerList.videoControl); els.swiperControlBtn.addEventListener('click', swiperEvents.slideControl); els.downCta.addEventListener('click', handlerList.goToFeature); for (var i = 0; i < els.supClicker.length; i++) { els.supClicker[i].addEventListener('click', handlerList.goDisclaimer); } for (var i = 0; i < els.goToCta.length; i++) { els.goToCta[i].addEventListener('click', handlerList.goToFeature); els.goToCta[i].addEventListener('mouseenter', function() { if (!!status.paused) return; status.paused = false; swiperEvents.slideControl(); }); els.goToCta[i].addEventListener('mouseleave', function() { if (!status.paused) return; status.paused = true; swiperEvents.slideControl(); }); } }; var objList = { swiper: function() { if (els.swiper == null) { els.swiper = new Swiper(els.swiperContainer, { init: false, initialSlide: status.currentIndex - 1, loop: true, navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, pagination: { el: els.pagination, clickable: true, type: 'bullets', renderBullet: function() { return ''; } }, }); } }, popup: function() { utils.layerPopup({ layerPopup: els.overviewPopup, openerEvent: { proxy: true, element: els.section.querySelector('.highlights-overview__list-wrap'), class: 'highlights-overview__item-cta', }, closeCta: els.closeCta, moveTarget: document.documentElement, contents: els.contents, show: { start: function(eventElements) { status.pageYOffset = window.pageYOffset; els.overviewPopup.classList.add('is-open'); status.currentIndex = parseInt(eventElements.openerCta.getAttribute('data-slide-index')); objList.swiper(); els.swiper.on('init', swiperEvents.swiperInit); els.swiper.on('slideChange', swiperEvents.slideChange); setTimeout(function() { els.swiper.init(); }, 200); els.overviewPopup.addEventListener('click', handlerList.clickOutside); els.popupOpener = eventElements.openerCta; }, end: function() { status.currentDevice = resize.checkResolution(); handlerList.popupMedia(); swiperEvents.slidePlay(); } }, hide: { start: function() { if (!!status.oldVideo && !status.oldVideo.video.paused) { status.oldVideo.eventList.reset.call(status.oldVideo); } els.overviewPopup.classList.remove('is-active'); els.swiperContainer.classList.remove('is-active'); setTimeout(function() { els.overviewPopup.classList.remove('is-open'); }, 600); }, end: function() { swiperEvents.destroySwiper(); // customization ui-list set accessibility var uiList = document.querySelectorAll('.highlights-customization__ui-list'); if (!uiList[0].classList.contains('is-active')) { utils.onAccessibility(uiList[0]); } else { utils.onAccessibility(uiList[1]); } } } }); }, video: function() { objs.overviewVideo01 = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 15, reversePoint: 78, wrap: els.videoWrap[0], video: els.videoWrap[0].querySelector('.common-video__figure > video'), playCallback: function() { accessibility.playState(els.videoControlBtn[0], 'video'); }, pauseCallback: function() { accessibility.pauseState(els.videoControlBtn[0], 'video'); }, endCallback: function() { if (!els.videoWrap[0].classList.contains('is-completed')) els.videoWrap[0].classList.add('is-completed'); } }); objs.overviewVideo02 = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 17, wrap: els.videoWrap[1], video: els.videoWrap[1].querySelector('.common-video__figure > video'), playCallback: function() { accessibility.playState(els.videoControlBtn[1], 'video'); }, pauseCallback: function() { accessibility.pauseState(els.videoControlBtn[1], 'video'); }, endCallback: function() { if (!els.videoWrap[1].classList.contains('is-completed')) els.videoWrap[1].classList.add('is-completed'); } }); }, scene: function() { objs.scene01 = SCROLLER({ trackElement: els.videoWrap[0], useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); objs.scene02 = SCROLLER({ trackElement: els.videoWrap[1], useFixed: false, resize: utils.detector.isTouchDevice ? false : true }); }, popupVideo: function(popupVideoWrap) { for (var i = 0; i < popupVideoWrap.length; i++) { ANIUTIL.videoHandler({ wrap: [popupVideoWrap[i], els.moVideoControlWrap], video: popupVideoWrap[i].querySelector('video'), playCallback: function() { var activeControl = handlerList.getActiveControl(); accessibility.playState(activeControl, 'video'); }, pauseCallback: function() { if (!!els.swiper) { var activeControl = handlerList.getActiveControl(); accessibility.pauseState(activeControl, 'video'); } if (!!status.oldVideo && els.swiper == null) { var control01 = status.oldVideo.wrap[0].querySelector('.common-video__control'), control02 = status.oldVideo.wrap[1].querySelector('.common-video__control'); accessibility.pauseState(control01, 'video'); accessibility.pauseState(control02, 'video'); } }, endCallback: function() {} }); } }, }; var handlerList = { getActiveControl: function() { if (status.currentDevice == 'mobile') { return els.moVideoControlWrap.querySelector('.common-video__control'); } else { return els.swiper.slides[els.swiper.activeIndex].querySelector('.common-video__control') } }, clickOutside: function(e) { if (e.target.classList.contains('highlights-overview-popup')) { handlerList.destroyPopup(); els.popupOpener.focus(); els.popupOpener.addEventListener('focusin', common.centeredFocus); } }, scroll: function() { objs.scene01.trackAnimation(function() { objs.overviewVideo01.scrollActive(this.progress); }); objs.scene02.trackAnimation(function() { objs.overviewVideo02.scrollActive(this.progress); }); }, popupMedia: function() { if (!!status.popupMedia) { clearTimeout(status.popupMedia); } status.popupMedia = setTimeout(function() { els.overviewPopup.classList.add('is-active'); els.swiperContainer.classList.add('is-active'); handlerList.popupText(); }, 300); }, popupText: function() { if (!!els.oldText) { els.oldText.classList.remove('is-visible'); els.oldText.classList.remove('is-active'); } if (!!status.popupTextVisible) { clearTimeout(status.popupTextVisible); } if (!!status.popTextActive) { clearTimeout(status.popTextActive); } console.log(els.swiper) console.log(els.swiper.slides) console.log("index:"+els.swiper.activeIndex) var textIndex = parseInt(els.swiper.slides[els.swiper.activeIndex].getAttribute('data-swiper-slide-index')); status.popupTextVisible = setTimeout(function() { els.textList[textIndex].classList.add('is-visible'); }, 50); status.popTextActive = setTimeout(function() { els.textList[textIndex].classList.add('is-active'); els.oldText = els.textList[textIndex]; }, 100); }, lazy: function() { status.prevIndex = els.swiper.activeIndex - 1; status.nextIndex = els.swiper.activeIndex + 1; for (var i = 0; i < els.swiper.slides.length; i++) { if (status.prevIndex === i || status.nextIndex === i || els.swiper.activeIndex === i) { var videoList = els.swiper.slides[i].querySelectorAll('video'), imageList = els.swiper.slides[i].querySelectorAll('img'), bgList = els.swiper.slides[i].querySelectorAll('.js-bg-img'), textIdx = parseInt(els.swiper.slides[i].getAttribute('data-swiper-slide-index')), textBg = els.textList[textIdx].querySelectorAll('.js-bg-img'), moControl = els.popupContents.querySelectorAll('.highlights-overview-popup__video-controls'); imageLoader.setResponsiveMedia(imageList); bgLoader.setResponsiveMedia(bgList); bgLoader.setResponsiveMedia(textBg); if (!!els.swiper.slides[i].getAttribute('data-is-video')) { videoLoader.setResponsiveMedia(videoList, function(targetElement) { if (!targetElement.videoHandler.wrap[0].classList.contains('is-loaded') || !targetElement.videoHandler.wrap[1].classList.contains('is-loaded')) { targetElement.videoHandler.wrap[0].classList.add('is-loaded'); targetElement.videoHandler.wrap[1].classList.add('is-loaded'); } }); if (status.currentDevice === 'mobile') bgLoader.setResponsiveMedia(moControl); } } } }, videoControl: function() { var currentIndex = els.videoControlBtn.indexOf(this); if (currentIndex == 0) { if (objs.overviewVideo01.video.paused) objs.overviewVideo01.video.play(); else objs.overviewVideo01.video.pause(); } else { if (objs.overviewVideo02.video.paused) objs.overviewVideo02.video.play(); else objs.overviewVideo02.video.pause(); } }, popupVideoControl: function() { var activeVideo = els.swiper.slides[els.swiper.activeIndex].querySelector('video'); if (!activeVideo.paused) { activeVideo.pause(); } else { activeVideo.play(); if (!!utils.isLowNetwork() && !status.paused && activeVideo.currentTime === 0) { var isBullet = els.bullets[els.swiper.realIndex]; isBullet.classList.remove('is-active'); isBullet.classList.remove('is-duration-5s'); isBullet.classList.remove('is-paused-active'); setTimeout(function() { swiperEvents.setAutoplayDelay(els.swiper.slides[els.swiper.activeIndex]); isBullet.classList.add('is-active'); }, 50); } } }, setSlideStatus: function(activeSlide) { var activeTheme = activeSlide.getAttribute('data-card-theme'), isVideo = activeSlide.getAttribute('data-is-video'); // theme if (activeTheme === 'white') { els.popupContents.classList.remove('is-theme-black'); els.popupContents.classList.add('is-theme-white'); } else { els.popupContents.classList.remove('is-theme-white'); els.popupContents.classList.add('is-theme-black'); } // video check if (!!isVideo) { els.popupContents.classList.add('is-content-video'); } else { els.popupContents.classList.remove('is-content-video'); } }, goToFeature: function(e) { e.preventDefault(); var self = this, section = null; if (!!self.classList.contains('highlights-overview__down-cta')) { section = document.querySelector('#' + self.getAttribute('data-feature-name')); } else { section = document.querySelector(self.getAttribute('href')); handlerList.destroyPopup(); swiperEvents.destroySwiper(); } setTimeout(function() { var sectionTop = section.getBoundingClientRect().top; status.movePosition = (sectionTop + window.pageYOffset) - utils.getNavHeight(); var eyebrow = section.querySelector('.common-text'), clickable = section.querySelectorAll('a, button'); if (!!eyebrow) { var focusOutEvent = function() { eyebrow.removeAttribute('tabindex'); eyebrow.removeEventListener('focusout', focusOutEvent); } eyebrow.addEventListener('focusout', focusOutEvent); eyebrow.setAttribute('tabindex', 0); eyebrow.focus(); } else { clickable[0].focus(); } window.scrollTo(0, status.movePosition); }, 50); }, destroyPopup: function() { utils.visibleScroll(); utils.onAccessibility(els.overviewPopup); utils.offAccessibility(document.querySelector('#wrap')); document.documentElement.style.overflow = ''; if (!!status.oldVideo && !status.oldVideo.video.paused) { var control01 = status.oldVideo.wrap[0].querySelector('.common-video__control'), control02 = status.oldVideo.wrap[1].querySelector('.common-video__control'); status.oldVideo.eventList.reset.call(status.oldVideo); accessibility.pauseState(control01, 'video'); accessibility.pauseState(control02, 'video'); } els.overviewPopup.classList.remove('is-active'); els.swiperContainer.classList.remove('is-active'); setTimeout(function() { els.overviewPopup.classList.remove('is-open'); swiperEvents.destroySwiper(); }, 600); // customization ui-list set accessibility var uiList = document.querySelectorAll('.highlights-customization__ui-list'); if (!uiList[0].classList.contains('is-active')) { utils.onAccessibility(uiList[0]); } else { utils.onAccessibility(uiList[1]); } }, goDisclaimer: function() { var destIndex = parseFloat(this.innerText), disclaimer = document.querySelectorAll('#desc-section li')[destIndex - 1], disclaimerText = disclaimer.innerText, activeBlock = '' + disclaimerText + ''; handlerList.destroyPopup(); setTimeout(function() { disclaimer.innerHTML = activeBlock; disclaimer.querySelector('a').focus(); }, 300); var eventList = { focusIn: function() { common.centeredFocus.call(disclaimer.querySelector('a')); disclaimer.removeEventListener('focusin', eventList.focusIn); }, focusOut: function() { disclaimer.innerHTML = disclaimerText; disclaimer.removeAttribute('tabindex'); disclaimer.removeEventListener('focusout', eventList.focusOut); }, }; disclaimer.addEventListener('focusin', eventList.focusIn); disclaimer.addEventListener('focusout', eventList.focusOut); }, moveVideoControl: function(activeSlide) { if (!activeSlide.querySelector('.common-video')) return; var activeControl = activeSlide.querySelector('.common-video__control'); if (status.currentDevice === 'mobile') { activeControl.style.display = 'block'; els.moVideoControlWrap.appendChild(activeControl); utils.offAccessibility(activeControl); status.prevControl = els.moVideoControlWrap.querySelector('.common-video__control'); status.moPrevIdx = els.swiper.activeIndex; } }, videoLoadCheck: function(activeVideo, activeSlide) { if (!utils.isLowNetwork()) { if (activeVideo.readyState === 4 && activeVideo.paused) { activeVideo.play(); } else { activeVideo.addEventListener('loadeddata', function() { if (!!activeSlide) activeVideo.play(); }); } } }, }; var swiperEvents = { swiperInit: function() { var notification = this.el.querySelector('.swiper-notification'), activeSlide = els.swiper.slides[els.swiper.activeIndex], popupVideoWrap = this.el.querySelectorAll('.common-video'); handlerList.moveVideoControl(activeSlide); // bullet animation, autoplay status.paused = false; els.bullets = this.pagination.bullets; els.progress = this.pagination.el.querySelectorAll('.swiper-pagination-bullet-progress-bar'); for (var i = 0; i < els.progress.length; i++) { els.progress[i].addEventListener('transitionend', function() { if (els.swiper !== null) { var isBullet = els.bullets[els.swiper.realIndex], isProgress = isBullet.querySelector('.swiper-pagination-bullet-progress-bar'), computedStyle = window.getComputedStyle(isProgress), propertyCalue = computedStyle.getPropertyValue('transform'), styleValue = propertyCalue.replace('matrix', '').replace(/[()]/g, '').split(',')[0]; if (styleValue == 1) { els.swiper.slideNext(); } } }); } setTimeout(function() { els.bullets[els.swiper.realIndex].classList.add('is-active'); }, 50); if (!!notification) this.el.removeChild(notification); handlerList.lazy(); objList.popupVideo(popupVideoWrap); swiperEvents.playVideo(activeSlide); swiperEvents.setAutoplayDelay(activeSlide); handlerList.setSlideStatus(activeSlide); accessibility.slide(); accessibility.pagination.label(); accessibility.pagination.tagging(); }, slideChange: function() { var activeSlide = els.swiper.slides[els.swiper.activeIndex], prevIdx = els.swiper.previousIndex == 0 ? els.bullets.length - 1 : els.swiper.previousIndex > els.bullets.length ? 0 : els.swiper.previousIndex - 1; // mobile video control init if (!!status.prevControl) { utils.onAccessibility(status.prevControl); status.prevControl.style.display = 'none'; els.swiper.slides[status.moPrevIdx].querySelector('.common-video__control-wrap').appendChild(status.prevControl); status.prevControl = null; } handlerList.moveVideoControl(activeSlide); // bullet animation, autoplay els.bullets[prevIdx].classList.remove('is-active'); els.bullets[prevIdx].classList.remove('is-duration-5s'); els.bullets[prevIdx].classList.remove('is-paused-active'); if (!status.paused) { els.bullets[els.swiper.realIndex].classList.remove('is-paused-active'); swiperEvents.slidePlay(); setTimeout(function() { els.bullets[prevIdx].querySelector('.swiper-pagination-bullet-progress-bar').removeAttribute('style'); }, 100); } else { els.bullets[prevIdx].querySelector('.swiper-pagination-bullet-progress-bar').removeAttribute('style'); els.bullets[els.swiper.realIndex].classList.add('is-paused-active'); } handlerList.popupText(); handlerList.lazy(); if (!!status.oldVideo && !status.oldVideo.video.paused) { var control01 = status.oldVideo.wrap[0].querySelector('.common-video__control'), control02 = status.oldVideo.wrap[1].querySelector('.common-video__control'); status.oldVideo.eventList.reset.call(status.oldVideo); accessibility.pauseState(control01, 'video'); accessibility.pauseState(control02, 'video'); } if (status.currentDevice === 'mobile') { setTimeout(function() { if (!!!activeSlide.getAttribute('aria-hidden')) swiperEvents.playVideo(activeSlide); }, 50); } else { swiperEvents.playVideo(activeSlide); } swiperEvents.setAutoplayDelay(activeSlide); els.bullets[els.swiper.realIndex].classList.add('is-active'); handlerList.setSlideStatus(activeSlide); accessibility.slide(); accessibility.pagination.label(); }, playVideo: function(activeSlide) { if (!!activeSlide.getAttribute('data-is-video')) { var activeVideo = activeSlide.querySelector('.common-video__video'), activeControl = handlerList.getActiveControl(); handlerList.videoLoadCheck(activeVideo, activeSlide); status.oldVideo = activeVideo.videoHandler; activeControl.addEventListener('click', handlerList.popupVideoControl); } }, slideControl: function() { if (!els.swiper) return; var isBullet = els.bullets[els.swiper.realIndex], isProgress = isBullet.querySelector('.swiper-pagination-bullet-progress-bar'), computedStyle = window.getComputedStyle(isProgress), propertyCalue = computedStyle.getPropertyValue('transform'), styleValue = propertyCalue.replace('matrix', '').replace(/[()]/g, '').split(',')[0], duration = isBullet.classList.contains('is-duration-5s') ? 5500 : 3000, activeSlide = els.swiper.slides[els.swiper.activeIndex]; if (!status.paused || !!!status.paused) { status.paused = true; swiperEvents.slidePause(); isBullet.classList.remove('is-active'); isBullet.classList.remove('is-duration-5s'); isProgress.style.transform = 'scaleX(' + styleValue + ')'; isProgress.style.transitionDuration = (duration / 1000) - ((duration * styleValue) / 1000) + 's'; } else { status.paused = false; if (isBullet.classList.contains('is-paused-active')) { isProgress.removeAttribute('style'); } swiperEvents.slidePlay(); setTimeout(function() { isBullet.classList.add('is-active'); swiperEvents.setAutoplayDelay(activeSlide); }, 100); isBullet.classList.remove('is-paused-active'); isBullet.classList.remove('is-active'); isBullet.classList.remove('is-duration-5s'); } }, slidePlay: function() { els.popupContents.classList.remove('is-slide-pause'); els.popupContents.classList.add('is-slide-play'); accessibility.playState(els.swiperControlBtn, 'slide'); }, slidePause: function() { els.popupContents.classList.remove('is-slide-play'); els.popupContents.classList.add('is-slide-pause'); accessibility.pauseState(els.swiperControlBtn, 'slide'); }, setAutoplayDelay: function(activeSlide) { if (!!activeSlide.getAttribute('data-is-video')) { els.bullets[els.swiper.realIndex].classList.add('is-duration-5s'); } }, destroySwiper: function() { if (els.swiper != null) { if (status.currentDevice === 'mobile' && !!status.prevControl) { utils.onAccessibility(status.prevControl); status.prevControl.style.display = 'none'; els.swiper.slides[status.moPrevIdx].querySelector('.common-video__control-wrap').appendChild(status.prevControl); status.prevControl = null; } els.swiper.navigation.destroy(true); els.bullets = null; els.progress = null; els.swiper.destroy(true); els.swiper = null; els.oldText.classList.remove('is-visible'); els.oldText.classList.remove('is-active'); status.popupMedia = null; status.popupTextVisible = null; status.popTextActive = null; swiperEvents.slidePause(); } }, }; var accessibility = { slide: function() { for (var i = 0; i < els.swiper.slides.length; i++) { if (i != els.swiper.activeIndex) { utils.onAccessibility(els.swiper.slides[i]); } else { utils.offAccessibility(els.swiper.slides[i]); } } }, pauseState: function(control, type) { if (!!control) { var dataOmni = control.getAttribute('data-omni'), gaLa = control.getAttribute('an-la'), blind = control.querySelector('.blind'), blindText = control.getAttribute('data-play-text').toLowerCase(); control.setAttribute('data-omni', dataOmni.replace('pause', 'play')); control.setAttribute('an-la', gaLa.replace('pause', 'play')); if (type === 'slide') blind.innerHTML = 'automatic slide ' + blindText; else blind.innerHTML = blindText; } }, playState: function(control, type) { if (!!control) { var dataOmni = control.getAttribute('data-omni'), gaLa = control.getAttribute('an-la'), blind = control.querySelector('.blind'), blindText = control.getAttribute('data-pause-text').toLowerCase(); control.setAttribute('data-omni', dataOmni.replace('play', 'pause')); control.setAttribute('an-la', gaLa.replace('play', 'pause')); if (type === 'slide') blind.innerHTML = 'automatic slide ' + blindText; else blind.innerHTML = blindText; } }, pagination: { label: function() { for (var i = 0; i < els.bullets.length; i++) { els.bullets[i].removeAttribute('role'); var slideName = els.swiper.slides[i + 1].getAttribute('data-slide-name'); if (i === els.swiper.realIndex) { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { els.bullets[i].setAttribute('aria-label', slideName + ' ' + LOCAL_VARI.selected); } else { els.bullets[i].setAttribute('aria-label', slideName + ' selected'); } } else { els.bullets[i].setAttribute('aria-label', slideName); } } }, tagging: function() { for (var i = 0; i < els.bullets.length; i++) { var tagging = { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'galaxy-z-flip5:highlights:overview-popup:indicator:sldr-dots:', 'ga-ca': 'indication', 'ga-ac': 'carousel', 'ga-la': 'galaxy-z-flip5:highlights:overview-popup:indicator:sldr-dots:', }; Object.keys(tagging).forEach(function(key) { if (key == 'data-omni' || key == 'ga-la') { els.bullets[i].setAttribute(key, tagging[key] + (i + 1)); } else { els.bullets[i].setAttribute(key, tagging[key]); } }); } }, }, }; return { init: init } })();})();;(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.quote = (function() { var els = {}, utils = window.flagship.common.utils, resize = window.flagship.common.resize, prevDevice = null, currDevice = resize.checkResolution(); var init = function() { els.section = document.querySelector('.highlights-media-quote'); if (!!els.section) { setElements(); bindEvents(); } }; var setElements = function() { els.swiper = null; els.itemArray = []; els.quoteWrap = els.section.querySelector('.highlights-media-quote__inner'); els.quoteContainer = els.section.querySelector('.highlights-media-quote__list-wrap'); els.quoteList = els.section.querySelector('.highlights-media-quote__list'); els.quoteListItems = els.quoteList.querySelectorAll('.highlights-media-quote__item'); els.arrowWrap = els.section.querySelector('.highlights-media-quote__arrow'); els.prevArrow = els.section.querySelector('.swiper-button-prev'); els.nextArrow = els.section.querySelector('.swiper-button-next'); els.quotePagination = els.section.querySelector('.highlights-media-quote__pagination'); for (var i = 0; i < els.quoteListItems.length; i++) { els.itemArray.push(els.quoteListItems[i]); els.quoteList.removeChild(els.quoteListItems[i]); } els.slidesPerView = els.quoteListItems.length; }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLodeHandler, { once: true }); resize.add(onResizeHandler); els.nextArrow.addEventListener('click', swiperEvents.onClickArrow); els.nextArrow.addEventListener('keydown', swiperEvents.onClickArrow); els.prevArrow.addEventListener('click', swiperEvents.onClickArrow); els.prevArrow.addEventListener('keydown', swiperEvents.onClickArrow); }; var onLodeHandler = function() { if (currDevice.indexOf('mobile') > -1) els.slidesPerView = 2; else els.slidesPerView = els.quoteListItems.length; swiperEvents.destroy(); setSwiper(); }; var onResizeHandler = function(currRes) { currDevice = currRes; if (els.quoteListItems.length > 2) { if (currDevice.indexOf('mobile') > -1) els.slidesPerView = 2; else els.slidesPerView = els.quoteListItems.length; } if (currDevice != prevDevice) { onResponsiveChange(); prevDevice = currDevice; } }; var onResponsiveChange = function() { swiperEvents.destroy(); setSwiper(); }; var setSwiper = function() { els.quoteWrap.classList.remove('js-swiper-initialized'); if (els.swiper === null && els.itemArray.length > els.slidesPerView) { setSwiperSlides(); els.quoteWrap.classList.add('js-swiper-initialized'); els.swiper = new Swiper(els.quoteContainer, { init: false, slidesPerView: 1, navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, pagination: { el: els.quotePagination, type: 'bullets', renderBullet: function() { return '