"use strict";(self.webpackChunkUmbracoVuePrototype=self.webpackChunkUmbracoVuePrototype||[]).push([[6793],{2344:(t,e,i)=>{i.d(e,{Z:()=>s});var a=i(7537),n=i.n(a),r=i(3645),o=i.n(r)()(n());o.push([t.id,".image-text-fade[data-v-a358a41e]{position:relative}.image-text-fade a[data-v-a358a41e]{height:inherit}.image-text-fade a .imageWrapper[data-v-a358a41e]{height:inherit}.image-text-fade a .imageWrapper img[data-v-a358a41e]{object-fit:cover;object-position:center;min-width:100%;min-height:100%;height:inherit;width:100%}.image-text-fade .disable-link[data-v-a358a41e]{cursor:default}.image-text-fade .animationLayer[data-v-a358a41e]{position:absolute;height:100%;z-index:1;width:100%}.image-text-fade .text-wrapper[data-v-a358a41e]{position:absolute;height:100%;z-index:1;width:100%;display:flex;align-items:center}","",{version:3,sources:["webpack://./Scripts/src/vue-components/_imagetext/image-text-fade/style.scss"],names:[],mappings:"AAAA,kCACE,iBAAA,CACA,oCACE,cAAA,CACA,kDACE,cAAA,CACA,sDACE,gBAAA,CACA,sBAAA,CACA,cAAA,CACA,eAAA,CACA,cAAA,CACA,UAAA,CAKN,gDACE,cAAA,CAGF,kDACE,iBAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CAGF,gDACE,iBAAA,CACA,WAAA,CACA,SAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA",sourcesContent:[".image-text-fade {\r\n  position: relative;\r\n  a {\r\n    height: inherit;\r\n    .imageWrapper {\r\n      height: inherit;\r\n      img {\r\n        object-fit: cover;\r\n        object-position: center;\r\n        min-width: 100%;\r\n        min-height: 100%;\r\n        height: inherit;\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .disable-link {\r\n    cursor: default;\r\n  }\r\n\r\n  .animationLayer {\r\n    position: absolute;\r\n    height: 100%;\r\n    z-index: 1;\r\n    width: 100%;\r\n  }\r\n\r\n  .text-wrapper {\r\n    position: absolute;\r\n    height: 100%;\r\n    z-index: 1;\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n}\r\n"],sourceRoot:""}]);const s=o},6793:(t,e,i)=>{i.r(e),i.d(e,{default:()=>E});var a=i(6252),n=i(3577);const r=["href"],o={class:"text-container"},s=["innerHTML"],l={class:"text-container"},A=["innerHTML"],y={class:"text-container"},c=["innerHTML"],d={class:"text-container"},p=["innerHTML"],m={class:"imageWrapper"},x=["src","alt"];var g=i(98),u=i(5656),h=i(4437),v=i(8159),f=i(5024);const C=(0,a.aZ)({mixins:[v.Z],data:()=>({animationSettings:{},imageAnimation:{opacity:0},imageContainer:{},imageUrl:"",imageWidth:-1,linkStyle:{},textAfterStyle:{opacity:0},textBeforeStyle:{opacity:1},textDisplay:new f.N(null,["over","after","before","under"]),altText:""}),mounted(){0===this.componentModel.urlRedirect.length&&(this.linkStyle="disable-link",this.componentModel.urlRedirect="javascript:preventDefault();");const t=this.$el.querySelector(".image");t&&(this.imageWidth=t.getBoundingClientRect().width),this.imageUrl=(0,g.U)().getResizedImage(this.componentModel.image.resizedImages,this.imageWidth),this.loadAnimationSettings(),this.initiateTextDisplay(),this.altText=(0,h.G)().string(this.componentModel.image.altText,"")},methods:{mouseLeave:function(){this.animationColorFadeHover(!1)},mouseOver:function(){this.animationColorFadeHover(!0)},animationColorFadeHover:function(t){const e=this.animationSettings.opacity,i=this.animationSettings.transitionTime;t?(this.imageAnimation={backgroundColor:this.animationSettings.colour,opacity:e,transition:"opacity "+i+"s ease-in-out"},this.textAfterStyle={opacity:1,transition:"opacity "+i+"s ease-in-out"},this.textBeforeStyle={opacity:0,transition:"opacity "+i+"s ease-in-out"}):(this.imageAnimation={backgroundColor:this.animationSettings.colour,opacity:0,transition:"opacity "+i+"s ease-in-out"},this.textAfterStyle={opacity:0,transition:"opacity "+i+"s ease-in-out"},this.textBeforeStyle={opacity:1,transition:"opacity "+i+"s ease-in-out"})},loadAnimationSettings:function(){this.animationSettings={colour:(0,h.G)().colour(this.componentModel.hoverAnimation.details.fadeColour,"var(--secondary-colour)"),opacity:(0,h.G)().number(this.componentModel.hoverAnimation.details.opacity,.5),transitionTime:(0,h.G)().number(this.componentModel.hoverAnimation.details.duration,1)}},initiateTextDisplay:function(){this.textDisplay=(0,u.U)().initiateTextDisplay(this.componentModel,["over","after","before","under"])}}});var S=i(3379),D=i.n(S),_=i(7795),b=i.n(_),w=i(569),j=i.n(w),M=i(3565),k=i.n(M),T=i(9216),B=i.n(T),H=i(4589),L=i.n(H),U=i(2344),W={};W.styleTagTransform=L(),W.setAttributes=k(),W.insert=j().bind(null,"head"),W.domAPI=b(),W.insertStyleElement=B();D()(U.Z,W);U.Z&&U.Z.locals&&U.Z.locals;i(9448);const E=(0,i(3744).Z)(C,[["render",function(t,e,i,g,u,h){return(0,a.wg)(),(0,a.iD)("div",{class:"image-text-fade component-margins",style:(0,n.j5)([t.imageContainer,t.entryAnimationStyle])},[(0,a._)("a",{href:t.componentModel.urlRedirect,class:(0,n.C_)(t.linkStyle),onMouseover:e[0]||(e[0]=(...e)=>t.mouseOver&&t.mouseOver(...e)),onMouseleave:e[1]||(e[1]=(...e)=>t.mouseLeave&&t.mouseLeave(...e))},[(0,a._)("div",{class:"text-wrapper",style:(0,n.j5)(t.textDisplay.under.wrapperStyle)},[(0,a._)("div",{class:"text-flex",style:(0,n.j5)(t.textDisplay.under.containerStyle)},[(0,a._)("div",{style:(0,n.j5)(t.textDisplay.under.textBoxMargin)},[(0,a._)("div",{style:(0,n.j5)(t.textDisplay.under.overlayStyle)},[(0,a._)("div",o,[(0,a._)("ol",null,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(t.textDisplay.under.textArray,((t,e)=>((0,a.wg)(),(0,a.iD)("li",{key:e,class:"text"},[(0,a._)("div",{style:(0,n.j5)([t.marginStyle,t.buttonStyle]),innerHTML:t.text},null,12,s)])))),128))])])],4)],4)],4)],4),(0,a._)("div",{class:"animationLayer",style:(0,n.j5)(t.imageAnimation)},null,4),(0,a._)("div",{class:"text-wrapper before",style:(0,n.j5)([t.textDisplay.before.wrapperStyle,t.textBeforeStyle])},[(0,a._)("div",{class:"text-flex",style:(0,n.j5)(t.textDisplay.before.containerStyle)},[(0,a._)("div",{style:(0,n.j5)(t.textDisplay.before.textBoxMargin)},[(0,a._)("div",{style:(0,n.j5)(t.textDisplay.before.overlayStyle)},[(0,a._)("div",l,[(0,a._)("ol",null,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(t.textDisplay.before.textArray,((t,e)=>((0,a.wg)(),(0,a.iD)("li",{key:e,class:"text"},[(0,a._)("div",{style:(0,n.j5)([t.marginStyle,t.buttonStyle]),innerHTML:t.text},null,12,A)])))),128))])])],4)],4)],4)],4),(0,a._)("div",{class:"text-wrapper after",style:(0,n.j5)([t.textDisplay.after.wrapperStyle,t.textAfterStyle])},[(0,a._)("div",{class:"text-flex",style:(0,n.j5)(t.textDisplay.after.containerStyle)},[(0,a._)("div",{style:(0,n.j5)(t.textDisplay.after.textBoxMargin)},[(0,a._)("div",{style:(0,n.j5)(t.textDisplay.after.overlayStyle)},[(0,a._)("div",y,[(0,a._)("ol",null,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(t.textDisplay.after.textArray,((t,e)=>((0,a.wg)(),(0,a.iD)("li",{key:e,class:"text"},[(0,a._)("div",{style:(0,n.j5)([t.marginStyle,t.buttonStyle]),innerHTML:t.text},null,12,c)])))),128))])])],4)],4)],4)],4),(0,a._)("div",{class:"text-wrapper",style:(0,n.j5)(t.textDisplay.over.wrapperStyle)},[(0,a._)("div",{class:"text-flex",style:(0,n.j5)(t.textDisplay.over.containerStyle)},[(0,a._)("div",{style:(0,n.j5)(t.textDisplay.over.textBoxMargin)},[(0,a._)("div",{style:(0,n.j5)(t.textDisplay.over.overlayStyle)},[(0,a._)("div",d,[(0,a._)("ol",null,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(t.textDisplay.over.textArray,((t,e)=>((0,a.wg)(),(0,a.iD)("li",{key:e,class:"text"},[(0,a._)("div",{style:(0,n.j5)([t.marginStyle,t.buttonStyle]),innerHTML:t.text},null,12,p)])))),128))])])],4)],4)],4)],4),(0,a._)("div",m,[(0,a._)("img",{class:"image",src:t.imageUrl,alt:t.altText,loading:"lazy"},null,8,x)])],42,r)],4)}],["__scopeId","data-v-a358a41e"]])}}]);
//# sourceMappingURL=source-maps-1.2/6793.c13f49b525355900d2a9.map