Samsung Galaxy S23 Ultra | Samsung Canada (2024)

'; } }, }); } }, init: function() { let notification = this.el.querySelector('.swiper-notification'); this.el.removeChild(notification); els.nextArrow.removeAttribute('aria-label'); els.nextArrow.removeAttribute('role'); els.prevArrow.removeAttribute('aria-label'); els.prevArrow.removeAttribute('role'); objs.swiper.on('slideChange', eventList.swiper.slideChange); objs.swiper.on('transitionEnd', eventList.swiper.transitionEnd); objs.swiper.on('touchMove', eventList.swiper.touchMove); objs.swiper.on('touchEnd', eventList.swiper.touchEnd); els.bullets = objs.swiper.pagination.bullets; for (let i = 0; i < els.bullets.length; i++) { els.bullets[i].addEventListener('click', function() { objs.swiper.slideTo(i); }); } eventList.setVideo(); eventList.scroll(); accessibility.slide(); accessibility.pagination.label(); accessibility.pagination.tagging(); }, slideChange: function() { let activeIndex = objs.swiper.activeIndex; let nextIndex = (activeIndex == (objs.swiper.slides.length - 1)) ? null : activeIndex + 1; if (nextIndex != null) { if (nextIndex == 2) { eventList.lazyLoad(els.videoWrap[nextIndex]); } else if (nextIndex == 3) { eventList.lazyLoad(els.videoWrap[nextIndex]); } } // video objs[`video_${status.prevIndex}`].eventList.reset.call(objs[`video_${status.prevIndex}`]); objs[`video_${status.prevIndex}`].video.removeEventListener('canplay', objs[`video_${status.prevIndex}`].video.play); if (!!status.isAuto) { if (objs[`video_${activeIndex}`] != undefined && objs[`video_${activeIndex}`].video.readyState >= 4) { objs[`video_${activeIndex}`].video.play(); } else { objs[`video_${activeIndex}`].video.addEventListener('canplay', function() { this.play(); }); } } // set autoplay if (objs.swiper.activeIndex == (objs.swiper.slides.length - 1)) status.isLast = true; accessibility.slide(); accessibility.pagination.label(); status.prevIndex = activeIndex; }, transitionEnd: function() { let activeController = objs[`video_${objs.swiper.activeIndex}`].controller; let isArrow = document.activeElement.classList.contains('swiper-button-next') || document.activeElement.classList.contains('swiper-button-prev'); let isBullet = document.activeElement.classList.contains('swiper-pagination-bullet'); if (!!isArrow || !!isBullet) return; activeController.focus(); }, touchMove: function() { objs.swiper.off('transitionEnd', eventList.swiper.transitionEnd); }, touchEnd: function() { objs.swiper.on('transitionEnd', eventList.swiper.transitionEnd); }, }, setVideo: function() { for (let i = 0; i < els.videoWrap.length; i++) { els.videoWrap[0].classList.add('is-loaded'); els.videoWrap[1].classList.add('is-loaded'); objs[`video_${i}`] = newVideoHandler({ playType: 'scrollPlay', wrap: els.videoWrap[i], video: els.videoWrap[i].querySelector('video'), controller: els.videoControlCta[i], startPoint: status.currentDevice.indexOf('mobile') > -1 ? 25 : 35, reversePoint: status.currentDevice.indexOf('mobile') > -1 ? 65 : 75, resetCallback: function() { if (this.wrap.classList.contains('is-completed')) { this.wrap.classList.remove('is-completed'); } }, playCallback: function() { accessibility.controlTagging.play(objs[`video_${i}`].wrap.control); }, pauseCallback: function() { accessibility.controlTagging.pause(objs[`video_${i}`].wrap.control); }, endCallback: function() { if (!this.wrap.classList.contains('is-completed')) { this.wrap.classList.add('is-completed'); } if (!status.isAuto || !!status.isLast) return; setTimeout(() => { objs.swiper.slideNext(500); }, 300); } }); } }, setScene: function() { objs.scene = SCROLLER({ trackElement: els.carouselWrap, useFixed: false }); }, onLoad: function() { status.currentDevice = resize.checkResolution(); if (!!utils.isLowNetwork()) status.isAuto = false; eventList.swiper.set(); objs.swiper.on('init', eventList.swiper.init); objs.swiper.init(); }, onResize: function(currRes) { status.currentDevice = currRes; }, scroll: function() { objs.scene.trackAnimation(function() { if (!status.isAuto) return; objs[`video_${objs.swiper.activeIndex}`].scrollActive(this.progress); }); }, lazyLoad: function(videoWrap) { videoLoader.setResponsiveMedia([videoWrap.querySelector('video')], function(target) { if (!target.videoHandler.wrap.classList.add('is-loaded')) target.videoHandler.wrap.classList.add('is-loaded'); }); let image = videoWrap.querySelectorAll('img'); imageLoader.setResponsiveMedia(image); }, setVideoStatus: function() { let activeIndex = els.videoControlCta.indexOf(this); if (!objs[`video_${activeIndex}`].video.paused) { objs[`video_${activeIndex}`].video.pause(); if (!utils.isLowNetwork()) status.isAuto = false; } else { objs[`video_${activeIndex}`].video.play(); if (!utils.isLowNetwork()) status.isAuto = true; } }, setArrowFocus: function(e) { status.arrowFocusTimeout = null; if ((e.type == 'keydown' && e.keyCode == 13) || e.type == 'click') { e.preventDefault(); clearTimeout(status.arrowFocusTimeout); status.arrowFocusTimeout = setTimeout(() => { if (objs.swiper.isBeginning && !objs.swiper.isEnd) { els.nextArrow.focus(); } else if (!objs.swiper.isBeginning && objs.swiper.isEnd) { els.prevArrow.focus(); } }, 300); } }, pauseVideo: function() { if (!objs[`video_${objs.swiper.activeIndex}`].video.paused) { objs[`video_${objs.swiper.activeIndex}`].video.pause(); if (!utils.isLowNetwork()) status.isAuto = false; } } }; const accessibility = { slide: function() { for (let i = 0; i < objs.swiper.slides.length; i++) { if (i != objs.swiper.activeIndex) { utils.onAccessibility(objs.swiper.slides[i]); } else { utils.offAccessibility(objs.swiper.slides[i]); } } }, pagination: { label: function() { for (let i = 0; i < els.bullets.length; i++) { let slideTitle = objs.swiper.slides[i].getAttribute('data-slide-name'); if (i === objs.swiper.realIndex) { if (typeof LOCAL_VARI != 'undefined' && !!LOCAL_VARI) { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideTitle} ${LOCAL_VARI.selected.toLowerCase()}`); } else { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideTitle} selected`); } } else { els.bullets[i].setAttribute('aria-label', `Slide${i+1}: ${slideTitle}`); } } }, tagging: function() { for (let i = 0; i < els.bullets.length; i++) { let tagging = { 'data-omni-type': 'microsite_pcontentinter', 'data-omni': 'gs23ultra:highlights:overview:index:', 'ga-ca': 'indication', 'ga-ac': 'carousel', 'ga-la': 'gs23ultra: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 } })(); flagship.highlights.ai.init();})(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.colors = (function () { var self = {}; var utils = window.flagship.common.utils; var init = function () { self.section = document.querySelector(".highlights-colors"); if (!!self.section) { setElements(); bindEvents(); } }; var setElements = function () { self.colors = utils.convertArray( self.section.querySelectorAll(".highlights-colors__tab-button") ); self.panel = utils.convertArray( self.section.querySelectorAll(".highlights-colors__tab-panel") ); self.popupBtn = self.section.querySelector(".common-cta-encased"); }; var bindEvents = function () { self.colors.forEach(function (color, index) { color.addEventListener("click", onClickColorItem); if (color.classList.contains("is-active")) { self.popupBtn.setAttribute( "data-model-color", self.panel[index].getAttribute("id") ); } }); }; var onClickColorItem = function () { var currentIndex = self.colors.indexOf(this); self.colors.forEach(function (color, index) { if (currentIndex == index) { if (!color.classList.contains("is-active")) { color.classList.add("is-active"); color.setAttribute("aria-selected", true); } if (!self.panel[index].classList.contains("is-active")) { self.panel[index].classList.add("is-active"); self.panel[index].setAttribute("aria-hidden", false); self.popupBtn.setAttribute( "data-model-color", self.panel[index].getAttribute("id") ); } } else { color.setAttribute("aria-selected", false); self.panel[index].setAttribute("aria-hidden", true); if (color.classList.contains("is-active")) color.classList.remove("is-active"); if (self.panel[index].classList.contains("is-active")) { self.panel[index].classList.remove("is-active"); } } }); }; return { init: init, }; })(); flagship.highlights.colors.init(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.design = (function () { var self = {}; var init = function () { self.section = document.querySelector(".highlights-design"); if (!!self.section) { setElements(); setScrollVideo(); } }; var setElements = function () { self.designVideo = null; self.scrollVideo = self.section.querySelector(".scroll-video"); }; var setScrollVideo = function () { self.designVideo = new SCROLLVIDEO(self.scrollVideo, { loadOffset: 2, playOffset: 0.3, direction: "reverse", tagging: { "data-omni-type": "microsite_contentinter", "data-omni": "gs23ultra:highlights:design^key-vis:movi-play:main-movie", "ga-ca": "content click", "ga-ac": "feature", "ga-la": "gs23ultra:highlights:design^key-vis:movi-play:main-movie", }, }); }; return { init: init, }; })(); flagship.highlights.design.init(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.faq = (function () { var self = {}; var utils = window.flagship.common.utils; var init = function () { self.section = document.querySelector(".highlights-faq"); if (!!self.section) { setElements(); bindEvents(); } }; var setElements = function () { self.faqList = self.section.querySelector(".highlights-faq__list"); self.faqQuestionBtns = utils.convertArray( self.faqList.querySelectorAll(".highlights-faq__item button") ); self.faqQuestionCtas = utils.convertArray( self.faqList.querySelectorAll(".highlights-faq__cta") ); }; var bindEvents = function () { self.faqQuestionBtns.forEach(function (faqQuestionBtn) { faqQuestionBtn.addEventListener("click", onClickFaqQuestionBtn); }); self.faqQuestionCtas.forEach(function (faqQuestionCta) { faqQuestionCta.addEventListener("click", onClickFaqQuestionCta); }); }; var onClickFaqQuestionBtn = function () { var targetItem = utils.closest(this, ".highlights-faq__item"); var targetAnswer = targetItem.querySelector( ".highlights-faq__answer" ); var dataOmni = this.getAttribute("data-omni"); var gaLa = this.getAttribute("ga-la"); if (!targetItem.classList.contains("is-open")) { targetItem.classList.add("is-open"); $(targetAnswer).stop().slideDown(300); this.setAttribute("aria-expanded", true); this.setAttribute("data-omni", dataOmni.replace("open", "close")); this.setAttribute("ga-la", gaLa.replace("open", "close")); } else { targetItem.classList.remove("is-open"); $(targetAnswer).stop().slideUp(250); this.setAttribute("aria-expanded", false); this.setAttribute("data-omni", dataOmni.replace("close", "open")); this.setAttribute("ga-la", gaLa.replace("close", "open")); } }; var onClickFaqQuestionCta = function (e) { if (this.getAttribute("href").indexOf("#") == 0) { e.preventDefault(); var faqId = this.getAttribute("href").split("#")[1]; var section = document.querySelector("#" + faqId); var sectionTop = section.getBoundingClientRect().top; var navHeight = utils.getNavHeight(); var faqScroll = window.pageYOffset + sectionTop - navHeight; var 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, }; })(); flagship.highlights.faq.init(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.night = (function () { var self = {}; var init = function () { self.section = document.querySelector(".highlights-night"); if (!!self.section) { setElements(); setScrollVideo(); } }; var setElements = function () { self.scrollVideoArr = []; self.scrollVideos = self.section.querySelectorAll(".scroll-video"); }; var setScrollVideo = function () { for (var i = 0; i < self.scrollVideos.length; i++) { (function (index) { var scrollVideo = new SCROLLVIDEO(self.scrollVideos[index], { loadOffset: 2, playOffset: 0.3, direction: "reverse", tagging: { "data-omni-type": "microsite_contentinter", "data-omni": index == 0 ? "gs23ultra:highlights:camera^night-video:movi-play:main-movie" : "gs23ultra:highlights:camera^astro-hyperlapse:movi-play:main-movie", "ga-ca": "content click", "ga-ac": "feature", "ga-la": index == 0 ? "gs23ultra:highlights:camera^night-video:movi-play:main-movie" : "gs23ultra:highlights:camera^astro-hyperlapse:movi-play:main-movie", }, onClickBeforeControl: function () { var topVideo = self.scrollVideoArr[0]; var btmVideo = self.scrollVideoArr[1]; index == 0 && btmVideo.video && !btmVideo.video.paused && btmVideo.events.pauseVideo(); index == 1 && topVideo.video && !topVideo.video.paused && topVideo.events.pauseVideo(); }, }); self.scrollVideoArr.push(scrollVideo); })(i); } }; return { init: init, }; })(); flagship.highlights.night.init(); })(); (function () { window.flagship = window.flagship || {}; window.flagship.highlights = window.flagship.highlights || {}; window.flagship.highlights.viewer = (function () { var self = {}; var utils = window.flagship.common.utils; var viewerPopup = window.flagship.common.modalLayerPopup || {}; var init = function () { self.viewerBtns = utils.convertArray( document.querySelectorAll(".viewer-btn") ); if (self.viewerBtns.length > 0) { bindEvents(); } }; var bindEvents = function () { self.viewerBtns.forEach(function (viewerBtn) { viewerBtn.addEventListener("click", onClickViewerBtn); }); }; var onClickViewerBtn = function (e) { e && e.preventDefault(); var _this = this; var isExclusive = !!utils.closest(this, ".highlights-exclusive") ? true : false; viewerPopup && viewerPopup.show(_this, true, isExclusive); var layerPopup = document.querySelectorAll( ".modal-layer-popup.compare-360-popup" ); for (var i = 0; i < layerPopup.length; i++) { if (!layerPopup[i].classList.contains("is-highlight")) { layerPopup[i].classList.add("is-highlight"); } } }; return { init: init, }; })(); flagship.highlights.viewer.init(); })(); });