Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (2024)

Galaxy Z Fold5

  • SPECS
  • SUPPORT
  • REVIEWS

Buy now

  • Highlights
  • Compare
  • Accessories
  • SPECS
  • SUPPORT
  • REVIEWS
Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (1)

BUY NOW RESERVE NOW PRE-ORDER NOW WHERE TO BUY

Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (2)
  • *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.
  • S Pen Fold Edition for Galaxy Z Fold5 dijual terpisah. Gunakan Samsung S Pen yang dirancang untuk Galaxy Z Fold. Semua S Pen atau stylus pen lain mungkin dapat merusak layar. Galaxy Z Fold5 tidak dilengkapi slot S Pen bawaan. Dukungan S Pen hanya pada Main Screen.
  • DESIGN
  • BIG SCREEN
  • BATTERY
  • MULTITASKING
  • CAMERA

Galaxy AI is here

Welcome to the era of mobile AI. With Galaxy Z Fold5 in your hands, you can unleash whole new levels of creativity, productivity and possibility —starting with the most important device in your life. Your smartphone.

Epic, just like that.

CIRCLE TO SEARCH

Circle it, find it. Just like that

Search like never before with Circle to Search.1 Simply trace an object to get Google Search results. No typing required.

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

Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (3)

Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (4)

A blog page is open in a web browser app. S Pen is used to long press the Home button. A Google overlay appears over the app. S Pen is used to circle text on the blog page: Tornado Potato. Search results for tornado potato appear in a popup over the app. S Pen is used to drag the results upward into a full screen of Google search results.

LIVE TRANSLATE

The easiest way to communicate

Get real-time interpretation while you're on the phone.2 Speak in your own language and it’ll get translated on their end, too.

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

Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (5)

A phone call is translated in real time. The dialogue is shown on screen as a text conversation in two languages.

INTERPRETER

An Interpreter in your pocket

Want to ask a local for a recommendation? Don't worry! There's an interpreter in your pocket. Enjoy it even in airplane mode with no Wi-Fi.3

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

Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (6)

In the Interpreter app, a conversation in two languages is transcribed and translated in real time.

PHOTO ASSIST

Resize it, retouch it. Just like that

New AI editing options let you get the photo you wanted, letting you relocate objects and intelligently fill in the space they left behind.4

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

Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (7)

