2 lines
4.9 KiB
JavaScript
2 lines
4.9 KiB
JavaScript
webpackJsonp([33],{820:function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),i.d(t,"default",function(){return P});var a,n,l,s,o,r=i(2),d=i.n(r),p=i(1),c=i.n(p),u=i(3),h=i.n(u),g=i(4),m=i.n(g),v=i(0),f=i.n(v),y=i(8),b=(i.n(y),i(23)),_=i(7),k=i(43),x=i(10),C=i.n(x),M=i(13),w=Object(_.f)({toggle_visible:{id:"media_gallery.toggle_visible",defaultMessage:"Toggle visibility"}}),N=(n=a=function(e){function t(){var i,a,n;c()(this,t);for(var l=arguments.length,s=Array(l),o=0;o<l;o++)s[o]=arguments[o];return i=a=h()(this,e.call.apply(e,[this].concat(s))),a.handleMouseEnter=function(e){a.hoverToPlay()&&e.target.play()},a.handleMouseLeave=function(e){a.hoverToPlay()&&(e.target.pause(),e.target.currentTime=0)},a.handleClick=function(e){var t=a.props,i=t.index,n=t.onClick;0===e.button&&(e.preventDefault(),n(i)),e.stopPropagation()},n=i,h()(a,n)}return m()(t,e),t.prototype.hoverToPlay=function(){var e=this.props.attachment;return!M.a&&"gifv"===e.get("type")},t.prototype.render=function(){var e=this.props,t=e.attachment,i=e.index,a=e.size,n=e.standalone,l=e.displayWidth,s=50,o=100,r="auto",p="auto",c="auto",u="auto";1===a&&(s=100),(4===a||3===a&&i>0)&&(o=50),2===a?0===i?u="2px":p="2px":3===a?(0===i?u="2px":i>0&&(p="2px"),1===i?c="2px":i>1&&(r="2px")):4===a&&(0!==i&&2!==i||(u="2px"),1!==i&&3!==i||(p="2px"),i<2?c="2px":r="2px");var h="";if("image"===t.get("type")){var g=t.get("preview_url"),m=t.getIn(["meta","small","width"]),v=t.get("url"),f=t.getIn(["meta","original","width"]),y="number"==typeof f&&"number"==typeof m,b=y?v+" "+f+"w, "+g+" "+m+"w":null,_=y?l*(s/100)+"px":null,x=t.getIn(["meta","focus","x"])||0,w=t.getIn(["meta","focus","y"])||0,N=100*(x/2+.5),P=100*(w/-2+.5);h=d()("a",{className:"media-gallery__item-thumbnail",href:t.get("remote_url")||v,onClick:this.handleClick,target:"_blank"},void 0,d()("img",{src:g,srcSet:b,sizes:_,alt:t.get("description"),title:t.get("description"),style:{objectPosition:N+"% "+P+"%"}}))}else if("audio"===t.get("type"))h=d()("div",{className:"media-gallery__audio"},void 0,d()("audio",{className:"media-gallery__item-audio-thumbnail","aria-label":t.get("description"),role:"application",src:t.get("url"),loop:!0,controls:!0}));else if("gifv"===t.get("type")){var O=!Object(k.a)()&&M.a;h=d()("div",{className:C()("media-gallery__gifv",{autoplay:O})},void 0,d()("video",{className:"media-gallery__item-gifv-thumbnail","aria-label":t.get("description"),role:"application",src:t.get("url"),onClick:this.handleClick,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,autoPlay:O,loop:!0,muted:!0}),d()("span",{className:"media-gallery__gifv__label"},void 0,"GIF"))}return d()("div",{className:C()("media-gallery__item",{standalone:n}),style:{left:p,top:r,right:u,bottom:c,width:s+"%",height:o+"%"}},t.get("id"),h)},t}(f.a.PureComponent),a.defaultProps={standalone:!1,index:0,size:1},n),P=Object(_.g)((o=s=function(e){function t(){var i,a,n;c()(this,t);for(var l=arguments.length,s=Array(l),o=0;o<l;o++)s[o]=arguments[o];return i=a=h()(this,e.call.apply(e,[this].concat(s))),a.state={visible:!a.props.sensitive||M.f},a.handleOpen=function(){a.setState({visible:!a.state.visible})},a.handleClick=function(e){a.props.onOpenMedia(a.props.media,e)},a.handleRef=function(e){e&&a.setState({width:e.offsetWidth})},n=i,h()(a,n)}return m()(t,e),t.prototype.componentWillReceiveProps=function(e){Object(y.is)(e.media,this.props.media)||this.setState({visible:!e.sensitive})},t.prototype.isStandaloneEligible=function(){var e=this.props,t=e.media;return e.standalone&&1===t.size&&t.getIn([0,"meta","small","aspect"])},t.prototype.render=function(){var e=this,t=this.props,i=t.media,a=t.intl,n=t.sensitive,l=t.height,s=this.state,o=s.width,r=s.visible,p=void 0,c={};if(this.isStandaloneEligible()?o&&(c.height=o/this.props.media.getIn([0,"meta","small","aspect"])):c.height=o?o/(16/9):l,r){var u=i.take(4).size;p=this.isStandaloneEligible()?d()(N,{standalone:!0,onClick:this.handleClick,attachment:i.get(0),displayWidth:o}):i.take(4).map(function(t,i){return d()(N,{onClick:e.handleClick,attachment:t,index:i,size:u,displayWidth:o},t.get("id"))})}else{var h=void 0;h=n?d()(_.b,{id:"status.sensitive_warning",defaultMessage:"Sensitive content"}):d()(_.b,{id:"status.media_hidden",defaultMessage:"Media hidden"}),p=f.a.createElement("button",{type:"button",className:"media-spoiler",onClick:this.handleOpen,style:c,ref:this.handleRef},d()("span",{className:"media-spoiler__warning"},void 0,h),d()("span",{className:"media-spoiler__trigger"},void 0,d()(_.b,{id:"status.sensitive_toggle",defaultMessage:"Click to view"})))}return f.a.createElement("div",{className:"media-gallery",style:c,ref:this.handleRef},d()("div",{className:C()("spoiler-button",{"spoiler-button--visible":r})},void 0,d()(b.a,{title:a.formatMessage(w.toggle_visible),icon:r?"eye":"eye-slash",overlay:!0,onClick:this.handleOpen})),p)},t}(f.a.PureComponent),s.defaultProps={standalone:!1},l=o))||l}});
|
|
//# sourceMappingURL=media_gallery.js.map
|