https://www.kaufland.bg/etc.clientlibs/kaufland/clientlibs/clientl…StickyHeroImageTeaser-vue-ea123e92b0.min.js

1"use strict";(self.webpackChunknitro=self.webpackChunknitro||[]).push([[7282],{70192:(e,t,a)=>{a.d(t,{J:()=>i,R:()=>l});var n=a(88917);const i=(e,t)=>{const a=(0,n.Fl)((()=>t.modifiers.map((t=>`${e}--${t}`)).join(" ")));return{componentClasses:(0,n.Fl)((()=>`${e} ${a.value}`))}},l=()=>({modifiers:{type:Array,default:()=>[]}})},30198:(e,t,a)=>{a.d(t,{Z:()=>m});var n=a(88917),i=a(8319);const l=["href","target","rel"],o={class:"a-button__container"},s={class:"a-button__label"},r={class:"a-button__container"},u={class:"a-button__label"};var c=a(70192);const v={name:"Button",props:{label:{type:String,default:""},icon:{type:String},href:{type:String},target:{type:String},...(0,c.R)()},setup:e=>(0,c.J)("a-button",e),computed:{iconClass(){return`a-ico-${this.icon}`},rel(){return"_blank"===this.target?"noopener noreferrer":null}}};const m=(0,a(83744).Z)(v,[["render",function(e,t,a,c,v,m){return(0,n.wg)(),(0,n.iD)("div",{class:(0,i.C_)(e.componentClasses)},[a.href?((0,n.wg)(),(0,n.iD)("a",{key:0,href:a.href,target:a.target,rel:m.rel},[(0,n._)("div",o,[a.icon?((0,n.wg)(),(0,n.iD)("span",{key:0,class:(0,i.C_)(["a-button__label-icon",m.iconClass])},null,2)):(0,n.kq)("",!0),(0,n._)("span",s,[(0,n.WI)(e.$slots,"default",{},(()=>[(0,n.Uk)((0,i.zw)(a.label),1)]))])])],8,l)):((0,n.wg)(),(0,n.iD)("button",(0,i.vs)((0,n.dG)({key:1},e.$attrs)),[(0,n._)("div",r,[a.icon?((0,n.wg)(),(0,n.iD)("span",{key:0,class:(0,i.C_)(["a-button__label-icon",m.iconClass])},null,2)):(0,n.kq)("",!0),(0,n._)("span",u,[(0,n.WI)(e.$slots,"default",{},(()=>[(0,n.Uk)((0,i.zw)(a.label),1)]))])])],16))],2)}]])},60227:(e,t,a)=>{a.d(t,{Z:()=>m});var n=a(88917),i=a(32117),l=a(8319),o=a(7425),s=a(73281);const[r,u]=(0,s.k)();var c=a(92458);const v=["src","alt","title","srcset","sizes","data-image-fallback"],m=(0,n.aZ)({__name:"KImage",props:{imageSource:{},title:{},alt:{},renditions:{},renditionsAsString:{},sizes:{},aspectRatio:{},objectFit:{}},setup(e){const t=e,a=r(!0),s=(0,i.iH)(t.imageSource),u=(0,i.iH)(),m=(0,i.iH)(null),d=(0,n.Fl)((()=>u.value?null:t.renditionsAsString?t.renditionsAsString:t.renditions?(0,o.rb)(t.imageSource,t.renditions).map((({size:e,rendition:t})=>`${t} ${e}w`)).join(", "):null)),p=(0,n.Fl)((()=>t.aspectRatio?{aspectRatio:t.aspectRatio,objectFit:t.objectFit?t.objectFit:"contain"}:{}));(0,n.bv)((()=>{m.value.complete&&0===m.value.naturalHeight&&g()}));const g=()=>{u.value=!0,s.value=c};return(t,o)=>((0,n.wg)(),(0,n.iD)("img",{ref_key:"imageElement",ref:m,class:"k-image",src:s.value,alt:e.alt,title:e.title,loading:"lazy",srcset:d.value,sizes:e.sizes,"data-image-fallback":(0,i.SU)(a)?null:"",style:(0,l.j5)(p.value),onError:g},null,44,v))}})},10402:(e,t,a)=>{a.d(t,{Z:()=>r});var n=a(88917),i=a(8319),l=a(32117),o=a(70192);const s=["innerHTML"],r=(0,n.aZ)({__name:"NRichtext",props:{text:String,...(0,o.R)()},setup(e){const t=e,a=(0,o.J)("o-richtext",t).componentClasses;return(t,o)=>((0,n.wg)(),(0,n.iD)("div",{class:(0,i.C_)((0,l.SU)(a)),innerHTML:e.text},null,10,s))}})},9655:(e,t,a)=>{a.r(t),a.d(t,{default:()=>b});var n=a(88917),i=a(82661),l=a(8319),o=a(32117),s=a(30198),r=a(75595),u=a(60227),c=a(10402),v=a(83457),m=a(12068),d=a(71113),p=a(95008),g=a(85473);const k={key:0,class:"k-sticky-hit__wrapper"},f={class:"k-sticky-hit__text-box"},b=(0,n.aZ)({__name:"StickyHeroImageTeaser",props:{data:{}},setup(e){(0,i.sj)((e=>({v072e1528:D.value})));const t=e,{GL:a}=(0,g.jp)(),b=(0,m.y$C)("stickyHeroImageTeaserData",{}),h=(0,m.kCD)(d.Z.byName),_=(0,o.iH)(!1),y=(0,o.iH)(!1),S=(0,n.Fl)((()=>_.value&&!y.value)),w=(0,n.Fl)((()=>({"k-sticky-hit--margin-bottom":!I.value.removeMargin,"k-sticky-hit--color-inverted":I.value.colorInverted,"k-sticky-hit--swiping":!T.value}))),C=(0,n.Fl)((()=>h.smallerOrEqual("large").value?["full"]:[])),H=(0,p.D)(),I=(0,o.iH)(),D=(0,o.iH)(),x=(0,o.iH)(),j=(0,o.iH)();(0,n.bv)((()=>{(0,m.ORN)(j,"touchmove",(e=>e.preventDefault()),{passive:!1}),function(){for(const[e,t]of Object.entries(b.value))(new Date).getTime()>t&&delete b.value[e]}(),H.once("PageHeader.StateChange",N),H.on("Footer.Visibility",W)})),(0,n.Ah)((()=>{H.off("PageHeader.StateChange",N),H.off("Footer.Visibility",W)}));const F=(0,n.Fl)((()=>j.value?.offsetHeight)),L=(0,n.Fl)((()=>j.value?.offsetWidth)),$=(0,o.iH)("0"),Z=(0,o.iH)("1");(0,n.YP)(S,(e=>{e?(0,n.Y3)((()=>H.emit("JumpLinkMenu.addLink",{id:"StickyHeroImageTeaser",target:".k-sticky-hit"}))):H.emit("JumpLinkMenu.removeLink",{id:"StickyHeroImageTeaser"})}));const{direction:R,isSwiping:T,lengthX:z,lengthY:M}=(0,m.YvF)(j,{onSwipe(){!function(e){if("up"===e)return;if(!L.value||!F.value)return;const t=Math.abs("down"===e?M.value:z.value),a=`${"down"===e?`0 ${t}`:t*("left"===e?-1:1)}px`,n=1-Math.min(t/F.value,t/L.value);$.value=a,Z.value=String(n)}(R.value)},onSwipeEnd(){if("up"===R.value)return;const e=Math.abs(M.value),t=Math.abs(z.value),a=e/F.value>

1=.5&&F.value,n=t/L.value>=.5&&L.value,i=a||n;Z.value=i?"0":"1",$.value=a?"0 150%":n?"150% 0":"0",i&&(0,v.L9)("conversion","Sticky Hit Component","Close",{conversionSubDetail1:(0,v.jI)(I.value.componentName)})}});function W(e){y.value=e}function N(){const e=function(){if(0===b.value.length)return U(t.data[0]),t.data[0];return t.data.find((e=>!b.value[e.componentId]&&(U(e),e)))}();e&&(I.value=e,D.value=`url(${I.value.backgroundImageScr})`,x.value="default"===I.value.tabBehavior?"_self":I.value.tabBehavior,_.value=!0,(0,v.L9)("conversion","Sticky Hit Component","Impression",{conversionSubDetail1:(0,v.jI)(I.value.componentName)}))}function U(e){var t;b.value[e.componentId]=(t=e.timeout,(new Date).getTime()+24*t*60*60*1e3)}function A(){const e=new URL(I.value.buttonLink,document.baseURI);(0,v.L9)("conversion","Sticky Hit Component","Click",{conversionSubDetail1:(0,v.jI)(I.value.componentName),conversionSubDetail2:(0,v.jI)(e.hostname+e.pathname)})}function q(){_.value=!1,(0,v.L9)("conversion","Sticky Hit Component","Close",{conversionSubDetail1:(0,v.jI)(I.value.componentName)})}return(e,t)=>((0,n.wg)(),(0,n.j4)(i.uT,{name:"vue-anim-slide-bottom"},{default:(0,n.w5)((()=>[S.value?((0,n.wg)(),(0,n.iD)("div",{key:0,ref_key:"shitElement",ref:j,class:(0,l.C_)(["k-sticky-hit",w.value]),style:(0,l.j5)({translate:$.value,opacity:Z.value})},[I.value?((0,n.wg)(),(0,n.iD)("div",k,[(0,n.Wm)(r.Z,{class:"k-sticky-hit__close","no-border":!0,icon:"close","hover-color":"kauflandGreenDark","background-hover-color":"none",title:(0,o.SU)(a)("close"),onClick:q},null,8,["title"]),(0,n._)("div",f,[(0,n.Wm)(c.Z,{text:I.value.headline},null,8,["text"]),(0,n.Wm)(c.Z,{class:"k-sticky-hit__description",text:I.value.description},null,8,["text"]),(0,n.Wm)(s.Z,{label:I.value.buttonText,class:(0,l.C_)(I.value.buttonPriority),modifiers:C.value,href:I.value.buttonLink,target:x.value,onClick:A},null,8,["label","class","modifiers","href","target"])]),(0,n.Wm)(u.Z,{class:"k-sticky-hit__image","image-source":I.value.foregroundImageScr.split(" ")[0],"renditions-as-string":I.value.foregroundImageScr,alt:I.value.foregroundImageAlt,title:I.value.foregroundImageTitle,sizes:"(min-width: 1440px) 572px, (min-width: 1025px) calc(50vw - 165px), (min-width: 769px) calc(50vw - 99px), (min-width: 320px) calc(100vw - 88px)"},null,8,["image-source","renditions-as-string","alt","title"])])):(0,n.kq)("",!0)],6)):(0,n.kq)("",!0)])),_:1}))}})}}]);