import{_ as y,Z as g,c as s,o as d,v as o,e as b,a as r,V as f,$ as p,a0 as k,E as v,J as x,n as G,aa as c,W as D,t as h}from"./C9ygSJ6z.js";import{D as V}from"./eFOuQXym.js";const w={components:{DsCta:g,DsIframeVideo:V},props:{attributes:{type:Object,default:null},image:{type:Object,default:null},media:{type:Object,default:null},thumbnail:{type:Object,default:null},isNested:{type:Boolean,default:!1},equalHeight:{type:Boolean,default:!1},functions:{type:Object,required:!0}},setup(){return{overlayComposable:D()}},data(){return{track:{category:"",action:"",label:""},isPlaying:!0}},computed:{inlineVideo(){return this.media.type==="media--video"},alignText(){if(this.meta.options.view_mode==="custom_text_body_picture")return meta.options.view_mode;if(this.meta.options.view_mode==="text_left")return meta.options.view_mode},layoutSize(){var i,a;return((a=(i=this.meta)==null?void 0:i.options)==null?void 0:a.item_width)||"large"},heading(){return this.$getHeadingLevel(this.isNested)||""},colorScheme(){return this.functions.colorScheme()},isVideo(){var a,e,l;let i;return(a=this.media)!=null&&a.field_media_oembed_video||(l=(e=this.media)==null?void 0:e.field_media_video_embed_field)!=null&&l.value?i=!0:i=!1,i},img(){var a,e,l,n,t,_,u,m;const i={};return(n=(l=(e=(a=this.image)==null?void 0:a.meta)==null?void 0:e.derivatives)==null?void 0:l.banner_small)!=null&&n.url?(i.derivative=this.image.meta.derivatives.banner_small.url,i.alt=this.image.meta.alt):(m=(u=(_=(t=this.thumbnail)==null?void 0:t.meta)==null?void 0:_.derivatives)==null?void 0:u.banner_small)!=null&&m.url&&(i.derivative=this.thumbnail.meta.derivatives.banner_small.url,i.alt=this.thumbnail.meta.alt),i.src=this.image&&this.image.filemime=="image/gif"?this.$normalizedAssetUrl(this.image.uri.url):this.$normalizedAssetUrl(i.derivative),i},mediaData(){var a,e,l,n,t;const i={};return(a=this.media)!=null&&a.field_media_oembed_video?i.videoUrl=c(this.media.field_media_oembed_video,1):(l=(e=this.media)==null?void 0:e.field_media_video_embed_field)!=null&&l.value?i.videoUrl=c(this.media.field_media_video_embed_field.value,1):(n=this.media)!=null&&n.field_media_video_file&&(i.videoUrl=this.media.field_media_video_file.uri.url),(t=this.media)!=null&&t.field_video_label&&(i.videoTitle=this.media.field_video_label),i||null}},mounted(){var i,a,e,l;this.$applyTrackingToDescription(this.$refs.description),(i=this.media)!=null&&i.field_media_oembed_video?this.mediaData.videoUrl=c(this.media.field_media_oembed_video,1):(e=(a=this.media)==null?void 0:a.field_media_video_embed_field)!=null&&e.value&&(this.mediaData.videoUrl=c(this.media.field_media_video_embed_field.value,1)),(l=this.media)!=null&&l.field_video_label&&(this.mediaData.videoTitle=this.media.field_video_label)},methods:{togglePlay(){const i=this.$refs.videoBanner;i&&(i.paused?(i.play(),this.isPlaying=!0):(i.pause(),this.isPlaying=!1),this.$mxDsEvents("accessibility","highlight-video",`${this.isPlaying?"play":"pause"}`))},getId(){return this.attributes.title},openPopupVideo(i,a){this.media.field_video_display=="inline_video"?this.inlineVideo=!0:this.overlayComposable.setPopinOverlay({open:!0,url:i,popinNature:"video",sourceElement:a.currentTarget})}}},T=["id"],C={class:"Grid body-media-no-bg__content"},P={class:"body-media-no-bg__txt-wrapper Grid-item Grid-item--4_4 Grid-item--8_8--md Grid-item--6_12--ld Grid-item--12_24--xl"},H=["innerHTML"],I=["innerHTML"],B={class:"body-media-no-bg__list-wrapper"},L={key:0,class:"body-media-no-bg__stats"},U={class:"body-media-no-bg__number"},M={class:"body-media-no-bg__number-label"},O=["innerHTML"],S={key:0,class:"body-media-no-bg__media-wrapper Grid-item Grid-item--4_4 Grid-item--8_8--md Grid-item--6_12--ld Grid-item--12_24--xl"},z={class:"body-media-no-bg__media_container"},N=["src","alt"],j=["innerHTML"],E={key:1,class:"body-media-no-bg__media-wrapper Grid-item Grid-item--4_4 Grid-item--8_8--md Grid-item--6_12--ld Grid-item--12_24--xl"},q={class:"body-media-no-bg__media_container"},A=["src"],J={key:0,class:"Icon Icon--pause text-[var(--color-white)]"},R={key:1,class:"Icon Icon--play text-[var(--color-white)]"};function W(i,a,e,l,n,t){const _=h("DsCta"),u=h("DsIframeVideo");return d(),s("div",{id:t.getId(),style:f(t.colorScheme),class:G([[{"right-full-height":e.equalHeight}],"body-media-no-bg noOverflow"])},[o("div",C,[o("div",P,[o("div",null,[e.attributes&&e.attributes.field_info1_label?(d(),s("div",{key:0,style:f(t.colorScheme),class:"body-media-no-bg__tag",innerHTML:e.attributes.field_info1_label},null,12,H)):r("",!0),i.$hide(e.attributes.title)?(d(),b(x(t.heading),{key:1,class:"body-media-no-bg__title"},{default:p(()=>[k(v(i.$isParenthesis(e.attributes.title)),1)]),_:1})):r("",!0),e.attributes.field_subtitle?(d(),s("div",{key:2,class:"body-media-no-bg__subtitle",innerHTML:e.attributes?e.attributes.field_subtitle:""},null,8,I)):r("",!0),o("div",B,[e.attributes&&e.attributes.field_special_type?(d(),s("div",L,[o("div",U,v(e.attributes.field_special_type),1),o("div",M,v(e.attributes.field_sub_type),1)])):r("",!0),e.attributes&&e.attributes.field_body&&e.attributes.field_body.processed?(d(),s("div",{key:1,ref:"description",style:f([t.colorScheme]),class:"body-media-no-bg__feature-list",innerHTML:e.attributes.field_body.processed},null,12,O)):r("",!0)])]),e.attributes.field_ctas&&e.attributes.field_ctas.length>0?(d(),b(_,{key:0,attributes:e.attributes,class:"product-sowcase-right__btns"},null,8,["attributes"])):r("",!0)]),!t.inlineVideo&&e.image?(d(),s("div",S,[o("div",z,[t.img?(d(),s("img",{key:0,loading:"lazy",src:t.img.src,alt:t.img.alt,"aria-hidden":"true",class:"body-media-no-bg__media-img"},null,8,N)):r("",!0),t.isVideo?(d(),s("button",{key:1,class:"Btn--circle isCenter playVid","aria-label":"Play Video",onClick:a[0]||(a[0]=m=>t.openPopupVideo(t.mediaData,m))},[...a[2]||(a[2]=[o("span",null,[o("i",{class:"Icon Icon--play"})],-1)])])):r("",!0),e.media.field_subtitle?(d(),s("div",{key:2,class:"body-media-no-bg__media-img-caption",innerHTML:e.media.field_subtitle?e.media.field_subtitle:""},null,8,j)):r("",!0)])])):t.inlineVideo?(d(),s("div",E,[o("div",q,[o("video",{ref:"videoBanner",src:t.mediaData.videoUrl,class:"ds-iframe-video",muted:"",autoplay:"",loop:""},null,8,A),o("button",{class:"play-pause-highlight-body-media-no-bg absolute right-[64px] bottom-[32px] inline-flex size-[32px] items-center justify-center self-end rounded-full border-[2px] text-[var(--color-white)] bg-transparent !outline-none hover:bg-[var(--color-white)] focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--color-action-blue)] focus-visible:ring-0 after:absolute after:content-[''] after:inset-[-6px] after:border-2 after:border-[var(--color-action-blue)] focus-visible:after:block after:hidden",onClick:a[1]||(a[1]=(...m)=>t.togglePlay&&t.togglePlay(...m))},[n.isPlaying?(d(),s("i",J)):(d(),s("i",R))])])])):(d(),b(u,{key:2,"video-url":t.mediaData.videoUrl,"video-title":t.mediaData.videoTitle,class:"body-media-no-bg__media-wrapper Grid-item Grid-item--4_4 Grid-item--8_8--md Grid-item--6_12--ld Grid-item--14_24--xl"},null,8,["video-url","video-title"]))])],14,T)}const F=y(w,[["render",W],["__scopeId","data-v-69f0174d"]]);export{F as default};

AltStyle によって変換されたページ (->オリジナル) /