https://www.dolby.com/Static/Core/Js/sticky-nav.min.js?v=1787147001

1"use strict";(self.webpackChunkdolby_labs_web=self.webpackChunkdolby_labs_web||[]).push([[822],{96535:function(e,t,n){n.r(t),n.d(t,{default:function(){return T}});var i=n(88487);const o={key:3,class:"sticky-nav__page-content"},a={key:4,class:"sticky-nav__actions"};var s=n(84277),r=n(61339),l=n(94003),c=n(23001),d=n(14203),u=n(65791),h=n(24642),m=n(36325),p=n(65984),b=n(71710),f=n(78764),y=n(70502);const v={class:"button-text"};var k=n(66930),g={name:"dolby-experience-button",props:{buttonText:{type:String,default:null},theme:{type:String,default:null}},mounted(){const e=document.querySelector("\n            .component-heroBlock,\n            .component-startPageBannerItemBlock\n        ");document.body.classList.toggle("has-hero",e)},methods:{onClick(){this.openModal(),this.trackButtonClick()},openModal(){k.Bus.emit(d.SC.TOGGLE_MODAL),k.Bus.emit("MENU_INTERACTION")},trackButtonClick(){try{dataLayer.push({event:"trackEvent",category:"Experience Finder",action:"Click",label:"Doby Experience Button"})}catch(e){console.error(e)}}}},B=n(52159);var S=(0,B.A)(g,[["render",function(e,t,n,o,a,s){return(0,i.openBlock)(),(0,i.createElementBlock)("div",{class:(0,i.normalizeClass)(["component-dolbyExperienceButton",n.theme]),onClick:t[0]||(t[0]=(...e)=>s.onClick&&s.onClick(...e))},[t[1]||(t[1]=(0,i.createStaticVNode)('<div class="button-container"><div class="pulse"></div> <div class="pulse"></div> <div class="pulse"></div> <div class="line-container"><div class="line"></div> <div class="line"></div> <div class="line"></div></div></div> ',2)),(0,i.createElementVNode)("div",v,(0,i.toDisplayString)(n.buttonText),1)],2)}]]);const w={class:"sticky-nav__breadcrumb-list"},C=["href","onClick"];var E=n(52632),P={name:"breadcrumb",props:{items:{type:Array,required:!0},breadcrumbTruncated:{type:Boolean}},computed:{componentClasses(){return{"sticky-nav__breadcrumb-link--truncated":this.items.length>1&&this.breadcrumbTruncated}}},methods:{handleBreadcrumbClick(e,t,n){if(dataLayer){const i=`L${e} - ${t}`;(0,E.A)("trackEvent","Breadcrumb","Click",i,n)}}}};var O=(0,B.A)(P,[["render",function(e,t,n,o,a,s){return(0,i.openBlock)(),(0,i.createElementBlock)("ul",w,[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.items,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)("li",{key:e.name,class:"sticky-nav__breadcrumb-item"},[e.url?((0,i.openBlock)(),(0,i.createElementBlock)("a",{key:0,href:e.url,class:(0,i.normalizeClass)(["sticky-nav__breadcrumb-link"]),onClick:n=>s.handleBreadcrumbClick(t+1,e.name,e.url)},(0,i.toDisplayString)(e.name),9,C)):((0,i.openBlock)(),(0,i.createElementBlock)("span",{key:1,class:(0,i.normalizeClass)(["sticky-nav__breadcrumb-link sticky-nav__breadcrumb-link--last",s.componentClasses])},(0,i.toDisplayString)(e.name),3))]))),128))])}]]);function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,i)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach(function(t){x(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function x(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var M={name:"StickyNav",components:{DolbyLogo:r.default,HamburgerButton:y.default,DolbyExperienceButton:S,Breadcrumb:O},props:{breadcrumbTruncated:{default:"",type:String},breadcrumbItems:{default:()=>[],type:Array},conditionalElement:{default:".ctas",type:String},hasFavorite:{default:!1,type:Boolean},isMinimal:{default:!1,type:Boolean},hasShare:{default:!1,type:Boolean},toggleLabel:{default:"Toggle",type:String},socialMediaItems:{type:Array,default:()=>[]},shareIconLabel:{default:"Share",type:String},saveIconLabel:{default:"Save",type:String},save:{type:Object,default:()=>{}},theme:{type:String,required:!1,default:""},showSocialShare:{type:Boolean,required:!1,default:!0},isProfessionalSite:{type:Boolean,required:!0},experienceDolbyText:{type:String,required:!0},isExperienceFinderPage:{type:Boolean},isHomepage:{type:Boolean,required:!1,default:!1},showMenuExperience:{type:Boolean,required:!1,default:!1}},data(){return{mainClass:"sticky-nav",isScrolling:!1,displayConditionalBlock:!1,isMobileWidth:window.innerWidth<=1024,isMobileOnlyWidth:(0,f.isMobile)(),isLandscape:window.innerWidth<1024&&window.innerWidth>

1window.innerHeight,isFavorite:!1,mainContentOffsetY:1e3,currentPageOffset:0}},computed:N(N({},(0,s.L8)(["isModalOpen"])),{},{shouldDisplayNav(){return this.isProfessionalSite||!(l.HomePageStore.state.isLoaderPlaying||u.PassionPointPageStore.state.isPlayingVideoAssetFullscreen||u.PassionPointPageStore.state.isPlayingIntro)},componentClasses(){return N({[`${this.mainClass}--mobile`]:this.isMobileWidth,"is-scrolling":this.isScrolling,"is-homepage":this.isHomepage},!this.isMobileWidth&&{[this.mainClass]:!0,"component-stickyNav":!0,"is-minimal":this.isMinimal,"is-professional":this.isProfessionalSite,"shrinked-nav":this.navShouldBeShrinked})},shareItemColor:function(){return"theme-white"===this.theme?"black":"white"},defaultSlotNotEmpty(){return!!this.$slots.default&&this.$slots.default().length>0},shouldHideBreadcrumb(){return u.PassionPointPageStore.state.shouldHideBreadcrumb},shouldDisplayHamburgerMenu(){const e=window.$navigation;return e.primaryLinks&&e.primaryLinks.length>0},navShouldBeShrinked(){return this.currentPageOffset>500},hasSocialSharingBtn(){return this.hasShare&&this.showSocialShare},shouldDisplayMoreButton(){return this.isMobileOnlyWidth&&this.hasSocialSharingBtn&&this.hasFavorite}}),created(){c.saveBus.on(d.W0.UNDO_FAVORITE,this.undoFavorite)},beforeUnmount(){c.saveBus.off(d.W0.UNDO_FAVORITE,this.undoFavorite),window.removeEventListener("scroll",this.handleScroll),window.removeEventListener("resize",this.handleResize),u.PassionPointPageBus.off("finishHeroTextFadeIn",this.showBreadcrumbAnimation)},mounted(){this.setElements(),this.handleScroll(),this.handleResize(),window.addEventListener("scroll",this.handleScroll,{passive:!0}),window.addEventListener("resize",this.handleResize),(0,f.fromDesktop)()&&u.PassionPointPageBus.on("finishHeroTextFadeIn",this.showBreadcrumbAnimation),this.hasShare&&this.checkSavedContent(),this.setHeroOffset()},methods:{setElements(){this.breadCrumb=this.$el.querySelector(".sticky-nav__breadcrumb")},conditionalElementOffset(){const e=document.querySelector(this.conditionalElement);return this.conditionalElement&&e?e.offsetTop+e.offsetParent.offsetTop:window.innerHeight},handleScroll:(0,h.throttle)(function(e){const{pageYOffset:t}=window;if(this.isScrolling=t>10,!u.PassionPointPageStore.state.isPassionPointPage){if(this.conditionalElement){this.displayConditionalBlock=t+58>=this.conditionalElementOffset();const e=document.querySelector(this.conditionalElement);e&&(e.style.opacity=this.displayConditionalBlock?0:"")}e&&(this.currentPageOffset=t)}},25),handleResize(){this.isMobileWidth=window.innerWidth<=1024,this.isMobileOnlyWidth=(0,f.isMobile)(),this.isLandscape=window.innerWidth<1024&&window.innerWidth>window.innerHeight},updateFavoriteStatus:function(){if(!this.save)return;const{contentId:e,savedPageLink:t,savedPageLinkText:n,contentAddedMessage:i,contentRemovedMessage:o,undoText:a}=this.save;this.isFavorite?(m.TF(e),this.$toasted.show(o,{action:[{text:a,class:"text-decoration-underline",onClick:function(t,n){c.saveBus.emit(d.W0.UNDO_FAVORITE,e),n.goAway(0)}}]}).goAway(4e3)):(m.WQ(e),this.$toasted.show(i,{action:[{text:n,class:"text-decoration-underline",href:t,target:"_blank"}]}).goAway(4e3),this.trackFavorite()),this.isFavorite=!this.isFavorite},trackFavorite:function(){if("undefined"!=typeof dataLayer)try{dataLayer.push({event:"trackEvent",category:"Navigation",action:"Click",label:"Sticky Nav - Favorite",linkUrl:window.location.href})}catch(e){console.error(e)}},checkSavedContent:function(){if(!this.save)return;const{contentId:e}=this.save;m.Kt(e).length>0?this.isFavorite=!0:this.isFavorite=!1},undoFavorite:function(e){m.WQ(e),this.isFavorite=!0},openEmailModal:function(){c.saveBus.emit(d.W0.OPEN_SEND_EMAIL_MODAL)},setHeroOffset:function(){const e=document.querySelector(".container").querySelector("div")?.children[0],t=document.querySelector(this.conditionalElement);this.useTransparent?this.mainContentOffsetY=e.clientHeight:this.mainContentOffsetY=t?t.getBoundingClientRect().top:100},showBreadcrumbAnimation(){p.K3.from(this.breadCrumb,1,{y:50,x:0,ease:b.ys.easeOut})},togleMenuExperience(){const e=this.isProfessionalSite?this.$store.getters.getPages.PROFESSIONAL_MENU:this.$store.getters.getPages.HOME;this.$store.dispatch("openModalWithPage",e)}}};var T=(0,B.A)(M,[["render",function(e,t,n,s,r,l){const c=(0,i.resolveComponent)("hamburger-button"),d=(0,i.resolveComponent)("dolby-logo"),u=(0,i.resolveComponent)("Breadcrumb"),h=(0,i.resolveComponent)("dolby-experience-button");return(0,i.openBlock)(),(0,i.createBlock)(i.Transition,{name:"sticky-nav-page-load"},{default:(0,i.withCtx)(()=>[(0,i.withDirectives)((0,i.createElementVNode)("section",{class:(0,i.normalizeClass)([l.componentClasses,n.theme])},[n.isMinimal?(0,i.createCommentVNode)("",!0):((0,i.openBlock)(),(0,i.createElementBlock)("div",{key:0,class:(0,i.normalizeClass)(["background-nav",{"hidden-background":!r.isScrolling}])},null,2)),t[0]||(t[0]=(0,i.createTextVNode)()),l.shouldDisplayHamburgerMenu?((0,i.openBlock)(),(0,i.createBlock)(c,{key:1,theme:n.theme,"is-scrolling":r.isScrolling,"is-professional-site":n.isProfessionalSite,onClicked:l.togleMenuExperience},null,8,["theme","is-scrolling","is-professional-site","onClicked"])):(0,i.createCommentVNode)("",!0),t[1]||(t[1]=(0,i.createTextVNode)()),(0,i.createVNode)(i.Transition,{name:"fade-conditional-block"},{default:(0,i.withCtx)(()=>[e.isModalOpen?(0,i.createCommentVNode)("",!0):((0,i.openBlock)(),(0,i.createBlock)(d,{key:0,"is-professional-site":n.isProfessionalSite},null,8,["is-professional-site"]))]),_:1}),t[2]||(t[2]=(0,i.createTextVNode)()),r.isMobileWidth||r.isLandscape||!n.breadcrumbItems?(0,i.createCommentVNode)("",!0):(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)("nav",{key:2,ref:"navBar",class:(0,i.normalizeClass)(["sticky-nav__breadcrumb",{hidden:l.shouldHideBreadcrumb}])},[(0,i.createVNode)(u,{"breadcrumb-truncated":n.breadcrumbTruncated,items:n.breadcrumbItems},null,8,["breadcrumb-truncated","items"])],2)),[[i.vShow,!l.shouldHideBreadcrumb]]

1),t[3]||(t[3]=(0,i.createTextVNode)()),l.defaultSlotNotEmpty?((0,i.openBlock)(),(0,i.createElementBlock)("div",o,[(0,i.renderSlot)(e.$slots,"default")])):(0,i.createCommentVNode)("",!0),t[4]||(t[4]=(0,i.createTextVNode)()),l.hasSocialSharingBtn||n.hasFavorite?((0,i.openBlock)(),(0,i.createElementBlock)("div",a,[(0,i.createVNode)(i.Transition,{name:"fade-conditional-block"},{default:(0,i.withCtx)(()=>[r.displayConditionalBlock?((0,i.openBlock)(),(0,i.createElementBlock)("div",{key:0,class:(0,i.normalizeClass)(["sticky-nav__conditional-block",{"sticky-nav__conditional-block--landscape":r.isLandscape}])},[(0,i.renderSlot)(e.$slots,"conditional-block")],2)):(0,i.createCommentVNode)("",!0)]),_:3})])):(0,i.createCommentVNode)("",!0),t[5]||(t[5]=(0,i.createTextVNode)()),(0,i.createElementVNode)("div",{class:(0,i.normalizeClass)([l.hasSocialSharingBtn||n.hasFavorite||l.defaultSlotNotEmpty?"sticky-nav__experience-menu__with-actions":"sticky-nav__experience-menu__no-actions"])},[n.showMenuExperience?((0,i.openBlock)(),(0,i.createBlock)(h,{key:0,"button-text":n.experienceDolbyText,theme:n.theme},null,8,["button-text","theme"])):(0,i.createCommentVNode)("",!0)],2)],2),[[i.vShow,l.shouldDisplayNav]])]),_:3})}]])}}]);