Google

Edit File: image-zoom-abb7e6c038a9a40e018f-min.en-US.js

webpackJsonp([44],{1882:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e){return e&&e.__esModule?e:{default:e}}(i(104));t.getWidthForHeight=function(e,t,i){return e/t*i},t.getHeightForWidth=function(e,t,i){return t/e*i},t.getDimensionsFromNode=function(e){var t=e.getAttribute("data-image-dimensions");if("string"==typeof t){var i=t.split("x").map(function(e){return Number(e)}),s=(0,o.default)(i,2);return{width:s[0],height:s[1]}}return{width:null,height:null}},t.getSquarespaceSizeForWidth=function(e){return window.devicePixelRatio&&(e*=window.devicePixelRatio),e>1500?"2500w":e>1e3?"1500w":e>750?"1000w":e>500?"750w":e>300?"500w":e>100?"300w":"100w"},t.getIconUrl=function(e,t,i){return"/universal/images-v6/icons/icon-"+e+"-"+t+"-"+i+".png"}},2518:function(e,t,i){var o=i(1882);YUI.add("squarespace-image-zoom",function(e){e.namespace("Squarespace");var t=e.Squarespace.ImageZoom=e.Base.create("image-zoom",e.Base,[],{initializer:function(){this._shouldInitialize()&&this.get("host")&&this._initializeZoom()},destructor:function(){if(this._shouldInitialize()){var e=this.get("zoomedNode");e&&e.remove(!0),this.get("host").removeClass(t.CSS_PREFIX).removeClass(t.CSS_PREFIX+"--behavior-"+this.get("behavior")),this.get("dropzone").setStyle("position","").removeClass(t.CSS_PREFIX+"-dropzone"),this._zoomTriggerEvent&&this._zoomTriggerEvent.detach(),this._mouseMoveEvent&&this._mouseMoveEvent.detach(),this._mouseOutEvent&&this._mouseOutEvent.detach(),this._resizeEvent&&this._resizeEvent.detach(),this._zoomTriggerEvent=null,this._mouseMoveEvent=null,this._mouseOutEvent=null,this._resizeEvent=null}},_bindUI:function(){var t=this.get("host");this._zoomTriggerEvent=t.on(this.get("behavior"),this._toggleZoom,this),this._mouseMoveEvent=t.on("mousemove",this._trackMovement,this),this._mouseOutEvent=t.on("mouseout",this._zoomOut,this),this._resizeEvent=e.one(window).on("resize",this._refresh,this)},_shouldInitialize:function(){return!e.UA.mobile&&window.Modernizr.csstransforms},_initializeZoom:function(){var e=this.get("host"),i=e.one("img"),o=this.get("dropzone");e.addClass(t.CSS_PREFIX),e.addClass(t.CSS_PREFIX+"--behavior-"+this.get("behavior")),o.addClass(t.CSS_PREFIX+"-dropzone"),"static"===o.getStyle("position")&&o.setStyle("position","relative"),i.getAttribute("src")?(this._appendZoomedNode(),this._bindUI()):i.once("load",function(){this._appendZoomedNode(),this._bindUI()},this)},_appendZoomedNode:function(){var i=this.get("host").one("img"),o=i.getAttribute("data-src");if(!o)return null;var s=i.getAttribute("data-image-dimensions");s||(s=i.get("clientWidth")+"x"+i.get("clientHeight"));var n=i.getAttribute("data-image-focal-point");n||(n="0.5,0.5");var r=e.Node.create('<div class="'+t.CSS_PREFIX+'-duplicate"><img src="'+o+"?format="+this._getSquarespaceSizeForWidth()+'" data-image-dimensions="'+s+'" data-image-focal-point="'+n+'"></div>');r.setStyle("transform","scale("+this.get("zoom")+")"),r.one("img").plug(e.Squarespace.Loader2,{load:!0,mode:"fill"}),this.set("zoomedNode",r),this.get("dropzone").append(r)},_refresh:function(){var e=this.get("host").one("img").getAttribute("data-src"),t=this.get("zoomedNode").one("img");t.setAttribute("src",e+"?format="+this._getSquarespaceSizeForWidth()),t.fire("refresh")},_toggleZoom:function(e){this.get("_isZoomedIn")?this._zoomOut():this._zoomIn(e),e.stopPropagation()},_zoomIn:function(e){this.get("host").addClass("is-zoomed"),this.set("_isZoomedIn",!0),this._trackMovement(e)},_zoomOut:function(){this.get("host").removeClass("is-zoomed"),this.set("_isZoomedIn",!1)},_trackMovement:function(e){if(this.get("_isZoomedIn")){var t=Math.max((e.pageX-this.get("host").getX())/this.get("host").get("clientWidth")*100,0),i=Math.max((e.pageY-this.get("host").getY())/this.get("host").get("clientHeight")*100,0);this.get("zoomedNode").setStyle("transformOrigin",t+"% "+i+"%")}},_getSquarespaceSizeForWidth:function(){var e=this.get("host").one("img").get("clientWidth");return o.getSquarespaceSizeForWidth(e*this.get("zoom"))}},{CSS_PREFIX:"sqs-image-zoom",ATTRS:{host:{value:null,validator:function(t){var i=e.one(t);return e.instanceOf(i,e.Node)&&i.one("img")&&i.all("img").size()<2},writeOnce:!0},dropzone:{valueFn:function(){return this.get("host")},validator:function(t){return e.instanceOf(e.one(t),e.Node)},writeOnce:!0},behavior:{value:"hover",validator:function(e){return"hover"===e||"click"===e},writeOnce:!0},zoom:{value:1.5,validator:function(e){return!0},writeOnce:!0},_isZoomedIn:{value:!1}}})},"1.0",{requires:["base","event","node","squarespace-image-loader","yui-base"]})},8908:function(e,t,i){i(2518)}},[8908]);