https://studio54photography.com/ext/flo-flex-builder/dist/flex-chunk-animation-play.min.js

1(self.webpackChunkflo_flex_builder=self.webpackChunkflo_flex_builder||[]).push([[47],{9048:(e,t,o)=>{"use strict";o.r(t),o.d(t,{getColor:()=>D,playAnimation:()=>Z});var a=o(7863),i=o(2848),n=o.n(i);const r=new class{createWordElement(e){return`<span class="flex-typerwriter-word">${e}</span>`}createLetterElement(e){return`<span class="flex-typerwriter-letter flex-typerwriter-letter--animated">${e}</span>`}createSpaceElement(){return'<span class="flex-typerwriter-letter flex-typerwriter-letter--space"> </span>'}stringToHTML(e){if(!e)throw new Error("There was an error while converting template to HTML");const t=document.createElement("div");return t.innerHTML=e,t.childNodes}compile(e){[...e.childNodes].forEach((e=>{if("#text"!==e.nodeName)return this.compile(e);const t=e.textContent.trim();if(!t)return;const o=t.split(" ").map(((e,t,o)=>{const a=e.split("").map(this.createLetterElement).join("");return t===o.length-1?this.createWordElement(a):this.createWordElement(a)+this.createSpaceElement()})),a=this.stringToHTML(o.join(""));e.replaceWith(...a)}))}};var l=o(7505),s=o.n(l);const p={top:0,left:0,rotateZ:0,rotateY:0,scale:100,opacity:100,color:"#000",duration:100,delay:0,blur:0},c={id:"",name:"",enabled:!1,isInDevelopment:!1,duration:400,easing:"easeInOutQuart",steps:{step0:{top:0,left:0,rotate:0,rotateY:0,scale:100,opacity:100,color:"#000",blur:0,transformOrigin:"center",clipTop:0,clipRight:0,clipBottom:0,clipLeft:0,id:"step0"}}},m={preset:!1,presetConfig:{},currentlyEditing:!1,hover:{...c,id:"hover",name:"Hover"},click:{...c,id:"click",name:"Click"},appear:{...c,id:"appear",name:"Appear"},scroll:{...c,id:"scroll",name:"Scroll",duration:0},initial:{...c,id:"initial",name:"Initial",duration:0}},d=(e,t,o)=>({initial:{...m.initial,enabled:!0,steps:{step0:{...m.initial.steps.step0,...t}}},[e.actionType]:{...m[e.actionType],enabled:!0,duration:e.duration,delay:e.delay,steps:{step0:{...m[e.actionType].steps.step0,...o}}}}),y="On Load or Scroll",u="On Hover or Click",f={id:"",name:"",category:"",actionTypes:[],excludedElementTypes:[],allowedElementTypes:[],visibleInList:!0,hasEasingOptions:!0,hasCopyPaste:!0,hasDelayOption:!0,hasDurationOption:!0,hasActionTypes:!0,clipBottom:!1,defaults:{enabled:!0,actionType:"appear",easing:"easeInOutQuart",duration:400,delay:0,scrollDuration:50,scrollStartPoint:20},controls:{},preview:"",save:()=>{}},v={};v.custom={id:"custom",name:"Custom",isInDevelopment:!0,hasCopyPaste:!1,hasDelayOption:!1,hasDurationOption:!1,hasEasingOptions:!1,defaults:{actionType:"appear",steps:[{...p},{...p}]},preview:"options-toggle",save:e=>d(e,{},{custom:!0})},v.typewriter={id:"typewriter",name:"Typewriter",isInDevelopment:!0,category:u,allowedElementTypes:["text"],actionTypes:["appear"],hasCopyPaste:!0,defaults:{actionType:"appear",duration:100,rotation:15,verticalTravel:10,horizontalTravel:0},controls:{rotation:{type:"slider",label:"Rotation",tooltip:"Defines the rotation angle of letters from which they will begin to appear.",min:-360,max:360},verticalTravel:{type:"slider",label:"Vertical Travel",min:-100,max:100,tooltip:"Defines the vertical amount of movement that letters will make until they appear."},horizontalTravel:{type:"slider",label:"Horizontal Travel",min:-100,max:100,tooltip:"Defines the horizontal amount of movement that letters will make until they appear."}},preview:"animation-typewriter",save:e=>d(e,{},{typewriter:!0,useTextLineCursor:!1})},v.colorChange={id:"colorChange",name:"Color",category:"Color",actionTypes:["hover","click"],excludedElementTypes:["image","button","lottie","tabs","tabs2","tabs2Slideshow","tabsSwitcher","tabs2Arrow","tabs2ArrowPrev","tabs2ArrowNext","tabs2Text","tabs2CategorySwitcher","imageComparison","scrollTop"],defaults:{actionType:"hover",colorFrom:"#000",colorTo:"#ffadd8"},controls:{colorFrom:{type:"color",label:"1st Color"},colorTo:{type:"color",label:"2nd Color"}},preview:"animation-color",save:e=>d(e,{color:e.colorFrom},{color:e.colorTo})},v.fadeIn={id:"fadeIn",name:"Fade In",category:y,actionTypes:["appear","scroll"],preview:"animation-fade-in",defaults:{actionType:"hover",initialOpacity:30},controls:{initialOpacity:{type:"slider",label:"Opacity",max:100,tooltip:"Defines the initial state of your Fade in animation. If set to zero the element will not be visible until the trigger is activated. If set to 100 (max value) the element will be opaque and the fade in effect won’t be noticeable."}},save:e=>d(e,{opacity:e.initialOpacity},{opacity:100})},v.hoverFadeOut={id:"hoverFadeOut",name:"Fade Out",category:u,actionTypes:["hover","click"],defaults:{actionType:"hover",opacity:60},controls:{opacity:{type:"slider",label:"Opacity",max:100,tooltip:"Defines the end state of your Fade Out animation. If set to zero the element will fade out & disappear completely. If set to 100 the element will be opaque and the fade out effect will not be noticeable."}},preview:"animation-fade-out",save:e=>d(e,{},{opacity:e.opacity})},v.blurIn={id:"blurIn",name:"Blur In",category:y,actionTypes:["appear","scroll"],preview:"animation-blur",defaults:{blur:5},controls:{blur:{type:"slider",label:"Blur",max:100}},save:e=>d(e,{opacity:0,blur:e.blur},{opacity:100,blur:0})},v.zoom={id:"zoom",name:"Zoom",category:u,visibleInList:!1,actionTypes:["hover","click"],controls:{zoom:{type:"slider",label:"Zoom",max:300}},defaults:{actionType:"hover",zoom:120},preview:"animation-zoom-in",save:e=>d(e,{},{opacity:100,scale:e.zoom})},v.appearZoom={id:"appearZoom",name:"Appear & Zoom",category:y,actionTypes:["appear","scroll"],visibleInList:!1,preview:"animation-appear-zoom-in",defaults:{zoom:80},controls:{zoom:{type:"slider",label:"Zoom",max:300}},save:e=>d(e,{opacity:0,scale:e.zoom},{opacity:100,scale:100})},v.hoverZoomUp={id:"hoverZoomUp",name:"Zoom In",category:u,actionTypes:["hover","click"],visibleInList:!0,controls:{zoomDown:{type:"slider",label:"Zoom",min:100,max:300,tooltip:"The element increases in size. If zoom property is set to 120 it means your element will zoom in with 120% from its initial state."}},defaults:{actionType:"hover",zoomDown:120},preview:"animation-zoom-in",save:e=>d(e,{},{opacity:100,scale:e.zoomDown})},v.hoverZoomDown={id:"hoverZoomDown",name:"Zoom Out",category:u,actionTypes:["hover","click"],visibleInList:!0,defaults:{actionType:"hover",zoom:80},controls:{zoom:{type:"slider",label:"Zoom",max:100,tooltip:"The element decreases in size. If zoom property is set to 8

10 it means your element will zoom out with 80% from its initial state."}},preview:"animation-zoom-out",save:e=>d(e,{},{opacity:100,scale:e.zoom})},v.zoomUp={id:"zoomUp",name:"Appear & Zoom In",category:y,actionTypes:["appear","scroll"],preview:"animation-appear-zoom-in",visibleInList:!0,defaults:{zoom:20},controls:{zoom:{type:"slider",label:"Zoom",max:100,tooltip:"The element will appear and start increasing in size. The zoom property specifies the starting point of your zoom in animation. If zoom property is set to 20 it means your element will start to zoom in from 20% of its initial state. "}},save:e=>d(e,{opacity:0,scale:e.zoom},{opacity:100,scale:100})},v.zoomDown={id:"zoomDown",name:"Appear & Zoom Out",category:y,actionTypes:["appear","scroll"],preview:"animation-appear-zoom-out",visibleInList:!0,defaults:{zoomDown:120},controls:{zoomDown:{type:"slider",label:"Zoom",min:100,max:300,tooltip:"The element will appear and start decreasing in size. The zoom property specifies the starting point of your zoom out animation. If property is set to 120 it means your element will appear & will start zooming out from 120% of its initial state. "}},save:e=>d(e,{opacity:0,scale:e.zoomDown},{opacity:100,scale:100})},v.slideLeft={id:"slideLeft",name:"Slide Left",category:y,actionTypes:["appear","scroll"],preview:"animation-slide-left",defaults:{actionType:"appear",travel:100},controls:{travel:{type:"slider",label:"Travel",tooltip:"Defines the distance (in px) of your animation."}},save:e=>d(e,{opacity:0,left:e.travel},{opacity:100,left:0})},v.slideRight={id:"slideRight",name:"Slide Right",category:y,actionTypes:["appear","scroll"],defaults:{actionType:"appear",travel:100},controls:{travel:{type:"slider",label:"Travel",tooltip:"Defines the distance (in px) of your animation."}},preview:"animation-slide-right",save:e=>d(e,{opacity:0,left:-1*e.travel},{opacity:100,left:0})},v.slideUp={id:"slideUp",name:"Slide Up",category:y,actionTypes:["appear","scroll"],defaults:{actionType:"appear",travel:100},controls:{travel:{type:"slider",label:"Travel",tooltip:"Defines the distance (in px) of your animation."}},preview:"animation-slide-up",save:e=>d(e,{opacity:0,top:e.travel},{opacity:100,top:0})},v.slideDown={id:"slideDown",name:"Slide Down",category:y,actionTypes:["appear","scroll"],defaults:{actionType:"appear",travel:100},controls:{travel:{type:"slider",label:"Travel",tooltip:"Defines the distance (in px) of your animation."}},preview:"animation-slide-down",save:e=>d(e,{opacity:0,top:-1*e.travel},{opacity:100,top:0})},v.slideUp2={id:"slideUp2",name:"Slide Up with Rotation",category:y,actionTypes:["appear","scroll"],clipBottom:!0,defaults:{actionType:"appear",duration:1600,opacity:0,travel:100,rotation:20},controls:{travel:{type:"slider",label:"Travel",tooltip:"Defines the distance (in px) of your animation."},opacity:{type:"slider",label:"Opacity on Start",min:0,max:100},rotation:{type:"slider",label:"Rotation on Start",min:-359,max:360}},preview:"animation-slide-up-with-rotation",save:e=>d(e,{opacity:e.opacity,top:e.travel,rotate:e.rotation},{opacity:100,top:0,rotate:0})},v.flipIn={id:"flipIn",name:"Flip In",isInDevelopment:!0,category:y,actionTypes:["appear","scroll"],defaults:{actionType:"appear",rotation:-90,direction:"left"},controls:{rotation:{type:"slider",label:"Rotation",tooltip:"Defines the distance (in px) of your animation.",min:-360,max:360}},preview:"animation-flip-in",save:e=>d(e,{rotateY:e.rotation,opacity:0},{rotateY:0,opacity:100})},v.foldIn={id:"foldIn",name:"Fold In",isInDevelopment:!0,category:y,actionTypes:["appear","scroll"],defaults:{actionType:"appear",rotation:90,direction:"left"},controls:{direction:{type:"radio",label:"Direction",items:{left:"Left",right:"Right"}},rotation:{type:"slider",label:"Rotation",tooltip:"Defines the distance (in px) of your animation.",min:-360,max:360}},preview:"animation-fold-in-left",save:e=>d(e,{transformOrigin:e.direction,rotateY:e.rotation,opacity:0},{transformOrigin:e.direction,rotateY:0,opacity:100})},v.reveal={id:"reveal",name:"Reveal",isInDevelopment:!0,category:y,actionTypes:["appear","scroll"],defaults:{actionType:"appear",direction:"Right",transformOrigin:"left"},controls:{direction:{type:"radio",label:"Direction",items:{Top:"Top",Right:"Right",Bottom:"Bottom",Left:"Left"}}},preview:"animation-reveal-left",save:e=>{let t="clipRight";return t=`clip${e.direction}`,d(e,{[t]:100},{[t]:0})}},Object.keys(v).forEach((e=>{v[e]=s()(n()(f),v[e])}));const h=v;var g=o(926),w=o.n(g),T=o(3609),b=o.n(T);const z=e=>b()(e).find(".flex-typerwriter-caret").remove(),x=(e,t)=>e.css("transition",`all ${t/1e3}s`);function I(e,t){if(!e||!t)return!1;const{offsetTop:o,offsetHeight:a}=t,{offsetTop:i}=e;return o-i>a/2||o-i<-a/2}

1function C(e="",t={}){window.$(e).each((function(){Object.entries(t).forEach((e=>window.$(this)[0].style.setProperty(e[0],e[1])))}))}function D(e){let t=e;return e.includes("/")?getComputedStyle(document.documentElement).getPropertyValue(`--${e.replace(/\//g,"--").replace(/__SLASH__/g,"--")}`):t}let O,L;function Z(e,t=!1,o=!1,i=".ffb--main-area-element__content",l=!1,s=!0,p=!1){const c=h[e]?h[e]:h.fadeIn,{defaults:m,save:d}=c,y=t||m,u=d(y),{delay:f,duration:v,easing:g,useTextLineCursor:T}=y;if("custom"===c.id)return function({config:e,selector:t,reverse:o,autoplay:i}){L&&L.pause();const n={...e.steps[0]};return L=(0,a.Z)({targets:n,autoplay:i,keyframes:[...e.steps],direction:o?"reverse":"normal",easing:"easeInOutQuart",begin:()=>b()(t).addClass("animating"),update:()=>{C(t,{"--animation-top":n.top/16+"rem","--animation-left":n.left/16+"rem","--animation-rotate":n.rotateZ+"deg","--animation-rotate-y":n.rotateY+"deg","--animation-opacity":n.opacity/100,"--animation-scale":n.scale/100,"--animation-blur":n.blur+"px","--animation-color":n.color})},complete:()=>{b()(t).removeClass("animating"),b()(t).addClass("had-animation"),b()(t).trigger("animation.complete")}}),L}({config:y,selector:i,reverse:l,autoplay:s});const Z=b()(i);if(z(Z[0]),"typewriter"===c.id){O&&O.pause();const e="flex-typerwriter-letter";Z.find("."+e).length||(r.compile(Z[0]),Z.addClass("flex-typewriter-animation-ready"));const t=i+" ."+e;let o=null;return O=(0,a.Z)({targets:t,autoplay:s,duration:v,easing:g,direction:l?"reverse":"normal",translateY:[y.verticalTravel+"%",0],translateX:[-1*y.horizontalTravel+"%",0],rotate:[y.rotation,0],opacity:[0,1],delay:(e,t)=>0===t?f:f+t*v,begin:()=>window.$(i).addClass("animating"),changeBegin:e=>{const t=Z[0];if(!T)return z(t);const a=y.actionType;o=function(e){const{type:t,animation:o,parent:a,reversed:i}=e,{animatables:n,delay:r,duration:l}=o;z(a);const s="scroll"!==t,p=i||o.reversed,c=l/n.length,m=function(e,t){const o=b()('<span class="flex-typerwriter-caret"/>');return o.css({[t?"right":"left"]:0,[t?"bottom":"top"]:0,height:b()(e).css("line-height")}),o}(n[0].target,p);s&&x(m,c),b()(a).append(m);let d=null,y=!1,u=!1;const f=l-r;return function(e){let{currentTime:o}=e;o-=r;const i=100*o/f;if(o<0)return;if(u)return;let l=Math.round(n.length*i/100);l=w()(l,0,n.length-1);const{id:v,target:h}=n[l];h!==d&&(s&&(y&&x(m,c),I(d,h)&&((e=>{e.css("transition","")})(m),y=!0)),function({type:e,$cursor:t,prevAnimatable:o,animatable:a,parent:i}){const{left:n,top:r}=i.getBoundingClientRect(),{left:l,top:s,width:p}=a.getBoundingClientRect();("scroll"===e||I(o,a))&&t.css({top:s-r}),t.css({left:l-n+p})}({type:t,$cursor:m,prevAnimatable:d,animatable:h,parent:a}),d=h),(p?0===v:v+1===n.length)?(m.addClass("flex-typerwriter-caret--finished"),s&&(u=!0)):m.removeClass("flex-typerwriter-caret--finished")}}({type:a,animation:e,parent:t,reverse:l})},update:({progress:e,currentTime:t})=>{T&&o&&o({progress:e,currentTime:t})},complete:()=>{setTimeout((()=>{z(Z[0])}),5e3),window.$(i).removeClass("animating"),window.$(i).trigger("animation.complete"),O=void 0}}),O}const E=n()(u),R=E.initial.steps.step0;R.duration=0,R.color&&["colorChange","custom"].includes(c.id)&&(R.color=D(R.color));const k=E[y.actionType].steps.step0;k.color&&(k.color=D(k.color));const S={left:0,top:0,rotate:0,opacity:100,scale:100,blur:0,rotateY:0,transformOrigin:"center",clipTop:0,clipRight:0,clipBottom:0,clipLeft:0,...R};if(o){const e="animation-list-open";window.$("html").addClass(e),setTimeout((function(){window.$("html").removeClass(e)}),f+v+100)}let $=[R,k];return p&&($=[k]),(0,a.Z)({keyframes:$,autoplay:s,delay:f,easing:g,targets:S,duration:p?v:2*v,direction:l?"reverse":"normal",begin:()=>window.$(i).addClass("animating"),update:function(){C(i,{"--animation-top":S.top/16+"rem","--animation-left":S.left/16+"rem","--animation-rotate":S.rotate+"deg","--animation-opacity":S.opacity/100,"--animation-scale":S.scale/100,"--animation-blur":S.blur+"px","--animation-rotate-y":S.rotateY+"deg","--animation-transform-origin":S.transformOrigin.replace("0",""),"--animation-clip-top":S.clipTop+"%","--animation-clip-right":S.clipRight+"%","--animation-clip-bottom":S.clipBottom+"%","--animation-clip-left":S.clipLeft+"%"}),S.color&&["colorChange","custom"].includes(c.id)&&C(i,{"--animation-color":S.color}),c.clipBottom&&C(i,{"clip-path":"inset(0 0 calc(var(--animation-top)) 0)"})},complete:()=>{window.$(i).removeClass("animating"),window.$(i).trigger("animation.complete")}})}}}]);