define("displayer",["lodash","react","reactDOM","core","santaProps","utils","siteUtils","imageClientApi","skins","image","experiment"],function(a,b,c,d,e,f,g,h,i,j,k){"use strict";var l=d.compMixins;var m=f.linkRenderer;function n(a){if(a){switch(a){case"left":return"alignLeft";case"center":return"alignCenter";case"right":return"alignRight";default:return"alignLeft"}}}function o(a){var b={textAlign:a};if(k.isOpen("sv_fixGridsTextDirection")&&a==="right"){b.direction="rtl"}return b}return{displayName:"Displayer",mixins:[l.skinBasedComp,l.skinInfo],propTypes:a.assign({browser:e.Types.Browser.browser.isRequired,rootNavigationInfo:e.Types.Component.rootNavigationInfo.isRequired,linkRenderInfo:e.Types.Link.linkRenderInfo.isRequired,isMobileView:e.Types.isMobileView,isMobileDevice:e.Types.Device.isMobileDevice,isAndroidOldBrowser:e.Types.Browser.isAndroidOldBrowser,imageIndex:b.PropTypes.number.isRequired,compProp:b.PropTypes.object.isRequired,compData:b.PropTypes.object.isRequired,imageWrapperSize:b.PropTypes.object.isRequired,heightDiff:b.PropTypes.number,widthDiff:b.PropTypes.number,bottomGap:b.PropTypes.number,galleryId:b.PropTypes.string,isSelected:b.PropTypes.bool,galleryDataId:b.PropTypes.string,skin:b.PropTypes.string,id:b.PropTypes.string,showPanelState:b.PropTypes.string,onClick:b.PropTypes.func},e.santaTypesUtils.getSantaTypesByDefinition(j)),statics:{useSantaTypes:true},getInitialState:function(){return{$showPanel:"defaultPanelState",$displayDevice:this.santaTypesProps.isMobileView?"mobileView":"desktopView",$textAlignmentState:n(this.santaTypesProps.compProp.alignText),$selected:this.santaTypesProps.isSelected?"selected":"unselected",$scaling:this.santaTypesProps.compProp.imageMode||"clipImage",$transitionPhase:"noTransition",$general:"normal",$linkableComponent:this.santaTypesProps.compData.link?"link":"noLink"}},_getImageClickAction:function(){var a=this.santaTypesProps.compProp;var b=a.galleryImageOnClickAction;if(!b){b=a.expandEnabled===true?"zoomMode":"disabled"}return b},componentDidMount:function(){setTimeout(function(){var a;var b="androidNativeBrowserFix";if(this.isMounted()){this.setState({$showPanel:this.santaTypesProps.showPanelState||"notShowPanel"});if(this.santaTypesProps.isAndroidOldBrowser&&this.santaTypesProps.isMobileDevice){a=c.findDOMNode(this).classList;a.add(b);a.remove(b)}}}.bind(this),0)},componentWillReceiveProps:function(){this.setState({$selected:this.nextSantaTypesProps.isSelected?"selected":"unselected"})},getContainerSize:function(){var a=this.santaTypesProps.imageWrapperSize.imageWrapperWidth-this.getDisplayerDefaultParam(this.santaTypesProps.skin,"imageWrapperRight")-this.getDisplayerDefaultParam(this.santaTypesProps.skin,"imageWrapperLeft");var b=this.santaTypesProps.imageWrapperSize.imageWrapperHeight-this.getDisplayerDefaultParam(this.santaTypesProps.skin,"imageWrapperBottom")-this.getDisplayerDefaultParam(this.santaTypesProps.skin,"imageWrapperTop");if(this.getFromExports("addMarginToContainer")){a+=this.santaTypesProps.imageWrapperSize.imageWrapperMarginLeft+this.santaTypesProps.imageWrapperSize.imageWrapperMarginRight;b+=this.santaTypesProps.imageWrapperSize.imageWrapperMarginTop+this.santaTypesProps.imageWrapperSize.imageWrapperMarginBottom}return{containerWidth:a,containerHeight:b}},getSkinProperties:function(){var b=this.santaTypesProps.compData;var c=this.santaTypesProps.compProp;var d=c.alignText||"left";var e="core.components.Image";var f=this.getContainerSize();var g=f.containerWidth;var i=f.containerHeight;var j={position:"relative",overflow:"hidden"};if(this.santaTypesProps.browser.ie&&this.santaTypesProps.browser.version<=10){a.merge(j,{border:"1px solid transparent"})}return{"":{onClick:this.santaTypesProps.onClick,onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,"data-image-index":this.santaTypesProps.imageIndex,"data-displayer-width":b.width,"data-displayer-height":b.height,"data-displayer-uri":b.uri,"data-height-diff":this.santaTypesProps.heightDiff,"data-width-diff":this.santaTypesProps.widthDiff,"data-bottom-gap":this.santaTypesProps.bottomGap,"data-image-wrapper-right":this.getDisplayerDefaultParam(this.santaTypesProps.skin,"imageWrapperRight"),"data-image-wrapper-left":this.getDisplayerDefaultParam(this.santaTypesProps.skin,"imageWrapperLeft"),"data-image-wrapper-top":this.getDisplayerDefaultParam(this.santaTypesProps.skin,"imageWrapperTop"),"data-image-wrapper-bottom":this.getDisplayerDefaultParam(this.santaTypesProps.skin,"imageWrapperBottom"),"data-margin-to-container":this.getFromExports("addMarginToContainer")},imageWrapper:{style:{height:this.santaTypesProps.imageWrapperSize.imageWrapperHeight,width:this.santaTypesProps.imageWrapperSize.imageWrapperWidth,marginLeft:this.santaTypesProps.imageWrapperSize.imageWrapperMarginLeft,marginRight:this.santaTypesProps.imageWrapperSize.imageWrapperMarginRight,marginTop:this.santaTypesProps.imageWrapperSize.imageWrapperMarginTop,marginBottom:this.santaTypesProps.imageWrapperSize.imageWrapperMarginBottom}},title:{children:b.title||"",style:o(d)},description:{children:this.parseTextIntoLinesArray(b.description)||"",style:o(d)},image:this.createChildComponent(b,e,"image",{ref:"image",id:this.santaTypesProps.id+"image",imageData:b,containerWidth:g>0?Math.round(g):16,containerHeight:i>0?Math.round(i):16,displayMode:h.fittingTypes.SCALE_TO_FILL,usePreloader:true,style:j}),zoom:{style:{cursor:this.getCursor()},addChildBefore:[this.generateZoomNode(),"link"]},link:{style:{display:"none"}}}},parseTextIntoLinesArray:function(c){if(!a.isString(c)){return undefined}var d=c.split(/(?:\r\n|\r|\n)/);if(d.length>1){var e=[];a.forEach(d,function a(c,f){e.push(c);if(f<d.length-1){e.push(b.createElement("br",null))}});return e}return c},onMouseEnter:function(){this.setState({$general:"rollover"})},onMouseLeave:function(){this.setState({$general:"normal"})},getCursor:function(){var a=this.santaTypesProps.compData;var b=this._getImageClickAction();if(b==="zoomMode"||a.link&&b==="goToLink"){return"pointer"}return"default"},getLinkData:function(){return m.renderLink(this.santaTypesProps.compData.link,this.santaTypesProps.linkRenderInfo,this.santaTypesProps.rootNavigationInfo)},getDisplayerDefaultParam:function(b,c){var d=this.getSkinExports();var e=i.skins[b];var f=e.paramsDefaults?e.paramsDefaults[c]:"";if(!f){var g=d[c];return g?Math.abs(parseInt(g,10)||0):0}if(Array.isArray(f)){return a.sum(f,function(a){return Math.abs(parseInt(this.getParamFromDefaultSkin(a).value,10))},this)}return Math.abs(parseInt(f,10))||0},generateZoomNode:function(){var c=this.santaTypesProps.compData;var d=this._getImageClickAction();var e={draggable:false,style:a.assign({cursor:this.getCursor(),height:"100%",display:"block",width:"100%",position:"absolute",top:"0px",left:"0px",backgroundColor:"#ffffff",filter:"alpha(opacity=0)",opacity:"0"},f.style.prefix({userSelect:"none",userDrag:"none",userModify:"read-only"})),"data-page-item-context":this.santaTypesProps.galleryDataId,"data-gallery-id":this.santaTypesProps.galleryId,onDragStart:function(a){a.preventDefault();return false}};var h={};if(d==="zoomMode"){h=m.renderImageZoomLink(this.santaTypesProps.linkRenderInfo,this.santaTypesProps.rootNavigationInfo,c,this.santaTypesProps.galleryDataId)}else if(c.link&&d==="goToLink"){h=this.getLinkData()}else{h={onClick:function(b){function c(a){return{id:a,name:g.constants.ACTION_TYPES.ITEM_CLICKED,timeStamp:window.performance?window.performance.now():window.Date.now()}}this.santaTypesProps.handleAction({type:"comp",name:g.constants.ACTION_TYPES.ITEM_CLICKED,sourceId:this.props.galleryId,pageId:this.props.rootId},c(a.get(this.props,"compData.id")||this.props.id));b.preventDefault();b.stopPropagation()}.bind(this)}}a.merge(e,h);return b.DOM.a(e)},setPanelState:function(a){this.setState({$showPanel:a})},getPanelState:function(){return this.state.$showPanel},setTransitionPhase:function(a){this.setState({$transitionPhase:a})}}});