Current File : /home/digitaw/www/wp-content/updraft/plugins-old/embed-lottie-player/build/view.js

(()=>{"use strict";var t={744:(t,e,n)=>{var o=n(795);e.H=o.createRoot,o.hydrateRoot},795:t=>{t.exports=window.ReactDOM}},e={};const n=window.React;var o=function n(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={exports:{}};return t[o](i,i.exports,n),i.exports}(744);const r=t=>{const{color:e="#333",bgType:n="solid",bg:o="",gradient:r="linear-gradient(135deg, #4527a4, #8344c5)"}=t||{};return`\n\t\t${e?`color: ${e};`:""}\n\t\t${r||o?`background: ${"gradient"===n?r:o};`:""}\n\t`},i=t=>{const{side:e=2,vertical:n="0px",horizontal:o="0px",top:r="0px",right:i="0px",bottom:a="0px",left:l="0px"}=t||{};return 2===e?`${n} ${o}`:`${r} ${i} ${a} ${l}`},a=(t,e,n=!0)=>{const{fontFamily:o="Default",fontCategory:r="sans-serif",fontVariant:i=400,fontWeight:a=400,isUploadFont:l=!0,fontSize:c={desktop:15,tablet:15,mobile:15},fontStyle:s="normal",textTransform:p="none",textDecoration:d="auto",lineHeight:u="135%",letterSpace:$="0px"}=e||{},m=(t,e)=>t?`${e}: ${t};`:"",g=!n||!o||"Default"===o,y=c?.desktop||c,f=c?.tablet||y,b=c?.mobile||f,h=`\n\t\t${g?"":`font-family: '${o}', ${r};`}\n\t\t${m(a,"font-weight")}\n\t\tfont-size: ${y}px;\n\t\t${m(s,"font-style")}\n\t\t${m(p,"text-transform")}\n\t\t${m(d,"text-decoration")}\n\t\t${m(u,"line-height")}\n\t\t${m($,"letter-spacing")}\n\t`,v=i&&400!==i?"400i"===i?":ital@1":i?.includes("00i")?`: ital, wght@1, ${i?.replace("00i","00")} `:`: wght@${i} `:"",x=g?"":`https://fonts.googleapis.com/css2?family=${o?.split(" ").join("+")}${v.replace(/ /g,"")}&display=swap`;return{googleFontLink:!l||g?"":`@import url(${x});`,styles:`${t}{\n\t\t\t${h}\n\t\t}\n\t\t@media only screen and (min-width: 641px) and (max-width: 1024px) {\n\t\t\t${t}{\n\t\t\t\tfont-size: ${f}px;\n\t\t\t}\n\t\t}\n\t\t@media only screen and (max-width: 640px) {\n\t\t\t${t}{\n\t\t\t\tfont-size: ${b}px;\n\t\t\t}\n\t\t}`.replace(/\s+/g," ").trim()}},l="lpbLottiePlayer",c=({attributes:t,id:e})=>{const{playerAlign:o,link:c,width:s,controlsHeight:p,controlsBG:d,controlsIconColor:u,controlsIconHoverColor:$,controlsIconActiveColor:m,controlsTrackColor:g,controlsThumbColor:y,capAlign:f,capTypo:b,capColors:h,capPadding:v,capMargin:x}=t,E=`#${e} .${l}`;return(0,n.createElement)("style",{dangerouslySetInnerHTML:{__html:`\n\t\t${a("",b)?.googleFontLink}\n\t\t${a(`${E} .caption`,b)?.styles}\n\n\t\t${E}{\n\t\t\ttext-align: ${o};\n\t\t}\n\t\t${E} dotlottie-player{\n\t\t\twidth: ${s};\n\t\t\tcursor: ${c?"pointer":"auto"};\n\t\t\t--lottie-player-toolbar-height: ${p};\n\t\t\t--lottie-player-toolbar-background-color: ${d};\n\t\t\t--lottie-player-toolbar-icon-color: ${u};\n\t\t\t--lottie-player-toolbar-icon-hover-color: ${$};\n\t\t\t--lottie-player-toolbar-icon-active-color: ${m};\n\t\t\t--lottie-player-seeker-track-color: ${g};\n\t\t\t--lottie-player-seeker-thumb-color: ${y};\n\t\t}\n\t\t${E} .caption{\n\t\t\twidth: ${s};\n\t\t\ttext-align: ${f};\n\t\t\t${r(h)};\n\t\t\tpadding: ${i(v)};\n\t\t\tmargin: ${i(x)};\n\t\t}\n\t\t`.replace(/\s+/g," ")}})},s=(t,e,n,o)=>{e&&t?.setAttribute(n,o),!e&&t?.removeAttribute(n,o)},p=(0,n.forwardRef)((({attributes:t},e)=>{const{file:o,isControls:r,isAutoplay:i,isLoop:a,isHover:l,mode:c,direction:p=1,count:d,speed:u,intermission:$,background:m}=t;return(0,n.useEffect)((()=>{if(e?.current){const t=!!a&&(!(0<d)||d);s(e?.current,r,"controls",""),s(e?.current,i,"autoplay",""),s(e?.current,a,"loop",t),s(e?.current,l,"hover","")}}),[e]),(0,n.createElement)("dotlottie-player",{ref:e,src:o,autoplay:!0,loop:!0,mode:c,speed:u,direction:p,intermission:1e3*$,background:m,debug:!0})}));document.addEventListener("DOMContentLoaded",(()=>{document.querySelectorAll(".wp-block-lpb-lottie-player").forEach((t=>{const e=JSON.parse(t.dataset.attributes);(0,o.H)(t).render((0,n.createElement)(n.Fragment,null,(0,n.createElement)(c,{attributes:e,id:t.id}),(0,n.createElement)(d,{attributes:e,id:t.id}))),t?.removeAttribute("data-attributes")}))}));const d=({attributes:t,id:e})=>{const{isControls:o,isAutoplay:r,isLoop:i,isHover:a,count:c,link:d,isLinkInNewTab:u,interactivity:$,interactivityMode:m,interactivityContainer:g,interactivityActions:y,isCap:f,caption:b}=t,h=(0,n.useRef)(null);return(0,n.useEffect)((()=>{const t=document.querySelector(`#${e} .${l} lottie-player`),n=!!i&&(!(0<c)||c);s(t,o,"controls",""),s(t,r,"autoplay",""),s(t,i,"loop",n),s(t,a,"hover","")}),[]),(0,n.useEffect)((()=>{const t=h?.current;t&&$&&"noInteractivity"!==$&&t.addEventListener("ready",(()=>{LottieInteractivity.create({player:t.getLottie(),container:"scrollRelativeToContainer"===$?g:`#${e}`,mode:m,actions:y})}))}),[h?.current]),(0,n.createElement)("div",{className:l},d?(0,n.createElement)("a",{href:d,target:u?"_blank":"_self",rel:"noreferrer"},(0,n.createElement)(p,{ref:h,attributes:t})):(0,n.createElement)(p,{ref:h,attributes:t}),f&&(0,n.createElement)(n.Fragment,null,(0,n.createElement)("br",null),(0,n.createElement)("span",{className:"caption"},b)))}})();