https://www.hunkemoller.ch/mobify/bundle/1087/text-media-section.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[9683],{18611(e,t,r){r.d(t,{V:()=>f});var n=r(10939),o=r(36287),i=r(77810),a=r(34692),s=r(60463),l=r(16850),c=r(12188),d=r(28734);const u=(0,r(16602).YK)({playButtonAriaLabel:{id:"content_pages_intl_play_button_aria_label",defaultMessage:[{type:0,value:"Play video"}]},pauseButtonAriaLabel:{id:"content_pages_intl_pause_button_aria_label",defaultMessage:[{type:0,value:"Pause video"}]}});var p=r(64922);function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function f({dam_video:e,player_type:t,autoplay:r,muted:n=!0,loop:v=!0,showPauseButton:f,playPauseButtonStyle:m,ariaLabel:y}){const O=(0,i.useId)(),j=(0,l.V)("ContentstackDamVideoStyle"),P=(0,a.A)(),x=(0,i.useRef)(null),g=(0,i.useRef)(null),h=(0,i.useRef)(null),w=(0,i.useRef)(null),[_,S]=(0,i.useState)(!1),k=(0,s.j)(),E="VideoAutoPlay"===e.videoProfile,D=(r??E)&&!k,[A,L]=(0,i.useState)(D),z=f??"nocontrols"===t;(0,i.useEffect)((()=>{let t=!1;var r;return("undefined"==typeof window||null!==(r=window.s7viewers)&&void 0!==r&&r.VideoViewer?Promise.resolve():new Promise((e=>{(document.querySelector('script[src*="s7viewers/html5/js/VideoViewer.js"]')??window).addEventListener("load",(()=>e()),{once:!0})}))).then((()=>{var r;if(t)return;if(null===(r=window.s7viewers)||void 0===r||!r.VideoViewer)return;const n={initComplete:()=>{const e=h.current;if(null==e||!e.getComponent)return;const t=e.getComponent("videoPlayer");t&&(w.current=t)},trackEvent:(e,t,r,n,o)=>{const[i]=o.split(",");"PLAY"===i&&L(!0),"PAUSE"!==i&&"STOP"!==i||L(!1)}},o=new window.s7viewers.VideoViewer({containerId:O,params:{autoplay:D?"1":"0",serverurl:e.videoParameters.serverurl,contenturl:e.videoParameters.contenturl,config:e.videoParameters.config,posterimage:e.videoParameters.posterimage,videoserverurl:e.videoParameters.videoserverurl,asset:e.videoParameters.asset},handlers:n});h.current=o,o.initCalled||(o.init(),S(!0))})),()=>{t=!0;try{var e,r;null===(e=h.current)||void 0===e||null===(r=e.dispose)||void 0===r||r.call(e)}catch{}h.current=null,w.current=null}}),[e.videoParameters.asset,O]),(0,i.useEffect)((()=>{if(_){const e=document.createElement("link");e.rel="stylesheet",e.href=(0,c.s)("static/css/dam-video.min.css"),document.head.appendChild(e)}}),[_]),(0,i.useEffect)((()=>{const e=x.current;if(!e)return;const t=()=>L(!0),r=()=>L(!1),o=()=>L(!1),i=e=>{g.current=e,e.muted=n,e.loop=v,e.addEventListener("play",t),e.addEventListener("pause",r),e.addEventListener("ended",o),L(!e.paused&&!e.ended)},a=e.querySelector("video");a&&i(a);const s=new MutationObserver((()=>{const t=e.querySelector("video");t&&t!==g.current&&i(t)}));return s.observe(e,{childList:!0,subtree:!0}),()=>{s.disconnect();const e=g.current;e&&(e.removeEventListener("play",t),e.removeEventListener("pause",r),e.removeEventListener("ended",o)),g.current=null}}),[_,n,v]);const V=(0,i.useCallback)((e=>{e.preventDefault(),e.stopPropagation();const t=x.current,r=(null==t?void 0:t.querySelector("video"))??g.current;if(r)return void(r.paused||r.ended?r.play().catch((()=>{})):r.pause());const n=w.current;n&&(A?n.pause():n.play())}),[A]),B=P.formatMessage(u.playButtonAriaLabel),W=P.formatMessage(u.pauseButtonAriaLabel),C=Boolean(y);return(0,p.jsxs)(o.az,b(b(b({},j.wrapper),{},{"data-testid":"dam-video-wrapper",role:C?"region":"group"},C&&{"aria-label":y}),{},{"data-component":"components",children:[(0,p.jsx)(o.az,b(b({ref:x,className:`s7video ${t??""}`,id:O},j.container),{},{"data-testid":"dam-video-container","aria-hidden":!0})),z&&(0,p.jsx)(o.az,b(b({as:"button",type:"button",onClick:V,"aria-label":A?W:B,"aria-pressed":A,"data-testid":"dam-video-play-pause-button"},j.playPauseButton),{},{sx:m,children:A?(0,p.jsx)(d.E$,b({"aria-hidden":"true",focusable:!1},j.playPauseIcon)):(0,p.jsx)(d.ud,b({"aria-hidden":"true",focusable:!1},j.playPauseIcon))}))]}))}f.displayName="ContentstackDamVideo"},32034(e,t,r){r.d(t,{Y:()=>y});var n=r(10939),o=r(18801),i=r(44258),a=r(36287),s=r(38855),l=r(3393),

