Galaxy Z Fold5 | Caractéristiques | Samsung France (2024)

Galaxy Z Fold5

  • CARACTÉRISTIQUES
  • ASSISTANCE
  • AVIS

ACHETER

  • Présentation
  • Comparer
  • Accessoires
  • CARACTÉRISTIQUES
  • ASSISTANCE
  • AVIS
Galaxy Z Fold5 | Caractéristiques | Samsung France (1)

Dorénavant enrichi en AI*

ACHETER RÉSERVER ACHETER OÙ ACHETER

Galaxy Z Fold5 | Caractéristiques | Samsung France (2)
  • *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.
  • *S Pen Fold Edition pour Galaxy Z Fold5 vendu séparément. Utilisez uniquement le Samsung S Pen Fold Edition conçu exclusivement pour le Galaxy Z Fold. Tous les autres modèles de S Pen ou stylets peuvent endommager l’écran. Le Galaxy Z Fold5 n’intègre pas de compartiment pour le S Pen. La prise en charge du S Pen est limitée à l’écran principal.
  • DESIGN
  • IMMENSE ECRAN
  • BATTERIE
  • MULTITÂCHE
  • APPAREIL PHOTO

Galaxy AI est là

Bienvenue dans l’ère de l’AI mobile. Avec le Galaxy Z Fold5 entre vos mains, vous pouvez libérer de nouveaux niveaux de créativité, de productivité et de possibilités, en commençant par l’appareil le plus important dans votre vie. Votre smartphone.

TRADUCTION INSTANTANÉE

Cassez les barrières de la langue

Avec la traduction instantanée, un interprète est directement intégré à l'application téléphone de smartphone.2 Vous êtes alors capable de communiquer dans votre langue maternelle avec des personnes qui ne la parlent pas, que ce soit à l'oral, mais aussi par message.

*Image simulée à des fins d’illustration. L’UI réelle peut varier.

Galaxy Z Fold5 | Caractéristiques | Samsung France (3)

Une conversation téléphonique est traduite en temps réel. La boîte de dialogue s’affiche à l’écran sous forme de conversation textuelle en deux langues.

INTERPRÈTE

Un véritable interprète dans votre poche

Besoin d’aide à l’étranger ? Dégainez votre Galaxy Z Fold5 et utilisez l’interprète pour communiquer dans la langue locale, même sans accès à internet.3

*Image simulée à des fins d’illustration. L’UI réelle peut varier.

Galaxy Z Fold5 | Caractéristiques | Samsung France (4)

Dans l’application Interpreter, une conversation en deux langues est transcrite et traduite en temps réel.

ASSISTANT PHOTO

Retouches génératives par IA.

Un élément de votre photo vous gêne ? La nouvelle fonction de retouches génératives par IA vous permet de déplacer, agrandir ou supprimer ce que vous voulez à l'image. Pratique, non ? 4

*Image simulée à des fins d’illustration. L’UI réelle peut varier.

Galaxy Z Fold5 | Caractéristiques | Samsung France (5)

