https://commercehq.com/projects_builder-app_src_app_base_component…nk_component_ts-es5.eb7db20e618ec2cbf56c.js

1!function(){"use strict";function e(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var i,r,o=[],a=!0,s=!1;try{for(t=t.call(e);!(a=(i=t.next()).done)&&(o.push(i.value),!n||o.length!==n);a=!0);}catch(l){s=!0,r=l}finally{try{a||null==t.return||t.return()}finally{if(s)throw r}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return n(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);"Object"===i&&e.constructor&&(i=e.constructor.name);if("Map"===i||"Set"===i)return Array.from(e);if("Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i))return n(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function n(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,i=new Array(n);t<n;t++)i[t]=e[t];return i}function t(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function i(e,n){for(var t=0;t<n.length;t++){var i=n[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function r(e,n,t){return n&&i(e.prototype,n),t&&i(e,t),e}function o(e,n,t){return(o="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(e,n,t){var i=function(e,n){for(;!Object.prototype.hasOwnProperty.call(e,n)&&null!==(e=u(e)););return e}(e,n);if(i){var r=Object.getOwnPropertyDescriptor(i,n);return r.get?r.get.call(t):r.value}})(e,n,t||e)}function a(e,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(n&&n.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),n&&s(e,n)}function s(e,n){return(s=Object.setPrototypeOf||function(e,n){return e.__proto__=n,e})(e,n)}function l(e){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch(e){return!1}}();return function(){var t,i=u(e);if(n){var r=u(this).constructor;t=Reflect.construct(i,arguments,r)}else t=i.apply(this,arguments);return c(this,t)}}function c(e,n){if(n&&("object"==typeof n||"function"==typeof n))return n;if(void 0!==n)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}(self.webpackChunkchq_builder=self.webpackChunkchq_builder||[]).push([["projects_builder-app_src_app_base_components_image-link_image-link_component_ts"],{44138:function(e,n,i){i.r(n),i.d(n,{ImageLinkComponent:function(){return Y}});var s=i(12057),c=i(74788),d=i(8040),f=i(6388),g=i(74294),h=i(34689),p=i(37540),b=i(42687),m=i(25755),y=i(86550),v=i(66614),_=i(65952),O=i(51117),k=i(9439),w=i(40806),I=i(73673),L=i(17243),C=i(26532);function R(e,n){if(1&e&&c._UZ(0,"a",2),2&e){var t=c.oxw();c.Q6J("binding",t.binding)("disableLoading",t.disableLoading)("node",t.node)}}function j(e,n){if(1&e&&c._UZ(0,"div",3),2&e){var t=c.oxw();c.Q6J("binding",t.binding)("disableLoading",t.disableLoading)("node",t.node)}}var D,Y=((D=function(e){a(i,e);var n=l(i);function i(e,r,o,a,s,l,c,u,d){var f;return t(this,i),(f=n.apply(this,arguments))._lazyRendering=e,f._cdr=r,f._element=o,f._redraw=a,f._renderer=s,f._resize=l,f._stylesRenderer=c,f.store$=u,f._platformId=d,f.disableLoading=!1,f._dropDisabled=!1,f}return r(i,[{key:"dropDisable",get:function(){return this._dropDisabled?"":null}},{key:"ngOnChanges",value:function(e){o(u(i.prototype),"ngOnChanges",this).call(this,e)}},{key:"ngOnDestroy",value:function(){o(u(i.prototype),"ngOnDestroy",this).call(this)}},{key:"ngOnInit",value:function(){o(u(i.prototype),"ngOnInit",this).call(this),this.hideOnUploading(),(0,s.NF)(this._platformId)&&this.onDrop()}},{key:"hideOnUploading",value:function(){var e=this;this._lazyRendering.renderingFast$.pipe((0,g.q)(1)).subscribe(function(n){n&&e.node.uploading&&(e.hide(),e.disableLoading=!0)})}},{key:"hide",value:function(){this._renderer.setStyle(this._element.nativeElement,"display","none")}},{key:"onDrop",value:function(){var e=this;this.isDesignMode$.pipe((0,h.h)(function(e){return e}),(0,g.q)(1),(0,p.w)(function(){return e.store$.select(d.NcE.selectDropElement)}),(0,b.x)(f.Z),(0,m.R)(this.unsubscribe$)).subscribe(function(n){var t,i=(null==n?void 0:n.type)===d._1l.Image&&(null===(t=n.params)||void 0===t?void 0:t.image);

1e._dropDisabled=!i,e._cdr.markForCheck()})}}]),i}((0,v.so)(y.v))).\u0275fac=function(e){return new(e||D)(c.Y36(_.M),c.Y36(c.sBO),c.Y36(c.SBq),c.Y36(O.F),c.Y36(c.Qsj),c.Y36(k._),c.Y36(w.F),c.Y36(I.yh),c.Y36(c.Lbi))},D.\u0275cmp=c.Xpm({type:D,selectors:[["app-image-link"]],hostVars:1,hostBindings:function(e,n){2&e&&c.uIk("data-drop-disabled",n.dropDisable)},inputs:{binding:"binding",node:"node"},features:[c.qOj,c.TTD],decls:3,vars:2,consts:[["app-image","","appLink","","class","image",3,"binding","disableLoading","node",4,"ngIf","ngIfElse"],["noHref",""],["app-image","","appLink","",1,"image",3,"binding","disableLoading","node"],["app-image","",1,"image",3,"binding","disableLoading","node"]],template:function(e,n){if(1&e&&(c.YNc(0,R,1,3,"a",0),c.YNc(1,j,1,3,"ng-template",null,1,c.W1O)),2&e){var t,i=c.MAs(2);c.Q6J("ngIf",null==(t=n.node)?null:t.href)("ngIfElse",i)}},directives:[s.O5,L.c,C.I],styles:["[_nghost-%COMP%]{display:block}.image[_ngcontent-%COMP%]{height:100%;width:100%}"],changeDetection:0}),D)},17243:function(n,i,s){s.d(i,{c:function(){return L}});var c,d=s(12057),f=s(74788),g=s(8040),h=s(67764),p=s(76889),b=s(20870),m=s(74703),y=s(25755),v=s(66614),_=s(9439),O=s(27289),k=["image"],w=["app-image",""],I=function(){return{rootMargin:"40%"}},L=((c=function(n){a(s,n);var i=l(s);function s(e,n,r,o,a){var l;return t(this,s),(l=i.call(this))._element=e,l._renderer=n,l._cdr=r,l._resize=o,l._platformId=a,l._scale$=new p.x,l}return r(s,[{key:"ngOnChanges",value:function(e){o(u(s.prototype),"ngOnChanges",this).call(this,e),g.lMr.isSomeNodeFieldsChanged(e,["scale","scaleX","scaleY"])&&this.setTransform(),e.binding&&!e.binding.isFirstChange()&&(this.binding?((0,h.Z)(this.binding)||g.lMr.isFieldChanged(e,"binding","path"))&&(this.initImage(),this.initLargeImage()):this.initImage()),g.lMr.isNodeFieldChangedAfterInit(e,"scale")&&this._scale$.next(this.node.scale)}},{key:"setTransform",value:function(){var e=this.node,n=e.scale,t=e.scaleX,i=e.scaleY;this.imageRef.nativeElement.style.transform=g.LkB.getTransform(n,t,i)}},{key:"ngOnDestroy",value:function(){o(u(s.prototype),"ngOnDestroy",this).call(this)}},{key:"ngOnInit",value:function(){this.initImage(),this.initResizeImage(),this.onScaleChange()}},{key:"initImage",value:function(){(0,g.wXy)(this.binding)?(0,g.llt)(this.binding)?this.disableLoading||(this.setSrc((0,g.aT6)(this.binding,100)),this.imageLoading=!0,this._cdr.markForCheck()):this.setSrc(this.binding.path):this.setSrc(this.binding||"assets/images/empty-image.svg")}},{key:"setSrc",value:function(e,n){this._renderer.setAttribute(this.imageRef.nativeElement,"src",e),n?this._renderer.setAttribute(this.imageRef.nativeElement,"srcset",n):this._renderer.removeAttribute(this.imageRef.nativeElement,"srcset")}},{key:"initResizeImage",value:function(){var n=this;this.style$.pipe((0,b.G)(),(0,m.b)(300),(0,y.R)(this.unsubscribe$)).subscribe(function(t){var i=e(t,2),r=i[0],o=i[1];(null==r?void 0:r.width)!==o.width&&n.initLargeImage()})}},{key:"onScaleChange",value:function(){var e=this;this._scale$.pipe((0,m.b)(300),(0,y.R)(this.unsubscribe$)).subscribe(function(){e.loadLargeImage(e.binding)})}},{key:"initLargeImage",value:function(){(0,g.dWj)(this.binding)&&(0,d.NF)(this._platformId)&&this.loadLargeImage(this.binding)}},{key:"loadLargeImage",value:function(e){var n,t=this,i=(null===(n=this.node)||void 0===n?void 0:n.scale)||1,r=this._element.nativeElement.getBoundingClientRect().width*i,o=(0,g.aT6)(e,r),a=(0,g.aT6)(e,2*r)+" 2x",s=new Image;s.src=o,s.srcset=a,s.onload=function(){t.setSrc(s.src,s.srcset),t.imageLoading=!1,t._cdr.markForCheck()}}}]),s}((0,v.RJ)((0,v.fs)(Object)))).\u0275fac=function(e){return new(e||c)(f.Y36(f.SBq),f.Y36(f.Qsj),f.Y36(f.sBO),f.Y36(_._),f.Y36(f.Lbi))},c.\u0275cmp=f.Xpm({type:c,selectors:[["","app-image",""]],viewQuery:function(e,n){var t;1&e&&f.Gf(k,7),2&e&&f.iGM(t=f.CRH())&&(n.imageRef=t.first)},inputs:{binding:"binding",disableLoading:"disableLoading",node:"node"},features:[f.qOj,f.TTD],attrs:w,decls:2,vars:4,consts:[["alt","Image",3,"deferLoadOptions","deferLoad"],["image",""]],template:function(e,n){1&e&&(f.TgZ(0,"img",0,1),f.NdJ("deferLoad",function(){return n.initLargeImage()}),f.qZA()),2&e&&(f.ekj("loading",n.imageLoading&&!n.disableLoading),f.Q6J("deferLoadOptions",f.DdM(3,I)))},directives:[O.F],styles:["[_nghost-%COMP%]{display:block;overflow:hidden}img[_ngcontent-%COMP%]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 80ms;width:100%}img.loading[_ngcontent-%COMP%]:not(.disable-loading){filter:blur(2px)}"],changeDetection:0}),c)}}])}();