1c=r(14154),d=r(64922);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function v(e){const t=(0,i.c)(9),{size:r,iconPosition:n,icon:o}=e,s="start"===n||"end"===n?"start"===n?"iconStart":"iconEnd":void 0;let l;t[0]!==r||t[1]!==s?(l={size:r,variant:s},t[0]=r,t[1]=s,t[2]=l):l=t[2];const u=(0,c.o)("TextLink",l);if(!o||"start"!==n&&"end"!==n)return null;let v,b;return t[3]!==o||t[4]!==u.icon?(v=(0,d.jsx)(o,p(p({},u.icon),{},{"aria-hidden":"true",focusable:"false"})),t[3]=o,t[4]=u.icon,t[5]=v):v=t[5],t[6]!==u.iconWrapper||t[7]!==v?(b=(0,d.jsx)(a.az,p(p({},u.iconWrapper),{},{children:v})),t[6]=u.iconWrapper,t[7]=v,t[8]=b):b=t[8],b}const b=["iconPosition","onClick","icon","size","children","as"];function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const y=(0,s.R)(((e,t)=>{const r=(0,i.c)(33);let n,s,u,p,f,y,O;if(r[0]!==e){var j=e;({iconPosition:f,onClick:u,icon:s,size:y,children:n,as:O}=j),p=(0,o.A)(j,b),r[0]=e,r[1]=n,r[2]=s,r[3]=u,r[4]=p,r[5]=f,r[6]=y,r[7]=O}else n=r[1],s=r[2],u=r[3],p=r[4],f=r[5],y=r[6],O=r[7];const P=void 0===f?"start":f,x=void 0===y?"md":y,g=void 0===O?"button":O,h="start"===P||"end"===P?"start"===P?"iconStart":"iconEnd":void 0;let w;r[8]!==x||r[9]!==h?(w={size:x,variant:h},r[8]=x,r[9]=h,r[10]=w):w=r[10];const _=(0,c.o)("TextLink",w),S=e.disabled?-1:0;let k;r[11]!==u||r[12]!==e.disabled?(k=t=>{var r;if(e.disabled)return t.preventDefault(),void t.stopPropagation();null===(r=u)||void 0===r||r(t)},r[11]=u,r[12]=e.disabled,r[13]=k):k=r[13];const E=e.role??("button"===g?void 0:"button"),D="button"===g?"button":void 0;let A,L,z;return r[14]!==s||r[15]!==P||r[16]!==x?(A=(0,d.jsx)(v,{size:x,icon:s,iconPosition:P}),r[14]=s,r[15]=P,r[16]=x,r[17]=A):A=r[17],r[18]!==n||r[19]!==_.label?(L=(0,d.jsx)(l.B.span,m(m({},_.label),{},{children:n})),r[18]=n,r[19]=_.label,r[20]=L):L=r[20],r[21]!==g||r[22]!==e.disabled||r[23]!==t||r[24]!==p||r[25]!==_.container||r[26]!==S||r[27]!==k||r[28]!==E||r[29]!==D||r[30]!==A||r[31]!==L?(z=(0,d.jsxs)(a.az,m(m(m({ref:t,as:g},_.container),{},{tabIndex:S,"aria-disabled":e.disabled,onClick:k,role:E,type:D},p),{},{children:[A,L]})),r[21]=g,r[22]=e.disabled,r[23]=t,r[24]=p,r[25]=_.container,r[26]=S,r[27]=k,r[28]=E,r[29]=D,r[30]=A,r[31]=L,r[32]=z):z=r[32],z}))},99071(e,t,r){r.r(t),r.d(t,{TextMediaSection:()=>S,TextMediaSectionSkeleton:()=>j});var n=r(10939),o=r(44258),i=r(18801),a=r(36287),s=r(40133),l=r(38340),c=r(66272),d=r(14154),u=r(51689),p=r(18611),v=r(96012),b=r(32034),f=r(54019),m=r(64922);function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function j(e){const t=(0,o.c)(33),{variant:r,isMirrored:n}=e,i=void 0===r?"default":r,s=void 0!==n&&n;let l;t[0]!==i?(l={variant:i},t[0]=i,t[1]=l):l=t[1];const c=(0,d.o)("TextMediaSection",l),u=s?1:2;let p;t[2]!==u?(p={base:2,l:u},t[2]=u,t[3]=p):p=t[3];const v=p,b=s?2:1;let y;t[4]!==b?(y={base:1,l:b},t[4]=b,t[5]=y):y=t[5];const j=y;let P,x,g,h,w,_,S,k;return t[6]!==v||t[7]!==c.mediaSkeleton||t[8]!==c.mediaWrapper?(P=(0,m.jsx)(f.E,O(O(O({},c.mediaWrapper),c.mediaSkeleton),{},{order:v})),t[6]=v,t[7]=c.mediaSkeleton,t[8]=c.mediaWrapper,t[9]=P):P=t[9],t[10]!==c.subtitleSkeleton?(x=(0,m.jsx)(f.E,O({},c.subtitleSkeleton)),t[10]=c.subtitleSkeleton,t[11]=x):x=t[11],t[12]!==c.titleSkeleton?(g=(0,m.jsx)(f.E,O({},c.titleSkeleton)),t[12]=c.titleSkeleton,t[13]=g):g=t[13],t[14]!==c.textSkeleton?(h=(0,m.jsx)(f.E,O({},c.textSkeleton)),t[14]=c.textSkeleton,t[15]=h):h=t[15],t[16]!==c.ctaSkeleton?(w=(0,m.jsx)(f.E,O({}

1,c.ctaSkeleton)),t[16]=c.ctaSkeleton,t[17]=w):w=t[17],t[18]!==c.textWrapper||t[19]!==g||t[20]!==h||t[21]!==w||t[22]!==x||t[23]!==j?(_=(0,m.jsxs)(a.az,{sx:c.textWrapper,order:j,children:[x,g,h,w]}),t[18]=c.textWrapper,t[19]=g,t[20]=h,t[21]=w,t[22]=x,t[23]=j,t[24]=_):_=t[24],t[25]!==c.inner||t[26]!==_||t[27]!==P?(S=(0,m.jsxs)(a.az,O(O({},c.inner),{},{children:[P,_]})),t[25]=c.inner,t[26]=_,t[27]=P,t[28]=S):S=t[28],t[29]!==s||t[30]!==c.container||t[31]!==S?(k=(0,m.jsx)(a.az,{"data-testid":"text-media-section-skeleton","data-mirrored":s,__css:c.container,children:S}),t[29]=s,t[30]=c.container,t[31]=S,t[32]=k):k=t[32],k}var P=r(57532);const x=["title","subtitle","text","variant","is_mirrored","cta_group","skeleton","asset_type"];function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function w(e){var t,r;const n=(0,o.c)(73);let f,y,O,g,w,_,S,k;if(n[0]!==e){const{title:t,subtitle:r,text:o,variant:a,is_mirrored:s,cta_group:l,skeleton:c,asset_type:d}=e;S=t,w=r,_=o,k=a,O=s,f=l,y=c,g=(0,i.A)(e,x),n[0]=e,n[1]=f,n[2]=y,n[3]=O,n[4]=g,n[5]=w,n[6]=_,n[7]=S,n[8]=k}else f=n[1],y=n[2],O=n[3],g=n[4],w=n[5],_=n[6],S=n[7],k=n[8];const E=k??"default";let D;n[9]!==E?(D={variant:E},n[9]=E,n[10]=D):D=n[10];const A=(0,d.o)("TextMediaSection",D);let L;n[11]!==e?(L=(e=>{var t,r,n;const{asset_type:o}=e,i=null==o?void 0:o[0],a=(0,P.KO)(null==i||null===(t=i.image)||void 0===t?void 0:t.image_portrait),s=(0,P.KO)(null==i||null===(r=i.image)||void 0===r?void 0:r.image_landscape),l=null==i||null===(n=i.image)||void 0===n?void 0:n.image_alt_description,c=(0,P.tq)(i),d=(0,P.Zv)(i),u=(0,P.rj)(i),p=!!c,v=!p&&((0,P.Pq)(a)||(0,P.Pq)(s)),b=null==a?void 0:a.url;return{hasImage:v,hasVideo:p,portraitUrl:b,landscapeUrl:(null==s?void 0:s.url)??b,damVideo:c,videoPlayerProps:d,videoAspectRatios:u,altText:p?l??(0,P.i8)(i):l??""}})(e),n[11]=e,n[12]=L):L=n[12];const{hasImage:z,hasVideo:V,portraitUrl:B,landscapeUrl:W,damVideo:C,videoPlayerProps:N,videoAspectRatios:M,altText:T}=L,q=null===(t=f)||void 0===t?void 0:t.link,I=null===(r=f)||void 0===r?void 0:r.button_title,U=!!q&&!!I,R=O?1:2;let K;n[13]!==R?(K={base:2,m:R},n[13]=R,n[14]=K):K=n[14];const Y=K,$=O?2:1;let H;n[15]!==$?(H={base:1,m:$},n[15]=$,n[16]=H):H=n[16];const Z=H;if(y){const e=k??"default";let t;return n[17]!==O||n[18]!==e?(t=(0,m.jsx)(j,{variant:e,isMirrored:O}),n[17]=O,n[18]=e,n[19]=t):t=n[19],t}const F=k??"default",G=O?"true":"false";let J,Q,X,ee,te,re,ne,oe,ie,ae,se;return n[20]!==z||n[21]!==V||n[22]!==M?(J=V?{base:M.mobile,m:M.desktop}:z?{base:"1 / 1",m:"3 / 2"}:void 0,n[20]=z,n[21]=V,n[22]=M,n[23]=J):J=n[23],n[24]!==T||n[25]!==C||n[26]!==V||n[27]!==S||n[28]!==N?(Q=V&&C&&(0,m.jsx)(p.V,{dam_video:C,player_type:N.playerType??"nocontrols",autoplay:N.autoplay,muted:N.muted,loop:N.loop,showPauseButton:N.showPauseButton,ariaLabel:T||S}),n[24]=T,n[25]=C,n[26]=V,n[27]=S,n[28]=N,n[29]=Q):Q=n[29],n[30]!==T||n[31]!==z||n[32]!==W||n[33]!==B||n[34]!==A.media?(X=z&&B&&(0,m.jsx)(u.d,{className:"text-media-section_media",alt:T,mobileImgUrl:B,desktopImgUrl:W,styles:A.media,isLazy:!0}),n[30]=T,n[31]=z,n[32]=W,n[33]=B,n[34]=A.media,n[35]=X):X=n[35],n[36]!==Y||n[37]!==A.mediaWrapper||n[38]!==Q||n[39]!==X||n[40]!==J?(ee=(0,m.jsxs)(a.az,h(h({className:"text-media-section_media-wrapper"},A.mediaWrapper),{},{aspectRatio:J,order:Y,children:[Q,X]})),n[36]=Y,n[37]=A.mediaWrapper,n[38]=Q,n[39]=X,n[40]=J,n[41]=ee):ee=n[41],n[42]!==A.subtitle||n[43]!==w?(te=!!w&&(0,m.jsx)(s.E,h(h({className:"text-media-section_subtitle"},A.subtitle),{},{children:w})),n[42]=A.subtitle,n[43]=w,n[44]=te):te=n[44],n[45]!==A.title||n[46]!==S?(re=(0,m.jsx)(l.D,h(h({as:"h2",className:"text-media-section_title"},A.title),{},{children:S})),n[45]=A.title,n[46]=S,n[47]=re):re=n[47],n[48]!==A.text||n[49]!==_?(ne=!!_&&(0,m.jsx)(s.E,h(h({className:"text-media-section_text"},A.text),{},{children:_}

1)),n[48]=A.text,n[49]=_,n[50]=ne):ne=n[50],n[51]!==q||n[52]!==I||n[53]!==U||n[54]!==A.cta?(oe=U&&(0,m.jsx)(b.Y,h(h({as:v.N,to:q,className:"text-media-section_cta"},A.cta),{},{children:I})),n[51]=q,n[52]=I,n[53]=U,n[54]=A.cta,n[55]=oe):oe=n[55],n[56]!==A.textWrapper||n[57]!==te||n[58]!==re||n[59]!==ne||n[60]!==oe||n[61]!==Z?(ie=(0,m.jsxs)(a.az,{className:"text-media-section_text-wrapper",sx:A.textWrapper,order:Z,children:[te,re,ne,oe]}),n[56]=A.textWrapper,n[57]=te,n[58]=re,n[59]=ne,n[60]=oe,n[61]=Z,n[62]=ie):ie=n[62],n[63]!==A.inner||n[64]!==ee||n[65]!==ie?(ae=(0,m.jsxs)(c.m,h(h({className:"text-media-section_inner"},A.inner),{},{children:[ee,ie]})),n[63]=A.inner,n[64]=ee,n[65]=ie,n[66]=ae):ae=n[66],n[67]!==g||n[68]!==A.container||n[69]!==ae||n[70]!==F||n[71]!==G?(se=(0,m.jsx)(a.az,h(h({className:"text-media-section","data-testid":"text-media-section","data-variant":F,"data-mirrored":G,__css:A.container},g),{},{children:ae})),n[67]=g,n[68]=A.container,n[69]=ae,n[70]=F,n[71]=G,n[72]=se):se=n[72],se}function _(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function S(e){const t=(0,o.c)(2),r=e;let i;return t[0]!==r?(i=(0,m.jsx)(w,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_(Object(r),!0).forEach((function(t){(0,n.A)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},r)),t[0]=r,t[1]=i):i=t[1],i}},57532(e,t,r){r.d(t,{KO:()=>n,Pq:()=>o,Zv:()=>u,i8:()=>s,rj:()=>d,tq:()=>a});const n=e=>e,o=e=>Boolean(null==e?void 0:e.url),i=e=>{var t,r;return null==e||null===(t=e.video)||void 0===t||null===(r=t.reference)||void 0===r?void 0:r[0]},a=e=>{var t;return(e=>{var t;const r=e;return null!=r&&null!==(t=r.videoParameters)&&void 0!==t&&t.asset?r:void 0})(null===(t=i(e))||void 0===t?void 0:t.dam_video)},s=e=>{const t=i(e);return null!=t&&t.alt_text?t.alt_text:null!=t&&t.title?t.title:""},l="16 / 9",c=e=>{if(!e)return;const[t,r]=e.split(":");return t&&r?`${t} / ${r}`:void 0},d=e=>{const t=i(e),r=c(null==t?void 0:t.aspect_ratio),n=c(null==t?void 0:t.desktop_aspect_ratio);return{mobile:r??n??l,desktop:n??r??l}},u=e=>{const t=i(e),r=null==t?void 0:t.player_options,n=null==t?void 0:t.player_type,o=!0===(null==r?void 0:r.no_controls)?"nocontrols":!1===(null==r?void 0:r.no_controls)&&"nocontrols"===n?null:n;return{autoplay:null==r?void 0:r.autoplay,muted:null==r?void 0:r.muted,loop:null==r?void 0:r.loop,showPauseButton:null==r?void 0:r.no_controls,playerType:o}}}}]);