Une photo est éditée dans l’application Gallery. Un bouton de modification est activé et le sujet est sélectionné. Il est replacé à un autre endroit de l’image. Ensuite, les zones manquantes sont remplies.

    Découvrez l’expérience Galaxy sur votre smartphone Scannez ce QR code ou visitez trygalaxy.com

    Galaxy Z Fold5 | Caractéristiques | Samsung France (6)

    Un écran immense qui tient dans la poche

    Lorsqu'il est fermé, c'est un smartphone compact. Ouvert, c'est toute la magie qui opère : son gigantesque écran de 7,6” vous plonge au cœur de votre jeu vidéo ou de votre série préférée. Il ne laissera personne indifférent.5,7

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (7) Galaxy Z Fold5 | Caractéristiques | Samsung France (8)

    La lumière passe sur le cadre inférieur d’un Galaxy Z Fold5 plié caché dans l’obscurité. Un autre éclat révèle à nouveau le bord du cadre inférieur. L’appareil s’ouvre pour devenir visible dans son intégralité depuis l’écran principal entièrement ouvert. Une scène de véhicule utilitaire sportif garé sur une surface réfléchissante qui reflète un ciel étoilé est affichée à l’écran.

    Plus mince et léger que jamais

    Sa conception pliable repousse les limites de la physique : il se fait plus fin et plus compact, tout en étant plus léger8. Tout simplement un bijou technologique.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (9) Galaxy Z Fold5 | Caractéristiques | Samsung France (10)

    Gros plan sur l’écran principal partiellement plié pendant qu’il se ferme complètement. L’angle final se centre sur le cadre et la charnière Flux vus depuis le bas.

    Ouvrez-le, fermez-le ou pliez-le à l’angle parfait. La nouvelle charnière est une merveille technologique qui se plie à vos envies.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (11)

    Galaxy Z Fold5 | Caractéristiques | Samsung France (12)

    13,4mm Épaisseur

    253g Poids

    *Image simulée à des fins d’illustration.

    Soyez stylé avec ses nouvelles couleurs

    Vous voulez qu'on vous remarque ? Choisissez la couleur qui vous ressemble le plus.

    Bleu Noir Crème

    Galaxy Z Fold5 | Caractéristiques | Samsung France (14)

    Galaxy Z Fold5 | Caractéristiques | Samsung France (15)

    Galaxy Z Fold5 | Caractéristiques | Samsung France (16)

    Des couleurs exclusives que vous ne trouverez qu’ici

    A tous les avant-gardistes en quête d'originalité, choisissez parmi les deux couleurs exclusives disponibles sur Samsung.com.10

    *Les couleurs exclusives sont uniquement disponibles sur Samsung.com.

    Cobalt

    Exclusivité

    Argent

    Galaxy Z Fold5 | Caractéristiques | Samsung France (17)

    Galaxy Z Fold5 | Caractéristiques | Samsung France (18)

    Silence … Action !

    Galaxy Z Fold5 | Caractéristiques | Samsung France (19) Galaxy Z Fold5 | Caractéristiques | Samsung France (20)

    Une scène sombre et spectaculaire de The Witcher sur Netflix vue sur l’écran extérieur d’un Galaxy Z Fold5 à l’horizontale. Abonnement Netflix requis. L’appareil se déplie pour montrer le vaste écran principal où la scène continue en toute fluidité.

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier. Compte Netflix requis.

    Notre écran pliable le plus lumineux

    Galaxy Z Fold5 | Caractéristiques | Samsung France (21)

    Galaxy Z Fold5 | Caractéristiques | Samsung France (22)

    Plus besoin de plisser les yeux pour regarder sa série préférée à l'extérieur. Avec ses 1750 nits, l'écran principal de 7,6” pouces du Galaxy Z Fold5 a été pensé pour que vous restiez toujours au cœur de l'action, même pendant une belle journée d'été.5, 10

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    *Flex Mode pris en charge à des angles compris entre 75° et 115°. Certaines applications peuvent ne pas être prises en charge en Flex Mode ou dans le panneau Flex Mode.

    Profitez de votre journée11 batterie Lecture de musique 73 heures6 Lecture vidéo 21 heures6

    Avec son impressionnante batterie de 4 400mAh (valeur typique)12, le Galaxy Z Fold5 est paré pour affronter une journée intense. Associé à son processeur à la pointe, il apprend de vos habitudes et fait en sorte qu'une charge dure plus longtemps.

    Des performances qui décoiffent

    Que ce soit pour jouer, pour travailler ou faire les deux à la fois, la puissance du processeur Snapdragon® 8 Gen 2 Mobile Platform for Galaxy est simplement époustouflante.13

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

    *«HoYoverse» est une marque commerciale et/ou une marque déposée de COGNOSPHERE PTE. LTD.

    *Genshin Impact peut être téléchargé sur le Galaxy Store dès maintenant.

    *Les illustrations Genshin Impact sont protégées par des droits d’auteur et Cognosphere PTE. LTD. bénéficie des droits exclusifs.

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    *Améliorations des performances par rapport à la génération de processeursprécédente. Les performances réelles dépendront de l’environnement utilisateur, des conditions, et des systèmes d'exploitation et applications préinstallés.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (23)

    Galaxy Z Fold5 | Caractéristiques | Samsung France (24) Galaxy Z Fold5 | Caractéristiques | Samsung France (25)

    Jeu de Genshin Impact. Le mouvement est fluide et les graphismes sont nets.

    Sonarmesecrète?
    Jusqu’à 3 applications en simultané

    Galaxy Z Fold5 | Caractéristiques | Samsung France (26)

    Regarder une vidéo, répondre à un message et vérifier l'adresse d'un restaurant en même temps ? C'est facile avec le Galaxy Z Fold5 en séparant son immense écran en trois fenêtres.14

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (27) Galaxy Z Fold5 | Caractéristiques | Samsung France (28)

    Trois fenêtres sont ouvertes sur l’écran principal du Galaxy Z Fold5. Deux sont des navigateurs Internet et l’autre est une discussion par SMS. Dans l’un des navigateurs Internet se trouve une photo de gâteau. Le gâteau est recadré à partir de l’image, puis glissé et déposé dans le chat par SMS.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (29)

    Passer d'une application à l'autre est un jeu d'enfant grâce à la barre de tâches qui intègre jusqu'à 15 applications. Ajoutez à cela un S Pen et devenez encore plus efficace.

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    Le plus fin des S Pen pour Z Fold, intégré dans une coque compacte

    Lorsque vos idées bouillonnent, prenez votre S Pen pour écrire ou dessiner avec une précision exceptionnelle.16 Ouvrez Samsung Notes, laissez place à votre créativité et retrouver vos œuvres synchronisées sur tous vos appareils.

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    *L’application GoodNotes nécessite un achat et un téléchargement distincts. La disponibilité de l’application et les conditions de service peuvent varier selon le pays et la région.

    L'union fait la force

    Coque avec S Pen intégré17

    Prenez des notes ou dessinez

    Galaxy Z Fold5 | Caractéristiques | Samsung France (32)

    GoodNotes

    Libérez votre créativité

    Galaxy Z Fold5 | Caractéristiques | Samsung France (33)

    Photos & vidéos
    à la pointe

    Galaxy Z Fold5 | Caractéristiques | Samsung France (34) Galaxy Z Fold5 | Caractéristiques | Samsung France (35)

    Gros plan sur les appareils photo arrière du Galaxy Z Fold5, positionnés horizontalement.

    • 10MP

      Téléobjectif avec zoom optiquex3

    • 50MP

      Capteur grand angle

    • 12MP

      Capteur ultra grand angle

    • 10MP

      Capteur selfie

    • 4MP

      Capteur sous l'écran

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    Des photos extraordinaires sur un smartphone pliable

    Partagez des images exceptionnelles avec le triple capteur photo du Galaxy Z Fold5 doté d'une optique principale de 50MP, d'un ultra grand angle de 12MP et d'un téléobjectif de 10MP avec zoom optique 3x. Besoin de se rapprocher du détail ? Avec le Space Zoom X30 c'est maintenant possible.18

    Aperçu sur l'écran externe

    Fini les photos ratées : en ouvrant votre Galaxy Z Fold5, votre modèle voit exactement ce que vous photographiez et peut directement ajuster sa pose.

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (36)

    Galaxy Z Fold5 | Caractéristiques | Samsung France (37)

    Un joueur de tennis pose pour une photo sur un court de tennis. Un coéquipier s’agenouille devant pour prendre la photo avec l’appareil photo arrière d’un Galaxy Z Fold5 déplié. Il observe l’écran principal tandis que le sujet de la photo observe l’écran extérieur. Ensuite, l’aperçu de la photo s’affiche sur l’écran extérieur et l’écran principal.

    Photo prise avec le Galaxy Z Fold5#withGalaxy

    La nuit n'a plus de secret pour vous

    Parce que les meilleurs souvenirs se créent souvent en soirée, capturez des clichés et des vidéos époustouflants, même lorsque la luminosité est faible.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (38)

    Photographié par le Galaxy Z Fold5#withGalaxy

    Des vidéos épiques

    Galaxy Z Fold5 | Caractéristiques | Samsung France (39) Galaxy Z Fold5 | Caractéristiques | Samsung France (40)

    Un fleuriste coupe les tiges d’un bouquet. Les mouvements naturels, les nuances de couleurs et les textures variées des fleurs sont capturés avec une qualité et une définition réalistes.

    Photographié par le Galaxy Z Fold5#withGalaxy

    Partagez les moments importants de vos vies en filmant des vidéos vibrantes et ultra détaillées. Laissez la fonction Auto Frame Rate prendre les commandes en ajustant en temps réel la fréquence des images pour capturer des vidéos lumineuses et captivantes.

    *Cette vidéo a été retouchée pour la correction des couleurs. L’interface utilisateur réelle peut être différente.

    Il est né pour résister

    Pliez et dépliez sans compter : le Galaxy Z Fold5 est clairement fait pour.36 Et pour rester serein même en cas de gros pépins,inscrivez-vous à Samsung Care+.

    • Solide comme un roc. Le cadre et la charnière du GalaxyZFold5 sont faits d'Aluminium Armor.21 Ce dernier, qui porte bien son nom, fait office d'armure pour protéger votre smartphone en cas de dommages accidentels.

      Galaxy Z Fold5 | Caractéristiques | Samsung France (41)

    • La nouvelle conception de sa charnière gagne en résistance, en robustesse et en élégance.8

      Galaxy Z Fold5 | Caractéristiques | Samsung France (42)

    • N'ayez pas peur de l'eau avec sa certification de résistance à l'eau IPX8.22

      Galaxy Z Fold5 | Caractéristiques | Samsung France (43)

    Inscrivez-vous à Samsung Care+ pour une protection optimale.23

    En savoir plus

    Galaxy Z Fold5 | Caractéristiques | Samsung France (44)

    Contrôlez tous vos appareils avec le Contrôle Multiple

    Les frontières entre appareils n'existent plus. Avec la fonction Contrôle Multiple, utilisez votre clavier et votre souris pour prendre le contrôle de plusieurs appareils comme votre Galaxy Z Fold5 et votre Galaxy Tab S9. Vous pourrez alors faire des copier-coller ou glisser-déposer en toute fluidité.24,25,26,27 Vous pouvez même utiliser votre tablette comme deuxième écran pour étendre votre espace de travail.

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    *Galaxy Tab S9 Ultra et Souris Bluetooth vendues séparément.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (45)

    Conçu dans le respect de l’environnement

    Les Galaxy Z Flip5 et Fold5 sont dotés d’une plus grande variété de matériaux recyclés que leurs générations précédentes, notamment du verre recyclé pré-consommation et de l’aluminium et des plastiques recyclés post-consommation, provenant de filets de pêche jetés, de barils d’eau et de bouteilles en PET.28,29

    *Image simulée à des fins d’illustration. L’UI réelle peut varier.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (46)

    Vous faites le bon choix

    Smart Switch

    Transférez vos photos, applications et messages de votre ancien à votre nouveau smartphone en toute sécurité.30

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    En savoir plus

    Galaxy Z Fold5 | Caractéristiques | Samsung France (47)

    Faites reprendre votre ancien appareil

    Échangez votre ancien appareil et obtenez une remise sur votre tout nouveau GalaxyZFold5.31

    En savoir plus

    Galaxy Z Fold5 | Caractéristiques | Samsung France (48)

    Votre vie privée. Sécurisée.

    Avec Knox Vault, vos données privées sont sécurisées et protégées. Les mots de passe, les données biométriques et autres informations stratégiques pour la sécurité sont protégés par un matériel sécurisé isolé des autres. Ne faites pas de compromis et prenez les choses en main dans ce monde axé sur les données grâce à la protection Galaxy intégrée.

    *Image simulée à des fins d’illustration. L’interface utilisateur réelle peut varier.

    Galaxy Z Fold5 | Caractéristiques | Samsung France (49)

    Stockage

    Plus de souvenirs avec 256Go, 512Go ou 1To.32

    Galaxy Z Fold5 | Caractéristiques | Samsung France (50)

    Profitez d'un abonnement de 6mois offert à Microsoft 365 Basic. Vous bénéficierez de 100Go de stockage dans le cloud, ainsi que d’une messagerie email sécurisée sans publicité et d’un accès à l’assistance Microsoft.33

    Galaxy Z Fold5 | Caractéristiques | Samsung France (51)

    Une Galaxy d'accessoires

    EN SAVOIR PLUS

    Galaxy Z Fold5 | Caractéristiques | Samsung France (52)

    VOIR À 360°

    Essayez-le

    *Les couleurs exclusives sont uniquement disponibles sur Samsung.com.

    Questions fréquemment posées

    • Le Galaxy Z Fold5 est disponible en Bleu, Noir et Crème. Le Cobalt et l’Argent sont des couleurs exclusives disponibles uniquement sur Samsung.com.10

      VOIR LES COULEURS

    • Avec 253grammes, le Galaxy Z Fold5 est 10grammes plus léger que le Galaxy Z Fold4. Il est également plus fin que le Galaxy Z Fold4. Déplié, il mesure 6,1millimètres d’épaisseur, tandis que son prédécesseur mesure 6,3millimètres. Plié, il est plus compact avec 13,4millimètres uniformément sur l’appareil, tandis que le Galaxy Z Fold4 mesure 15,8millimètres au niveau de la charnière et 14,2millimètres au niveau du bord extérieur. Le processeur du Galaxy Z Fold5 est plus performant sur tous les plans, avec une amélioration des performances du CPU de 18%, du GPU de 32% et du NPU de 25% par rapport au Galaxy Z Fold4.34

      COMPAREZ LES APPAREILS

    • Bien que le S Pen soit pris en charge sur l’écran principal, il n’est pas fourni avec le Galaxy Z Fold5.16 Achetez le nouveau S Pen Fold Edition pour Galaxy Z Fold5 pour prendre des notes et profiter des actions Air Commands.35Transportez-le avec votre téléphone dans la coque avec S Pen intégré.17

      VOIR LE S PEN

    • Plié, le Galaxy Z Fold5 mesure 154,9millimètres de long, 67,1millimètres de large et 13,4millimètres d’épaisseur. Lorsqu’il est déplié, il mesure 129,9millimètres de large et 6,1millimètres d’épaisseur.

      VOIR LA PORTABILITÉ

    • L’écran extérieur du Galaxy Z Fold5 est équipé d’un appareil photo frontal de 10MP. L’écran principal intègre un capteur sous l'écran de 4MP. À l’arrière, le Galaxy Z Fold5 est doté d’un objectif grand angle 50MP, d’un objectif ultra grand angle 12MP et d’un téléobjectif 10MP avec un zoom optique x3. Tout au long de la journée, prenez des photos nettes grâce à un processeur avancé et une optimisation logiciel via l’IA. Téléchargez Expert RAW pour une utilisation encore plus créative et profiter au maximum des capteurs photo du Galaxy Z Fold5.20

      VOIR LES APPAREILS PHOTO

    • Une seule charge dure plus longtemps sur le Galaxy Z Fold5 que sur le Galaxy Z Fold4. Bien que le Galaxy Z Fold5 dispose de la même batterie de 4400mAh (typique) que le Galaxy Z Fold4, son processeur de pointe permet une consommation d’énergie plus efficace. Résultat: vous pouvez écouter jusqu’à 73heures de musique ou regarder jusqu’à 21heures de vidéo.6,12

      VOIR LA BATTERIE

    • Le Galaxy Z Fold5 est doté d'une toute nouvelle charnière. De plus, le Galaxy Z Fold5 est certifié IPX8 pour sa résistance à l’eau.22

      VOIR LA RÉSISTANCE

    DÉCOUVRIR

    Galaxy Z Fold5 | Caractéristiques | Samsung France (53)

    Soyez le premier à mettre la main sur le Galaxy Z Fold5

    ACHETER RÉSERVER ACHETER OÙ ACHETER

    Galaxy Z Fold5 | Caractéristiques | Samsung France (54)

    OUVRIR EN RÉALITÉ AUGMENTÉ

    Votre Galaxy. Vos règles.

    EN SAVOIR PLUS

    Galaxy Z Fold5 | Caractéristiques | Samsung France (58)

    Ouvrez-vous à une toute nouvelle façon de faire des affaires

    VOIR SAMSUNG PROFESSIONNELS

    Join the Flip side = Rejoins le côté Flip

    *Samsung se réserve le droit d’effectuer des modifications sur ce document et sur le produit décrit ici, à tout moment, sans avoir à fournir de notification concernant ces modifications. Toutes les fonctionnalités, les spécifications, les caractéristiques, l’interface utilisateur graphique (GUI) et autres informations sur le produit fournies dans ce document y compris, mais sans s’y limiter, les avantages, le design, les prix, les composants, les performances, la disponibilité et les capacités du produit, sont susceptibles de changer sans préavis ni obligation. Les contenus à l’écran sont des images de simulation et sont conçus à des fins de démonstration uniquement.


    DAS Galaxy Z Fold5 tête : 1,244 W/kg, DAS tronc : 1,193 W/kg, DAS membres : 3,12 W/kg.

    *La connexion au Samsung Account peut être requise pour certaines fonctionnalités de Samsung AI.

    *Samsung ne fait aucune promesse ni ne fournit aucune assurance ou garantie quant à l’exactitude, l’exhaustivité ou la fiabilité des résultats fournis par les fonctionnalités d’AI.

    *Les fonctionnalités Galaxy AI seront fournies gratuitement jusqu’à fin 2025 sur les appareils Samsung Galaxy pris en charge. Des conditions différentes peuvent s’appliquer aux fonctionnalités AI fournies par des tiers.

    1. Séquences raccourcies et simulées. Résultats à titre d’illustration uniquement. Les résultats peuvent varier en fonction des correspondances visuelles. Nécessite une connexion Internet. Les utilisateurs peuvent avoir besoin de mettre à jour Android. La fonctionnalité du produit peut dépendre des paramètres de votre application et de votre appareil. Certaines fonctionnalités peuvent ne pas être compatibles avec certaines applications. La disponibilité du service varie selon le pays et la langue. L’exactitude des résultats n’est pas garantie.
    2. Live Translate nécessite une connexion réseau et une connexion au Samsung Account. Live Translate n’est disponible que sur l’application Samsung Phone préinstallée. Certaines langues peuvent nécessiter le téléchargement du pack de langues. La disponibilité de la fonctionnalité peut varier selon les langues. L’exactitude des résultats n’est pas garantie.
    3. Interpreter nécessite la connexion au Samsung Account. Certaines langues peuvent nécessiter le téléchargement du pack de langues. La disponibilité de la fonctionnalité peut varier selon les langues. L’exactitude des résultats n’est pas garantie. La disponibilité et les fonctionnalités prises en chargepeuvent varier en fonction du pays, de la région et de l’opérateur. La disponibilité des langues prises en charge peut varier.
    4. Generative Edit nécessite une connexion réseau et une connexion au Samsung Account. La modification avec Generative Edit permet d’obtenir une photo redimensionnée jusqu’à 12Mpx. Un filigrane visible est superposé lors de l’enregistrement sur l’image produite afin d’indiquer que l’image est générée par l’AI. La précision et la fiabilité de la sortie générée ne sont pas garanties.
    5. Mesurée en diagonale, la taille de l’écran principal du Galaxy Z Fold5est de 7,6”pouces dans le rectangle complet et de 7,4pouces lorsqu’on tient compte des coins arrondis. La surface d’écran réelle est plus petite en raison des coins arrondis.
    6. Sur la base des conditions de test du laboratoire interne de Samsung avec la version de pré-lancement du modèle donné connecté aux écouteurs par Bluetooth avec des paramètres par défaut sur LTE. Estimation par rapport à la capacité de la batterie et à la tension mesurée sur la consommation d’énergie de la batterie pendant la lecture vidéo (résolution du fichier vidéo 720p, enregistré sur l’appareil) et la lecture audio (fichier mp3, 192kbps, enregistré sur l’appareil avec l’écran LCD éteint), respectivement. Le temps réel de lecture vidéo et audio diffère selon la connexion réseau, les paramètres, le format du fichier, la luminosité de l’écran, l’état de la batterie et de nombreux autres facteurs.
    7. Mesurée en diagonale, la taille de l’écran extérieur du Galaxy Z Fold5 est de 6,2pouces dans le rectangle complet et de 6,1pouces en tenant compte des coins arrondis. La surface visible réelle est moindre en raison des coins arrondis et de l’appareil photo.
    8. Comparé aux précédents modèlesGalaxy Z Fold.
    9. Les couleurs exclusives en ligne sont fabriquées à la demande. Veuillez prévoir jusqu’à quatre semaines pour la livraison.
    10. L’écran Dynamic AMOLED 2X du Galaxy Z Fold5est certifié capable de reproduire 100% du volume mobile colorimétrique de la game DCI-P3 par la Verband Deutscher Elektrotechniker (VDE), ce qui signifie que vos images ne sont pas délavées et que vous obtiendrez des couleurs incroyablement vives indépendamment des différents niveaux de luminosité. L’écran peut atteindre une luminosité maximale de 1750nits, améliorant le contraste entre les aspects sombres et clairs du contenu numérique pour une qualité de l’image plus brillante, avec un rapport de contraste de 3000000:1 pour rendre votre expérience mobile plus immersive.
    11. L’autonomie réelle de la batterie varie en fonction du réseau, de l’utilisation des fonctionnalités et des applications, de la fréquence des appels et des messages, du nombre de charges et de nombreux autres facteurs. Estimation faite selon les habitudes d’un utilisateur moyen/typique compilées par UX Connect Research. Réalisée indépendamment par UX Connect Research entre le 19et le 29juin2023aux États-Unis sur les versions de test des modèles SM-F946 et SM-F731 avec les réglages par défaut sur des réseaux LTE et 5G Sub6.
    12. La valeur typique a été vérifiée selon les conditions d'un laboratoire-tiers. La valeur typique est la valeur moyenne évaluée considérant la déviation de la capacité de la batterie parmi les échantillons de batterie ayant passé le test dans le cadre de la norme IEC 61960. La capacité nominale (minimale) évaluée est de 4270 mAh pour le Galaxy Z Fold5 et 3 591 mAh pour le Galaxy Z Flip5. L’autonomie réelle de la batterie peut varier selon l’environnement réseau, les habitudes d’utilisation et d’autres facteurs.
    13. Snapdragon est un produit de Qualcomm Technologies, Inc. et/ou de ses filiales. Snapdragon est une marque commerciale ou une marque déposée de Qualcomm Incorporated.
    14. Certaines applications ne sont pas compatibles avec la fenêtre multi-active ou AppPair.
    15. Barre des tâches prise en charge sur l’écran principal uniquement.
    16. S Pen Fold Edition pour Galaxy Z Fold5 vendu séparément. Utilisez uniquement le Samsung S Pen Fold Edition conçu exclusivement pour le Galaxy Z Fold. Tous les autres modèles de S Pen ou stylets peuvent endommager l’écran. Le Galaxy Z Fold5 n’intègre pas de compartiment pour le S Pen. La prise en charge du S Pen est limitée à l’écran principal.
    17. S Pen Fold Edition et étui S Pen fun (S Pen Fold Edition inclus) vendus séparément. La disponibilité des modèles et des couleurs peut varier selon les pays. Le S Pen Fold Edition est uniquement compatible avec les Galaxy Z Fold 5, Galaxy Z Fold4 et Galaxy Z Fold3.
    18. Le Space Zoom 30x est l’association du zoom optique 3x au zoom numérique 30x avec la technologie de super résolution par IA. Zoomer au-delà de 3x peut entraîner une certaine détérioration de l’image.
    19. Dual Preview pris en charge sur l’application Appareil photo native sur les appareils exécutant One UI2.1 et versions ultérieures.
    20. Expert RAW est à télécharger (gratuitement) sur le Galaxy Store, avant l’utilisation. Pris en charge sur les appareils des gammes S23, S22, S21 Ultra, S20 Ultra, Note20 Ultra, Z Fold5, Z Fold4, Z Fold3 et Z Fold2.
    21. Le cadre ne comprend pas les touches de volume et latérales ni le plateau SIM.
    22. Basé sur des conditions d’essai en laboratoire pour une immersion jusqu’à 1,5mètre dans de l’eau douce pendant 30minutes maximum. Utilisation déconseillée à la plage ou la piscine. La résistance à l’eau de l’appareil n’est pas permanente et peut diminuer avec le temps en raison de l’usure normale. L’indice IPX8 ne concerne pas la résistance à la poussière.
    23. La couverture Samsung Care+ peut varier selon le pays, la région et la police d'assurance. Des franchises peuvent s’appliquer. Voir conditions.
    24. La fonctionnalité Multi control est disponible uniquement sur certains smartphones Galaxy avec One UI 5.1 ou version ultérieure, les appareils Galaxy Tab avec One UI 5.1.1 ou version ultérieure et les appareils Galaxy Book lancés en 2021 ou plus récemment avec Samsung Settings v1.5 (Intel) ou Samsung Settings v3.3 (ARM).
    25. Certaines fonctions disponibles peuvent varier selon le modèle de l’appareil.
    26. Certaines actions de Multi Control peuvent être indisponibles dans certaines applications.
    27. Connexion à un compte Samsung requise. Connexion Wi-Fi et Bluetooth requise.
    28. Galaxy Z Flip5: 15composants d’appareil avec un minimum de 10% de plastique recyclé post-consommation ou d’aluminium recyclé pré-consommation, ou Corning® Gorilla® Glass Victus® 2 avec une moyenne de 22% de contenu recyclé pré-consommation. Ces composants comprennent le support de touche de volume, le module de haut-parleur (supérieur et inférieur), la partie arrière supérieure, le capuchon de connecteur d’affichage, le support de câble RF FPCB, le milieu arrière, l’avant du boîtier (principal), l’avant du boîtier (secondaire), la touche de volume, le support de touche digitale, la déco du récepteur, le support connecteur à connecteur, le plateau SIM, la sous-fenêtre, le verre arrière. (Galaxy Z Flip4: 6composants de l’appareil). Galaxy Z Fold5: 15composants d’appareil avec un minimum de 10% de plastique recyclé post-consommation ou d’aluminium recyclé pré-consommation, ou Corning® Gorilla® Glass Victus® 2 avec une moyenne de 22% de verre recyclé pré-consommation. Ces composants comprennent le support FPCB de touche de volume, le module haut-parleur (supérieur et inférieur), le module bas du haut-parleur (supérieur et inférieur), le connecteur Cover Display, l’avant du boîtier (principal), l’avant du boîtier (secondaire), l’antenne (secondaire), l’antenne (principale), la touche de volume, le support de touche digitale, le plateau SIM, le support de connecteur à connecteur, la déco de l’appareil photo (supérieure et inférieure), la sous fenêtre, le verre arrière. (Galaxy Z Fold4: 6composants de l’appareil). Les mesures plus bas sont basées sur le poids.
    29. Les types de matériaux recyclés comprennent l’AP recyclé post-consommation provenant de filets de pêche jetés, le PBT recyclé post-consommation provenant de bouteilles en PET jetées, le PC recyclé post-consommation provenant de barils d’eau et l’aluminium recyclé pré-consommation provenant de matériaux mis au rebut générés comme sous-produit pendant la fabrication. La ferraille est refondue, filtrée pour éliminer les impuretés, puis recyclée pour fabriquer des pièces dans le cadre du processus de fabrication de Samsung. Il existe également du contenu recyclé pré-consommation provenant de déchets de verre jetés générés comme sous-produit de la fabrication du verre. Ces déchets de verre sont broyés pour former du calcin utilisé comme composant dans le processus de fabrication du verre Corning® Gorilla® Glass Victus® 2.
    30. Les transferts câblés nécessitent au moins Android™ 4.3 ou iOS 5. Les systèmes d'exploitation Android plus anciens doivent utiliser des options de transfert sans fil. Si vous ne disposez pas du câble/connecteur USB requis pour un transfert câblé vers Galaxy, vous pouvez également utiliser les options de transfert sans fil. Ouvrez Smart Switch Mobile dans « Paramètres » sur votre nouveau téléphone Galaxy ou téléchargez l’application Smart Switch depuis Galaxy Store. Les données et le contenu disponibles pour le transfert peuvent varier selon le système d’exploitation. Les données de l’appareil Galaxy sont sauvegardées et restaurées sur l’appareil de stockage. Utilisez la sauvegarde PC à l’aide de SmartSwitchPC ou de la fonction de sauvegarde de la carte SD de SmartSwitchMobile.
    31. Voir les conditions générales de reprise.
    32. Les options de stockage et la disponibilité peuvent varier en fonction du pays ou de la région. Le disponibilité de la mémoire réelle peut varier en fonction du système d'exploitation et applications préinstallés.
    33. Essai gratuit de six mois de Microsoft 365 Basic, disponible pour les consommateurs possédant un téléphone Samsung compatible avec OneDrive-Gallery Sync (les téléphones sur le réseau Verizon aux États-Unis ne sont pas éligibles). A l'issue de la période d’essai de six mois, votre abonnement sera automatiquement renouvelé en abonnement mensuel payant au prix actuel, sous réserve des conditions générales de Google Play. Annulez à tout moment pour mettre fin aux frais futurs. Offre non disponible pour les abonnés premium Microsoft 365 ou OneDrive existants (y compris les essais), les clients ayant déjà utilisé un bonus ou une offre d'essai gratuit pour Office, OneDrive ou Microsoft Storage, les clients dont le compte OneDrive est verrouillé, ou les anciens abonnés premium Microsoft 365 ou OneDrive/Microsoft Storage qui ont résilié leur abonnement au cours des 90derniers jours. Une seule offre par client et par appareil. L’offre ne peut pas être transférée ou combinée à d’autres offres Microsoft et est disponible entre le 15mars2023et le 31décembre2023. L’offre doit être utilisée pendant cette période sur le Google Play Store et les participants doivent synchroniser leur galerie avec OneDrive pour commencer l’essai de 6mois. L’offre nécessite un compte Samsung et Microsoft. Consultez https://www.microsoft.com/onedrive-samsung-offer pour plus de détails.
    34. Améliorations des performances par rapport au Galaxy Z Fold4. Les performances réelles dépendront de l’environnement utilisateur, des conditions, et des systèmes d'exploitation et applications préinstallés.
    35. La disponibilité de la fonction Air Commandpeut varier selon le modèle ou l’application.
    36. Le Z Fold5 est testé et certifié par Bureau Veritas pour résister à 200 000 ouvertures et fermetures.

    " ) ); } } }; 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.lazyLoad(); eventList.setVideo(); eventList.scroll(); accessibility.slide(); accessibility.pagination.label(); accessibility.pagination.tagging(); }, slideChange: function() { let activeIndex = objs.swiper.activeIndex; eventList.lazyLoad(); // 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() { let activeIndex = objs.swiper.activeIndex; let nextIndex = (activeIndex == (objs.swiper.slides.length - 1)) ? null : activeIndex + 1; if (nextIndex != null) { let loadContents = els.videoWrap[nextIndex]; if (!!loadContents.classList.contains('is-loaded')) return; videoLoader.setResponsiveMedia([loadContents.querySelector('video')], function(target) { if (!target.videoHandler.wrap.classList.add('is-loaded')) target.videoHandler.wrap.classList.add('is-loaded'); }); let image = loadContents.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 = "Lecture"; 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", "Lecture") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Pause", "Lecture") ); } }, pause: function () { if (els.scrollController.hasAttribute("data-omni")) { var dataOmni = els.scrollController .getAttribute("data-omni") .toLowerCase(); els.scrollController.setAttribute( "data-omni", dataOmni.replace("Lecture", "Pause") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Lecture", "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 = "Lecture"; 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", "Lecture") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Pause", "Lecture") ); } }, pause: function () { if (els.scrollController.hasAttribute("data-omni")) { var dataOmni = els.scrollController .getAttribute("data-omni") .toLowerCase(); els.scrollController.setAttribute( "data-omni", dataOmni.replace("Lecture", "Pause") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Lecture", "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 = "Lecture"; 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", "Lecture") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Pause", "Lecture") ); } }, pause: function () { if (els.scrollController.hasAttribute("data-omni")) { var dataOmni = els.scrollController .getAttribute("data-omni") .toLowerCase(); els.scrollController.setAttribute( "data-omni", dataOmni.replace("Lecture", "Pause") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Lecture", "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 = "Lecture"; 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", "Lecture") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Pause", "Lecture") ); } }, pause: function () { if (els.scrollController.hasAttribute("data-omni")) { var dataOmni = els.scrollController .getAttribute("data-omni") .toLowerCase(); els.scrollController.setAttribute( "data-omni", dataOmni.replace("Lecture", "Pause") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Lecture", "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 = "Lecture"; 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", "Lecture") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Pause", "Lecture") ); } }, pause: function () { if (els.scrollController.hasAttribute("data-omni")) { var dataOmni = els.scrollController .getAttribute("data-omni") .toLowerCase(); els.scrollController.setAttribute( "data-omni", dataOmni.replace("Lecture", "Pause") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Lecture", "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 = "Lecture"; 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", "Lecture") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Pause", "Lecture") ); } }, pause: function () { if (els.scrollController.hasAttribute("data-omni")) { var dataOmni = els.scrollController .getAttribute("data-omni") .toLowerCase(); els.scrollController.setAttribute( "data-omni", dataOmni.replace("Lecture", "Pause") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Lecture", "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 = "Lecture"; 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", "Lecture") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Pause", "Lecture") ); } }, pause: function () { if (els.scrollController.hasAttribute("data-omni")) { var dataOmni = els.scrollController .getAttribute("data-omni") .toLowerCase(); els.scrollController.setAttribute( "data-omni", dataOmni.replace("Lecture", "Pause") ); } if (els.scrollController.hasAttribute("ga-la")) { var gaLa = els.scrollController .getAttribute("ga-la") .toLowerCase(); els.scrollController.setAttribute( "ga-la", gaLa.replace("Lecture", "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);// customization accessibility setvar uiList = document.querySelectorAll('.highlights-customization__ui-list');if (!uiList[0].classList.contains('is-active')) {utils.onAccessibility(uiList[0]);} else {utils.onAccessibility(uiList[1]);} } }, 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(); }, }, }); } }; 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 | Caractéristiques | Samsung France (2024)
    Top Articles
    Latest Posts
    Article information

    Author: Delena Feil

    Last Updated:

    Views: 5780

    Rating: 4.4 / 5 (45 voted)

    Reviews: 92% 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.