https://www.fischer.de/dist/fischer-website-rebrush/assets/TeaserBigImageElementFi-DeQORK9c.js

1import{M as e,ct as t}from"./reactivity.esm-bundler-x1_zu9BU.js";import{$ as n,A as r,D as i,I as a,L as o,O as s,P as c,X as l,c as u,g as d,l as f,o as p,q as m,r as h,s as g,u as _,v}from"./runtime-core.esm-bundler-C1Mtyx-k.js";import{n as y}from"./fischerPlugin-Dppx8pDF.js";import{R as ee,_ as te,u as ne}from"./main-63DKfb0r.js";import{t as b}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{H as x,ht as S}from"./atoms-D3ZYGqNG.js";import{t as C}from"./breakpoint-CDe1L7Ap.js";import{t as w}from"./GridContainerFi-DXyimIHU.js";import{t as T}from"./inlineEdit-D7qJapDw.js";import{t as E}from"./VideoPlayerFi-Kep3Ifp-.js";var D={class:`fi-col-span-12 fi-col-start-1`},re={class:`teaser-big-image-element-fi__column teaser-big-image-element-fi__image-container`},ie={key:0,class:`video-player-fi__overlay`},O={class:`video-player-fi__play-button`},k=[`innerHTML`],A={key:2},j=[`src`],M={key:4,class:`teaser-big-image-element-fi__video`},N={key:5,class:`teaser-big-image-element-fi__innovation-awards`},P=[`innerHTML`],F={key:1,class:`teaser-big-image-element-fi__award-img`},I={ref:`contentWrapper`,class:`teaser-big-image-element-fi__details`},L=[`innerHTML`],R=[`innerHTML`],z=`teaser-big-image-element-fi__truncate-wrapper`,B=b(v({name:`TeaserBigImageElementFi`,__name:`TeaserBigImageElementFi`,props:{fields:{default:null},isSliderElement:{type:Boolean,default:!1},pauseVideo:{type:Boolean,default:!1},image:{default:null},imagePosRight:{type:[Boolean,null],default:null},bgColor:{default:null}},setup(v){let b=v,{inlineEditMode:B}=T(`image`,b.fields),{isMD:V,windowDimensions:H}=C(),U=y(),W=null,G=m(`rteContentDiv`),K=m(`rteContentRichtext`),q=m(`contentWrapper`),J=m(`contentContainer`),ae=[`videoMp4Link`,`videoWebmLink`,`videoYoutubeLink`,`videoMp4TabletLink`,`videoWebmTabletLink`,`videoYoutubeTabletLink`,`videoMp4MobileLink`,`videoWebmMobileLink`,`videoYoutubeMobileLink`],Y=p(()=>{if(!b.fields)return!1;for(let e of ae){let t=b.fields[e]?.value;if(!t)continue;let n=e.includes(`Youtube`);if(n&&t?.url||!n&&t?.href)return!0}return!1}),X=p(()=>b.image?.src?!0:b.fields?.image?.value?.src),oe=p(()=>!!b.fields?.bigImageSize?.value),se=p(()=>b.imagePosRight?b.imagePosRight:!!b.fields?.imagePosRight?.value),Z=p(()=>b.fields?.teaserBigImageInnovationAwards?.length?b.fields.teaserBigImageInnovationAwards.filter(

1Boolean):[]),Q=p(()=>b.fields?.darkBackground?.value?`dark`:b.fields?.lightBackground?.value?`light`:b.fields?.whiteBackground?.value?`white`:b.bgColor?b.bgColor:`brand`),ce=p(()=>V.value?`func=crop&org_if_sml=0`:`aspect_ratio=16:9&org_if_sml=0`),le=async()=>{let e=U.app.isEditMode()&&!b.isSliderElement?G.value?.querySelector?.(`.scWebEditInput`):K.value?.$el?.childNodes[0],t=U.app.isEditMode()?e?.childNodes:K.value?.$el?.childNodes[0]?.childNodes,n=t?.[0];if(!n)return;let r=document.createElement(`div`);r.classList.add(z),e.insertBefore(r,n),await s();let i=e.querySelector(`.${z}`);Array.from(t).splice(1).forEach(e=>{e.classList?.contains(`button-fi`)||i.appendChild(e)})},$=async()=>{let e=(U.app.isEditMode()&&!b.isSliderElement?G.value?.querySelector?.(`.scWebEditInput`):K.value?.$el)?.querySelector(`.${z}`);if(!e)return;if(e.style[`-webkit-line-clamp`]=`unset`,await s(),!q.value){console.error(`content wrapper div missing`);return}let t=Number.parseInt(getComputedStyle(q.value).paddingTop,10)+Number.parseInt(getComputedStyle(q.value).paddingBottom,10),n=q.value.childNodes[0].offsetHeight+t,r=15,i=async()=>{if(e.style[`-webkit-line-clamp`]=r,await s(),--r,!q.value){console.error(`content div missing in callback`);return}n=q.value.childNodes[0].offsetHeight+t,!(n<=(J.value?.offsetHeight||Number.MAX_VALUE)||r===0)&&i()};n>(J.value?.offsetHeight||0)&&i()};return l(H,()=>{W?.()},{deep:!0}),r(async()=>{U.app.isEditMode()||(await le(),K.value&&ne(K.value.$el),W=te(800,()=>$()),await s(),await $())}),(r,s)=>(c(),u(w,{class:t([`teaser-big-image-element-fi`,{"teaser-big-image-element-fi--slider-element":r.isSliderElement}]),container:!1},{default:n(()=>[g(`div`,D,[g(`div`,{class:t([`teaser-big-image-element-fi__container`,[{"teaser-big-image-element-fi__container--dark":Q.value===`dark`},{"teaser-big-image-element-fi__container--light":Q.value===`light`},{"teaser-big-image-element-fi__container--white":Q.value===`white`},{"teaser-big-image-element-fi__container--big-image":oe.value},{"teaser-big-image-element-fi__container--image-pos-right":se.value}]])},[g(`div`,re,[r.isEditMode&&Y.value?(c(),_(`div`,ie,[g(`div`,O,[d(e(ee),{icon:`play`})])])):f(``,!0),!r.isSliderElement&&r.isEditMode&&r.fields?.image?(c(),_(`div`,{key:1,class:`teaser-big-image-element-fi__image--editor`,innerHTML:r.fields.image.editable},null,8,k)):f(``,!0),r.isSliderElement&&r.isEditMode&&r.fields?.image?(c(),_(`div`,A,[g(`img`,{src:r.fields.image?.value?.src},null,8,j)])):!r.isEditMode&&X.value&&!Y.value?(c(),_(`div`,{key:3,class:t({"teaser-big-image-element-fi__image":!0,"teaser-big-image-element-fi__image--inline-edit":e(B)})},[d(S,i(r.fields?.image?{"field-name":`image`}:{src:r.image?.src,alt:r.image?.alt},{params:ce.value,"full-height":``}),null,16,[`params`])],2)):!r.isEditMode&&X.value&&Y.value&&r.fields?(c(),_(`div`,M,[d(E,{class:`teaser-big-image-element-fi__video-player`,fields:r.fields,"pause-video":r.pauseVideo,"preview-params":`func=crop&org_if_sml=0`},null,8,[`fields`,`pause-video`])])):f(``,!0),Z.value?.length?(c(),_(`div`,N,[(c(!0),_(h,null,a(Z.value,(e,t)=>(c(),_(`div`,{key:t,class:`teaser-big-image-element-fi__award`},[r.isEditMode&&!r.isSliderElement&&e.fields?.image?(c(),_(`div`,{key:0,class:`teaser-big-image-element-fi__image`,innerHTML:e.fields.image.editable},null,8,P)):!r.isEditMode&&e.fields?.image?.value?.src?(c(),_(`div`,F,[d(S,{src:e.fields.image.value.src,alt:e.fields.image.value.alt,params:`func=crop&org_if_sml=0`,"full-height":``},null,8,[`src`,`alt`])])):f(``,!0)]))),128))])):f(``,!0)]),g(`div`,{ref_key:`contentContainer`,ref:J,class:`teaser-big-image-element-fi__column teaser-big-image-element-fi__details-container`},[g(`div`,I,[r.isEditMode&&r.fields?.content?(c(),_(h,{key:0},[!r.isSliderElement&&r.fields.content.editable?(c(),_(`div`,{key:0,ref_key:`rteContentDiv`,ref:G,class:t({"teaser-big-image-element-fi__content richtext-fi":!0,"richtext-fi--light":Q.value===`brand`||Q.value===`dark`}),innerHTML:r.fields.content.editable},null,10,L)):(c(),_(`div`,{key:1,ref_key:`rteContentDiv`,ref:G,class:t({"teaser-big-image-element-fi__content richtext-fi":!0,"richtext-fi--light":Q.value===`brand`||Q.value===`dark`}),innerHTML:r.fields.content.value},null,10,R))],64)):(c(),u(e(x),{key:1,ref_key:`rteContentRichtext`,ref:K,class:t({"teaser-big-image-element-fi__content":!0,"richtext-fi--light":Q.value===`brand`||Q.value===`dark`}),"is-theme-light":Q.value===`brand`||Q.value===`dark`,"field-name":`content`},{default:n(()=>[o(r.$slots,`content`,{},void 0,!0)]),_:3},8,[`class`,`is-theme-light`]))],512)],512)],2)])]),_:3},8,[`class`]))}}),[[`__scopeId`,`data-v-afd895dc`]]);export{B as t};
2//# sourceMappingURL=TeaserBigImageElementFi-DeQORK9c.js.map