(()=>{"use strict";var t={56:(t,i,e)=>{t.exports=function(t){var i=e.nc;i&&t.setAttribute("nonce",i)}},72:t=>{var i=[];function e(t){for(var e=-1,o=0;o<i.length;o++)if(i[o].identifier===t){e=o;break}return e}function o(t,o){for(var a={},r=[],s=0;s<t.length;s++){var p=t[s],c=o.base?p[0]+o.base:p[0],d=a[c]||0,l="".concat(c," ").concat(d);a[c]=d+1;var m=e(l),f={css:p[1],media:p[2],sourceMap:p[3],supports:p[4],layer:p[5]};if(-1!==m)i[m].references++,i[m].updater(f);else{var g=n(f,o);o.byIndex=s,i.splice(s,0,{identifier:l,updater:g,references:1})}r.push(l)}return r}function n(t,i){var e=i.domAPI(i);return e.update(t),function(i){if(i){if(i.css===t.css&&i.media===t.media&&i.sourceMap===t.sourceMap&&i.supports===t.supports&&i.layer===t.layer)return;e.update(t=i)}else e.remove()}}t.exports=function(t,n){var a=o(t=t||[],n=n||{});return function(t){t=t||[];for(var r=0;r<a.length;r++){var s=e(a[r]);i[s].references--}for(var p=o(t,n),c=0;c<a.length;c++){var d=e(a[c]);0===i[d].references&&(i[d].updater(),i.splice(d,1))}a=p}}},113:t=>{t.exports=function(t,i){if(i.styleSheet)i.styleSheet.cssText=t;else{for(;i.firstChild;)i.removeChild(i.firstChild);i.appendChild(document.createTextNode(t))}}},314:t=>{t.exports=function(t){var i=[];return i.toString=function(){return this.map(function(i){var e="",o=void 0!==i[5];return i[4]&&(e+="@supports (".concat(i[4],") {")),i[2]&&(e+="@media ".concat(i[2]," {")),o&&(e+="@layer".concat(i[5].length>0?" ".concat(i[5]):""," {")),e+=t(i),o&&(e+="}"),i[2]&&(e+="}"),i[4]&&(e+="}"),e}).join("")},i.i=function(t,e,o,n,a){"string"==typeof t&&(t=[[null,t,void 0]]);var r={};if(o)for(var s=0;s<this.length;s++){var p=this[s][0];null!=p&&(r[p]=!0)}for(var c=0;c<t.length;c++){var d=[].concat(t[c]);o&&r[d[0]]||(void 0!==a&&(void 0===d[5]||(d[1]="@layer".concat(d[5].length>0?" ".concat(d[5]):""," {").concat(d[1],"}")),d[5]=a),e&&(d[2]?(d[1]="@media ".concat(d[2]," {").concat(d[1],"}"),d[2]=e):d[2]=e),n&&(d[4]?(d[1]="@supports (".concat(d[4],") {").concat(d[1],"}"),d[4]=n):d[4]="".concat(n)),i.push(d))}},i}},524:(t,i,e)=>{e.d(i,{A:()=>s});var o=e(601),n=e.n(o),a=e(314),r=e.n(a)()(n());r.push([t.id,"@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.fast{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.normal{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}app-iimage{display:block}.iactiveImgPoint{box-sizing:border-box;width:30px;height:30px;background:hsla(0,0%,100%,.5);position:absolute;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;cursor:pointer;z-index:20;margin-left:-15px;margin-top:-15px}.iactiveImgPointInner{width:100%;height:100%;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.1);box-shadow:0 0 5px 0 rgba(0,0,0,.1);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.innerImgPoint{width:20px;height:20px;background:hsla(0,0%,100%,.5);margin-left:-10px;margin-top:-10px;position:absolute;left:50%;top:50%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.iactiveImg{position:relative;width:100%;line-height:1}.iactiveImg img{width:100% !important;height:auto !important;padding:0px !important}.iactiveImg iframe{padding:0px !important}.pointBoxLink{border:1px solid #000;padding-top:2%;padding-bottom:2%;padding-left:1%;padding-right:1%;width:100%;text-align:center;color:#000;width:100%;display:block;margin-top:14px;font-size:14px;text-decoration:none !important}.pointBoxLink:hover,.pointBoxLink:focus,.pointBoxLink:active{color:#000;opacity:.5}.pointBox{background-color:#fefefe;margin-left:4%;min-height:100px;position:absolute;width:30%;z-index:100;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.3);min-width:220px;max-width:350px}.pointBox.ii_wide{width:50%;max-width:initial;max-width:400px}.pointBoxTxt{padding:24px;padding-top:15px;padding-bottom:24px;display:block !important;line-height:21px}.pointBoxTitle{font-size:18px;margin-bottom:14px;width:100%;line-height:25px}.pointBoxDesc{width:100%;font-size:11px;line-height:18px;color:#8e8f8f}.pointBoxClose{position:absolute;top:0px;right:0px;width:50px;height:50px;background-size:50px;z-index:1}.pointBoxCloseIcon{width:30px;height:30px;background-size:10px;top:5px;right:5px;position:absolute;cursor:pointer;background-position:center;background-color:#fff;background-repeat:no-repeat;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);box-shadow:0 0 5px 0 rgba(0,0,0,.3)}.pointBoxCloseIcon svg{top:7px;left:7px;position:absolute;transform:scale(0.8)}.pointBoxCloseIcon:hover{opacity:.8}.pointBoxArrow{color:#fefefe !important;top:50%;position:absolute;left:-17px;z-index:-1;line-height:0;margin-top:-41px}.pointBoxArrow .pointBoxArrowLeft{filter:drop-shadow(3px 0px 1px rgba(0, 0, 0, 0.1))}.pointBoxArrow .pointBoxArrowRight{filter:drop-shadow(-3px 0px 1px rgba(0, 0, 0, 0.1))}.pointBoxArrow.fa-new{text-shadow:0px 0px 5px rgba(0,0,0,.5)}.pointBoxArrow.fa-new.fa-new-caret-left{text-shadow:-3px 0px 4px rgba(0,0,0,.2)}.pointBoxArrow.fa-new.fa-new-caret-right{text-shadow:3px 0px 4px rgba(0,0,0,.2)}.pointBoxArrow.fa-new.fa-new-caret-right{left:-18px}@-webkit-keyframes ownpulse{0%{-webkit-box-shadow:0px 0px 0px 0px #fff;box-shadow:0px 0px 0px 0px #fff}50%{-webkit-box-shadow:0px 0px 0px 40px rgba(92,112,214,0);box-shadow:0px 0px 0px 40px rgba(92,112,214,0)}}@-o-keyframes ownpulse{0%{box-shadow:0px 0px 0px 0px #fff}50%{box-shadow:0px 0px 0px 40px rgba(92,112,214,0)}}@keyframes ownpulse{0%{-webkit-box-shadow:0px 0px 0px 0px #fff;box-shadow:0px 0px 0px 0px #fff}50%{-webkit-box-shadow:0px 0px 0px 40px rgba(92,112,214,0);box-shadow:0px 0px 0px 40px rgba(92,112,214,0)}}@-o-keyframes flipnew{from{opacity:0;-webkit-transform:perspective(800px) translate(0, 40%) rotateY(-90deg);transform:perspective(800px) translate(0, 40%) rotateY(-90deg)}to{opacity:1;-webkit-transform:perspective(800px) translate(0, 0) rotateY(0deg);transform:perspective(800px) translate(0, 0) rotateY(0deg)}}@keyframes flipnew{from{opacity:0;-webkit-transform:perspective(800px) translate(0, 40%) rotateY(-90deg);transform:perspective(800px) translate(0, 40%) rotateY(-90deg)}to{opacity:1;-webkit-transform:perspective(800px) translate(0, 0) rotateY(0deg);transform:perspective(800px) translate(0, 0) rotateY(0deg)}}@-webkit-keyframes flipnew{from{opacity:0;-webkit-transform:perspective(800px) translate(0, 40%) rotateY(-90deg);transform:perspective(800px) translate(0, 40%) rotateY(-90deg)}to{opacity:1;-webkit-transform:perspective(800px) translate(0, 0) rotateY(0deg);transform:perspective(800px) translate(0, 0) rotateY(0deg)}}.ownflip{-webkit-animation-name:flipnew;-o-animation-name:flipnew;animation-name:flipnew;-webkit-animation-duration:.2s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.pulsetrigger{-webkit-animation:ownpulse 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both;-o-animation:ownpulse 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both;animation:ownpulse 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both}.secondtype .editpointer,.secondtype .iactiveImgPoint{background-color:rgba(0,0,0,0) !important;border-width:4px;border-style:solid;border-color:hsla(0,0%,100%,.5)}.secondtype .innereditpoint,.secondtype .innerImgPoint{display:none !important}.thirdtype .editpointer,.thirdtype .iactiveImgPoint{background-color:rgba(0,0,0,0) !important}.elementWrapper{position:absolute;top:0px;left:0px;right:0px;width:100%;height:100%;overflow:hidden}.buildIcon{width:60px !important;height:60px !important;position:absolute !important;right:10px !important;bottom:10px !important;background:hsla(0,0%,100%,.9) !important;z-index:11 !important;border-radius:50% !important}.buildIconInner{width:60%;height:60%;margin-left:20%;margin-top:17%;background-repeat:no-repeat;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../../assets/buildwithlogo.png);position:relative}.iactiveImgPoint.customicon{background:rgba(0,0,0,0);box-shadow:none !important;border-color:rgba(0,0,0,0) !important}.iactiveImgPoint.customicon .iactiveImgPointInner .innerImgPoint,.iactiveImgPoint.customicon .iactiveImgPointInner{background:rgba(0,0,0,0)}.element{position:absolute;width:40%;height:auto !important;display:none}.editelement.active img{-webkit-box-shadow:0 0 0 10px hsla(0,0%,100%,.3);box-shadow:0 0 0 10px hsla(0,0%,100%,.3)}@media screen and (max-width: 580px){.iactiveImg:not(.mobileAligned) .pointBox{top:10px !important;margin-top:0px !important}.pointBox{z-index:112;left:0 !important;right:0 !important;margin-left:auto !important;margin-right:auto !important}.pointBox.ii_wide{width:100% !important;max-width:initial}.pointBoxArrow{display:none !important}}",""]);const s=r},540:t=>{t.exports=function(t){var i=document.createElement("style");return t.setAttributes(i,t.attributes),t.insert(i,t.options),i}},601:t=>{t.exports=function(t){return t[1]}},659:t=>{var i={};t.exports=function(t,e){var o=function(t){if(void 0===i[t]){var e=document.querySelector(t);if(window.HTMLIFrameElement&&e instanceof window.HTMLIFrameElement)try{e=e.contentDocument.head}catch(t){e=null}i[t]=e}return i[t]}(t);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(e)}},825:t=>{t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var i=t.insertStyleElement(t);return{update:function(e){!function(t,i,e){var o="";e.supports&&(o+="@supports (".concat(e.supports,") {")),e.media&&(o+="@media ".concat(e.media," {"));var n=void 0!==e.layer;n&&(o+="@layer".concat(e.layer.length>0?" ".concat(e.layer):""," {")),o+=e.css,n&&(o+="}"),e.media&&(o+="}"),e.supports&&(o+="}");var a=e.sourceMap;a&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),i.styleTagTransform(o,t,i.options)}(i,t,e)},remove:function(){!function(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t)}(i)}}}}},i={};function e(o){var n=i[o];if(void 0!==n)return n.exports;var a=i[o]={id:o,exports:{}};return t[o](a,a.exports,e),a.exports}e.n=t=>{var i=t&&t.__esModule?()=>t.default:()=>t;return e.d(i,{a:i}),i},e.d=(t,i)=>{for(var o in i)e.o(i,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:i[o]})},e.o=(t,i)=>Object.prototype.hasOwnProperty.call(t,i),e.nc=void 0;var o=e(72),n=e.n(o),a=e(825),r=e.n(a),s=e(659),p=e.n(s),c=e(56),d=e.n(c),l=e(540),m=e.n(l),f=e(113),g=e.n(f),b=e(524),x={};x.styleTagTransform=g(),x.setAttributes=d(),x.insert=p().bind(null,"head"),x.domAPI=r(),x.insertStyleElement=m(),n()(b.A,x),b.A&&b.A.locals&&b.A.locals;class h{constructor(t){this.mainUrl="https://api.interactive-img.com/",this.elementsVisible=!0,this.imgData,this.timeoutCounter=0,this.pointCounter=0,this.activePoint,this.renderImg(t)}async renderImg(t){let i=t.dataset.ii,e=t;this.imgData=await this.fetchImg(t.dataset.ii),this.imgData.points.forEach(t=>{t.youtube&&(t.youtube.youtube&&(t.youtube.youtube="https://www.youtube.com/embed/"+t.youtube.youtube+"?enablejsapi=1&version=3&playerapiid=ytplayer"),t.youtube.vimeo&&(t.youtube.vimeo="https://player.vimeo.com/video/"+t.youtube.vimeo))});let o=this.createImg(this.imgData);this.imgData.config.pointtype?e.classList.add(this.imgData.config.pointtype):e.classList.add("firsttype"),this.imgData.config.mobile_alignment&&e.classList.add("mobileAligned"),e.id="iimg_"+i,e.innerHTML=o;let n=this.imgData.config;null!=n.descbox_color&&""!=n.descbox_color&&(this.arrowcolor="color:"+n.descbox_color+" !important");let a="";if(null!=this.imgData.config.mobile_point_scale&&""!==this.imgData.config.mobile_point_scale&&1!==this.imgData.config.mobile_point_scale){a=`\n                @media (max-width: 768px) {\n                #iimg_${this.imgData.image.id} .iactiveImgPoint {\n                    transform: scale(${n.mobile_point_scale});\n                }\n                }\n            `;const t=document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css",i.appendChild(document.createTextNode(a)),t.appendChild(i)}const r="#iimg_"+this.imgData.image.id+" .pointBoxArrow{"+this.arrowcolor+"}";if(null!=this.imgData.config.point_color&&""!=this.imgData.config.point_color){this.imgData.config.point_color;let t="",i="pulse_"+this.imgData.image.id;t="@-webkit-keyframes pulse_"+this.imgData.image.id+" {0% { -webkit-box-shadow: 0px 0px 0px 0px "+this.imgData.config.point_color+"; box-shadow: 0px 0px 0px 0px "+this.imgData.config.point_color+"; } 50% { -webkit-box-shadow: 0px 0px 0px 40px rgba(92, 112, 214, 0); box-shadow: 0px 0px 0px 40px rgba(92, 112, 214, 0); } } @-o-keyframes pulse_"+this.imgData.config.point_color+" { 0% { box-shadow: 0px 0px 0px 0px "+this.imgData.config.point_color+"; } 50% { box-shadow: 0px 0px 0px 40px rgba(92, 112, 214, 0); } } @keyframes pulse_"+this.imgData.image.id+" { 0% { -webkit-box-shadow: 0px 0px 0px 0px "+this.imgData.config.point_color+"; box-shadow: 0px 0px 0px 0px "+this.imgData.config.point_color+"; } 50% { -webkit-box-shadow: 0px 0px 0px 40px rgba(92, 112, 214, 0); box-shadow: 0px 0px 0px 40px rgba(92, 112, 214, 0); } }",t=t+" #iimg_"+this.imgData.image.id+" .pulsetrigger { -webkit-animation: "+i+" 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both; -o-animation: "+i+" 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both; animation: "+i+" 3s cubic-bezier(0.19, 1, 0.22, 1) infinite both;}";const e="rgba(255, 255, 255, 1)"===this.imgData.config.point_color?"opacity:0.5;":"",o=t+"\n                #iimg_"+this.imgData.image.id+".secondtype .iactiveImgPoint{ border-color:"+this.imgData.config.point_color+" !important; } \n                #iimg_"+this.imgData.image.id+".thirdtype .innerImgPoint{ background:"+this.imgData.config.point_color+" !important; } \n                #iimg_"+this.imgData.image.id+".firsttype .iactiveImgPointInner{ background:"+this.imgData.config.point_color+" !important; "+e+" }\n            ",n=document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css",a.appendChild(document.createTextNode(o)),a.appendChild(document.createTextNode(r)),document.head.textContent.includes(a.textContent)||n.appendChild(a)}this.imgData.points.forEach(t=>{void 0===this.imgData.config||1==this.imgData.config.pulse&&1!==this.imgData.config.simultaneous?setTimeout(()=>{setTimeout(()=>{e.querySelector(".iactiveImgPoint[data-id='"+this.imgData.points[this.timeoutCounter].id+"']").style.display="block",this.timeoutCounter=this.timeoutCounter+1},200*this.pointCounter+1e3),this.pointCounter=this.pointCounter+1},1e3*this.imgData.config.point_delay):this.imgData.points.map(function(t){e.querySelector(".iactiveImgPoint[data-id='"+t.id+"']").style.display="block"})}),this.addEventListeners(e),this.isInViewport(e)&&e.querySelectorAll(".element").forEach(t=>{t.style.display="block"})}async fetchImg(t){let i=await fetch(`${this.mainUrl}img?id=${t}`);return await i.json()}showBox(t,i){this.activePoint!=t&&this.hideBox(i),this.activePoint=t;let e=this.imgData.points.find(i=>i.id==t),o=i,n=i.querySelector(".pointBox[data-id='"+t+"']"),a=i.querySelector(".iactiveImgPoint[data-id='"+t+"']"),r=i.querySelector(".pointBox[data-id='"+t+"'] .pointBoxArrow");if(n){if(n.style.display="block",n.querySelector(".pointBoxArrowLeft").style.display="none",n.querySelector(".pointBoxArrowRight").style.display="block",e.x>67){let t=n.getBoundingClientRect().width,i=o.getBoundingClientRect().width;e.arrowRight=!0,n.querySelector(".pointBoxArrowLeft").style.display="block",n.querySelector(".pointBoxArrowRight").style.display="none",n.style.marginLeft="-"+(t+.04*i)+"px",r.style.marginLeft=t+15+"px"}o.getBoundingClientRect().height;let t=n.getBoundingClientRect().height;n.style.marginTop=t>250?"-"+(.7*t+15)+"px":"-"+(.5*t+15)+"px",this.getOffsetTop(o)<=-1*n.offsetTop&&(n.style.marginTop="-"+(a.offsetTop+10)+"px"),r.style.top=a.offsetTop-n.offsetTop+30+"px";let i=this.imgData.config.animation?this.imgData.config.animation:"fadeInUp";n.classList.contains(i)||n.classList.add(i)}}hideBox(t){if(null!=this.activePoint){let i=t.querySelector(".pointBox[data-id='"+this.activePoint+"']");if(i){i.style.display="none";let e=this.imgData.config.animation?this.imgData.config.animation:"fadeInUp";i.classList.contains(e)&&i.classList.remove(e);let o=t.querySelector(".pointBox[data-id='"+this.activePoint+"'] iframe");o&&o.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"),this.activePoint=null}}}isInViewport(t){var i=t.getBoundingClientRect(),e=t.offsetHeight,o=t.offsetWidth;return i.top>=-e&&i.left>=-o&&i.right<=(window.innerWidth||document.documentElement.clientWidth)+o&&i.bottom<=(window.innerHeight||document.documentElement.clientHeight)+e}getOffsetTop(t){let i=0;if(t.offsetParent)do{i+=t.offsetTop,t=t.offsetParent}while(t);return i>=0?i:0}addEventListeners(t){t.querySelectorAll(".iactiveImgPoint").forEach(i=>{i.addEventListener("click",i=>{this.showBox(i.target.closest(".iactiveImgPoint").dataset.id,t)})}),t.querySelectorAll(".pointBox .pointBoxClose").forEach(i=>{i.addEventListener("click",i=>{this.hideBox(t)})}),window.addEventListener("resize",this.debounce(()=>{this.showBox(this.activePoint,t)},200)),window.addEventListener("scroll",()=>{this.isInViewport(t)&&t.querySelectorAll(".element").forEach(t=>{t.style.display="block"})})}debounce(t,i){let e;return(...o)=>{const n=this;clearTimeout(e),e=setTimeout(()=>t.apply(n,o),i)}}createImg(t){const i=t.config.title_font_size?"font-size: "+t.config.title_font_size+"px; line-height: "+Math.round(1.38*t.config.title_font_size)+"px;":"",e=t.config.description_font_size?"font-size: "+t.config.description_font_size+"px; line-height: "+Math.round(1.63*t.config.description_font_size)+"px;":"",o=t.config.link_font_size?"font-size: "+t.config.link_font_size+"px; line-height: "+Math.round(1.5*t.config.link_font_size)+"px;":"",n=t.config.descbox_titlecolor?"color: "+t.config.descbox_titlecolor+";":"",a=t.config.descbox_textcolor?"color: "+t.config.descbox_textcolor+";":"",r=t.config.descbox_linkcolor?"color: "+t.config.descbox_linkcolor+"; line-height: "+t.config.descbox_linkcolor+"; border-color:"+t.config.descbox_linkcolor+";":"",s="ii_"+t.config.box_width,p=t.config.border_radius?"border-radius: "+t.config.border_radius+"px !important;":"";return`<img loading="lazy" src="proxy.php?url=${this.mainUrl+t.image.url}" width="${t.image.width?t.image.width:""}" height="${t.image.height?t.image.height:""}"/>\n                ${1!==t.config.hide_logo?'<a href="proxy.php?url=https://interactive-img.com/" style="display: block !important; visibility: visible !important; width: 60px !important; height: 60px !important;" target="_blank" class="buildIcon"><div style="display:block !important; visibility: visible !important; background-image: url(\'https://interactive-img.com/assets/logo.svg\');" class="buildIconInner"></div></a>':""}\n                ${t.elements?`<div class="elementWrapper">\n                        ${t.elements.map(i=>`\n                            <div data-id="${i.id}" id="el_${i.id}" class="element animated ${i.animation}"\n                            style="left: ${i.x}%; top: ${i.y}%; z-index: ${i.layer_height}; animation-duration: ${i.animation_speed}s; animation-delay: ${i.delay}s; width: ${i.size}%; display: ${t.elementsVisible?"block":""}">\n                                <img loading="lazy" src="proxy.php?url=${this.mainUrl+i.image_url}" width="${i.width?i.width:""}" height="${i.height?i.height:""}" style="transform: rotate(${i.deg}deg)">\n                            </div>\n                        `).join("")}\n                    </div>`:""}\n                ${t.points.map(c=>{let d="",l="",m="";return c.point_color&&("thirdtype"===t.config.pointtype?m=`background-color: ${c.point_color} !important;`:"firsttype"===t.config.pointtype||null===t.config.pointtype?l=`background-color: ${c.point_color} !important;`:"secondtype"===t.config.pointtype&&(d=`border-color: ${c.point_color} !important;`)),`\n                    <div class="iactiveImgPoint ${t.config.pulse?"pulsetrigger":""}" style="left: ${c.x}%; top: ${c.y}%; display:none;${d}" data-id="${c.id}">\n                        <div class="iactiveImgPointInner" style="${l}">\n                            <div class="innerImgPoint" style="${m}"></div>\n                        </div>\n                    </div>\n                    <div class="pointBox normal ${s}" style="left: ${c.x}%; top: ${c.y}%; display: none; background-color: transparent !important; ${p}" data-id="${c.id}">\n                        <div class="pointBoxArrow" style="z-index: 1 !important;">\n                            <svg width="20" style="width: 20px !important; height:53px !important" class="pointBoxArrowLeft" height="53" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="${t?.config?.descbox_color?t.config.descbox_color:"#ffffff"}" d="M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z"/></svg>\n                            <svg width="20" style="width: 20px !important; height:53px !important" class="pointBoxArrowRight" height="53" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path fill="${t?.config?.descbox_color?t.config.descbox_color:"#ffffff"}" d="M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z"/></svg>                             \n                        </div>\n                        <div class="pointBoxInner" style="background-color: ${t.config.descbox_color?t.config.descbox_color:"#fefefe"}; ${p} height: 100%; min-height: 100px; overflow: hidden; position: relative; z-index: 2;">\n                            <div class="pointBoxClose">\n                                <div class="pointBoxCloseIcon" style="background-color: ${t.config.descbox_color}">\n                                    <svg height="16" width="16" xmlns="http://www.w3.org/2000/svg"><g fill="none" stroke="${t.config.descbox_textcolor?t.config.descbox_textcolor:"black"}" stroke-width="1"><path d="M2 14L14 2M2 2l12 12"></path></g></svg>\n                                </div>\n                            </div>\n                            ${c.imageurl?`<img loading="lazy" src="proxy.php?url=${this.mainUrl+c.imageurl}"  width="${c.image_width?c.image_width:""}" height="${c.image_height?c.image_height:""}">`:""}\n                            \n                            ${c.title||c.description||c.link_label||c.link?`\n                            <div class="pointBoxTxt">\n                                ${c.title?`<div class="pointBoxTitle" style="${n} ${i}" >\n                                    ${c.title}\n                                </div>`:""}\n                                ${c.description?`<div style="${a} ${e}" class="pointBoxDesc">${c.description}</div>`:""}\n                                ${c.link&&c.link_label?`<a style="${r} ${o} ${p}" target="${t.config.target?t.config.target:"_blank"}" href="proxy.php?url=${c.link}" class="pointBoxLink">${c.link_label}</a>`:""}\n                                ${c.secondary_link&&c.secondary_link_label?`<a style="${r} ${o} ${p}" target="${t.config.target?t.config.target:"_blank"}" href="proxy.php?url=${c.secondary_link}" class="pointBoxLink">${c.secondary_link_label}</a>`:""}\n                            </div>`:""}\n\n                            ${c.youtube&&(c.youtube.youtube||c.youtube.vimeo)?`<div class='iiytb'>\n                                <iframe style='padding:5px;' loading="lazy" src="proxy.php?url=${c.youtube.youtube?c.youtube.youtube:c.youtube.vimeo}" width='100%' height='180' allowfullscreen="allowfullscreen" frameborder='0'></iframe>\n                            </div>`:""}\n                        </div>\n                    </div>\n                `}).join("")}`}}window.initIImg||(window.initIImg=function(){let t=!1;document.querySelectorAll(".iactiveImg")&&(t=!0,document.querySelectorAll(".iactiveImg").forEach(t=>{new h(t)})),window.addEventListener("load",i=>{!1!==t&&""!==document.querySelectorAll(".iactiveImg")[0].innerHTML||document.querySelectorAll(".iactiveImg").forEach(t=>{new h(t)})})}),window.initIImg()})();