twreporter-react
Version:
React-Redux site for The Reporter Foundation in Taiwan
1 lines • 17.8 kB
JavaScript
!function(e){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var t;t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,t.BurgerMenu=e()}}(function(){return function e(t,n,r){function s(a,i){if(!n[a]){if(!t[a]){var u="function"==typeof require&&require;if(!i&&u)return u(a,!0);if(o)return o(a,!0);var l=new Error("Cannot find module '"+a+"'");throw l.code="MODULE_NOT_FOUND",l}var p=n[a]={exports:{}};t[a][0].call(p.exports,function(e){var n=t[a][1][e];return s(n?n:e)},p,p.exports,e,t,n,r)}return n[a].exports}for(var o="function"==typeof require&&require,a=0;a<r.length;a++)s(r[a]);return s}({1:[function(e,t,n){(function(e){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s="undefined"!=typeof window?window.React:"undefined"!=typeof e?e.React:null,o=r(s),a="undefined"!=typeof window?window.Radium:"undefined"!=typeof e?e.Radium:null,i=r(a),u=(0,i["default"])(o["default"].createClass({propTypes:{image:o["default"].PropTypes.string,styles:o["default"].PropTypes.object},getLineStyle:function(e){return{position:"absolute",height:"20%",left:0,right:0,top:20*(2*e)+"%",opacity:this.state.hover?.6:1}},handleHover:function(){this.setState({hover:!this.state.hover})},getInitialState:function(){return{hover:!1}},getDefaultProps:function(){return{image:"",styles:{}}},render:function(){var e=void 0,t={position:"absolute",left:0,right:0,top:0,bottom:0,margin:0,padding:0,border:"none",fontSize:14,color:"transparent",background:"transparent",outline:"none"};return e=this.props.image?o["default"].createElement("img",{src:this.props.image,alt:"Menu icon",className:"bm-icon",style:[{width:"100%",height:"100%"},this.props.styles.bmIcon]}):o["default"].createElement("span",null,o["default"].createElement("span",{className:"bm-burger-bars",style:[this.getLineStyle(0),this.props.styles.bmBurgerBars]}),o["default"].createElement("span",{className:"bm-burger-bars",style:[this.getLineStyle(1),this.props.styles.bmBurgerBars]}),o["default"].createElement("span",{className:"bm-burger-bars",style:[this.getLineStyle(2),this.props.styles.bmBurgerBars]})),o["default"].createElement("div",{className:"bm-burger-button",style:[{zIndex:1},this.props.styles.bmBurgerButton]},e,o["default"].createElement("button",{onClick:this.props.onClick,onMouseEnter:this.handleHover,onMouseLeave:this.handleHover,style:t},"Open Menu"))}}));n["default"]=u,t.exports=n["default"]}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],2:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n["default"]={slide:e("./menus/slide"),stack:e("./menus/stack"),elastic:e("./menus/elastic"),bubble:e("./menus/bubble"),push:e("./menus/push"),pushRotate:e("./menus/pushRotate"),scaleDown:e("./menus/scaleDown"),scaleRotate:e("./menus/scaleRotate"),fallDown:e("./menus/fallDown")},t.exports=n["default"]},{"./menus/bubble":6,"./menus/elastic":7,"./menus/fallDown":8,"./menus/push":9,"./menus/pushRotate":10,"./menus/scaleDown":11,"./menus/scaleRotate":12,"./menus/slide":13,"./menus/stack":14}],3:[function(e,t,n){(function(e){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s="undefined"!=typeof window?window.React:"undefined"!=typeof e?e.React:null,o=r(s),a="undefined"!=typeof window?window.Radium:"undefined"!=typeof e?e.Radium:null,i=r(a),u=(0,i["default"])(o["default"].createClass({propTypes:{image:o["default"].PropTypes.string,styles:o["default"].PropTypes.object},getCrossStyle:function(e){return{position:"absolute",width:3,height:14,transform:"before"===e?"rotate(45deg)":"rotate(-45deg)"}},getDefaultProps:function(){return{image:"",styles:{}}},render:function(){var e,t={position:"absolute",width:24,height:24,right:8,top:8},n={position:"absolute",left:0,right:0,top:0,bottom:0,margin:0,padding:0,border:"none",fontSize:8,color:"transparent",background:"transparent",outline:"none"};return e=this.props.image?o["default"].createElement("img",{src:this.props.image,alt:"Cross icon",className:"bm-cross",style:[{width:"100%",height:"100%"},this.props.styles.bmCross]}):o["default"].createElement("span",{style:[{position:"absolute",top:"6px",right:"14px"}]},o["default"].createElement("span",{className:"bm-cross",style:[this.getCrossStyle("before"),this.props.styles.bmCross]}),o["default"].createElement("span",{className:"bm-cross",style:[this.getCrossStyle("after"),this.props.styles.bmCross]})),o["default"].createElement("div",{className:"bm-cross-button",style:[t,this.props.styles.bmCrossButton]},e,o["default"].createElement("button",{onClick:this.props.onClick,style:n},"Close Menu"))}}));n["default"]=u,t.exports=n["default"]}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{}],4:[function(e,t,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var r={overlay:function(e){return{position:"fixed",zIndex:1,width:"100%",height:"100%",background:"rgba(0, 0, 0, 0.3)",opacity:e?1:0,transform:e?"":"translate3d(-100%, 0, 0)",transition:e?"opacity 0.3s":"opacity 0.3s, transform 0s 0.3s"}},menuWrap:function(e,t,n){return{position:"fixed",right:n?0:"inherit",zIndex:2,width:t,height:"100%",transform:e?"":n?"translate3d(100%, 0, 0)":"translate3d(-100%, 0, 0)",transition:"all 0.5s"}},menu:function(){return{height:"100%",boxSizing:"border-box"}},itemList:function(){return{height:"100%"}},item:function(){return{display:"block",outline:"none"}}};n["default"]=r,t.exports=n["default"]},{}],5:[function(e,t,n){(function(r){"use strict";function s(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var o="undefined"!=typeof window?window.React:"undefined"!=typeof r?r.React:null,a=s(o),i="undefined"!=typeof window?window.ReactDOM:"undefined"!=typeof r?r.ReactDOM:null,u=s(i),l="undefined"!=typeof window?window.Radium:"undefined"!=typeof r?r.Radium:null,p=s(l),d=e("./baseStyles"),f=s(d),c=e("./BurgerIcon"),m=s(c),h=e("./CrossIcon"),y=s(h);n["default"]=function(e){return(0,p["default"])(a["default"].createClass({propTypes:{customBurgerIcon:a["default"].PropTypes.string,customCrossIcon:a["default"].PropTypes.string,id:a["default"].PropTypes.string,isOpen:a["default"].PropTypes.bool,onStateChange:a["default"].PropTypes.func,outerContainerId:a["default"].PropTypes.string,pageWrapId:a["default"].PropTypes.string,right:a["default"].PropTypes.bool,styles:a["default"].PropTypes.object,width:a["default"].PropTypes.number},toggleMenu:function(){this.applyWrapperStyles();var e={isOpen:!this.state.isOpen};this.setState(e,this.props.onStateChange.bind(null,e))},applyWrapperStyles:function(){e.pageWrap&&this.props.pageWrapId&&this.handleExternalWrapper(this.props.pageWrapId,e.pageWrap,!0),e.outerContainer&&this.props.outerContainerId&&this.handleExternalWrapper(this.props.outerContainerId,e.outerContainer,!0)},clearWrapperStyles:function(){e.pageWrap&&this.props.pageWrapId&&this.handleExternalWrapper(this.props.pageWrapId,e.pageWrap,!1),e.outerContainer&&this.props.outerContainerId&&this.handleExternalWrapper(this.props.outerContainerId,e.outerContainer,!1)},handleExternalWrapper:function(e,t,n){var r=document.querySelector("html"),s=document.querySelector("body"),o=document.getElementById(e);if(!o)return void console.error("Element with ID '"+e+"' not found");t=t(this.state.isOpen,this.props.width,this.props.right);for(var a in t)t.hasOwnProperty(a)&&(o.style[a]=n?t[a]:"");[r,s].forEach(function(e){e.style["overflow-x"]=n?"hidden":""})},getStyles:function(t,n){var r="bm"+t.replace(t.charAt(0),t.charAt(0).toUpperCase()),s=f["default"][t]?[f["default"][t](this.state.isOpen,this.props.width,this.props.right)]:[];return e[t]&&s.push(e[t](this.state.isOpen,this.props.width,this.props.right,n+1)),this.props.styles[r]&&s.push(this.props.styles[r]),s},listenForClose:function(e){e=e||window.event,!this.state.isOpen||"Escape"!==e.key&&27!==e.keyCode||this.toggleMenu()},getDefaultProps:function(){return{customBurgerIcon:"",customCrossIcon:"",id:"",isOpen:!1,onStateChange:function(){},outerContainerId:"",pageWrapId:"",right:!1,styles:{},width:300}},getInitialState:function(){return{isOpen:!1}},componentWillMount:function(){if(!e)throw new Error("No styles supplied");e.pageWrap&&!this.props.pageWrapId&&console.warn("No pageWrapId supplied"),e.outerContainer&&!this.props.outerContainerId&&console.warn("No outerContainerId supplied"),this.props.isOpen!==this.state.isOpen&&this.toggleMenu()},componentDidMount:function(){window.onkeydown=this.listenForClose},componentWillUnmount:function(){window.onkeydown=null,this.clearWrapperStyles()},componentDidUpdate:function(){var t=this;e.svg&&this.isMounted()&&!function(){var n=void 0;try{n=function(){throw new Error("Cannot find module 'imports?this=>window,fix=>module.exports=0!snapsvg/dist/snap.svg.js' from '/Users/imogen/code/react-burger-menu/src'")}()}catch(s){n="undefined"!=typeof window?window.Snap:"undefined"!=typeof r?r.Snap:null}var o=u["default"].findDOMNode(t,"bm-morph-shape"),a=n(o),i=a.select("path");t.state.isOpen?e.svg.animate(i):setTimeout(function(){i.attr("d",e.svg.pathInitial)},300)}()},componentWillReceiveProps:function(e){e.isOpen!==this.props.isOpen&&e.isOpen!==this.state.isOpen&&this.toggleMenu()},render:function(){var t=this,n=void 0,r=void 0;return this.props.children&&(n=a["default"].Children.map(this.props.children,function(e,n){var r={key:n,style:t.getStyles("item",n)};return a["default"].cloneElement(e,r)})),e.svg&&(r=a["default"].createElement("div",{className:"bm-morph-shape",style:this.getStyles("morphShape")},a["default"].createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 100 800",preserveAspectRatio:"none"},a["default"].createElement("path",{d:e.svg.pathInitial})))),a["default"].createElement("div",null,a["default"].createElement("div",{className:"bm-overlay",onClick:this.toggleMenu,style:this.getStyles("overlay")}),a["default"].createElement("div",{id:this.props.id,className:"bm-menu-wrap",style:this.getStyles("menuWrap")},r,a["default"].createElement("div",{className:"bm-menu",style:this.getStyles("menu")},a["default"].createElement("nav",{className:"bm-item-list",style:this.getStyles("itemList")},n)),a["default"].createElement("div",{style:this.getStyles("closeButton")},a["default"].createElement(y["default"],{onClick:this.toggleMenu,styles:this.props.styles,image:this.props.customCrossIcon}))),a["default"].createElement(m["default"],{onClick:this.toggleMenu,styles:this.props.styles,image:this.props.customBurgerIcon}))}}))},t.exports=n["default"]}).call(this,"undefined"!=typeof global?global:"undefined"!=typeof self?self:"undefined"!=typeof window?window:{})},{"./BurgerIcon":1,"./CrossIcon":3,"./baseStyles":4}],6:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={svg:{pathInitial:"M-7.312,0H0c0,0,0,113.839,0,400c0,264.506,0,400,0,400h-7.312V0z",pathOpen:"M-7.312,0H15c0,0,66,113.339,66,399.5C81,664.006,15,800,15,800H-7.312V0z;M-7.312,0H100c0,0,0,113.839,0,400c0,264.506,0,400,0,400H-7.312V0z",animate:function(e){var t=0,n=this.pathOpen.split(";"),r=n.length,s=window.mina,o=function a(){t>r-1||(e.animate({path:n[t]},0===t?400:500,0===t?s.easein:s.elastic,function(){a()}),t++)};o()}},morphShape:function(e,t,n){return{position:"fixed",width:"100%",height:"100%",right:n?"inherit":0,left:n?0:"inherit",transform:n?"rotateY(180deg)":"rotateY(0deg)"}},menuWrap:function(e,t,n){return{transform:e?"translate3d(0, 0, 0)":n?"translate3d(100%, 0, 0)":"translate3d(-100%, 0, 0)",transition:e?"transform 0.4s 0s":"transform 0.4s"}},menu:function(e,t,n){return t-=140,{position:"fixed",transform:e?"":n?"translate3d("+t+"px, 0, 0)":"translate3d(-"+t+"px, 0, 0)",transition:e?"opacity 0.1s 0.4s cubic-bezier(.17, .67, .1, 1.27), transform 0.1s 0.4s cubic-bezier(.17, .67, .1, 1.27)":"opacity 0s 0.3s cubic-bezier(.17, .67, .1, 1.27), transform 0s 0.3s cubic-bezier(.17, .67, .1, 1.27)",opacity:e?1:0}},item:function(e,t,n,r){return t-=140,{transform:e?"translate3d(0, 0, 0)":n?"translate3d("+t+"px, 0, 0)":"translate3d(-"+t+"px, 0, 0)",transition:e?"opacity 0.3s 0.4s, transform 0.3s 0.4s":"opacity 0s 0.3s cubic-bezier(.17, .67, .1, 1.27), transform 0s 0.3s cubic-bezier(.17, .67, .1, 1.27)",opacity:e?1:0}},closeButton:function(e,t,n){return t-=140,{transform:e?"translate3d(0, 0, 0)":n?"translate3d("+t+"px, 0, 0)":"translate3d(-"+t+"px, 0, 0)",transition:e?"opacity 0.3s 0.4s cubic-bezier(.17, .67, .1, 1.27), transform 0.3s 0.4s cubic-bezier(.17, .67, .1, 1.27)":"opacity 0s 0.3s cubic-bezier(.17, .67, .1, 1.27), transform 0s 0.3s cubic-bezier(.17, .67, .1, 1.27)",opacity:e?1:0}}};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}],7:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={svg:{pathInitial:"M-1,0h101c0,0-97.833,153.603-97.833,396.167C2.167,627.579,100,800,100,800H-1V0z",pathOpen:"M-1,0h101c0,0,0-1,0,395c0,404,0,405,0,405H-1V0z",animate:function(e){e.animate({path:this.pathOpen},400,window.mina.easeinout)}},morphShape:function(e,t,n){return{position:"fixed",width:120,height:"100%",right:n?"inherit":0,left:n?0:"inherit",transform:n?"rotateY(180deg)":""}},menuWrap:function(e,t,n){return{transform:e?"translate3d(0, 0, 0)":n?"translate3d(100%, 0, 0)":"translate3d(-100%, 0, 0)",transition:"all 0.3s"}},menu:function(e,t,n){return{position:"fixed",right:n?0:"inherit",width:"calc(100% - 120px)",whiteSpace:"nowrap",boxSizing:"border-box"}},itemList:function(e,t,n){return n?{position:"relative",left:"-110px"}:void 0},pageWrap:function(e,t,n){return{transform:e?"":n?"translate3d(-100px, 0, 0)":"translate3d(100px, 0, 0)",transition:e?"all 0.3s":"all 0.3s 0.1s"}},outerContainer:function(e){return{overflow:e?"":"hidden"}}};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}],8:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={menuWrap:function(e){return{transform:e?"":"translate3d(0, -100%, 0)",transition:"all 0.5s ease-in-out"}},pageWrap:function(e,t,n){return{transform:e?"":n?"translate3d(-"+t+"px, 0, 0)":"translate3d("+t+"px, 0, 0)",transition:"all 0.5s"}},outerContainer:function(e){return{perspective:"1500px",perspectiveOrigin:"0% 50%",overflow:e?"":"hidden"}}};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}],9:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={pageWrap:function(e,t,n){return{transform:e?"":n?"translate3d(-"+t+"px, 0, 0)":"translate3d("+t+"px, 0, 0)",transition:"all 0.5s"}},outerContainer:function(e){return{overflow:e?"":"hidden"}}};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}],10:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={pageWrap:function(e,t,n){return{transform:e?"":n?"translate3d(-"+t+"px, 0, 0) rotateY(15deg)":"translate3d("+t+"px, 0, 0) rotateY(-15deg)",transformOrigin:n?"100% 50%":"0% 50%",transformStyle:"preserve-3d",transition:"all 0.5s"}},outerContainer:function(e){return{perspective:"1500px",overflow:e?"":"hidden"}}};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}],11:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={pageWrap:function(e,t){return{transform:e?"":"translate3d(0, 0, -"+t+"px)",transformOrigin:"100%",transformStyle:"preserve-3d",transition:"all 0.5s"}},outerContainer:function(){return{perspective:"1500px"}}};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}],12:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={pageWrap:function(e,t,n){return{transform:e?"":n?"translate3d(-100px, 0, -600px) rotateY(20deg)":"translate3d(100px, 0, -600px) rotateY(-20deg)",transformStyle:"preserve-3d",transition:"all 0.5s",overflow:e?"":"hidden"}},outerContainer:function(e){return{perspective:"1500px",overflow:e?"":"hidden"}}};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}],13:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}],14:[function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{"default":e}}Object.defineProperty(n,"__esModule",{value:!0});var s=e("../menuFactory"),o=r(s),a={menuWrap:function(e,t,n){return t+=20,{transform:e?"":n?"translate3d("+t+"px, 0, 0)":"translate3d(-"+t+"px, 0, 0)",transition:e?"transform 0.8s cubic-bezier(0.7, 0, 0.3, 1)":"transform 0.4s cubic-bezier(0.7, 0, 0.3, 1)"}},item:function(e,t,n,r){return{transform:e?"":"translate3d(0, "+500*r+"px, 0)",transition:e?"transform 0.8s cubic-bezier(0.7, 0, 0.3, 1)":"transform 0s 0.2s cubic-bezier(0.7, 0, 0.3, 1)"}}};n["default"]=(0,o["default"])(a),t.exports=n["default"]},{"../menuFactory":5}]},{},[2])(2)});