"use strict";(self.webpackChunkUmbracoVuePrototype=self.webpackChunkUmbracoVuePrototype||[]).push([[9413],{279:(t,n,e)=>{e.d(n,{Z:()=>s});var i=e(7537),o=e.n(i),r=e(3645),a=e.n(r)()(o());a.push([t.id,".text-basic{display:block}.text-basic .textContainer{display:block}.text-basic .textContainer .text{width:100%;white-space:pre-wrap}.text-basic .textContainer .text h1{color:var(--color);margin:0px}.text-basic .textContainer .text h2{color:var(--color);margin:0px}.text-basic .textContainer .text h3{color:var(--color);margin:0px}.text-basic .textContainer .text h4{color:var(--color);margin:0px}.text-basic .textContainer .text p{color:var(--color);margin:0px}.text-basic .textContainer .text a:not(.button){color:var(--color);margin:0px}.text-basic .textContainer .text a:hover:not(.button){color:var(--hover-colour)}.text-basic .textContainer .text button{width:var(--button-width);line-height:1;display:inline-flex}.text-basic .textContainer .text button h1,.text-basic .textContainer .text button h2,.text-basic .textContainer .text button h3,.text-basic .textContainer .text button h4,.text-basic .textContainer .text button p{line-height:var(--button-line-height);font-size:var(--button-size);font-family:var(--button-type);font-weight:var(--button-weight)}.text-basic .textContainer .text button .hover{display:none}.text-basic .textContainer .text button:hover h1,.text-basic .textContainer .text button:hover h2,.text-basic .textContainer .text button:hover h3,.text-basic .textContainer .text button:hover h4,.text-basic .textContainer .text button:hover p{font-size:var(--button-size-hover);font-family:var(--button-type-hover);font-weight:var(--button-weight-hover)}.text-basic .textContainer .text button:hover .regular{display:none}.text-basic .textContainer .text button:hover .hover{display:block}.text-basic .max-height{height:100%}.text-basic .max-height .max-width{width:100%}.text-basic .max-width{width:100%}","",{version:3,sources:["webpack://./Scripts/src/vue-components/text/style.scss"],names:[],mappings:"AAAA,YACE,aAAA,CACA,2BACE,aAAA,CACA,iCACE,UAAA,CACA,oBAAA,CACA,oCACE,kBAAA,CACA,UAAA,CAEF,oCACE,kBAAA,CACA,UAAA,CAEF,oCACE,kBAAA,CACA,UAAA,CAEF,oCACE,kBAAA,CACA,UAAA,CAEF,mCACE,kBAAA,CACA,UAAA,CAEF,gDACE,kBAAA,CACA,UAAA,CAEF,sDACE,yBAAA,CAEF,wCACE,yBAAA,CACA,aAAA,CACA,mBAAA,CACA,sNACE,qCAAA,CACA,4BAAA,CACA,8BAAA,CACA,gCAAA,CAEF,+CACE,YAAA,CAIF,oPACE,kCAAA,CACA,oCAAA,CACA,sCAAA,CAEF,uDACE,YAAA,CAEF,qDACE,aAAA,CAKR,wBACE,WAAA,CACA,mCACE,UAAA,CAGJ,uBACE,UAAA",sourcesContent:[".text-basic {\r\n  display: block;\r\n  .textContainer {\r\n    display: block;\r\n    .text {\r\n      width: 100%;\r\n      white-space: pre-wrap;\r\n      h1 {\r\n        color: var(--color);\r\n        margin: 0px;\r\n      }\r\n      h2 {\r\n        color: var(--color);\r\n        margin: 0px;\r\n      }\r\n      h3 {\r\n        color: var(--color);\r\n        margin: 0px;\r\n      }\r\n      h4 {\r\n        color: var(--color);\r\n        margin: 0px;\r\n      }\r\n      p {\r\n        color: var(--color);\r\n        margin: 0px;\r\n      }\r\n      a:not(.button) {\r\n        color: var(--color);\r\n        margin: 0px;\r\n      }\r\n      a:hover:not(.button) {\r\n        color: var(--hover-colour);\r\n      }\r\n      button {\r\n        width: var(--button-width);\r\n        line-height: 1;\r\n        display: inline-flex;\r\n        h1,h2,h3,h4,p {\r\n          line-height: var(--button-line-height);\r\n          font-size: var(--button-size);\r\n          font-family: var(--button-type);\r\n          font-weight: var(--button-weight);\r\n        }\r\n        .hover {\r\n          display: none;\r\n        }\r\n      }\r\n      button:hover {\r\n        h1,h2,h3,h4,p {\r\n          font-size: var(--button-size-hover);\r\n          font-family: var(--button-type-hover);\r\n          font-weight: var(--button-weight-hover);\r\n        }\r\n        .regular {\r\n          display: none;\r\n        }\r\n        .hover {\r\n          display: block;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .max-height {\r\n    height: 100%;\r\n    .max-width {\r\n      width: 100%;\r\n    }\r\n  }\r\n  .max-width {\r\n    width: 100%;\r\n  }\r\n}\r\n"],sourceRoot:""}]);const s=a},6848:(t,n,e)=>{function i(t){switch(t){case"left":return"flex-start";case"right":return"flex-end";case"justify":return"space-between";default:return"center"}}function o(t){switch(t){case"top":return"flex-start";case"bottom":return"flex-end";default:return"center"}}e.d(n,{K:()=>o,q:()=>i})},7799:(t,n,e)=>{e.d(n,{$:()=>o});var i=e(4437);function o(){function t(t,n,e){return n.length>0?e+t+":"+n+";":e}return{createTag:function(t,n,e,i,o,r,a,s=!1){switch(t){case"button":return function(t,n,e,i,o,r){""===n&&(n=t);let a="";r&&(a=" target='_blank'");return"<a class='button' href='"+e+"'"+a+"><button class='b"+i+"'> <"+o+" class='regular'>"+t+"</"+o+"><"+o+" class='hover'>"+n+"</"+o+"></button></a>"}(n,a,i,o,r,s);case"a":return function(t,n,e,i){let o="";i&&(o=" target='_blank'");return"<a href='"+e+"' style='"+t+"'"+o+">"+n+"</a>"}(e,n,i,s);default:return function(t,n,e){return"<"+t+" style='"+n+"' >"+e+"</"+t+">"}(t,e,n)}},loadButtonStyles:function(t,n,e,o){return"button"===t?{"--button-width":(0,i.G)().size(e,"inherit"),"--button-color":(0,i.G)().string(n.colour,"inherit"),"--button-line-height":(0,i.G)().string(n.lineHeight,"1.5"),"--button-size":(0,i.G)().string(n.size,"var(--"+o+"-font-size)"),"--button-type":(0,i.G)().string(n.type,"var(--"+o+"-font-style)"),"--button-weight":(0,i.G)().string(n.weight,"var(--"+o+"-font-weight)"),"--button-color-hover":(0,i.G)().string(n.colourHover,"revert"),"--button-size-hover":(0,i.G)().string(n.sizeHover,"var(--"+o+"-font-size)"),"--button-type-hover":(0,i.G)().string(n.typeHover,"var(--"+o+"-font-style)"),"--button-weight-hover":(0,i.G)().string(n.weightHover,"var(--"+o+"-font-weight)"),"--button-letter-spacing":(0,i.G)().string(n.letterSpacing,"inherit")}:{}},loadFontStyles:function(n,e){let o="";return"button"===n?"":(o=t("font-size",(0,i.G)().size(e.size,""),o),o=t("font-weight",(0,i.G)().fontWeight(e.weight,""),o),o=t("font-family",(0,i.G)().string(e.type,""),o),o=t("--color",(0,i.G)().colour(e.colour,"var(--default-colour)"),o),o=t("--hover-colour",(0,i.G)().colour(e.hoverColour,"var(--a-hover-colour)"),o),o=t("line-height",(0,i.G)().lineHeight(e.lineHeight,"1.5"),o),o=t("text-shadow",(0,i.G)().string(e.textShadow,""),o),o=t("letter-spacing",(0,i.G)().string(e.letterSpacing,""),o),o)}}}},8159:(t,n,e)=>{e.d(n,{Z:()=>l});var i=e(655),o=e(6252),r=e(4437);class a{constructor(t){this.animationEnable=(0,r.G)().boolean(t.animationEnable,!1),this.animationAlwaysRunOnLoad=(0,r.G)().boolean(t.animationAlwaysRunOnLoad,!1),this.animationDelay=(0,r.G)().number(t.animationDelay,.2),this.animationDuration=(0,r.G)().number(t.animationDuration,.3),this.animationDirection=(0,r.G)().string(t.animationDirection,"bottom")}}var s=e(4572);const l=(0,o.aZ)({data:()=>({backgroundUrl:"",componentModel:{},componentWidth:0,isDesktopSize:!0,themeId:"",elementContainer:{},entryAnimations:{},entryAnimationStyle:{},loadState:{},observer:{},observerFirstRun:!0}),watch:{loadState(t,n){1==t&&this.entryAnimations.animationEnable&&this.setupEntryAnimationObserver(this.runEntryAnimations)}},beforeUnmount:function(){window.removeEventListener("resize",this.handleResize)},mounted(){const t=this.$el.parentElement.getAttribute("umbracomodel");this.componentModel="null"!==t&&null!=t?JSON.parse(t):{},this.componentModel.entryAnimations||(this.componentModel.entryAnimations={}),this.initiateEntryAnimations(),this.elementContainer=this.$el.closest(".component-margins");const n=window.innerWidth;this.initiateMargins(n),this.initiatePadding(n),this.initiateHeight(),this.initiateResizeListener(),(0,s.y)().addLoadedModule(),this.loadState=(0,s.y)().getLoadState()},onUnmounted(){if(this.entryAnimations.animationEnable)try{this.observer.unobserve(this.elementContainer)}catch(t){}},methods:{delay(t){return(0,i.mG)(this,void 0,void 0,(function*(){return new Promise((n=>setTimeout(n,t)))}))},handleResize(t){this.componentWidth=this.$el.clientWidth,this.resizeWindow()},resizeWindow(){const t=window.innerWidth;t>991!==this.isDesktopSize&&(this.initiateMargins(t),this.initiatePadding(t),this.calculateSize(t))},initiateResizeListener(){window.addEventListener("resize",this.handleResize),this.$el&&(this.componentWidth=this.$el.clientWidth);const t=window.innerWidth;this.calculateSize(t)},calculateSize(t){this.isDesktopSize=t>991},initiateMargins(t){t>991?this.setMargins(this.componentModel.moduleMargin):this.setMargins(this.componentModel.moduleMarginMobile)},initiatePadding(t){t>991?this.setPadding(this.componentModel.modulePadding):this.setPadding(this.componentModel.modulePaddingMobile)},setMargins(t){null!==this.elementContainer&&t&&(this.elementContainer.style.marginTop=t.top?(0,r.G)().size(t.top,"0px"):"0px",this.elementContainer.style.marginBottom=t.bottom?(0,r.G)().size(t.bottom,"0px"):"0px",this.elementContainer.style.marginLeft=t.left?(0,r.G)().size(t.left,"0px"):"0px",this.elementContainer.style.marginRight=t.right?(0,r.G)().size(t.right,"0px"):"0px")},setPadding(t){null!==this.elementContainer&&t&&(this.elementContainer.style.paddingTop=t.top?(0,r.G)().size(t.top,"0px"):"0px",this.elementContainer.style.paddingBottom=t.bottom?(0,r.G)().size(t.bottom,"0px"):"0px",this.elementContainer.style.paddingLeft=t.left?(0,r.G)().size(t.left,"0px"):"0px",this.elementContainer.style.paddingRight=t.right?(0,r.G)().size(t.right,"0px"):"0px")},initiateHeight(){if(null!==this.elementContainer){let t;t=this.componentModel.moduleHeight?(0,r.G)().size(this.componentModel.moduleHeight,"auto"):"auto",this.elementContainer.style.height=t,(t.includes("vh")||t.includes("vmax"))&&(this.elementContainer.style.maxHeight="2300px"),this.elementContainer.style.overflow="hidden"}},initiateEntryAnimations(){if(this.entryAnimations=new a(this.componentModel.entryAnimations),this.entryAnimations.animationEnable)switch(this.entryAnimationStyle.opacity="0!important",this.entryAnimations.animationDirection){case"bottom":this.entryAnimationStyle.bottom="-20vh";break;case"top":this.entryAnimationStyle.top="-20vh";break;case"left":this.entryAnimationStyle.left="-20vw";break;case"right":this.entryAnimationStyle.right="-20vw"}},setupEntryAnimationObserver(){return(0,i.mG)(this,void 0,void 0,(function*(){this.entryAnimations.animationAlwaysRunOnLoad&&(this.observerFirstRun=!1),this.observer=new IntersectionObserver((t=>{t[0].isIntersecting&&this.runEntryAnimations(),this.observerFirstRun=!1}),{threshold:[.3]}),this.observer.observe(this.elementContainer)}))},runEntryAnimations(){return(0,i.mG)(this,void 0,void 0,(function*(){switch(this.observerFirstRun?this.entryAnimationStyle.transition="none!important":this.entryAnimationStyle.transition="opacity "+this.entryAnimations.animationDuration+"s ease-in-out "+this.entryAnimations.animationDelay+"s,bottom "+this.entryAnimations.animationDuration+"s ease-in-out "+this.entryAnimations.animationDelay+"s,top "+this.entryAnimations.animationDuration+"s ease-in-out "+this.entryAnimations.animationDelay+"s,left "+this.entryAnimations.animationDuration+"s ease-in-out "+this.entryAnimations.animationDelay+"s,right "+this.entryAnimations.animationDuration+"s ease-in-out "+this.entryAnimations.animationDelay+"s",this.entryAnimationStyle.opacity="1",this.entryAnimations.animationDirection){case"bottom":this.entryAnimationStyle.bottom="0px";break;case"top":this.entryAnimationStyle.top="-0px";break;case"left":this.entryAnimationStyle.left="-0px";break;case"right":this.entryAnimationStyle.right="-0px"}this.observer.unobserve(this.elementContainer);try{let t=this.entryAnimations.animationDuration+this.entryAnimations.animationDelay;yield this.delay(1e3*t),this.entryAnimationStyle={}}catch(t){this.entryAnimationStyle={},console.log("Core mixin addition failed.")}}))}}})},9413:(t,n,e)=>{e.r(n),e.d(n,{default:()=>T});var i=e(6252),o=e(3577);const r={class:"textContainer"},a={key:0,class:"text"},s=["innerHTML"],l={key:1,class:"text"},h=["innerHTML"],m={key:2,class:"text"},A=["innerHTML"];var c=e(7799),u=e(4437),d=e(8159),g=e(6848);const x=(0,i.aZ)({mixins:[d.Z],data:()=>({moduleContainerStyle:{},textOverlayStyle:{},txt1:{isEnabled:!1,marginStyle:{},text:""},txt2:{isEnabled:!1,marginStyle:{},text:""},txt3:{isEnabled:!1,marginStyle:{},text:""}}),mounted(){this.setupText(this.componentModel.content1,this.txt1),this.setupText(this.componentModel.content2,this.txt2),this.setupText(this.componentModel.content3,this.txt3),this.setupOverlay(this.componentModel.overlay),this.setTextboxVAlignment(this.componentModel.verticalAlign),this.setTextboxHAlignment()},methods:{checkEnabledValidate:(t,n)=>{try{return"disabled"!==(0,u.G)().string(t,"disabled")&&n.length>0}catch(t){return!1}},setupText:function(t,n){n.isEnabled=this.checkEnabledValidate(t.type,t.text),n.isEnabled&&(n.text=(0,u.G)().string(t.text,""),n.text=(0,c.$)().createTag(this.setFontTag(t.format,t.type),n.text,(0,c.$)().loadFontStyles(t.format,t.style),t.url,(0,u.G)().string(t.buttonStyle,""),(0,u.G)().string(t.buttonFont,""),this.loadHoverText(t),(0,u.G)().boolean(t.urlOpenNewTab,!1)),n.buttonStyle=(0,c.$)().loadButtonStyles(t.format,t.style,t.buttonWidth,t.buttonFont)),t.margins||(t.margins={}),n.marginStyle={marginBottom:(0,u.G)().size(t.margins.bottom,"10"),marginLeft:(0,u.G)().size(t.margins.left,"20"),marginRight:(0,u.G)().size(t.margins.right,"20"),marginTop:(0,u.G)().size(t.margins.top,"10"),textAlign:(0,u.G)().textAlign(t.justify,"center")}},loadHoverText(t){const n=(0,u.G)().string(t.textHover,"");return 0==n.length?t.text:n},setFontTag:(t,n)=>{const e=t?(0,u.G)().string(t,""):"";return 0===e.length?n&&"link"===n?"a":"h2":e},setTextboxVAlignment:function(t){const n=(0,u.G)().string(t,"");this.moduleContainerStyle.display="flex",this.moduleContainerStyle.alignItems=(0,g.K)(n)},setTextboxHAlignment:function(){this.moduleContainerStyle.justifyContent="center"},setupOverlay(t){if(t){t.margins||(t.margins={});const n={bottom:(0,u.G)().size(t.margins.bottom,"20px"),left:(0,u.G)().size(t.margins.left,"20px"),right:(0,u.G)().size(t.margins.right,"20px"),top:(0,u.G)().size(t.margins.top,"20px")};this.textOverlayStyle={backgroundColor:t.colour?(0,u.G)().string(t.colour,"rgba(255, 255, 255, 0)"):"rgba(255, 255, 255, 0)",marginBottom:"-"+n.bottom,marginLeft:"-"+n.left,marginRight:"-"+n.right,marginTop:"-"+n.top,paddingBottom:n.bottom,paddingLeft:n.left,paddingRight:n.right,paddingTop:n.top}}},buildCssStringColour(t,n){return t.length>0?this.buildCssString("--color",t,n):this.buildCssString("color","unset",n)}}});var b=e(3379),y=e.n(b),p=e(7795),C=e.n(p),v=e(569),f=e.n(v),w=e(3565),S=e.n(w),E=e(9216),G=e.n(E),z=e(4589),k=e.n(z),M=e(279),D={};D.styleTagTransform=k(),D.setAttributes=S(),D.insert=f().bind(null,"head"),D.domAPI=C(),D.insertStyleElement=G();y()(M.Z,D);M.Z&&M.Z.locals&&M.Z.locals;const T=(0,e(3744).Z)(x,[["render",function(t,n,e,c,u,d){return(0,i.wg)(),(0,i.iD)("div",{class:"text-basic component-margins allow-overflow",style:(0,o.j5)(t.entryAnimationStyle)},[(0,i._)("div",{class:"max-height",style:(0,o.j5)(t.moduleContainerStyle)},[(0,i._)("div",{style:(0,o.j5)(t.textOverlayStyle),class:"max-width"},[(0,i._)("div",r,[t.txt1.isEnabled?((0,i.wg)(),(0,i.iD)("div",a,[(0,i._)("div",{style:(0,o.j5)([t.txt1.marginStyle,t.txt1.buttonStyle]),innerHTML:t.txt1.text},null,12,s)])):(0,i.kq)("v-if",!0),t.txt2.isEnabled?((0,i.wg)(),(0,i.iD)("div",l,[(0,i._)("div",{style:(0,o.j5)([t.txt2.marginStyle,t.txt2.buttonStyle]),innerHTML:t.txt2.text},null,12,h)])):(0,i.kq)("v-if",!0),t.txt3.isEnabled?((0,i.wg)(),(0,i.iD)("div",m,[(0,i._)("div",{style:(0,o.j5)([t.txt3.marginStyle,t.txt3.buttonStyle]),innerHTML:t.txt3.text},null,12,A)])):(0,i.kq)("v-if",!0)])],4)],4)],4)}]])}}]);
//# sourceMappingURL=source-maps-1.2/9413.61733d4c0186960c8911.map