A photo is edited in the Gallery app. An edit button is tapped and one of the subjects is selected. They are moved to another location in the picture. Then, missing areas are filled in.

    Try Galaxy on your phone Scan this QR code or visit trygalaxy.com

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (8)

    Main Screen 7,6" terbaik

    Nikmati layar yang imersif dan menakjubkan — dirancang ulang demi menghadirkan gaming yang luar biasa dahsyat, pengalaman menonton yang sinematik, dan produktivitas ala PC — semuanya di perangkat seukuran tablet.5,7

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (9) Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (10)

    Light passes over the bottom frame of a folded Galaxy Z Fold5 hidden in darkness. Another glimmer reveals the edge of the bottom frame again as the device opens up, revealing the entire device seen from a fully opened Main Screen. A scene of a sport utility vehicle parked on a reflective surface that mirrors a starry night sky is shown on the display.

    Galaxy Z Fold yang paling ringan dan ringkas

    Hadir dengan desain yang disempurnakan. Sesuai dengan namanya, Galaxy Z Fold5 dapat dilipat, sehingga layarnya yang besar akan tetap muat di saku Anda.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (11) Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (12)

    A close up of the partially folded Main Screen as it completely closes. The final angle centers on the frame and Flex Hinge seen from the bottom.

    Buka, tutup, atau tekuk ponsel ke sudut yang pas dengan Flex Hinge yang dirancang ulang.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (14)

    13.4mm Ketebalan8

    253g Berat

    *Gambar disimulasikan untuk tujuan ilustrasi.

    Lebih ramping, lebih ringan, lebih portabel9

    Kami telah memangkas faktor bentuk perangkat, sehingga Anda bisa menggenggamnya dengan erat tanpa harus bersusah payah.9

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (15)

    Atur suasana dengan warna favorit Anda

    Cerahkan masa depan dengan warna-warni yang terinspirasi dari alam.10

    Icy Blue Phantom Black Cream

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (16)

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (17)

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (18)

    Warna eksklusif online yang hanya tersedia di sini

    Bagi para trendsetter yang senang tampil menonjol — bersiaplah untuk bertemu dengan warna yang coco*k untuk Anda. Pilih satu dari dua warna eksklusif yang ada di jajaran urban nature kami.{{5,6}} Hanya di Samsung.com.10 Only on Samsung.com.

    Online Exclusive

    Blue

    Online Exclusive

    Gray

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (19)

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (20)

    Untuk pengalaman menonton yang lebih menakjubkan

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (21) Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (22)

    A dark and dramatic scene from Netflix's The Witcher plays on the Cover Screen of a horizontal Galaxy Z Fold5. Netflix membership required. The device unfolds to the Main Screen where the scene seamlessly continues on the large display.

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    Layar selalu cerah dengan 1750 nit

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (23)

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (24)

    Jangan khawatir soal sinar matahari yang mengganggu saat Anda menonton film di Main Screen 7,6 inci.1 Anda akan tetap mendapatkan pengalaman menonton yang imersif dengan Galaxy Z Fold5 yang memancarkan kecerahan hingga 1750 nit.11

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    *Flex Mode didukung pada sudut antara 75° dan 115°. Beberapa aplikasi mungkin tidak didukung dalam Flex Mode atau Panel Flex Mode.

    Menemani sepanjang hari12 baterai Dengarkan hingga 73 jam6 Dengarkan hingga 21 jam6

    Ponsel sehebat ini — Anda pasti ingin selalu menggunakannya. Dan dengan sistem dual battery 4400mAh (tipikal), hal itu bukanlah hal yang mustahil.13 Dikombinasikan dengan prosesor yang canggih, baterai akan menyesuaikan penggunaan daya dengan kebiasaan dan kebutuhan Anda, sehingga satu pengisian daya dapat bertahan lama.

    Gaming dahsyat dengan Snapdragon tercepat di Galaxy Z Fold

    Software dan hardware yang ditingkatkan pada Snapdragon® 8 Gen 2 Mobile Platform for Galaxy akan mengantar Anda menuju kemenangan.14 Nikmati gameplay tingkat jawara dengan prosesor performa tinggi.

    • GPU 32 %↑
    • NPU 25 %↑
    • CPU 18 %↑

    *"HoYoverse" adalah merek dagang dan/atau merek dagang terdaftar dari COGNOSPHERE PTE. LTD.

    *Genshin Impact tersedia untuk diunduh di Galaxy Store sekarang.

    *Karya seni Genshin Impact memiliki hak cipta dan Cognosphere PTE. LTD. memiliki hak eksklusif.

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    *Peningkatan performa AP ditunjukkan dibandingkan dengan chipset generasi sebelumnya. Performa yang sebenarnya tergantung pada kondisi dan lingkungan pengguna, serta perangkat lunak yang telah diunduh sebelumnya.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (25)

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (26) Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (27)

    Permainan Genshin Impact. Gerakannya lancar dan grafisnya jernih.

    Multi Window.
    Senjata rahasia multitasking Anda

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (28)

    Pengalaman multitasking paling canggih di smartphone Samsung Galaxy akan memungkinkan Anda untuk membuka tiga jendela sekaligus di satu layar sehingga Anda bisa streaming, belanja, menjelajah internet, dan bermain dengan lebih bebas.15

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (29) Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (30)

    Three windows are open on the Main Screen of Galaxy Z Fold5. Two are internet browsers and one is a text message chat. In one of the internet browsers is a photo of a cake. The cake is cropped from the picture and dragged and dropped in the text message chat.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (31)

    Task bar mampu menampung hingga dua belas aplikasi sekaligus — kini juga menyimpan empat aplikasi terbaru — sehingga Anda dapat beralih aplikasi dengan mudah.16 Lengkapi perlengkapan mengerjakan tugas Anda dengan S Pen untuk meningkatkan efisiensi.17

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    S Pen paling portabel untuk Fold, dengan case yang ringkas

    Saat gagasan sedang mengalir dengan lancar, ambil S Pen Anda untuk mencatat dan mencoret-coret dengan presisi yang luar biasa.17 Buka Samsung Notes untuk kanvas yang tersinkronkan di semua perangkat Anda, atau lakukan journaling di aplikasi mencatat favorit Anda.

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    *Aplikasi GoodNotes memerlukan pengunduhan dan pembelian terpisah. Ketersediaan aplikasi dan ketentuan layanan mungkin berbeda-beda tergantung negara dan wilayah.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (32)

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (33)

    Pasangkan Bersama

    Slim SPen Case18

    untuk presisi di mana saja

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (34)

    GoodNotes

    kini hadir dengan kontrol yang lebih kreatif

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (35)

    Kamera yang menawan

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (36) Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (37)

    Close up of the Galaxy Z Fold5 rear cameras, positioned horizontally.

    • 10MP

      3x Optical Zoom Telephoto Camera

    • 50MP

      Wide-angle Camera

    • 12MP

      Ultra Wide Camera

    • 10MP

      Cover Camera

    • 4MP

      Under Display Camera

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    The 50MP MVP

    Selain sistem kamera yang canggih, faktor bentuk yang unik ini juga dilengkapi dengan dua layar yang lega sehingga Anda bisa mengatur ponsel Anda layaknya sebuah studio mobile, lengkap dengan 30x Space Zoom.19 Potret, potret ulang, zoom-in, atau edit dengan kebebasan kreatif yang lebih maksimal.

    Dual Preview siap membantu subjek foto Anda

    Buka Galaxy Z Fold5 dan tunjukkan apa yang Anda lihat di viewfinder pada subjek foto Anda.20 Dengan begini, subjek Anda bisa memperbaiki pose dan penampilan mereka agar bisa tampil maksimal di depan kamera.

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (38)

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (39)

    A tennis player poses for a photo on the tennis court. A teammate kneels in front to take the photo with the Rear Camera of an unfolded Galaxy Z Fold5. The photo taker observes the Main Screen while the photo subject observes the Cover Screen. Next, the photo preview is displayed on the Cover Screen as well as the Main Screen.

    Dipotret dengan Galaxy Z Fold5#withGalaxy

    Lebih seimbang dan terang di minim cahaya

    Buka Main Screen dan ambil foto malam hari beresolusi tinggi yang selalu Anda impikan — fotografi minim cahaya mengagumkan yang mengabadikan setiap momen dengan jernih dan penuh warna.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (40)

    Dipotret dengan Galaxy Z Fold5#withGalaxy

    Rekam dan abadikan kenangan

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (41) Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (42)

    A florist clips the stems of a bundle of flowers. The natural movements, shades of colors and diverse textures of the flowers are captured with realistic quality and definition.

    Captured by Galaxy Z Fold5#withGalaxy

    Ambil video yang kaya akan warna dan detail dengan Kamera Belakang. Tingkatkan kejernihan video dengan Auto Frame Rate yang akan mengatur exposure yang optimal dari waktu ke waktu, sehingga video Anda akan tetap cerah dari awal hingga akhir.

    *Video ini telah diedit untuk koreksi warna. UI yang sebenarnya mungkin berbeda.

    Tangguh dan premium, luar dalam

    Galaxy Z Fold5 mampu menahan lipatan demi lipatan. Bergabung dengan Samsung Care+ untuk memastikan bahwa setiap kecelakaan bisa ditangani.

    • Galaxy Z Fold5 diperkuat dengan aluminum frame yang tangguh.22 Sesuai dengan namanya, Armor Aluminum akan melindungi Galaxy Z Fold5 Anda dari kerusakan.

      Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (43)

    • Engsel double rail kami yang baru kini lebih kuat, lebih tangguh, dan begitu menawan saat dipandang.9

      Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (44)

    • Aman terlindungi dengan ketahanan air terbaik.23

      Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (45)

    Daftar Samsung Care+ untuk perlindungan bebas cemas.24

    Selengkapnya

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (46)

    Kontrol beberapa layar sekaligus dengan Multi Control

    Nikmati kolaborasi perangkat bebas hambatan. Dengan Multi Control, Anda bisa menggunakan keyboard dan mouse di seluruh perangkat seperti Galaxy Z Fold5 dan Galaxy Tab S9 untuk memudahkan Anda melakukan copy dan paste atau drag dan drop.25,26,27,28 Tablet Anda juga dapat berfungsi sebagai layar kedua untuk menghadirkan ruang kerja yang lebih efisien.

    Kunjungi Galaxy Tab S9

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    *Galaxy Tab S9 Ultra dan Bluetooth Mouse Slim dijual terpisah.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (47)

    Dirancang dengan mengutamakan planet

    Galaxy Z Flip5 dan Fold5 menghadirkan ragam bahan daur ulang yang lebih luas daripada generasi sebelumnya, termasuk kaca dan aluminum daur ulang prakonsumen dan plastik daur ulang pascakonsumen, yang bersumber dari jaring ikan yang dibuang, tong air, dan botol PET.29,30

    *Gambar disimulasikan untuk tujuan ilustrasi. UI aktual mungkin berbeda.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (48)

    Ganti, upgrade, atau tukar. Semuanya mudah

    Smart Switch

    Aman dan terlindungi. Bawa foto, aplikasi, dan pesan Anda saat beralih ke Galaxy.31

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    Selengkapnya

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (49)

    Lebih hemat dengan tukar tambah

    Kirimkan ponsel lama Anda dan dapatkan Galaxy Z Fold5 baru dengan harga yang lebih murah.32

    Selengkapnya

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (50)

    Privasi Anda. Aman terlindungi

    Dengan Knox Vault, data pribadi Anda akan senantiasa aman dan terlindungi. Kata sandi, biometrik, dan informasi penting lainnya akan dilindungi oleh perangkat keras yang aman dan terisolasi dari yang lain. Lindungi data Anda dengan perlindungan bawaan dari Galaxy.

    *Gambar disimulasikan untuk tujuan ilustrasi. UI sebenarnya mungkin berbeda.

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (51)

    Penyimpanan

    Simpan semuanya dengan opsi 256GB, 512GB, dan 1TB.33

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (52)

    Mulai dengan Microsoft 365 Basic selama 6 bulan. Anda akan mendapatkan penyimpanan cloud 100 GB, ditambah email yang aman dan bebas iklan, serta akses ke dukungan Microsoft.34

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (53)

    Aksesori yang dapat diandalkan

    PELAJARI

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (54)

    TAMPILAN 360°

    Lihat dari dekat

    *Warna eksklusif online hanya tersedia di Samsung.com.

    Pertanyaan Umum

    • Galaxy Z Fold5 tersedia dalam warna Icy Blue, Phantom Black, dan Cream.9 Blue dan Gray adalah warna eksklusif yang hanya tersedia di Samsung.com.10

      LIHAT WARNA

    • Dengan berat 253 gram, Galaxy Z Fold5 lebih ringan 10 gram dibanding Galaxy Z Fold4, serta lebih tipis dari Galaxy Z Fold4. Saat tidak dilipat, tebalnya 6,1 mm, sedangkan Galaxy Z Fold4 memiliki ketebalan 6,3 mm. 8 Saat dilipat, perangkat ini memiliki ukuran 13,4 mm yang lebih mudah untuk dimasukkan ke dalam saku, sedangkan Galaxy Z Fold4 berukuran 15,8 mm pada engselnya dan 14,2 mm pada tepian luarnya. Prosesor yang ditingkatkan juga akan menyempurnakan performa Galaxy Z Fold5 di seluruh aspek dengan performa CPU yang ditingkatkan sebesar 18%, GPU sebesar 32%, dan NPU sebesar 25% dibandingkan dengan Galaxy Z Fold4.35

    • Meskipun S Pen didukung di Main Screen, Galaxy Z Fold5 tidak dilengkapi dengan S Pen.17 Beli S Pen Fold Edition for Galaxy Z Fold5 baru yang ukurannya diperkecil untuk mencatat dengan mudah dan menjalankan Air Commands.36 Lalu, bawalah S Pen bersama ponsel Anda dengan Slim S Pen Case.18

      LIHAT S PEN

    • Dalam keadaan terlipat, Galaxy Z Fold5 memiliki panjang 154,9 milimeter, lebar 67,1 milimeter, dan tebal 13,4 milimeter.8 Saat lipatannya dibuka, lebarnya 129,9 milimeter dan tebalnya 6,1 milimeter.

      LIHAT PORTABILITAS

    • Cover Screen Galaxy Z Fold5 dilengkapi dengan Kamera Depan 10MP. Main Screen memiliki Under Display Camera 4MP yang tersembunyi. Di bagian belakang, Galaxy Z Fold5 dilengkapi dengan Wide Camera 50MP, Ultra Wide Camera 12MP, dan Telephoto Camera 10MP. Ambil foto yang tajam dan jernih sepanjang hari dengan prosesor canggih dan perangkat lunak yang didukung AI. Unduh Expert RAW untuk kontrol yang lebih kreatif dari kamera kelas pro milik Galaxy Z Fold521

      LIHAT KAMERA

    • Satu kali pengisian daya bertahan lebih lama di Galaxy Z Fold5 dibanding Galaxy Z Fold4. Meskipun Galaxy Z Fold5 dan Galaxy Z Fold4 sama-sama memiliki baterai 4400mAh (tipikal), prosesor canggih pada Galaxy Z Fold5 akan menghadirkan penggunaan daya yang lebih efisien sehingga Anda dapat mendengarkan musik hingga 73 jam atau menonton video hingga 21 jam.6,13

      LIHAT BATERAI

    • Galaxy Z Fold5 hadir dengan Flex Hinge double rail yang baru dan tangguh. Selain itu, Galaxy Z Fold5 juga memiliki rating IPX8 untuk ketahanan air.23

      LIHAT KETANGGUHAN

    LIHAT GALAXY Z FLIP5

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (55)

    Lihat cara cerdas untuk mendapatkan Galaxy Z Fold5 Anda

    BUY NOW RESERVE NOW PRE-ORDER NOW WHERE TO BUY

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (56)

    BUKA DI AR

    Buka peluang baru dengan Galaxy

    JELAJAHI

    Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (60)

    Temukan cara baru untuk berbisnis

    LIHAT SAMSUNG BUSINESS

    *Seluruh spesifikasi dan deskripsi yang disediakan di sini mungkin berbeda dengan spesifikasi dan deskripsi produk yang sebenarnya. Samsung berhak mengubah dokumen ini maupun produk yang dijelaskan di sini, kapan pun, tanpa kewajiban untuk memberi pemberitahuan atas perubahan tersebut. Seluruh fungsi, fitur, spesifikasi, GUI, dan informasi produk lain yang tercantum dalam dokumen ini termasuk, namun tidak terbatas pada, kelebihan, desain, harga, komponen, performa, ketersediaan, dan kemampuan produk dapat diubah tanpa pemberitahuan atau kewajiban. Konten dalam layar merupakan gambar simulasi dan hanya ditujukan untuk demonstrasi.

    *Samsung Account login may be required to use certain Samsung AI features.

    *Samsung does not make any promises, assurances or guarantees as to the accuracy, completeness or reliability of the output provided by AI features.

    *Galaxy AI features will be provided for free until the end of 2025 on supported Samsung Galaxy devices. Different terms may apply for AI features provided by third parties.

    1. Sequences shortened and simulated. Results for illustrative purposes only. Results may vary depending on visual matches. Requires internet connection. Users may need to update Android to the latest version. Product functionality may be dependent on your app and device settings. Some functions may not be compatible with certain apps. Availability of the service varies by country and language. Accuracy of results is not guaranteed.
    2. Live Translate requires a network connection and Samsung Account login. Live Translate is only available on the pre-installed Samsung Phone app. Certain languages may require language pack download. Service availability may vary by language. Accuracy of results is not guaranteed.
    3. Interpreter requires Samsung Account login. Certain languages may require language pack download. Service availability may vary by language. Accuracy of results is not guaranteed. Availability and supported features may vary by country, region or carrier. Availability of supported languages may vary.
    4. Generative Edit requires a network connection and Samsung Account login. Editing with Generative Edit results in a resized photo up to 12MP. A visible watermark is overlaid on the image output upon saving in order to indicate that the image is generated by AI. The accuracy and reliability of the generated output is not guaranteed.
    5. Diukur secara diagonal, Main Screen Galaxy Z Fold5 berukuran 7,6" dalam persegi panjang penuh dan 7,4" dengan memperhitungkan sudut lengkungnya; area yang dapat dilihat lebih kecil karena sudut lengkung.
    6. Berdasarkan kondisi pengujian laboratorium internal Samsung dengan versi prarilis dari model terkait yang tersambung ke earphone via Bluetooth dalam pengaturan default dengan LTE. Masing-masing diperkirakan terhadap kapasitas baterai dan tegangan terukur dibanding konsumsi daya baterai saat playback video (file video resolusi 720p, disimpan di perangkat) dan playback audio (file mp3, 192kbps, dismipan di perangkat dengan layar LCD dinonaktifkan). Waktu playback video dan audio yang sebenarnya dapat berbeda-beda tergantung koneksi jaringan, pengaturan, format file video, kecerahan layar, kondisi baterai, dan faktor-faktor lainnya.
    7. Diukur secara diagonal, Cover Screen Galaxy Z Fold5 berukuran 6,2" dalam persegi panjang penuh dan 6,1" dengan memperhitungkan sudut lengkungnya; area yang dapat dilihat lebih kecil karena sudut lengkung dan lubang kamera.
    8. Ketebalan diukur dari panel kaca atas ke panel kaca bawah.
    9. Dibandingkan dengan model Galaxy Z Fold sebelumnya.
    10. Ketersediaan warna dapat bervariasi, tergantung pada negara, wilayah, atau operator.
    11. Layar ini dapat mencapai kecerahan puncak hingga 1750 nit, meningkatkan kontras antara aspek gelap dan aspek terang dalam konten digital untuk kualitas gambar yang lebih cemerlang, dengan rasio kontras 3.000.000:1 untuk membuat pengalaman mobile Anda lebih imersif.
    12. Masa pakai baterai yang sebenarnya berbeda-beda tergantung lingkungan jaringan, fitur dan aplikasi yang digunakan, frekuensi panggilan dan pesan, jumlah pengisian daya, serta berbagai faktor lainnya. Berdasarkan perkiraan terhadap profil penggunaan rata-rata yang dikumpulkan oleh UX Connect Research. Dinilai secara independen oleh UX Connect Research di antara 19.06.2023-29.06.2023 di Amerika Serikat dengan versi prarilis dari SM-F946 dan SM-F731 dengan pengaturan default dan menggunakan jaringan LTE dan 5G Sub6.
    13. Nilai tipikal diuji di bawah kondisi laboratorium pihak ketiga. Nilai tipikal adalah nilai rata-rata yang diperkirakan dengan mempertimbangkan penyimpangan dalam kapasitas baterai pada sampel baterai yang diuji dengan standar IEC 61960. Kapasitas terukur adalah 4270mAh untuk Galaxy Z Fold5, dan 3591mAh untuk Galaxy Z Flip5. Masa pakai baterai yang sebenarnya dapat berbeda-beda tergantung lingkungan jaringan, pola penggunaan, serta faktor lainnya.
    14. Snapdragon adalah produk dari Qualcomm Technologies, Inc. dan/atau anak perusahaannya. Snapdragon adalah merek dagang atau merek dagang terdaftar milik Qualcomm Incorporated.
    15. Aplikasi tertentu mungkin tidak mendukung Multi Active Window atau App Pair.
    16. Fitur Taskbar hanya didukung pada Main Screen.
    17. S Pen Fold Edition for Galaxy Z Fold5 dijual terpisah. Gunakan Samsung S Pen yang dirancang untuk Galaxy Z Fold. Semua S Pen atau stylus pen lain mungkin dapat merusak layar. Galaxy Z Fold5 tidak dilengkapi slot S Pen bawaan. Dukungan S Pen hanya pada Main Screen.
    18. S Pen Fold Edition dan Slim S Pen Case (termasuk S Pen Fold Edition) dijual terpisah. Ketersediaan model dan warna dapat berbeda-beda di setiap negara. S Pen Fold Edition hanya kompatibel dengan Galaxy Z Fold 5, Galaxy Z Fold4, dan Galaxy Z Fold3.
    19. 30x Space Zoom termasuk 3x optical zoom dan 30x digital zoom dengan teknologi AI Super Resolution. Zoom in lebih dari 3x dapat menyebabkan kerusakan gambar.
    20. Dual Preview didukung pada aplikasi Kamera bawaan perangkat yang menjalankan One UI 2.1 ke atas.
    21. Expert RAW harus diunduh secara terpisah dari Galaxy Store, gratis, sebelum digunakan. Didukung di perangkat seri S23, seri S22, S21 Ultra, S20 Ultra, Note20 Ultra, Z Fold5, Z Fold4, Z Fold3, dan Z Fold2.
    22. Frame tidak mencakup tombol samping dan tombol volume, atau slot kartu SIM.
    23. Berdasarkan kondisi pengujian lab untuk perendaman hingga 1,5 meter dalam air tawar selama 30 menit. Tidak disarankan untuk digunakan di pantai atau kolam renang. Ketahanan air dan debu perangkat tidak permanen dan dapat berkurang seiring waktu karena penggunaan sehari-hari. Rating IPX8 tidak tahan debu.
    24. Perlindungan Samsung Care+ dapat berbeda-beda berdasarkan negara dan pengurangan dapat berlaku.
    25. Multi Control hanya tersedia pada smartphone Galaxy tertentu dengan One UI 5.1 atau di atasnya, perangkat Galaxy Tab dengan One UI 5.1.1 atau di atasnya, dan perangkat Galaxy Book yang diluncurkan pada 2021 atau setelahnya dengan Samsung Settings v1.5 (Intel) atau Samsung Settings v3.3 (ARM).
    26. Ketersediaan fungsi dapat berbeda berdasarkan model perangkat.
    27. Beberapa tindakan Multi control mungkin tidak tersedia di aplikasi tertentu.
    28. Memerlukan login Samsung Account. Memerlukan koneksi Wi-Fi dan Bluetooth.
    29. Galaxy Z Flip5: 15 komponen perangkat yang menampilkan minimal 10% plastik materi daur ulang pascakonsumen atau aluminum daur ulang prakonsumen, atau Corning® Gorilla® Glass Victus® 2 dengan rata-rata 22% konten daur ulang prakonsumen. Semua komponen ini termasuk Braket Kunci Volume, Modul Speaker (Atas & Bawah), Bagian Atas Belakang, Tutup Konektor Tampilan, Braket Kabel RF FPCB, Tengah Belakang, Case Depan (Utama), Case Depan (Sub), Kunci Volume, Braket Kunci Jari, Deco Penerima, Konektor ke Pemegang Konektor, Baki SIM, Sub Window, Kaca Belakang. (Galaxy Z Flip4: 6 komponen perangkat). Galaxy Z Fold5: 15 komponen perangkat yang menampilkan minimal 10% plastik materi daur ulang pascakonsumen atau aluminum daur ulang prakonsumen, atau Corning® Gorilla® Glass Victus® 2 dengan rata-rata 22% kaca daur ulang prakonsumen. Semua komponen ini termasuk Braket FPCB Kunci Volume, Modul Speaker Atas (Atas & Bawah), Modul Speaker Bawah (Unggah & Bawah), Konektor Cover Display, Bagian Case Depan (Utama), Case Depan (Sub), Antena (Sub), Antena (Utama), Kunci Volume, Braket Kunci Jari, Baki SIM, Konektor untuk Pemegang Konektor, Dekorasi Kamera (Atas & Bawah), Sub Window, Kaca Belakang. (Galaxy Z Fold4: 6 komponen perangkat). Pengukuran di atas berdasarkan bobot.
    30. Jenis bahan daur ulang termasuk PA daur ulang pascakonsumen yang diperoleh dari jaring ikan yang dibuang, PBT daur ulang pascakonsumen yang diperoleh dari botol PET yang dibuang, PC daur ulang pascakonsumen yang diperoleh dari tong air, dan aluminum daur ulang prakonsumen yang diperoleh dari buangan bahan sisa yang dihasilkan sebagai produk sampingan selama produksi. Logam bekas dilelehkan kembali, disaring agar tidak kotor, lalu didaur ulang untuk membuat bagian dalam proses manufaktur Samsung. Ada juga konten daur ulang pra-konsumen yang diperoleh dari limbah kaca yang dibuang yang dihasilkan sebagai produk sampingan dari produksi kaca. Limbah kaca ini dihancurkan menjadi cullet, kemudian digunakan sebagai komponen dalam proses produksi Corning® Gorilla® Glass Victus® 2.
    31. Transfer menggunakan kabel membutuhkan setidaknya Android™ 4.3. Jika Anda tidak memiliki konektor/kabel USB yang diperlukan untuk melakukan transfer berkabel ke Galaxy, Anda bisa menggunakan opsi nirkabel. iOS 5 atau Android OS yang lebih lama harus menggunakan opsi transfer nirkabel. Buka Smart Switch Mobile di "Pengaturan" ponsel Galaxy baru Anda atau unduh aplikasi Smart Switch Mobile dari Galaxy Store. Data dan konten yang dapat dipindahkan dapat berbeda-beda tergantung OS. Data perangkat Galaxy dicadangkan dan dipulihkan ke perangkat penyimpanan. Gunakan pencadangan PC melalui Smart Switch PC atau fungsi backup kart SD dari Smart Switch Mobile.
    32. Syarat dan ketentuan berlaku. Ketersediaan dapat bervariasi berdasarkan negara atau wilayah.
    33. Opsi penyimpanan dan ketersediaan dapat bervariasi tergantung negara atau wilayah. Penyimpanan yang sebenarnya dapat bervariasi tergantung perangkat lunak yang telah diinstal sebelumnya.
    34. Uji coba Microsoft 365 Basic selama enam bulan tersedia bagi konsumen dengan ponsel Samsung berkemampuan OneDrive-Gallery Sync (ponsel di jaringan Verizon di A.S. tidak memenuhi syarat). Setelah uji coba 6 bulan, langganan Anda akan diperbarui secara otomatis menjadi langganan berbayar bulanan dengan harga saat ini, sesuai dengan syarat dan ketentuan Google Play. Batalkan kapan saja untuk menghentikan biaya mendatang. Penawaran tidak tersedia untuk pelanggan premium Microsoft 365 atau OneDrive yang ada (termasuk uji coba), pelanggan yang sebelumnya menukarkan penawaran Office, OneDrive, atau bonus penyimpanan atau uji coba gratis Microsoft lainnya, pelanggan dengan akun OneDrive terkunci, atau mantan pelanggan premium Microsoft 365 atau OneDrive/Microsoft Storage yang membatalkan langganan dalam 90 hari terakhir. Satu penawaran per pelanggan dan per perangkat. Penawaran tidak dapat dipindahkan atau digabungkan dengan penawaran Microsoft lainnya, dan tersedia antara 15 Maret 2023 dan 31 Desember 2023. Penawaran harus ditukarkan selama periode ini di Google Play Store dan peserta harus menyinkronkan galeri mereka dengan OneDrive untuk memulai uji coba 6 bulan. Penawaran memerlukan Samsung Account dan Microsoft Account. Lihat https://www.microsoft.com/onedrive-samsung-offer untuk informasi selengkapnya.
    35. Peningkatan performa AP yang ditunjukkan dibandingkan dengan Galaxy Z Fold4. Performa yang sebenarnya tergantung pada lingkungan pengguna, kondisi, serta perangkat lunak dan aplikasi yang telah diinstal sebelumnya.
    36. Ketersediaan fitur Air Command dapat bervariasi berdasarkan model atau aplikasi.

    ')); } } }; 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, setResolution: setResolution, onClickSup: onClickSup, centeredFocus: centeredFocus, setArBanner: setArBanner, isZoom: isZoom, }})();window.flagship.common.utils.layerPopup = function(opts) {let utils = window.flagship.common.utils;var els = {};var show = {},hide = {};var init = function() {setElements();setOpts();bindEvent();};var setElements = function() {els.html = document.documentElement;els.layerPopup = opts.layerPopup;els.contents = opts.contents;els.closeCta = opts.closeCta;els.moveTarget = opts.moveTarget;};var setOpts = function() {show.start = (!!!opts.show) ? undefined : opts.show.start;show.end = (!!!opts.show) ? undefined : opts.show.end;hide.start = (!!!opts.hide) ? undefined : opts.hide.start;hide.end = (!!!opts.hide) ? undefined : opts.hide.end;}var bindEvent = function() {opts.openerEvent.element.addEventListener('click', showLayer);els.layerPopup.show = showLayer;els.layerPopup.hide = hideLayer;};var showLayer = function(e) {if (opts.openerEvent.proxy) { if (opts.openerEvent.parent) { if (e.target.parentElement.classList.contains(opts.openerEvent.class)) { utils.hiddenScroll(els.layerPopup); els.openerCta = e.target.parentElement; els.layerPopup.opener = els.openerCta; if (show.start) show.start(els); if (utils.detector.isIosDevice) e.target.parentElement.style.display = 'none'; els.html.classList.add('is-layer-open'); els.html.style.overflow = 'hidden'; els.moveTarget.appendChild(els.layerPopup); accessibility.on(); setTimeout(function() { els.closeCta.focus(); }, 300); els.closeCta.addEventListener('click', hideLayer); if (show.end) show.end(els); } } else { if (e.target.classList.contains(opts.openerEvent.class)) { utils.hiddenScroll(els.layerPopup); els.openerCta = e.target; els.layerPopup.opener = els.openerCta; if (show.start) show.start(els); if (utils.detector.isIosDevice) e.target.style.display = 'none'; els.html.classList.add('is-layer-open'); els.html.style.overflow = 'hidden'; els.moveTarget.appendChild(els.layerPopup); accessibility.on(); setTimeout(function() { els.closeCta.focus(); }, 300); els.closeCta.addEventListener('click', hideLayer); if (show.end) show.end(els); }; }} else { utils.hiddenScroll(els.layerPopup); els.openerCta = this; els.layerPopup.opener = els.openerCta; if (show.start) show.start(els); if (utils.detector.isIosDevice) this.style.display = 'none'; els.html.classList.add('is-layer-open'); els.html.style.overflow = 'hidden'; els.moveTarget.appendChild(els.layerPopup); accessibility.on(); setTimeout(function() { els.closeCta.focus(); }, 300); els.closeCta.addEventListener('click', hideLayer); if (show.end) show.end(els);}};var hideLayer = function() {if (utils.detector.isIosDevice) els.openerCta.style.display = '';if (hide.start) hide.start(els);els.html.classList.remove('is-layer-open');els.html.style.overflow = '';utils.visibleScroll();els.closeCta.removeEventListener('click', hideLayer);accessibility.off();setTimeout(function() { if (!!!els.openerCta) { els.layerPopup.opener.focus(); } else { els.openerCta.focus(); }}, 300);if (hide.end) hide.end(els);};var accessibility = {on: function() { accessibility.onPopupAccessibility(document.querySelector('#wrap')); utils.offAccessibility(els.layerPopup);},off: function() { accessibility.offPopupAccessibility(document.querySelector('#wrap')); utils.onAccessibility(els.layerPopup);},onPopupAccessibility: function(el) { el.setAttribute('aria-hidden', true); el.setAttribute('tabindex', -1); let clickable = el.querySelectorAll('a, button, input, select, iframe'); for (let i = 0; i < clickable.length; i++) { let currAria = clickable[i].getAttribute('aria-hidden'); let currTab = clickable[i].getAttribute('tabindex'); if (currAria != null) clickable[i].setAttribute('data-prev-aria-hidden', currAria); if (currTab != null) clickable[i].setAttribute('data-prev-tabindex', currTab); clickable[i].setAttribute('tabindex', -1); clickable[i].setAttribute('aria-hidden', true); }},offPopupAccessibility: function(el) { el.removeAttribute('aria-hidden'); el.removeAttribute('tabindex'); let clickable = el.querySelectorAll('a, button, input, select, iframe'); for (let i = 0; i < clickable.length; i++) { let prevAria = clickable[i].getAttribute('data-prev-aria-hidden'); let prevTab = clickable[i].getAttribute('data-prev-tabindex'); if (prevAria != null) clickable[i].setAttribute('aria-hidden', prevAria); else clickable[i].removeAttribute('aria-hidden'); if (prevTab != null) clickable[i].setAttribute('tabindex', prevTab); else clickable[i].removeAttribute('tabindex'); clickable[i].removeAttribute('data-prev-aria-hidden'); clickable[i].removeAttribute('data-prev-tabindex'); }},};return init();}var newVideoHandler = function(opts) {var init = function(opts) {this.video = opts.video;this.wrap = !!!opts.wrap ? video : opts.wrap;this.controller = !!!opts.controller ? '' : opts.controller;this.playType = opts.playType;this.startPoint = !!!opts.startPoint ? 0 : opts.startPoint;this.reversePoint = !!!opts.reversePoint ? 100 : opts.reversePoint;this.playClass = !!!opts.playClass ? 'is-playing' : opts.playClass;this.pauseClass = !!!opts.pauseClass ? 'is-paused' : opts.pauseClass;this.endedClass = !!!opts.endedClass ? 'is-ended' : opts.endedClass;this.resetCallback = opts.resetCallback;this.playCallback = opts.playCallback;this.pauseCallback = opts.pauseCallback;this.endCallback = opts.endCallback;this.tweenObject = null;this.agent = navigator.userAgent;this.isMacintosh = this.agent.indexOf('Macintosh');this.isChrome = this.agent.indexOf('Chrome');this.playText = !!!opts.playText ? '' : opts.playText;this.pauseText = !!!opts.pauseText ? '' : opts.pauseText;this.bindEvents();this.video.videoHandler = this;return this;};var fn = init.prototype;fn.eventList = {play: function() { if (!!this.playCallback) this.playCallback(); if (!this.wrap.length) { this.wrap.classList.remove(this.endedClass); this.wrap.classList.remove(this.pauseClass); this.wrap.classList.add(this.playClass); } else { for (var i = 0; i < this.wrap.length; i++) { this.wrap[i].classList.remove(this.endedClass); this.wrap[i].classList.remove(this.pauseClass); this.wrap[i].classList.add(this.playClass); } } if (this.controller) { var bilnd = this.controller.querySelector('.blind'), pauseText = this.controller.getAttribute('data-pause-text').toLowerCase(); bilnd.innerText = pauseText; }},ended: function() { if (!!this.endCallback) this.endCallback(); if (!this.wrap.length) { this.wrap.classList.remove(this.playClass); this.wrap.classList.add(this.pauseClass) this.wrap.classList.add(this.endedClass) } else { for (var i = 0; i < this.wrap.length; i++) { this.wrap[i].classList.remove(this.playClass); this.wrap[i].classList.add(this.pauseClass) this.wrap[i].classList.add(this.endedClass) } }},pause: function() { if (!!this.pauseCallback) this.pauseCallback(); if (!this.wrap.length) { this.wrap.classList.remove(this.playClass); this.wrap.classList.add(this.pauseClass); } else { for (var i = 0; i < this.wrap.length; i++) { this.wrap[i].classList.remove(this.playClass); this.wrap[i].classList.add(this.pauseClass); } } if (this.controller) { var bilnd = this.controller.querySelector('.blind'), playText = this.controller.getAttribute('data-play-text').toLowerCase(); bilnd.innerText = playText; }},reset: function() { if (!!this.resetCallback) this.resetCallback(); this.video.pause(); this.video.currentTime = 0; var self = this; var _removeClass = function() { if (!self.wrap.length) { self.wrap.classList.remove(self.playClass); self.wrap.classList.remove(self.pauseClass); self.wrap.classList.remove(self.endedClass); } else { for (var i = 0; i < self.wrap.length; i++) { self.wrap[i].classList.remove(self.playClass); self.wrap[i].classList.remove(self.pauseClass); self.wrap[i].classList.remove(self.endedClass); } } } clearTimeout(_removeClass); setTimeout(_removeClass, 50);}};fn.activeList = {scrollPlay: function(progress) { if (!document.documentElement.classList.contains('low_network') && progress > this.startPoint && progress < this.reversePoint && this.video.paused && !this.wrap.classList.contains(this.endedClass) && !this.wrap.classList.contains(this.pauseClass)) { if (this.video.readyState == 4 && this.video.paused) { this.video.play(); } else { this.video.addEventListener('canplay', this.video.play); }; }; if (this.video.readyState == 4) { if (progress === 100 || progress === 0) { this.eventList.reset.call(this); } }},sequencePlay: function(progress, corrProgress, scrollDuration) { this.corrProgress = !!!corrProgress ? 100 : corrProgress; this.scrollDuration = !!!scrollDuration ? 0.6 : scrollDuration; if (this.video.readyState == 4 && this.video.paused) { this.videoDuration = this.video.duration; this.playCurrentTime = this.videoDuration * (progress / this.corrProgress); this.playRange = this.playCurrentTime < this.videoDuration ? this.playCurrentTime : this.videoDuration; // if (this.isMacintosh > 0 && this.isChrome > 0) { // this.video.currentTime = this.playRange; // } else { // if (this.tweenObject === null) { // this.tweenObject = new TweenMax.to(this.video, this.scrollDuration, { // currentTime: this.playRange, // ease: 'Circ.out' // }); // }; // this.tweenObject.updateTo({currentTime: this.playRange}, true); // } if (this.playCurrentTime < this.videoDuration) { this.video.currentTime = this.playRange; }; };}}fn.bindEvents = function() {var self = this;this.playEvent = function() { self.eventList.play.call(self);}this.pauseEvent = function() { self.eventList.pause.call(self);}this.endedEvent = function() { self.eventList.ended.call(self);}this.video.addEventListener('play', this.playEvent);this.video.addEventListener('pause', this.pauseEvent);this.video.addEventListener('ended', this.endedEvent);};fn.scrollActive = function(progress, corrProgress, scrollDuration) {switch (this.playType) { case 'scrollPlay': this.activeList.scrollPlay.call(this, progress); break; case 'sequencePlay': this.activeList.sequencePlay.call(this, progress, corrProgress, scrollDuration); break;}};fn.destroy = function() {this.video.removeEventListener('play', this.playEvent);this.video.removeEventListener('pause', this.pauseEvent);this.video.removeEventListener('ended', this.endedEvent);this.video.videoHandler = null;};return new init(opts);};(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('.common-video'); els.isGlobal = document.documentElement.classList.contains('global'); if (!!els.videoWrap[0]) { setElements(); } for (var i = 0; i < els.videoWrap.length; i++) { if (els.videoWrap[i].childNodes.length > 0) { els.videoWrap[i].control = els.videoWrap[i].querySelector('.common-video__control'); els.videoWrap[i].blind = els.videoWrap[i].querySelector('.blind'); els.videoWrap[i].blind.innerHTML = els.videoWrap[i].control.getAttribute('data-play-text').toLowerCase(); } } }; var setElements = function() { els.viewerPopup = document.querySelector('.highlights-viewer'); els.scrollVideosWrap = document.querySelectorAll('.js-scroll-video'); els.scrollVideos = document.querySelectorAll('.js-scroll-video video'); for (var i = 0; i < els.scrollVideosWrap.length; i++) { els.scrollVideos[i].videoWrap = els.scrollVideosWrap[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: 1 }); 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.ai = (function() {const utils = window.flagship.common.utils;const resize = window.flagship.common.resize;let els = {}, objs = {}, status = { prevIndex: 0, isAuto: true, };const init = function() { els.section = document.querySelector('.highlights-ai'); if (!!els.section) { setElements(); eventList.setScene(); bindEvents(); }};const setElements = function() { els.carouselWrap = els.section.querySelector('.js-carousel-wrap'); els.yotubeCta = els.section.querySelectorAll('.js-youtube-popup'); // swiper els.swiperContainer = els.section.querySelector('.swiper-container'); els.nextArrow = els.section.querySelector('.swiper-button-next'); els.prevArrow = els.section.querySelector('.swiper-button-prev'); els.pagination = els.section.querySelector('.swiper-pagination'); // video els.videoWrap = els.section.querySelectorAll('.common-video'); els.videoControlCta = Array.prototype.slice.call(els.section.querySelectorAll('.common-video__control'));};const bindEvents = function() { eventHandler.load(); eventHandler.scroll(); eventHandler.click(); resize.add(eventList.onResize);};const eventHandler = { load: function() { window.addEventListener('DOMContentLoaded', eventList.onLoad, { once: true }); }, scroll: function() { window.addEventListener('scroll', eventList.scroll); }, click: function() { for (let i = 0; i < els.videoControlCta.length; i++) { els.videoControlCta[i].addEventListener('click', eventList.setVideoStatus); } els.nextArrow.addEventListener('click', eventList.setArrowFocus); els.nextArrow.addEventListener('keydown', eventList.setArrowFocus); els.prevArrow.addEventListener('click', eventList.setArrowFocus); els.prevArrow.addEventListener('keydown', eventList.setArrowFocus); for (let i = 0; i < els.yotubeCta.length; i++) { els.yotubeCta[i].addEventListener('click', eventList.pauseVideo); } },};const eventList = { swiper: { set: function() { if (objs.swiper == null) { objs.swiper = new Swiper(els.swiperContainer, { init: false, speed: 500, navigation: { nextEl: els.nextArrow, prevEl: els.prevArrow, }, pagination: { el: els.pagination, type: 'bullets', renderBullet: function() { return '

  • '; } }, }); } }, init: function() { let notification = this.el.querySelector('.swiper-notification'); this.el.removeChild(notification); els.nextArrow.removeAttribute('aria-label'); els.nextArrow.removeAttribute('role'); els.prevArrow.removeAttribute('aria-label'); els.prevArrow.removeAttribute('role'); objs.swiper.on('slideChange', eventList.swiper.slideChange); objs.swiper.on('transitionEnd', eventList.swiper.transitionEnd); objs.swiper.on('touchMove', eventList.swiper.touchMove); objs.swiper.on('touchEnd', eventList.swiper.touchEnd); els.bullets = objs.swiper.pagination.bullets; for (let i = 0; i < els.bullets.length; i++) { els.bullets[i].addEventListener('click', function() { objs.swiper.slideTo(i); }); } eventList.setVideo(); eventList.scroll(); accessibility.slide(); accessibility.pagination.label(); accessibility.pagination.tagging(); }, slideChange: function() { let activeIndex = objs.swiper.activeIndex; let nextIndex = (activeIndex == (objs.swiper.slides.length - 1)) ? null : activeIndex + 1; if (nextIndex != null) { if (nextIndex == 2) { eventList.lazyLoad(els.videoWrap[nextIndex]); } else if (nextIndex == 3) { eventList.lazyLoad(els.videoWrap[nextIndex]); } } // video objs[`video_${status.prevIndex}`].eventList.reset.call(objs[`video_${status.prevIndex}`]); objs[`video_${status.prevIndex}`].video.removeEventListener('canplay', objs[`video_${status.prevIndex}`].video.play); if (!!status.isAuto) { if (objs[`video_${activeIndex}`] != undefined && objs[`video_${activeIndex}`].video.readyState >= 4) { objs[`video_${activeIndex}`].video.play(); } else { objs[`video_${activeIndex}`].video.addEventListener('canplay', function() { this.play(); }); } } // set autoplay if (objs.swiper.activeIndex == (objs.swiper.slides.length - 1)) status.isLast = true; accessibility.slide(); accessibility.pagination.label(); status.prevIndex = activeIndex; }, transitionEnd: function() { let activeController = objs[`video_${objs.swiper.activeIndex}`].controller; let isArrow = document.activeElement.classList.contains('swiper-button-next') || document.activeElement.classList.contains('swiper-button-prev'); let isBullet = document.activeElement.classList.contains('swiper-pagination-bullet'); if (!!isArrow || !!isBullet) return; activeController.focus(); }, touchMove: function() { objs.swiper.off('transitionEnd', eventList.swiper.transitionEnd); }, touchEnd: function() { objs.swiper.on('transitionEnd', eventList.swiper.transitionEnd); }, }, setVideo: function() { for (let i = 0; i < els.videoWrap.length; i++) { objs[`video_${i}`] = newVideoHandler({ playType: 'scrollPlay', wrap: els.videoWrap[i], video: els.videoWrap[i].querySelector('video'), controller: els.videoControlCta[i], startPoint: status.currentDevice.indexOf('mobile') > -1 ? 25 : 35, reversePoint: status.currentDevice.indexOf('mobile') > -1 ? 65 : 75, resetCallback: function() { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); } }, playCallback: function() { accessibility.controlTagging.play(objs[`video_${i}`].wrap.control); }, pauseCallback: function() { accessibility.controlTagging.pause(objs[`video_${i}`].wrap.control); }, endCallback: function() { if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); } if (!status.isAuto || !!status.isLast) return; setTimeout(() => { objs.swiper.slideNext(500); }, 300); } }); } }, setScene: function() { objs.scene = SCROLLER({ trackElement: els.carouselWrap, useFixed: false }); }, onLoad: function() { status.currentDevice = resize.checkResolution(); if (!!utils.isLowNetwork()) status.isAuto = false; eventList.swiper.set(); objs.swiper.on('init', eventList.swiper.init); objs.swiper.init(); }, onResize: function(currRes) { status.currentDevice = currRes; }, scroll: function() { objs.scene.trackAnimation(function() { if (!status.isAuto) return; objs[`video_${objs.swiper.activeIndex}`].scrollActive(this.progress); }); }, lazyLoad: function(videoWrap) { videoLoader.setResponsiveMedia([videoWrap.querySelector('video')], function(target) { if (!target.videoHandler.wrap.classList.add('is-loaded')) target.videoHandler.wrap.classList.add('is-loaded'); }); let image = videoWrap.querySelectorAll('img'); imageLoader.setResponsiveMedia(image); }, setVideoStatus: function() { let activeIndex = els.videoControlCta.indexOf(this); if (!objs[`video_${activeIndex}`].video.paused) { objs[`video_${activeIndex}`].video.pause(); if (!utils.isLowNetwork()) status.isAuto = false; } else { objs[`video_${activeIndex}`].video.play(); if (!utils.isLowNetwork()) status.isAuto = true; } }, setArrowFocus: function(e) { status.arrowFocusTimeout = null; if ((e.type == 'keydown' && e.keyCode == 13) || e.type == 'click') { e.preventDefault(); clearTimeout(status.arrowFocusTimeout); status.arrowFocusTimeout = setTimeout(() => { if (objs.swiper.isBeginning && !objs.swiper.isEnd) { els.nextArrow.focus(); } else if (!objs.swiper.isBeginning && objs.swiper.isEnd) { els.prevArrow.focus(); } }, 300); } }, pauseVideo: function() { if (!objs[`video_${objs.swiper.activeIndex}`].video.paused) { objs[`video_${objs.swiper.activeIndex}`].video.pause(); if (!utils.isLowNetwork()) status.isAuto = false; } }};const accessibility = { slide: function() { for (let i = 0; i < objs.swiper.slides.length; i++) { if (i != objs.swiper.activeIndex) { utils.onAccessibility(objs.swiper.slides[i]); } else { utils.offAccessibility(objs.swiper.slides[i]); } } }, pagination: { label: function() { for (let i = 0; i < els.bullets.length; i++) { let slideTitle = objs.swiper.slides[i].getAttribute('data-slide-name'); if (i === objs.swiper.realIndex) { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideTitle} ${LOCAL_VARI.selected.toLowerCase()}`); } else { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideTitle} selected`); } } else { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideTitle}`); } } }, tagging: function() { for (let i = 0; i < els.bullets.length; i++) { let tagging = { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'galaxy-z-fold5:highlights:overview:index:', 'ga-ca': 'indication', 'ga-ac': 'carousel', 'ga-la': 'galaxy-z-fold5:highlights:overview:index:', }; 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]); } }); } }, }, controlTagging: { pause: function(control) { if (!!control) { let dataOmni = control.getAttribute('data-omni'), gaLa = control.getAttribute('ga-la'); control.setAttribute('data-omni', dataOmni.replace('pause', 'play')); control.setAttribute('ga-la', gaLa.replace('pause', 'play')); } }, play: function(control) { if (!!control) { let dataOmni = control.getAttribute('data-omni'), gaLa = control.getAttribute('ga-la'); control.setAttribute('data-omni', dataOmni.replace('play', 'pause')); control.setAttribute('ga-la', gaLa.replace('play', 'pause')); } }, }};return { init: init}})();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.batteryAp = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils; var init = function() { els.sectionVideo = document.querySelector('.highlights-ap__video'); if (!!els.sectionVideo) { setElements(); objList.setVideo(); objList.setScene(); bindEvents(); } }; var setElements = function() { els.scrollVideoWrap = els.sectionVideo.querySelector('.js-scroll-video'); els.scrollVideo = els.sectionVideo.querySelector('.js-scroll-video .common-video__figure>video'); els.scrollController = els.sectionVideo.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.batteryApVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 3, reversePoint: 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.batteryApVideo.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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })(); flagship.highlights.batteryAp.init();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.cameraOverview = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils; var init = function() { els.section = document.querySelector('.highlights-camera'); 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.cameraOverviewVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 15, reversePoint: 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.cameraOverviewVideo.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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();(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('.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.cameraVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 7, reversePoint: 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.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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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 = {}; 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.panel = els.section.querySelectorAll('.highlights-colors__tab-panel'); els.colorName = els.section.querySelectorAll('.highlights-colors__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-colors__tab .is-active'), oldPanel = els.section.querySelector('.highlights-colors__tab-panel-group .is-active'), oldColorName = els.section.querySelector('.highlights-colors__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')); } // colors name 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.design = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils; 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('.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.designVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 20, reversePoint: 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.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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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 = {}, utils = window.flagship.common.utils; 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].img = els.durabilityItem[i].querySelector('.highlights-durability__item-image'); if (!els.durabilityItem[i].classList.contains('is-open')) utils.onAccessibility(els.durabilityItem[i].img); } }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLoadHandler, { once: true }); for (var i = 0; i < els.durabilityItem.length; i++) { els.durabilityItem[i].btn.addEventListener('click', onClickItemBtn); } }; var onLoadHandler = function() { els.durabilityItem[0].desc.style.display = 'block'; }; var onClickItemBtn = function() { var currentItem = this.parentElement.parentElement, oldItem = els.durabilityItemWrap.querySelector('.is-open'), dataOmni = this.getAttribute('data-omni'), gaLa = this.getAttribute('ga-la'); if ((currentItem != oldItem) && !currentItem.classList.contains('is-open')) { oldItem.setAttribute('aria-expanded', false); utils.onAccessibility(oldItem.img); this.setAttribute('aria-expanded', true); utils.offAccessibility(currentItem.img); $(oldItem.desc).slideUp(300); $(currentItem.desc).slideDown(300); setTimeout(function() { oldItem.classList.remove('is-open'); currentItem.classList.add('is-open'); }, 100); this.setAttribute('data-omni', dataOmni.replace('open', 'close')); this.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, currDevice = null, prevDevice = 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'); els.accBanner = document.querySelector('.highlights-accessories'); // 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() { if (objs.scene == null) { 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(); }, 1000); }); 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(); prevDevice = currDevice; setTimeout(function() { checkBrokenFixed(); setCard(); }, 100); }; var onResizeHandler = function(currRes) { currDevice = currRes; if (currDevice != prevDevice) { onResponsiveHandler(); prevDevice = currDevice; } else if (!utils.detector.isTouchDevice) { checkBrokenFixed(); } setCard(); }; var onResponsiveHandler = function() { if (currDevice.indexOf('mobile') > -1) { els.accBanner.style.marginTop = ''; } checkBrokenFixed(); }; var setCard = function() { 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, currSize = (contentWrapWidth - innerWidth) / 2, SlideTotalSize = slideWrapWidth + currSize; 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(); if (els.item.length > 3 || contentWrapWidth < SlideTotalSize) { objList.setScene(); scrollerHandlerList.onScroller(); } else { scrollerHandlerList.destroyScroller(); } } 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, accMarginTop = (outerHeight - innerHeight) / 2 - utils.getNavHeight(), accValue = (accMarginTop < 0) ? 0 : accMarginTop; els.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), itemHeightArr = [], maxHeight = null, cardHeight = null; for (var i = 0; i < els.swiperSlides.length; i++) { itemHeightArr.push(els.swiperSlides[i].clientHeight); } maxHeight = itemHeightArr.reduce(function(prev, itemArr) { return Math.max(prev, itemArr); }); cardHeight = maxHeight; 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.info = els.section.querySelectorAll('.highlights-exclusive__tab-info'); 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'), oldInfo = els.section.querySelector('.highlights-exclusive__tab-info-wrap .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')); } // colors name if (!els.info[index].classList.contains('is-active')) { oldInfo.classList.remove('is-active'); oldInfo.setAttribute('aria-hidden', true); els.info[index].classList.add('is-active'); els.info[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('ga-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('ga-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('ga-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 = (faqId === 'camera') ? 0 : 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.hinge = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils; var init = function() { els.section = document.querySelector('.highlights-hinge'); 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.hingeVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 5, reversePoint: 90, 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.hingeVideo.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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.performanceDisplay = (function() { var els = {}, objs = {}; var init = function() { els.section = document.querySelector('.highlights-performance__display-wrap'); if (!!els.section) { setElements(); setScene(); bindEvents(); } }; var setElements = function() { els.imageWrap = els.section.querySelector('.highlights-performance__image-wrap'); els.afterImage = els.imageWrap.querySelector('.highlights-performance__image--after'); }; var bindEvents = function() { window.addEventListener('scroll', scrollHandler); }; var setScene = function() { objs.scene = SCROLLER({ trackElement: els.afterImage, useFixed: false }); }; var scrollHandler = function() { objs.scene.trackAnimation(function() { var value = ANIUTIL.calRange({ targetValue: 1, progress: this.progress, startPoint: 20, endPoint: 50 }); TweenMax.to(els.afterImage, 0.3, { opacity: value }); }); }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.performanceVideo = (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-performance__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.productivityVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 20, reversePoint: (currDevice.indexOf('mobile') > -1) ? 81 : 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.productivityVideo.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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.portability = (function() { var els = {}, resize = window.flagship.common.resize, currDevice = resize.checkResolution(); var init = function() { els.section = document.querySelector('.highlights-portability'); if (!!els.section) { setElements(); bindEvents(); } }; var setElements = function() { els.textWrap = els.section.querySelector('.highlights-portability__text'); }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLoadHandler, { once: true }); resize.add(resizeHandler); }; var resizeHandler = function(currRes) { currDevice = currRes; checkTextHeight(); }; var onLoadHandler = function() { checkTextHeight(); }; var checkTextHeight = function() { var textHeight = els.textWrap.getBoundingClientRect().height; if (currDevice && currDevice.indexOf('mobile') > -1 && textHeight > 541) { if (!els.section.classList.contains('is-text-overflow')) { els.section.classList.add('is-text-overflow'); } } else { if (els.section.classList.contains('is-text-overflow')) { els.section.classList.remove('is-text-overflow'); } } }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.productivity = (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-productivity'); 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(resizeHandler); }; var resizeHandler = function(currRes) { currDevice = currRes; }; var objList = { setVideo: function() { objs.productivityVideo = ANIUTIL.videoHandler({ playType: 'scrollPlay', startPoint: 32, reversePoint: (currDevice.indexOf('mobile') > -1) ? 70 : 85, 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.productivityVideo.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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-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('ga-la')) { var gaLa = els.scrollController.getAttribute('ga-la').toLowerCase(); els.scrollController.setAttribute('ga-la', gaLa.replace('play', 'pause')); } } }; return { init: init } })();})();;(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.viewer = (function() { var els = {}, status = {}, resize = window.flagship.common.resize, utils = window.flagship.common.utils, currDevice = resize.checkResolution(); var init = function() { els.viewerBtns = document.querySelectorAll('.viewer-btn'); if (els.viewerBtns.length > 0) { setElements(); setStatus(); setPopup(); bindEvents(); } }; var setElements = function() { els.wrapEl = document.querySelector('#wrap'); els.contents = document.querySelector('#contents'); // popup els.popup = document.querySelector('.highlights-viewer'); els.popupContents = els.popup.querySelector('.common-popup__contents'); els.popupInner = els.popup.querySelector('.common-popup__inner'); els.popupWrap = els.popup.querySelector('.common-popup__wrap'); els.closeCta = els.popup.querySelector('.common-popup__close-cta'); els.viewerWrap = els.popup.querySelector('.highlights-viewer__wrap'); els.viewerContainer = els.popup.querySelector('.highlights-viewer__container'); els.viewerIframe = els.popup.querySelector('.highlights-viewer__container-viewer'); // popup-scroll els.popupScroll = els.popup.querySelector('.highlights-viewer__scroll'); els.popupScrollUpBtn = els.popup.querySelector('.highlights-viewer__scroll-btn--up'); els.popupScrollDownBtn = els.popup.querySelector('.highlights-viewer__scroll-btn--down'); // infoPopup els.infoBtn = els.popup.querySelector('.highlights-viewer__title-cta'); els.infoCloseBtn = els.popup.querySelector('.highlights-viewer__header-close-cta'); els.infoDimmed = els.popup.querySelector('.highlights-viewer__dimmed'); // timeout els.resizeTimeout = null; els.resizeInnerTimeout = null; // viewer els.viewerOpener = null; els.viewerModel = ''; els.viewerColor = ''; }; var setStatus = function() { status.viewerBaseUrl = '//www.samsung.com/global/galaxy/3d-360/viewer/?'; status.defaultParams = '&gesture_guide=0'; status.defaultParams += '&bgcolor=transparent'; status.defaultParams += '&skin=colorlayer'; status.defaultParams += '&theme=roundlayer'; status.defaultParams += '&intro=1'; status.defaultParams += '&ruler=1'; status.defaultParams += '&breakpoint_criteria=outer'; status.defaultParams += '&breakpoint_desktop_width=1024'; status.defaultParams += '&intro_pose=2'; status.defaultParams += '&intro_pose_once=1'; status.defaultParams += '&intro_pose_hold=1'; status.moPoseReady = false; status.isExclusive = false; status.isHash = false; }; var bindEvents = function() { window.addEventListener('DOMContentLoaded', onLoadHandler, { once: true }); window.addEventListener('message', onReceiveV3DMessage, false); //els.popupContents.addEventListener('scroll', onScrollPopupContents); els.viewerIframe.addEventListener('DOMContentLoaded', viewerEvents.onLoadLayerPopupIframe); els.popupScroll.addEventListener('click', layerPopupScrollHandler.onClickLayerScroll); resize.add(onResizeHandler); }; var onLoadHandler = function() { setViewerWrap.innerWrapHeight(); setViewerWrap.layerScroll(); }; var onResizeHandler = function(currRes) { currDevice = currRes; if (utils.detector.isTouchDevice && !utils.detector.isIosDevice) setViewerWrap.innerWrapHeight(); setViewerWrap.layerScroll(); }; var setViewerWrap = { innerWrapHeight: function() { clearTimeout(els.resizeInnerTimeout); els.resizeInnerTimeout = setTimeout(function() { if (els.popupInner) { els.popupInner.style.height = parseInt(window.innerHeight * 0.9) + 'px'; } }, 0); }, layerScroll: function() { clearTimeout(els.resizeTimeout); els.resizeTimeout = setTimeout(function() { layerPopupScrollHandler.setLayerScroll(); }, 300); } }; var setPopup = function() { for (var i = 0; i < els.viewerBtns.length; i++) { utils.layerPopup({ layerPopup: els.popup, openerEvent: { element: els.viewerBtns[i], }, closeCta: els.closeCta, moveTarget: document.documentElement, contents: els.contents, show: { start: function(target) { els.popup.classList.add('is-init'); viewerEvents.show(target.openerCta); }, end: function() { if (utils.detector.isIosDevice) els.popup.style.display = 'block'; els.popup.classList.add('is-open'); if (els.popup.classList.contains('is-info-open')) { setTimeout(function() { els.infoCloseBtn.focus(); }, 500); } } }, hide: { start: function(target) { if (utils.detector.isIosDevice) target.openerCta.style.display = ''; target.openerCta.focus(); els.popup.classList.remove('is-open'); }, end: function() { setTimeout(function() { els.popup.classList.remove('is-init'); }, 300); viewerEvents.hide(); } } }); } }; var viewerEvents = { show: function(viewerOpener) { if (viewerOpener.classList.contains('viewer-btn')) { status.isHash = false; els.viewerOpener = viewerOpener; } else { status.isHash = true; if (window.location.hash == '#colors-see-in-360') { els.viewerOpener = els.viewerBtns[0]; } else { els.viewerOpener = els.viewerBtns[1]; } } status.isExclusive = (els.viewerOpener.getAttribute('data-hash') == 'online-exclusive-color-see-in-360') ? true : false; els.viewerModel = els.viewerOpener.getAttribute('data-model-name'); els.viewerColor = els.viewerOpener.getAttribute('data-model-color'); els.viewerIframe.setAttribute('src', getViewerUrl()); if (currDevice && currDevice.indexOf('mobile') > -1 || currDevice == 'tablet') { viewerEvents.infoPopupShow(); } els.infoBtn.addEventListener('click', function() { viewerEvents.infoPopupShow(); setTimeout(function() { els.infoCloseBtn.focus(); }, 400); }); els.popupWrap.addEventListener('click', viewerEvents.onclickViewerDimmed); }, hide: function() { els.viewerModel = ''; els.viewerIframe.setAttribute('src', 'about:blank'); if (status.isHash) { setTimeout(function() { els.viewerOpener.focus(); }, 300); } }, infoPopupShow: function() { if (!els.popup.classList.contains('is-info-open')) { els.popup.classList.add('is-info-open'); els.infoCloseBtn.addEventListener('click', viewerEvents.infoPopupHide); els.infoDimmed.addEventListener('click', viewerEvents.infoPopupHide); setTimeout(function() { els.closeCta.setAttribute('tabindex', -1); els.closeCta.setAttribute('aria-hidden', true); els.infoBtn.setAttribute('tabindex', -1); els.infoBtn.setAttribute('aria-hidden', true); els.viewerContainer.setAttribute('tabindex', -1); els.viewerContainer.setAttribute('aria-hidden', true); }, 100); } }, infoPopupHide: function() { if (els.popup.classList.contains('is-info-open')) { els.popup.classList.remove('is-info-open'); setTimeout(function() { els.infoBtn.focus(); }, 300); setTimeout(function() { els.closeCta.removeAttribute('tabindex'); els.closeCta.removeAttribute('aria-hidden'); els.infoBtn.removeAttribute('tabindex'); els.infoBtn.removeAttribute('aria-hidden'); els.viewerContainer.removeAttribute('tabindex'); els.viewerContainer.removeAttribute('aria-hidden'); }, 100); } }, onclickViewerDimmed: function(e) { if (e.currentTarget == e.target) { if (utils.detector.isIosDevice) els.viewerOpener.style.display = ''; els.popup.classList.remove('is-open'); document.documentElement.classList.remove('is-layer-open'); document.documentElement.style.overflow = ''; utils.visibleScroll(); utils.onAccessibility(els.popup); utils.offAccessibility(document.querySelector('#wrap')); setTimeout(function() { els.viewerOpener.focus(); }, 300); els.viewerModel = ''; els.viewerIframe.setAttribute('src', 'about:blank'); setTimeout(function() { els.popup.classList.remove('is-init'); }, 300); } }, onLoadLayerPopupIframe: function() { if (document.documentElement.classList.contains('color_yb') || (utils.getCookie('highContrastMode') != null && utils.getCookie('highContrastMode') == 1)) { els.viewerIframe.contentWindow.postMessage('V3D.highContrast.on', '*'); setTimeout(function() { els.viewerIframe.contentWindow.postMessage('V3D.highContrast.on', '*'); }, 300); } } }; var layerPopupScrollHandler = { setLayerScroll: function() { if (!els.popupContents) return; if (els.popupContents.scrollHeight > els.popupContents.clientHeight) { utils.offAccessibility(els.popupScroll); els.popupScroll && els.popupScroll.classList.add('is-scroll-btn'); } else { utils.onAccessibility(els.popupScroll); els.popupScroll && els.popupScroll.classList.remove('is-scroll-btn'); } }, onScrollPopupContents: function() { onUpdateLayerScroll(false); }, onClickLayerScroll: function(e) { e && e.preventDefault(); if (e.target.matches('.highlights-viewer__scroll-btn')) { var scrollDown = e.target.classList.contains('highlights-viewer__scroll-btn--down'), $popupContents = $(els.popupContents); if (scrollDown) { $popupContents.stop().animate({ scrollTop: $popupContents.scrollTop() + 100 }, { duration: 300, complete: function() { layerPopupScrollHandler.onUpdateLayerScroll(true); } }); } else { $popupContents.stop().animate({ scrollTop: $popupContents.scrollTop() - 100 }, { duration: 300, complete: function() { layerPopupScrollHandler.onUpdateLayerScroll(true); } }); } } }, onUpdateLayerScroll: function(isClicked) { var offsetTop = els.popupContents.scrollTop, layerBottom = els.popupContents.scrollHeight - els.popupContents.clientHeight; els.popupScrollUpBtn.removeAttribute('tabindex'); els.popupScrollUpBtn.removeAttribute('aria-hidden'); els.popupScrollUpBtn.removeAttribute('disabled'); els.popupScrollDownBtn.removeAttribute('tabindex'); els.popupScrollDownBtn.removeAttribute('aria-hidden'); els.popupScrollDownBtn.removeAttribute('disabled'); if (offsetTop == 0) { isClicked && els.popupScrollDownBtn && els.popupScrollDownBtn.focus(); els.popupScrollUpBtn.setAttribute('tabindex', '-1'); els.popupScrollUpBtn.setAttribute('aria-hidden', 'true'); els.popupScrollUpBtn.setAttribute('disabled', 'disabled'); } else if (offsetTop >= layerBottom - 1) { isClicked && els.popupScrollUpBtn && els.popupScrollUpBtn.focus(); els.popupScrollDownBtn.setAttribute('tabindex', '-1'); els.popupScrollDownBtn.setAttribute('aria-hidden', 'true'); els.popupScrollDownBtn.setAttribute('disabled', 'disabled'); } } }; var onReceiveV3DMessage = function(e) { if (e.data == 'V3D.state.popOpen') { if (currDevice && currDevice.indexOf('mobile') > -1 || currDevice == 'tablet') { if (els.closeCta) { if (!els.popupWrap.classList.contains('is-popup-opened')) els.popupWrap.classList.add('is-popup-opened'); els.closeCta.setAttribute('tabindex', '-1'); els.closeCta.setAttribute('aria-hidden', 'true'); els.closeCta.setAttribute('disabled', 'disabled'); } if (els.infoBtn) { els.infoBtn.setAttribute('tabindex', '-1'); els.infoBtn.setAttribute('aria-hidden', 'true'); } } } else if (e.data == 'V3D.state.popClose') { if (currDevice && currDevice.indexOf('mobile') > -1 || currDevice == 'tablet') { if (els.closeCta) { if (els.popupWrap.classList.contains('is-popup-opened')) els.popupWrap.classList.remove('is-popup-opened'); els.closeCta.removeAttribute('tabindex'); els.closeCta.removeAttribute('aria-hidden'); els.closeCta.removeAttribute('disabled'); } if (els.infoBtn) { els.infoBtn.removeAttribute('tabindex'); els.infoBtn.removeAttribute('aria-hidden'); } } } else if (e.data == 'V3D.state.introPose.ready') { if (currDevice && currDevice.indexOf('desktop') > -1) { els.viewerIframe && els.viewerIframe.contentWindow.postMessage('V3D.introPose.run', '*'); } status.moPoseReady = true; setTimeout(function() { status.moPoseReady = false; }, 2000); } else if (e.data == 'V3D.state.localData.ready') { els.viewerIframe && els.viewerIframe.contentWindow.postMessage(JSON.stringify(V3DLOCALDATA), '*'); } }; var getViewerUrl = function() { var viewerUrl = status.viewerBaseUrl; // model_name viewerUrl += 'model_name=' + els.viewerModel; // only exclusive color status.isExclusive && (viewerUrl += '&exclusive_mode=1'); if (document.documentElement.classList.contains('color_yb') || (utils.getCookie('highContrastMode') != null && utils.getCookie('highContrastMode') == 1)) { viewerUrl += '&highcontrast=1'; } else { viewerUrl += '&highcontrast=0'; } // RTL utils.isRTL() && (viewerUrl += '&rtl=1'); viewerUrl += status.defaultParams; viewerUrl += '#color=' + (els.viewerColor ? els.viewerColor : 'null'); return viewerUrl; }; return { init: init } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.ytPopup = (function() { var els = {}, utils = window.flagship.common.utils; var init = function() { els.layerPopup = document.querySelector('.youtube-layer-popup'); if (!!els.layerPopup) { setElements(); setPopup(); els.layerPopup.addEventListener('click', eventList.clickDimmed); } }; var setElements = function() { els.contents = document.querySelector('#contents'); els.openCtas = document.querySelectorAll('.js-youtube-popup'); els.closeCta = document.querySelector('.youtube-layer-popup__close-cta'); els.ytIframe = els.layerPopup.querySelector('.youtube-layer-popup__iframe > iframe'); els.ytDesc = els.layerPopup.querySelector('.youtube-player__desc'); } var setPopup = function() { for (var i = 0; i < els.openCtas.length; i++) { utils.layerPopup({ layerPopup: els.layerPopup, openerEvent: { element: els.openCtas[i], }, closeCta: els.closeCta, moveTarget: document.documentElement, contents: els.contents, show: { start: function() { els.layerPopup.removeAttribute('tabindex'); els.layerPopup.removeAttribute('aria-hidden'); els.layerPopup.classList.add('is-yt-open'); }, end: function(target) { eventList.setYoutube(target); target.openerCta.blur(); } }, hide: { start: function(target) { if (utils.detector.isIosDevice) target.openerCta.style.display = ''; els.layerPopup.setAttribute('tabindex', -1); els.layerPopup.setAttribute('aria-hidden', true); els.layerPopup.classList.remove('is-yt-open'); }, end: function(target) { eventList.clearYoutube(); target.openerCta.focus(); // customization accessibility set var uiList = document.querySelectorAll('.highlights-customization__ui-list'); if (!uiList[0].classList.contains('is-active')) { utils.onAccessibility(uiList[0]); } else { utils.onAccessibility(uiList[1]); } } } }); } }; var eventList = { setYoutube: function(target) { var opener = target.openerCta, ytSrc = 'htt' + 'ps://www.youtube.com/embed/' + opener.getAttribute('data-youtube-id') + '?wmode=opaque&rel=0&enablejsapi=1&version=3&autoplay=1', ytTitle = opener.getAttribute('data-youtube-title'), ytBlind = opener.querySelector('.blind').innerHTML; els.ytIframe.setAttribute('src', ytSrc); els.ytIframe.setAttribute('title', ytTitle); els.ytDesc.innerHTML = ytBlind; els.OpenerTarget = opener; }, clearYoutube: function() { els.ytIframe.removeAttribute('src'); els.ytDesc.innerHTML = ''; }, clickDimmed: function(e) { if (e.target.classList.contains('youtube-layer-popup__inner') || e.target.classList.contains('youtube-layer-popup__close-area')) { if (utils.detector.isIosDevice) els.OpenerTarget.style.display = ''; els.layerPopup.classList.remove('is-yt-open'); document.documentElement.classList.remove('is-layer-open'); document.documentElement.style.overflow = ''; utils.visibleScroll(); utils.onAccessibility(els.layerPopup); utils.offAccessibility(document.querySelector('#wrap')); setTimeout(function() { els.OpenerTarget.focus(); }, 300); eventList.clearYoutube(); } } }; return { init: init, } })();})();(function() { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.sidebar = (function() { var els = {}, objs = {}, utils = window.flagship.common.utils; var init = function() { els.contents = document.querySelector('#contents'); if (!!els.contents) { setElements(); setScene(); bindEvents(); } }; var setElements = function() { els.kv = els.contents.querySelector('.highlights-kv'); els.sidebar = els.contents.querySelector('.highlights-sidebar'); els.sidebarBtn = els.sidebar.querySelector('.highlights-sidebar__cta'); els.sidebarBtnBlindText = els.sidebar.querySelector('.highlights-sidebar__cta .blind'); els.sidebarList = els.sidebar.querySelector('.highlights-sidebar__list'); els.sidebarListItem = els.sidebarList.querySelectorAll('.highlights-sidebar__item'); els.durability = els.contents.querySelector('.highlights-durability'); els.footer = document.querySelector('.common-bottom-disclaimer'); // settimeout els.scrollTimeout = null; }; var bindEvents = function() { window.addEventListener('scroll', scrollHandler); els.sidebarBtn.addEventListener('click', sidebarEvents.sidebarOnClick); for (var i = 0; i < els.sidebarListItem.length; i++) { els.sidebarListItem[i].addEventListener('click', sidebarEvents.itemOnClick); } }; var setScene = function() { objs.scene = SCROLLER({ trackElement: els.contents, useFixed: false, useStrictMode: false }); }; var scrollHandler = function() { objs.scene.trackAnimation(function() { var kvBottom = this.winScrollTop + els.kv.getBoundingClientRect().bottom - utils.getNavHeight(), footerTop = this.winScrollTop + els.footer.getBoundingClientRect().top + (window.innerHeight / 2), self = this; var _highlighting = function() { for (var i = 0; i < els.sidebarListItem.length; i++) { var targetId = els.sidebarListItem[i].querySelector('a').getAttribute('href').split('#')[1], target = els.contents.querySelector('#' + targetId), targetOffetTop = self.winScrollTop + target.getBoundingClientRect().top, targetOffetBottom = self.winScrollTop + target.getBoundingClientRect().bottom - (window.innerHeight / 2), durabilityTop = self.winScrollTop + els.durability.getBoundingClientRect().top + (window.innerHeight / 2), oldActiveItem = els.sidebarList.querySelector('.is-active'); if (self.winScrollBottom >= targetOffetTop && self.winScrollTop <= targetOffetBottom) { if (!els.sidebarListItem[i].classList.contains('is-active')) { if (oldActiveItem) oldActiveItem.classList.remove('is-active'); els.sidebarListItem[i].classList.add('is-active'); } } if (self.winScrollBottom >= durabilityTop) { if (els.sidebarListItem[i].classList.contains('is-active')) { els.sidebarListItem[i].classList.remove('is-active'); } } } } if (self.wheelDirection == 'up') { if (self.winScrollTop >= kvBottom) { els.sidebar.classList.add('is-active'); els.sidebarBtn.removeAttribute('tabindex'); els.sidebarBtn.removeAttribute('aria-hidden'); } else { hideSidebar(); } } else { hideSidebar(); } _highlighting(); }); }; var hideSidebar = function() { if (els.sidebar.classList.contains('is-active')) { els.sidebar.classList.remove('is-active'); els.sidebarBtn.setAttribute('tabindex', -1); els.sidebarBtn.setAttribute('aria-hidden', true); sidebarEvents.sidebarClose(); } }; var sidebarEvents = { sidebarOnClick: function() { if (!els.sidebar.classList.contains('is-open')) { sidebarEvents.sidebarOpen(); } else { sidebarEvents.sidebarClose(); } }, sidebarOpen: function() { els.sidebar.classList.add('is-open'); accessibility.off(); setTimeout(function() { window.addEventListener('click', sidebarEvents.outsideOnClick); }, 50); }, sidebarClose: function() { els.sidebar.classList.remove('is-open'); accessibility.on(); window.removeEventListener('click', sidebarEvents.outsideOnClick); }, outsideOnClick: function(e) { var sidebar = e.target.matches('.highlights-sidebar__button>button'); if (!sidebar) { sidebarEvents.sidebarClose(); } }, itemOnClick: function(e) { e.preventDefault(); var oldItem = els.sidebarList.querySelector('.is-active'), self = this; var _moveSection = function() { var navHeight = utils.getNavHeight(), sectionId = self.querySelector('a').getAttribute('href').split('#')[1], section = document.querySelector('#' + sectionId), sectionTop = section.getBoundingClientRect().top, sectionScroll = window.pageYOffset + sectionTop - navHeight, sectionTimeout = null; clearTimeout(sectionTimeout); sectionTimeout = setTimeout(function() { var eyeBrow = section.querySelector('.common-text'); clickAble = section.querySelectorAll('a, button')[0]; if (!!eyeBrow) { var focusOutEvent = function() { eyeBrow.removeAttribute('tabindex'); eyeBrow.removeEventListener('focusout', focusOutEvent); }; eyeBrow.addEventListener('focusout', focusOutEvent); eyeBrow.setAttribute('tabindex', 0); eyeBrow.focus(); } else { clickAble.focus(); } window.scrollTo(0, sectionScroll); }, 30); setTimeout(function() { hideSidebar(); }, 60); }; if (!this.classList.contains('is-active')) { if (oldItem && oldItem.classList.contains('is-active')) { oldItem.classList.remove('is-active'); } this.classList.add('is-active'); } _moveSection(); } }; var accessibility = { on: function() { els.sidebarList.setAttribute('aria-hidden', true); els.sidebarList.setAttribute('tabindex', -1); var openText = els.sidebarBtn.getAttribute('data-open-text'); els.sidebarBtnBlindText.innerText = openText; setTagging.close(); for (var i = 0; i < els.sidebarListItem.length; i++) { els.sidebarListItem[i].querySelector('a').setAttribute('tabindex', '-1'); } }, off: function() { els.sidebarList.setAttribute('aria-hidden', false); els.sidebarList.removeAttribute('tabindex'); var closeText = els.sidebarBtn.getAttribute('data-close-text'); els.sidebarBtnBlindText.innerText = closeText; setTagging.open(); for (var i = 0; i < els.sidebarListItem.length; i++) { els.sidebarListItem[i].querySelector('a').removeAttribute('tabindex'); } } }; var setTagging = { open: function() { var dataOmni = els.sidebarBtn.getAttribute('data-omni'), gaLa = els.sidebarBtn.getAttribute('ga-la'); setTimeout(function() { els.sidebarBtn.setAttribute('data-omni', dataOmni.replace('open', 'close')); els.sidebarBtn.setAttribute('ga-la', gaLa.replace('open', 'close')); }, 50); }, close: function() { var dataOmni = els.sidebarBtn.getAttribute('data-omni'), gaLa = els.sidebarBtn.getAttribute('ga-la'); setTimeout(function() { els.sidebarBtn.setAttribute('data-omni', dataOmni.replace('close', 'open')); els.sidebarBtn.setAttribute('ga-la', gaLa.replace('close', 'open')); }, 50); } }; return { init: init } })();})();(function() { window.flagship.common.resize.bindEvent(); var initComponents = function() { flagship.highlights.ai.init(); flagship.highlights.cameraOverview.init(); flagship.highlights.cameraVideo.init(); flagship.highlights.colors.init(); flagship.highlights.design.init(); flagship.highlights.durability.init(); flagship.highlights.excellence.init(); flagship.highlights.exclusive.init(); flagship.highlights.faq.init(); flagship.highlights.hinge.init(); flagship.highlights.performanceDisplay.init(); flagship.highlights.performanceVideo.init(); flagship.highlights.portability.init(); flagship.highlights.productivity.init(); flagship.highlights.viewer.init(); flagship.highlights.ytPopup.init(); flagship.highlights.sidebar.init(); }; initComponents();})(); });

  • Galaxy Z Fold5 - Spesifikasi HP & Fitur | Samsung Indonesia (2024)
    Top Articles
    Latest Posts
    Article information

    Author: Delena Feil

    Last Updated:

    Views: 6195

    Rating: 4.4 / 5 (45 voted)

    Reviews: 84% of readers found this page helpful

    Author information

    Name: Delena Feil

    Birthday: 1998-08-29

    Address: 747 Lubowitz Run, Sidmouth, HI 90646-5543

    Phone: +99513241752844

    Job: Design Supervisor

    Hobby: Digital arts, Lacemaking, Air sports, Running, Scouting, Shooting, Puzzles

    Introduction: My name is Delena Feil, I am a clean, splendid, calm, fancy, jolly, bright, faithful person who loves writing and wants to share my knowledge and understanding with you.