(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{1118:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i={width:"200px",border:"1px solid #c8ccd0",height:"50px",position:"absolute",background:"#fff",zIndex:999,padding:"5px"},d={textAlign:"center",width:"100%"},s="https://www.comet.ml/images/logo_comet_dark.png",l=function(e){function t(t){var n=e.call(this,t)||this;return n.handleClick=function(){var e=n.state.isOpen;n.setState({isOpen:!e})},n.handleTextChange=function(e){n.props.onTextChange(e.target.value)},n.handleSubmit=function(){n.props.handleSubmit(),n.setState({isOpen:!1})},n.state={isOpen:!1},t.setValues(s),n}return o(t,e),t.prototype.render=function(){var e=this.state.isOpen;return a.createElement("div",null,a.createElement("button",{onClick:this.handleClick}," Upload Image"),e&&a.createElement("div",{style:i},a.createElement("input",{type:"text",onChange:this.handleTextChange,style:{width:"100%"},value:s}),a.createElement("button",{onClick:this.handleSubmit,style:d},"Submit")))},t}(a.Component);t.default=l},1119:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31),a="def",i={buttonContentBuilder:function(e){return(0,e.iconProvider)("bold")},buttonProps:{"aria-label":"Add bold text",setValues:function(e){a=e}},execute:function(e){var t=o.getMarkdownStateFromDraftState(e),n=t.text,i=t.selection,d=r.insertText(n,"![",i.start),s=d.newText,l=d.insertionLength,c=r.insertText(s,"]("+a+")",i.end+l).newText;return o.buildNewDraftState(e,{text:c,selection:{start:i.start+l,end:i.end+l}})},buttonComponentClass:n(1118).default};t.default=i},1120:function(e,t,n){"use strict";(function(e){var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(55).withStorySource,i=n(0),d=n(140),s=n(139),l=n(94),c=[[n(1119).default]],u=function(e){function t(t){var n=e.call(this,t)||this;return n.handleValueChange=function(e){n.setState({mdeState:e})},n.state={mdeState:{markdown:"Custom Button with functionality"}},n.converter=new d.Converter({tables:!0,simplifiedAutoLink:!0,strikethrough:!0,tasklists:!0}),n}return o(t,e),t.prototype.render=function(){var e=this;return i.createElement(s.default,{layout:"vertical",onChange:this.handleValueChange,editorState:this.state.mdeState,generateMarkdownPreview:function(t){return Promise.resolve(e.converter.makeHtml(t))},commands:c})},t}(i.Component);l.storiesOf("Customization",e).addDecorator(a("import * as React from 'react';\r\nimport * as Showdown from 'showdown';\r\nimport ReactMde, { ReactMdeTypes } from '../../../../src/index';\r\nimport { storiesOf } from '@storybook/react';\r\nimport UploadImageCommand from './UploadImageCommand';\r\n\r\nconst commands = [[UploadImageCommand]];\r\n\r\ninterface State {\r\n  mdeState: ReactMdeTypes.MdeState;\r\n}\r\n\r\nclass VerticalLayoutStoryComponent extends React.Component<{}, State> {\r\n  converter: Showdown.Converter;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      mdeState: {\r\n        markdown: 'Custom Button with functionality',\r\n      },\r\n    };\r\n    this.converter = new Showdown.Converter({\r\n      tables: true,\r\n      simplifiedAutoLink: true,\r\n      strikethrough: true,\r\n      tasklists: true,\r\n    });\r\n  }\r\n\r\n  handleValueChange = (mdeState: ReactMdeTypes.MdeState) => {\r\n    this.setState({ mdeState });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <ReactMde\r\n        layout=\"vertical\"\r\n        onChange={this.handleValueChange}\r\n        editorState={this.state.mdeState}\r\n        generateMarkdownPreview={markdown => Promise.resolve(this.converter.makeHtml(markdown))}\r\n        commands={commands}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nstoriesOf('Customization', module).add('Command button', () => <VerticalLayoutStoryComponent />);\r\n",{"Customization@Command button":{startLoc:{col:39,line:48},endLoc:{col:95,line:48}}})).add("Command button",function(){return i.createElement(u,null)})}).call(this,n(56)(e))},1121:function(e,t,n){"use strict";(function(e){var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(55).withStorySource,i=n(0),d=n(140),s=n(139),l=n(94),c={bold:i.createElement("strong",null,"B"),heading:"H",italic:i.createElement("em",null,"I"),strikethrough:i.createElement("del",null,"S"),link:"🔗","quote-right":i.createElement("strong",null,"”"),code:"🤓",image:"📸","list-ul":"⏺","list-ol":"#️⃣",tasks:"📝"},u=function(e){return c[e]||"❓"},m=function(e){function t(t){var n=e.call(this,t)||this;return n.handleValueChange=function(e){n.setState({mdeState:e})},n.state={mdeState:{markdown:"**Hello world!**"}},n.converter=new d.Converter({tables:!0,simplifiedAutoLink:!0,strikethrough:!0,tasklists:!0}),n}return o(t,e),t.prototype.render=function(){var e=this;return i.createElement(s.default,{layout:"horizontal",buttonContentOptions:{iconProvider:u},onChange:this.handleValueChange,editorState:this.state.mdeState,generateMarkdownPreview:function(t){return Promise.resolve(e.converter.makeHtml(t))}})},t}(i.Component);l.storiesOf("Customization",e).addDecorator(a("import * as React from 'react';\r\nimport * as Showdown from 'showdown';\r\nimport ReactMde, { ReactMdeTypes } from '../../../../src/index';\r\nimport { storiesOf } from '@storybook/react';\r\n\r\ninterface State {\r\n  mdeState: ReactMdeTypes.MdeState;\r\n}\r\n\r\nconst icons = {\r\n  bold: <strong>B</strong>,\r\n  heading: 'H',\r\n  italic: <em>I</em>,\r\n  strikethrough: <del>S</del>,\r\n  link: '🔗',\r\n  'quote-right': <strong>”</strong>,\r\n  code: '🤓',\r\n  image: '📸',\r\n  'list-ul': '⏺',\r\n  'list-ol': '#️⃣',\r\n  tasks: '📝',\r\n};\r\n\r\nconst iconProvider = name => {\r\n  return icons[name] || '❓';\r\n};\r\n\r\nclass EmojiIconsStory extends React.Component<{}, State> {\r\n  converter: Showdown.Converter;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      mdeState: {\r\n        markdown: '**Hello world!**',\r\n      },\r\n    };\r\n    this.converter = new Showdown.Converter({\r\n      tables: true,\r\n      simplifiedAutoLink: true,\r\n      strikethrough: true,\r\n      tasklists: true,\r\n    });\r\n  }\r\n\r\n  handleValueChange = (mdeState: ReactMdeTypes.MdeState) => {\r\n    this.setState({ mdeState });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <ReactMde\r\n        layout=\"horizontal\"\r\n        buttonContentOptions={{ iconProvider }}\r\n        onChange={this.handleValueChange}\r\n        editorState={this.state.mdeState}\r\n        generateMarkdownPreview={markdown => Promise.resolve(this.converter.makeHtml(markdown))}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nstoriesOf('Customization', module).add('Command emoji', () => <EmojiIconsStory />);\r\n",{"Customization@Command emoji":{startLoc:{col:39,line:63},endLoc:{col:81,line:63}}})).add("Command emoji",function(){return i.createElement(m,null)})}).call(this,n(56)(e))},1122:function(e,t,n){"use strict";(function(e){var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(55).withStorySource,i=n(0),d=n(140),s=n(139),l=n(94),c=function(e){function t(t){var n=e.call(this,t)||this;return n.handleValueChange=function(e){n.setState({mdeState:e})},n.state={mdeState:{markdown:"**Hello world!**"}},n.converter=new d.Converter({tables:!0,simplifiedAutoLink:!0,strikethrough:!0,tasklists:!0}),n}return o(t,e),t.prototype.render=function(){var e=this;return i.createElement(s.default,{layout:"noPreview",onChange:this.handleValueChange,editorState:this.state.mdeState,generateMarkdownPreview:function(t){return Promise.resolve(e.converter.makeHtml(t))}})},t}(i.Component);l.storiesOf("Layouts",e).addDecorator(a("import * as React from 'react';\r\nimport * as Showdown from 'showdown';\r\nimport ReactMde, { ReactMdeTypes } from '../../../src/index';\r\nimport { storiesOf } from '@storybook/react';\r\n\r\ninterface State {\r\n  mdeState: ReactMdeTypes.MdeState;\r\n}\r\n\r\nclass VerticalLayoutStoryComponent extends React.Component<{}, State> {\r\n  converter: Showdown.Converter;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      mdeState: {\r\n        markdown: '**Hello world!**',\r\n      },\r\n    };\r\n    this.converter = new Showdown.Converter({\r\n      tables: true,\r\n      simplifiedAutoLink: true,\r\n      strikethrough: true,\r\n      tasklists: true,\r\n    });\r\n  }\r\n\r\n  handleValueChange = (mdeState: ReactMdeTypes.MdeState) => {\r\n    this.setState({ mdeState });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <ReactMde\r\n        layout=\"noPreview\"\r\n        onChange={this.handleValueChange}\r\n        editorState={this.state.mdeState}\r\n        generateMarkdownPreview={markdown => Promise.resolve(this.converter.makeHtml(markdown))}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nstoriesOf('Layouts', module).add('noPreview', () => <VerticalLayoutStoryComponent />);\r\n",{"Layouts@noPreview":{startLoc:{col:33,line:44},endLoc:{col:84,line:44}}})).add("noPreview",function(){return i.createElement(c,null)})}).call(this,n(56)(e))},1123:function(e,t,n){"use strict";(function(e){var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(55).withStorySource,i=n(0),d=n(140),s=n(139),l=n(94),c=function(e){function t(t){var n=e.call(this,t)||this;return n.handleValueChange=function(e){n.setState({mdeState:e})},n.state={mdeState:{markdown:"**Hello world!**"}},n.converter=new d.Converter({tables:!0,simplifiedAutoLink:!0,strikethrough:!0,tasklists:!0}),n}return o(t,e),t.prototype.render=function(){var e=this;return i.createElement(s.default,{layout:"tabbed",onChange:this.handleValueChange,editorState:this.state.mdeState,generateMarkdownPreview:function(t){return Promise.resolve(e.converter.makeHtml(t))}})},t}(i.Component);l.storiesOf("Layouts",e).addDecorator(a("import * as React from 'react';\r\nimport * as Showdown from 'showdown';\r\nimport ReactMde, { ReactMdeTypes } from '../../../src/index';\r\nimport { storiesOf } from '@storybook/react';\r\n\r\ninterface State {\r\n  mdeState: ReactMdeTypes.MdeState;\r\n}\r\n\r\nclass VerticalLayoutStoryComponent extends React.Component<{}, State> {\r\n  converter: Showdown.Converter;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      mdeState: {\r\n        markdown: '**Hello world!**',\r\n      },\r\n    };\r\n    this.converter = new Showdown.Converter({\r\n      tables: true,\r\n      simplifiedAutoLink: true,\r\n      strikethrough: true,\r\n      tasklists: true,\r\n    });\r\n  }\r\n\r\n  handleValueChange = (mdeState: ReactMdeTypes.MdeState) => {\r\n    this.setState({ mdeState });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <ReactMde\r\n        layout=\"tabbed\"\r\n        onChange={this.handleValueChange}\r\n        editorState={this.state.mdeState}\r\n        generateMarkdownPreview={markdown => Promise.resolve(this.converter.makeHtml(markdown))}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nstoriesOf('Layouts', module).add('tabbed', () => <VerticalLayoutStoryComponent />);\r\n",{"Layouts@tabbed":{startLoc:{col:33,line:44},endLoc:{col:81,line:44}}})).add("tabbed",function(){return i.createElement(c,null)})}).call(this,n(56)(e))},1124:function(e,t,n){"use strict";(function(e){var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(55).withStorySource,i=n(0),d=n(140),s=n(139),l=n(94),c=function(e){function t(t){var n=e.call(this,t)||this;return n.handleValueChange=function(e){n.setState({mdeState:e})},n.state={mdeState:{markdown:"**Hello world!**"}},n.converter=new d.Converter({tables:!0,simplifiedAutoLink:!0,strikethrough:!0,tasklists:!0}),n}return o(t,e),t.prototype.render=function(){var e=this;return i.createElement(s.default,{layout:"horizontal",onChange:this.handleValueChange,editorState:this.state.mdeState,generateMarkdownPreview:function(t){return Promise.resolve(e.converter.makeHtml(t))}})},t}(i.Component);l.storiesOf("Layouts",e).addDecorator(a("import * as React from 'react';\r\nimport * as Showdown from 'showdown';\r\nimport ReactMde, { ReactMdeTypes } from '../../../src/index';\r\nimport { storiesOf } from '@storybook/react';\r\n\r\ninterface State {\r\n  mdeState: ReactMdeTypes.MdeState;\r\n}\r\n\r\nclass VerticalLayoutStoryComponent extends React.Component<{}, State> {\r\n  converter: Showdown.Converter;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      mdeState: {\r\n        markdown: '**Hello world!**',\r\n      },\r\n    };\r\n    this.converter = new Showdown.Converter({\r\n      tables: true,\r\n      simplifiedAutoLink: true,\r\n      strikethrough: true,\r\n      tasklists: true,\r\n    });\r\n  }\r\n\r\n  handleValueChange = (mdeState: ReactMdeTypes.MdeState) => {\r\n    this.setState({ mdeState });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <ReactMde\r\n        layout=\"horizontal\"\r\n        onChange={this.handleValueChange}\r\n        editorState={this.state.mdeState}\r\n        generateMarkdownPreview={markdown => Promise.resolve(this.converter.makeHtml(markdown))}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nstoriesOf('Layouts', module).add('horizontal', () => <VerticalLayoutStoryComponent />);\r\n",{"Layouts@horizontal":{startLoc:{col:33,line:44},endLoc:{col:85,line:44}}})).add("horizontal",function(){return i.createElement(c,null)})}).call(this,n(56)(e))},1125:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(543),o=function(){return function(){this.vertical=r.VerticalLayout,this.noPreview=r.NoPreviewLayout,this.horizontal=r.HorizontalLayout,this.tabbed=r.TabbedLayout}}();t.LayoutMap=o;var a=new o;t.layoutMap=a},1126:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))(function(o,a){function i(e){try{s(r.next(e))}catch(e){a(e)}}function d(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){e.done?o(e.value):new n(function(t){t(e.value)}).then(i,d)}s((r=r.apply(e,t||[])).next())})},i=this&&this.__generator||function(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:d(0),throw:d(1),return:d(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function d(a){return function(d){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===a[0]||2===a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,d])}}};Object.defineProperty(t,"__esModule",{value:!0});var d=n(0),s=n(274),l=n(1125),c=n(273),u=n(31),m=n(136),p=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handleOnChange=function(e){var n=e.markdown,r=e.html,o=e.draftEditorState;(0,t.props.onChange)({markdown:n,html:r,draftEditorState:o})},t.handleDraftStateChange=function(e){var n=t.props.generateMarkdownPreview;u.getMdeStateFromDraftState(e,n).then(function(n){t.handleOnChange({html:n.html,markdown:n.markdown,draftEditorState:e})})},t.onCommand=function(e){if(e.execute){var n=t.props.editorState.draftEditorState,r=e.execute(n);return Promise.resolve(r).then(function(e){return t.handleDraftStateChange(e)})}},t}return o(t,e),t.prototype.ensureMdeStateIsInSync=function(){return a(this,void 0,void 0,function(){var e,t,n,r,o,a,d;return i(this,function(i){switch(i.label){case 0:return e=this.props,t=e.editorState,n=e.generateMarkdownPreview,t?t.draftEditorState?[2]:(a=t.html)?[3,4]:t.markdown&&n?[4,n(t.markdown)]:[3,2]:[3,5];case 1:return d=i.sent(),[3,3];case 2:d="",i.label=3;case 3:a=d,i.label=4;case 4:return o=a,r={markdown:t.markdown,html:o,draftEditorState:t.draftEditorState||c.EditorState.createWithContent(c.ContentState.createFromText(t.markdown))},[3,6];case 5:r={html:"",markdown:"",draftEditorState:c.EditorState.createEmpty()},i.label=6;case 6:return this.handleOnChange(r),[2]}})})},t.prototype.componentDidMount=function(){return a(this,void 0,void 0,function(){return i(this,function(e){switch(e.label){case 0:return[4,this.ensureMdeStateIsInSync()];case 1:return e.sent(),[2]}})})},t.prototype.componentDidUpdate=function(){return a(this,void 0,void 0,function(){return i(this,function(e){switch(e.label){case 0:return[4,this.ensureMdeStateIsInSync()];case 1:return e.sent(),[2]}})})},t.prototype.render=function(){var e=l.layoutMap[this.props.layout],t=this.props,n=t.buttonContentOptions,r=t.commands,o=t.layoutOptions,a=t.className,i=t.emptyPreviewHtml,s=t.readOnly,u=this.props.editorState;return u&&u.draftEditorState||(u={html:"",markdown:"",draftEditorState:c.EditorState.createEmpty()}),d.createElement("div",{className:"react-mde "+(a||"")},d.createElement(e,{buttonContentOptions:n,onChange:this.handleDraftStateChange,onCommand:this.onCommand,commands:r,layoutOptions:o,mdeEditorState:u,emptyPreviewHtml:i,readOnly:s}))},t.defaultProps={commands:s.getDefaultCommands(),buttonContentOptions:{iconProvider:function(e){return d.createElement(m.MdeToolbarIcon,{icon:e})}},layout:"vertical",emptyPreviewHtml:"<p>&nbsp;</p>",readOnly:!1},t}(d.Component);t.ReactMde=p},1127:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=n(136);t.TAB_CODE="TAB_CODE",t.TAB_PREVIEW="TAB_PREVIEW";var d=function(e){function n(){var n=null!==e&&e.apply(this,arguments)||this;return n.state={tab:t.TAB_CODE},n.handleMdeStateChange=function(e){(0,n.props.onChange)(e)},n.handleCommand=function(e){(0,n.props.onCommand)(e)},n}return o(n,e),n.prototype.render=function(){var e=this,n=this.props,r=n.buttonContentOptions,o=n.commands,d=n.mdeEditorState,s=n.emptyPreviewHtml,l=n.readOnly,c="mde-tab",u="mde-tab";switch(this.state.tab){case t.TAB_CODE:c+=" mde-tab-activated";break;case t.TAB_PREVIEW:u+=" mde-tab-activated"}return a.createElement("div",{className:"react-mde-tabbed-layout"},a.createElement(i.MdeToolbar,{buttonContentOptions:r,commands:o,onCommand:this.handleCommand,readOnly:l},a.createElement("div",{className:"mde-tabs"},a.createElement("button",{type:"button",className:c,onClick:function(){return e.setState({tab:t.TAB_CODE})}},"Code"),a.createElement("button",{type:"button",className:u,onClick:function(){return e.setState({tab:t.TAB_PREVIEW})}},"Preview"))),this.state.tab===t.TAB_CODE?a.createElement(i.MdeEditor,{editorRef:function(t){return e.editorRef=t},onChange:this.handleMdeStateChange,editorState:d,readOnly:l}):a.createElement(i.MdePreview,{previewRef:function(t){return e.previewRef=t},html:d?d.html:"",emptyPreviewHtml:s}))},n}(a.Component);t.TabbedLayout=d},1128:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),d=n(136),s=n(209),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handleMdeStateChange=function(e){(0,t.props.onChange)(e)},t.handleCommand=function(e){(0,t.props.onCommand)(e)},t}return o(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.buttonContentOptions,r=t.commands,o=t.mdeEditorState,l=t.layoutOptions,c=t.emptyPreviewHtml,u=t.readOnly,m=l?a({},l):{};return i.createElement("div",{className:"react-mde-horizontal-layout"},i.createElement(d.MdeToolbar,{buttonContentOptions:n,commands:r,onCommand:this.handleCommand,readOnly:u}),i.createElement("div",{className:"mde-content"},i.createElement(d.MdeEditor,{className:s(m.editorClassName),editorRef:function(t){return e.editorRef=t},onChange:this.handleMdeStateChange,editorState:o,readOnly:u}),i.createElement(d.MdePreview,{className:s(m.editorClassName),previewRef:function(t){return e.previewRef=t},html:o?o.html:"",emptyPreviewHtml:c})))},t}(i.Component);t.HorizontalLayout=l},1129:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=n(136),d=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handleMdeStateChange=function(e){(0,t.props.onChange)(e)},t.handleCommand=function(e){(0,t.props.onCommand)(e)},t}return o(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.buttonContentOptions,r=t.commands,o=t.mdeEditorState,d=t.readOnly;return a.createElement("div",{className:"react-mde-no-preview-layout"},a.createElement(i.MdeToolbar,{buttonContentOptions:n,commands:r,onCommand:this.handleCommand,readOnly:d}),a.createElement(i.MdeEditor,{editorRef:function(t){return e.editorRef=t},onChange:this.handleMdeStateChange,editorState:o,readOnly:d}))},t}(a.Component);t.NoPreviewLayout=d},1130:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),d=n(136),s=n(209),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handleMdeStateChange=function(e){(0,t.props.onChange)(e)},t.handleCommand=function(e){(0,t.props.onCommand)(e)},t}return o(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.buttonContentOptions,r=t.commands,o=t.mdeEditorState,l=t.layoutOptions,c=t.emptyPreviewHtml,u=t.readOnly,m=l?a({},l):{};return i.createElement("div",{className:"react-mde-vertical-layout"},i.createElement(d.MdeToolbar,{buttonContentOptions:n,commands:r,onCommand:this.handleCommand,readOnly:u}),i.createElement("div",{className:"react-mde-content"},i.createElement(d.MdeEditor,{className:s(m.editorClassName),editorRef:function(t){return e.editorRef=t},onChange:this.handleMdeStateChange,editorState:o,readOnly:u}),i.createElement(d.MdePreview,{className:s(m.previewClassName),previewRef:function(t){return e.previewRef=t},html:o?o.html:"",emptyPreviewHtml:c})))},t}(i.Component);t.VerticalLayout=l},1131:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(545),a=n(544),i=n(258);t.MdeToolbar=function(e){var t=e.buttonContentOptions,n=e.children,d=e.commands,s=e.onCommand,l=e.readOnly;return d&&0!==d.length||n?r.createElement("div",{className:"mde-header"},d.map(function(e,n){return r.createElement(o.MdeToolbarButtonGroup,{key:n},e.map(function(e,n){return e.children?r.createElement(a.MdeToolbarDropdown,{key:n,buttonProps:e.buttonProps,buttonContentOptions:t,buttonContent:e.buttonContentBuilder(t),commands:e.children,onCommand:function(e){return s(e)},readOnly:l}):r.createElement(i.MdeToolbarButton,{key:n,buttonContent:e.buttonContentBuilder(t),buttonProps:e.buttonProps,onClick:function(){return s(e)},readOnly:l,buttonComponentClass:e.buttonComponentClass})}))}),r.createElement("div",{className:"mde-toolbar-children"},n)):null}},1132:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=n(273),d=n(274),s=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.handleOnChange=function(e){(0,t.props.onChange)(e)},t.executeCastAsEditorState=function(e,t,n){return e.execute(t,n)},t.handleKeyCommand=function(e,n){var r=t.props.onChange;switch(e){case"bold":return r(t.executeCastAsEditorState(d.boldCommand,n)),"handled";case"italic":return r(t.executeCastAsEditorState(d.italicCommand,n)),"handled";case"code":return r(t.executeCastAsEditorState(d.codeCommand,n)),"handled";default:return"not-handled"}},t.handleTab=function(e){e.preventDefault();var n=t.props,r=n.editorState.draftEditorState;(0,n.onChange)(t.executeCastAsEditorState(d.tabCommand,r,e.shiftKey))},t}return o(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.editorState.draftEditorState,r=t.className,o=t.readOnly;return a.createElement("div",{className:"mde-text "+(r||"")},a.createElement(i.Editor,{ref:function(t){return e.editorRef=t},stripPastedStyles:!0,editorState:n,onChange:this.handleOnChange,onTab:this.handleTab,handleKeyCommand:this.handleKeyCommand,readOnly:o}))},t}(a.Component);t.MdeEditor=s},1133:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(0),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.prototype.render=function(){var e=this,t=this.props,n=t.html,r=t.className;return a.createElement("div",{className:"mde-preview "+(r||"")},a.createElement("div",{className:"mde-preview-content",dangerouslySetInnerHTML:{__html:n||"<p>&nbsp;</p>"},ref:function(t){return e.previewRef=t}}))},t}(a.Component);t.MdePreview=i},1134:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.MdeToolbarIcon=function(e){var t=e.icon;return r.createElement("i",{className:"fas fa-"+t,"aria-hidden":"true"})}},1135:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},1136:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.tabCommand={buttonContentBuilder:function(){return null},buttonProps:null,execute:function(e,t){var n=o.getMarkdownStateFromDraftState(e);return n=r.onTab(n,t),o.buildNewDraftState(e,n)}}},1137:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.checkListCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("tasks")},buttonProps:{"aria-label":"Insert checklist"},execute:function(e){var t=o.getMarkdownStateFromDraftState(e);return t=r.makeList(t,"- [ ] "),o.buildNewDraftState(e,t)}}},1138:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.unorderedListCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("list-ul")},buttonProps:{"aria-label":"Insert a bulleted list"},execute:function(e){var t=o.getMarkdownStateFromDraftState(e);return t=r.makeList(t,"- "),o.buildNewDraftState(e,t)}}},1139:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.quoteCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("quote-right")},buttonProps:{"aria-label":"Insert a quote"},execute:function(e){var t,n=o.getMarkdownStateFromDraftState(e),a=n.text,i=n.selection;return i=r.selectWordIfCaretIsInsideOne({text:a,selection:i}),a=(t=r.insertBreaksBeforeSoThatThereIsAnEmptyLineBefore({text:a,selection:i})).newText,i=t.newSelection,a=(t=r.insertBefore(a,"> ",i,!1)).newText,i=t.newSelection,a=(t=r.insertBreaksAfterSoThatThereIsAnEmptyLineAfter({text:a,selection:i})).newText,i=t.newSelection,o.buildNewDraftState(e,{text:a,selection:i})}}},1140:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.orderedListCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("list-ol")},buttonProps:{"aria-label":"Insert numbered list"},execute:function(e){var t=o.getMarkdownStateFromDraftState(e);return t=r.makeList(t,function(e,t){return t+1+". "}),o.buildNewDraftState(e,t)}}},1141:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.linkCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("link")},buttonProps:{"aria-label":"Insert a link"},execute:function(e){var t=o.getMarkdownStateFromDraftState(e),n=t.text,a=t.selection,i=r.selectWordIfCaretIsInsideOne({text:n,selection:a}),d=r.insertText(n,"[",i.start),s=d.newText,l=d.insertionLength,c=r.insertText(s,"](url)",i.end+l).newText;return o.buildNewDraftState(e,{text:c,selection:{start:i.start+l,end:i.end+l}})}}},1142:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.strikethroughCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("strikethrough")},buttonProps:{"aria-label":"Add strikethrough text"},execute:function(e){var t=o.getMarkdownStateFromDraftState(e);return t=r.insertBeforeAndAfter(t,"~~"),o.buildNewDraftState(e,t)}}},1143:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.italicCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("italic")},buttonProps:{"aria-label":"Add italic text"},execute:function(e){var t=o.getMarkdownStateFromDraftState(e);return t=r.insertBeforeAndAfter(t,"_"),o.buildNewDraftState(e,t)}}},1144:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.imageCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("image")},buttonProps:{"aria-label":"Insert a picture"},execute:function(e){var t=o.getMarkdownStateFromDraftState(e),n=t.text,a=t.selection,i=r.insertText(n,"![",a.start),d=i.newText,s=i.insertionLength,l=r.insertText(d,"](image-url)",a.end+s).newText;return o.buildNewDraftState(e,{text:l,selection:{start:a.start+s,end:a.end+s}})}}},1145:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(37),a=n(31);function i(e,t){var n=a.getMarkdownStateFromDraftState(e);return n=o.makeHeader(n,t),a.buildNewDraftState(e,n)}t.headerCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("heading")},buttonProps:{"aria-label":"Add header"},children:[{buttonContentBuilder:function(){return r.createElement("p",{className:"header-1"},"Header 1")},execute:function(e){return i(e,"# ")}},{buttonContentBuilder:function(){return r.createElement("p",{className:"header-2"},"Header 2")},execute:function(e){return i(e,"## ")}},{buttonContentBuilder:function(){return r.createElement("p",{className:"header-3"},"Header 3")},execute:function(e){return i(e,"### ")}},{buttonContentBuilder:function(){return r.createElement("p",{className:"header-4"},"Header 4")},execute:function(e){return i(e,"#### ")}}]}},1146:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.codeCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("code")},buttonProps:{"aria-label":"Insert code"},execute:function(e){var t,n=o.getMarkdownStateFromDraftState(e),a=n.text,i=n.selection;if(i=r.selectWordIfCaretIsInsideOne({text:a,selection:i}),-1===a.slice(i.start,i.end).indexOf("\n")){var d=r.insertBeforeAndAfter({text:a,selection:i},"`");return o.buildNewDraftState(e,d)}return a=(t=r.insertBreaksBeforeSoThatThereIsAnEmptyLineBefore({text:a,selection:i})).newText,i=t.newSelection,a=(t=r.insertBefore(a,"```\n",i,!1)).newText,i=t.newSelection,a=(t=r.insertAfter(a,"\n```",i)).newText,i=t.newSelection,a=(t=r.insertBreaksAfterSoThatThereIsAnEmptyLineAfter({text:a,selection:i})).newText,i=t.newSelection,o.buildNewDraftState(e,{text:a,selection:i})}}},1231:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(37),o=n(31);t.boldCommand={buttonContentBuilder:function(e){return(0,e.iconProvider)("bold")},buttonProps:{"aria-label":"Add bold text"},execute:function(e){var t=o.getMarkdownStateFromDraftState(e);return t=r.insertBeforeAndAfter(t,"**"),o.buildNewDraftState(e,t)}}},1232:function(e,t,n){"use strict";(function(e){var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)});Object.defineProperty(t,"__esModule",{value:!0});var a=n(55).withStorySource,i=n(0),d=n(140),s=n(139),l=n(94),c=function(e){function t(t){var n=e.call(this,t)||this;return n.handleValueChange=function(e){n.setState({mdeState:e})},n.state={mdeState:{markdown:"**Hello world!**"}},n.converter=new d.Converter({tables:!0,simplifiedAutoLink:!0,strikethrough:!0,tasklists:!0}),n}return o(t,e),t.prototype.render=function(){var e=this;return i.createElement(s.default,{layout:"vertical",onChange:this.handleValueChange,editorState:this.state.mdeState,generateMarkdownPreview:function(t){return Promise.resolve(e.converter.makeHtml(t))}})},t}(i.Component);l.storiesOf("Layouts",e).addDecorator(a("import * as React from 'react';\r\nimport * as Showdown from 'showdown';\r\nimport ReactMde, { ReactMdeTypes } from '../../../src/index';\r\nimport { storiesOf } from '@storybook/react';\r\n\r\ninterface State {\r\n  mdeState: ReactMdeTypes.MdeState;\r\n}\r\n\r\nclass VerticalLayoutStoryComponent extends React.Component<{}, State> {\r\n  converter: Showdown.Converter;\r\n\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      mdeState: {\r\n        markdown: '**Hello world!**',\r\n      },\r\n    };\r\n    this.converter = new Showdown.Converter({\r\n      tables: true,\r\n      simplifiedAutoLink: true,\r\n      strikethrough: true,\r\n      tasklists: true,\r\n    });\r\n  }\r\n\r\n  handleValueChange = (mdeState: ReactMdeTypes.MdeState) => {\r\n    this.setState({ mdeState });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <ReactMde\r\n        layout=\"vertical\"\r\n        onChange={this.handleValueChange}\r\n        editorState={this.state.mdeState}\r\n        generateMarkdownPreview={markdown => Promise.resolve(this.converter.makeHtml(markdown))}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nstoriesOf('Layouts', module).add('vertical', () => <VerticalLayoutStoryComponent />);\r\n",{"Layouts@vertical":{startLoc:{col:33,line:44},endLoc:{col:83,line:44}}})).add("vertical",function(){return i.createElement(c,null)})}).call(this,n(56)(e))},1233:function(e,t,n){(e.exports=n(279)(!0)).push([e.i,"body {\n  font-size: 14px;\n  font-family: sans-serif; }\n","",{version:3,sources:["D:/Git/react-mde/.storybook/styles/.storybook/styles/demo.scss"],names:[],mappings:"AAEA;EACI,gBAAe;EACf,wBAAuB,EAC1B",file:"demo.scss",sourcesContent:["@import 'variables.scss';\n\nbody {\n    font-size: 14px;\n    font-family: sans-serif;\n}"],sourceRoot:""}])},1234:function(e,t,n){var r=n(1233);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(278)(r,o);r.locals&&(e.exports=r.locals)},1235:function(e,t,n){(e.exports=n(279)(!0)).push([e.i,'.mde-header {\n  flex-shrink: 0;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  border-bottom: 1px solid #c8ccd0;\n  border-radius: 2px 2px 0 0;\n  background: #f9f9f9; }\n  .mde-header .mde-toolbar-children {\n    flex-grow: 1;\n    display: flex;\n    justify-content: flex-end;\n    align-items: stretch; }\n  .mde-header button:focus {\n    outline: 0; }\n  .mde-header ul.mde-header-group {\n    margin: 0;\n    padding: 10px;\n    list-style: none;\n    display: flex;\n    flex-wrap: nowrap; }\n    .mde-header ul.mde-header-group li.mde-header-item {\n      display: inline-block;\n      position: relative;\n      margin: 0 4px; }\n      .mde-header ul.mde-header-group li.mde-header-item button {\n        text-align: left;\n        cursor: pointer;\n        height: 22px;\n        padding: 4px;\n        margin: 0;\n        border: none;\n        background: none;\n        color: #242729; }\n\n@keyframes tooltip-appear {\n  from {\n    opacity: 0; }\n  to {\n    opacity: 1; } }\n        .mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover::before {\n          animation-name: tooltip-appear;\n          animation-duration: 0.2s;\n          animation-delay: 0.5s;\n          animation-fill-mode: forwards;\n          opacity: 0;\n          position: absolute;\n          z-index: 1000001;\n          width: 0;\n          height: 0;\n          color: rgba(0, 0, 0, 0.8);\n          pointer-events: none;\n          content: "";\n          border: 5px solid transparent;\n          top: -5px;\n          right: 50%;\n          bottom: auto;\n          margin-right: -5px;\n          border-top-color: rgba(0, 0, 0, 0.8); }\n        .mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover::after {\n          animation-name: tooltip-appear;\n          animation-duration: 0.2s;\n          animation-delay: 0.5s;\n          animation-fill-mode: forwards;\n          font-size: 11px;\n          opacity: 0;\n          position: absolute;\n          z-index: 1000000;\n          padding: 5px 8px;\n          color: #fff;\n          pointer-events: none;\n          content: attr(aria-label);\n          background: rgba(0, 0, 0, 0.8);\n          border-radius: 3px;\n          right: 50%;\n          bottom: 100%;\n          transform: translateX(50%);\n          margin-bottom: 5px;\n          white-space: nowrap; }\n      .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown {\n        position: absolute;\n        left: 0;\n        top: 30px;\n        background-color: white;\n        border: 1px solid #c8ccd0;\n        padding: 5px;\n        z-index: 2;\n        transform: translateX(-9px); }\n        .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li {\n          margin: 0;\n          white-space: nowrap;\n          list-style: none;\n          display: block; }\n          .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button {\n            display: block;\n            height: auto; }\n            .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p {\n              display: block;\n              margin: 0;\n              padding: 0;\n              font-weight: bold;\n              line-height: 1em;\n              background: none;\n              border: 0;\n              text-align: left; }\n              .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p:hover {\n                color: #4078c0; }\n              .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p.header-1 {\n                font-size: 20px; }\n              .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p.header-2 {\n                font-size: 18px; }\n              .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p.header-3 {\n                font-size: 14px; }\n              .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown li button p.header-4 {\n                font-size: 12px; }\n        .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown::before {\n          position: absolute;\n          content: "";\n          width: 0;\n          height: 0;\n          border: 8px solid transparent;\n          border-bottom-color: rgba(0, 0, 0, 0.15);\n          top: -16px;\n          left: 3px;\n          transform: translateX(50%); }\n        .mde-header ul.mde-header-group li.mde-header-item ul.react-mde-dropdown::after {\n          position: absolute;\n          content: "";\n          width: 0;\n          height: 0;\n          border: 7px solid transparent;\n          border-bottom-color: white;\n          top: -14px;\n          left: 5px;\n          transform: translateX(50%); }\n\n.mde-text .public-DraftEditor-content {\n  width: 100%;\n  min-height: 200px;\n  padding: 10px; }\n\n.mde-preview {\n  min-height: 200px; }\n  .mde-preview .mde-preview-content {\n    padding: 10px; }\n    .mde-preview .mde-preview-content p, .mde-preview .mde-preview-content blockquote, .mde-preview .mde-preview-content ul, .mde-preview .mde-preview-content ol, .mde-preview .mde-preview-content dl, .mde-preview .mde-preview-content table, .mde-preview .mde-preview-content pre {\n      margin-top: 0;\n      margin-bottom: 16px; }\n    .mde-preview .mde-preview-content h1, .mde-preview .mde-preview-content h2, .mde-preview .mde-preview-content h3 {\n      margin-top: 24px;\n      margin-bottom: 16px;\n      font-weight: 600;\n      line-height: 1.25;\n      border-bottom: 1px solid #eee;\n      padding-bottom: 0.3em; }\n    .mde-preview .mde-preview-content h1 {\n      font-size: 1.6em; }\n    .mde-preview .mde-preview-content h2 {\n      font-size: 1.4em; }\n    .mde-preview .mde-preview-content h3 {\n      font-size: 1.2em; }\n    .mde-preview .mde-preview-content ul, .mde-preview .mde-preview-content ol {\n      padding-left: 2em; }\n    .mde-preview .mde-preview-content blockquote {\n      margin-left: 0;\n      padding: 0 1em;\n      color: #777;\n      border-left: 0.25em solid #ddd; }\n      .mde-preview .mde-preview-content blockquote > :first-child {\n        margin-top: 0; }\n      .mde-preview .mde-preview-content blockquote > :last-child {\n        margin-bottom: 0; }\n    .mde-preview .mde-preview-content code {\n      padding: 0.2em 0 0.2em 0;\n      margin: 0;\n      font-size: 90%;\n      background-color: rgba(0, 0, 0, 0.04);\n      border-radius: 3px; }\n      .mde-preview .mde-preview-content code::before, .mde-preview .mde-preview-content code::after {\n        letter-spacing: -0.2em;\n        content: "\\A0"; }\n    .mde-preview .mde-preview-content pre {\n      padding: 16px;\n      overflow: auto;\n      font-size: 85%;\n      line-height: 1.45;\n      background-color: #f7f7f7;\n      border-radius: 3px; }\n      .mde-preview .mde-preview-content pre code {\n        display: inline;\n        padding: 0;\n        margin: 0;\n        overflow: visible;\n        line-height: inherit;\n        word-wrap: normal;\n        background-color: transparent;\n        border: 0; }\n        .mde-preview .mde-preview-content pre code::before, .mde-preview .mde-preview-content pre code::after {\n          content: none; }\n      .mde-preview .mde-preview-content pre > code {\n        padding: 0;\n        margin: 0;\n        font-size: 100%;\n        word-break: normal;\n        white-space: pre;\n        background: transparent;\n        border: 0; }\n    .mde-preview .mde-preview-content a {\n      color: #4078c0;\n      text-decoration: none; }\n      .mde-preview .mde-preview-content a:hover {\n        text-decoration: underline; }\n    .mde-preview .mde-preview-content > *:first-child {\n      margin-top: 0 !important; }\n    .mde-preview .mde-preview-content > *:last-child {\n      margin-bottom: 0 !important; }\n    .mde-preview .mde-preview-content::after {\n      display: table;\n      clear: both;\n      content: ""; }\n    .mde-preview .mde-preview-content table {\n      display: block;\n      width: 100%;\n      border-spacing: 0;\n      border-collapse: collapse; }\n      .mde-preview .mde-preview-content table thead th {\n        font-weight: bold; }\n      .mde-preview .mde-preview-content table th, .mde-preview .mde-preview-content table td {\n        padding: 6px 13px;\n        border: 1px solid #c8ccd0; }\n\n* {\n  box-sizing: border-box; }\n\n.react-mde {\n  border: 1px solid #c8ccd0;\n  border-radius: 2px; }\n\n.react-mde-vertical-layout {\n  display: flex;\n  flex-direction: column; }\n  .react-mde-vertical-layout .mde-tabs {\n    display: flex;\n    align-items: stretch; }\n    .react-mde-vertical-layout .mde-tabs .mde-tab {\n      border: none;\n      border-left: 1px solid #c8ccd0;\n      padding: 10px;\n      background: none; }\n  .react-mde-vertical-layout .react-mde-content {\n    display: flex;\n    flex-direction: column; }\n    .react-mde-vertical-layout .react-mde-content .mde-text {\n      min-height: 200px;\n      height: auto;\n      overflow-y: auto; }\n    .react-mde-vertical-layout .react-mde-content .mde-preview {\n      min-height: 0;\n      height: auto;\n      overflow-y: auto;\n      border-top: 1px solid #c8ccd0; }\n\n.react-mde-no-preview-layout {\n  height: 100%;\n  display: flex;\n  flex-direction: column; }\n  .react-mde-no-preview-layout .mde-text {\n    overflow-y: auto; }\n\n.react-mde-horizontal-layout {\n  height: 100%;\n  display: flex;\n  flex-direction: column; }\n  .react-mde-horizontal-layout .mde-tabs {\n    display: flex;\n    align-items: stretch; }\n    .react-mde-horizontal-layout .mde-tabs .mde-tab {\n      border: none;\n      border-left: 1px solid #c8ccd0;\n      padding: 10px;\n      background: none; }\n    .react-mde-horizontal-layout .mde-tabs .mde-tab:hover {\n      cursor: pointer; }\n  .react-mde-horizontal-layout .mde-content {\n    display: flex;\n    height: 100%; }\n    .react-mde-horizontal-layout .mde-content .mde-text {\n      min-width: 50%;\n      overflow-y: auto;\n      border-radius: 0; }\n    .react-mde-horizontal-layout .mde-content .mde-preview {\n      min-width: 50%;\n      border-left: 1px solid #c8ccd0;\n      overflow-y: auto; }\n\n.react-mde-tabbed-layout {\n  height: 100%;\n  display: flex;\n  flex-direction: column; }\n  .react-mde-tabbed-layout .mde-tabs {\n    display: flex;\n    align-items: flex-end; }\n    .react-mde-tabbed-layout .mde-tabs .mde-tab {\n      position: relative;\n      top: 1px;\n      border: 1px solid #f9f9f9;\n      border-bottom: none;\n      border-top-left-radius: 2px;\n      border-top-right-radius: 2px;\n      margin-right: 10px;\n      padding: 10px;\n      background: none; }\n    .react-mde-tabbed-layout .mde-tabs .mde-tab:hover {\n      border-color: #c8ccd0;\n      cursor: pointer; }\n    .react-mde-tabbed-layout .mde-tabs .mde-tab-activated {\n      border-color: #c8ccd0;\n      background: white; }\n  .react-mde-tabbed-layout .mde-text {\n    overflow-y: auto; }\n  .react-mde-tabbed-layout .mde-preview {\n    overflow-y: auto; }\n',"",{version:3,sources:["D:/Git/react-mde/src/styles/src/styles/react-mde-toolbar.scss","D:/Git/react-mde/src/styles/src/styles/variables.scss","D:/Git/react-mde/src/styles/src/styles/react-mde-editor.scss","D:/Git/react-mde/src/styles/src/styles/react-mde-preview.scss","D:/Git/react-mde/src/styles/src/styles/react-mde.scss","D:/Git/react-mde/src/styles/src/styles/react-mde-vertical-layout.scss","D:/Git/react-mde/src/styles/src/styles/react-mde-no-preview-layout.scss","D:/Git/react-mde/src/styles/src/styles/react-mde-horizontal-layout.scss","D:/Git/react-mde/src/styles/src/styles/react-mde-tabbed-layout.scss"],names:[],mappings:"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",file:"react-mde-all.scss",sourcesContent:['@import "variables.scss";\n\n.mde-header {\n  flex-shrink: 0;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  border-bottom: 1px solid $mde-border-color;\n  border-radius: $mde-border-radius $mde-border-radius 0 0;\n  background: $mde-toolbar-color;\n\n  .mde-toolbar-children {\n    flex-grow: 1;\n    display: flex;\n    justify-content: flex-end;\n    align-items: stretch;\n  }\n\n  button:focus {\n    outline: 0;\n  }\n\n  ul.mde-header-group {\n    margin: 0;\n    padding: $mde-toolbar-padding;\n    list-style: none;\n    display: flex;\n    flex-wrap: nowrap;\n\n    li.mde-header-item {\n      display: inline-block;\n      position: relative;\n      margin: 0 4px;\n      button {\n        text-align: left;\n        cursor: pointer;\n        height: 22px;\n        padding: 4px;\n        margin: 0;\n        border: none;\n        background: none;\n        color: $mde-button-color;\n        @keyframes tooltip-appear {\n          from {\n            opacity: 0;\n          }\n          to {\n            opacity: 1;\n          }\n        }\n        @mixin tooltip-animation {\n          animation-name: tooltip-appear;\n          animation-duration: 0.2s;\n          animation-delay: 0.5s;\n          animation-fill-mode: forwards;\n        }\n        &.tooltipped {\n          &:hover::before {\n            @include tooltip-animation();\n            opacity: 0;\n            position: absolute;\n            z-index: 1000001;\n            width: 0;\n            height: 0;\n            color: rgba(0, 0, 0, 0.8);\n            pointer-events: none;\n            content: "";\n            border: 5px solid transparent;\n            top: -5px;\n            right: 50%;\n            bottom: auto;\n            margin-right: -5px;\n            border-top-color: rgba(0, 0, 0, 0.8);\n          }\n          &:hover::after {\n            @include tooltip-animation();\n            font-size: 11px;\n            opacity: 0;\n            position: absolute;\n            z-index: 1000000;\n            padding: 5px 8px;\n            color: #fff;\n            pointer-events: none;\n            content: attr(aria-label);\n            background: rgba(0, 0, 0, 0.8);\n            border-radius: 3px;\n            right: 50%;\n            bottom: 100%;\n            transform: translateX(50%);\n            margin-bottom: 5px;\n            white-space: nowrap;\n          }\n        }\n\n      }\n      ul.react-mde-dropdown {\n        position: absolute;\n        left: 0;\n        top: 30px;\n        background-color: white;\n        border: 1px solid $mde-border-color;\n        padding: 5px;\n        z-index: 2;\n        transform: translateX(-9px);\n        li {\n          margin: 0;\n          white-space: nowrap;\n          list-style: none;\n          display: block;\n          button {\n            display: block;\n            height: auto;\n            p {\n              display: block;\n              margin: 0;\n              padding: 0;\n              font-weight: bold;\n              line-height: 1em;\n              background: none;\n              border: 0;\n              text-align: left;\n              &:hover {\n                color: #4078c0;\n              }\n              &.header-1 {\n                font-size: 20px;\n              }\n              &.header-2 {\n                font-size: 18px;\n              }\n              &.header-3 {\n                font-size: 14px;\n              }\n              &.header-4 {\n                font-size: 12px;\n              }\n            }\n          }\n\n        }\n        &::before {\n          position: absolute;\n          content: "";\n          width: 0;\n          height: 0;\n          border: 8px solid transparent;\n          border-bottom-color: rgba(0, 0, 0, 0.15);\n          top: -16px;\n          left: 3px;\n          transform: translateX(50%);\n        }\n        &::after {\n          position: absolute;\n          content: "";\n          width: 0;\n          height: 0;\n          border: 7px solid transparent;\n          border-bottom-color: white;\n          top: -14px;\n          left: 5px;\n          transform: translateX(50%);\n        }\n      }\n    }\n  }\n}\n\n',"//General\n\n$mde-border-radius:                 2px !default;\n$mde-border-color:                  #c8ccd0 !default;\n$mde-button-color:                  #242729 !default;\n$mde-toolbar-color:                 #f9f9f9 !default;\n$mde-toolbar-padding:               10px !default;\n$mde-editor-default-min-height:     200px !default;\n$mde-editor-default-height:         auto !default;\n$mde-editor-padding:                10px !default;\n$mde-preview-horizontal-padding:    10px !default;\n$mde-preview-padding:               10px !default;\n$mde-preview-default-min-height:    $mde-editor-default-min-height !default;\n$mde-preview-default-height:        auto !default;\n\n\n// Layout specific variables\n\n$mde-editor-vertical-min-height:    $mde-editor-default-min-height !default;\n$mde-editor-vertical-height:        auto !default;\n$mde-preview-vertical-min-height:   0 !default;\n$mde-preview-vertical-height:       auto !default;",'@import "variables.scss";\n\n.mde-text {\n\n  .public-DraftEditor-content {\n    width: 100%;\n    min-height: $mde-editor-default-min-height;\n    padding: $mde-editor-padding;\n  }\n}\n','@import "variables.scss";\n\n.mde-preview {\n  min-height: $mde-preview-default-min-height;\n  .mde-preview-content {\n    padding: $mde-preview-padding;\n\n    p, blockquote, ul, ol, dl, table, pre {\n      margin-top: 0;\n      margin-bottom: 16px;\n    }\n\n    h1, h2, h3 {\n      margin-top: 24px;\n      margin-bottom: 16px;\n      font-weight: 600;\n      line-height: 1.25;\n      border-bottom: 1px solid #eee;\n      padding-bottom: 0.3em;\n    }\n    h1 {\n      font-size: 1.6em;\n    }\n    h2 {\n      font-size: 1.4em;\n    }\n    h3 {\n      font-size: 1.2em;\n    }\n    ul, ol {\n      padding-left: 2em;\n    }\n    blockquote {\n      margin-left: 0;\n      padding: 0 1em;\n      color: #777;\n      border-left: 0.25em solid #ddd;\n      & > :first-child {\n        margin-top: 0;\n      }\n      & > :last-child {\n        margin-bottom: 0;\n      }\n    }\n\n    code {\n      padding: 0.2em 0 0.2em 0;\n      margin: 0;\n      font-size: 90%;\n      background-color: rgba(0, 0, 0, 0.04);\n      border-radius: 3px;\n      &::before, &::after {\n        letter-spacing: -0.2em;\n        content: "\\00a0";\n      }\n    }\n\n    pre {\n      padding: 16px;\n      overflow: auto;\n      font-size: 85%;\n      line-height: 1.45;\n      background-color: #f7f7f7;\n      border-radius: 3px;\n\n      code {\n        display: inline;\n        padding: 0;\n        margin: 0;\n        overflow: visible;\n        line-height: inherit;\n        word-wrap: normal;\n        background-color: transparent;\n        border: 0;\n        &::before, &::after {\n          content: none;\n        }\n      }\n\n      > code {\n        padding: 0;\n        margin: 0;\n        font-size: 100%;\n        word-break: normal;\n        white-space: pre;\n        background: transparent;\n        border: 0;\n      }\n    }\n\n    a {\n      color: #4078c0;\n      text-decoration: none;\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n    & > *:first-child {\n      margin-top: 0 !important;\n    }\n    & > *:last-child {\n      margin-bottom: 0 !important;\n    }\n    &::after {\n      display: table;\n      clear: both;\n      content: "";\n    }\n\n    table {\n      display: block;\n      width: 100%;\n      border-spacing: 0;\n      border-collapse: collapse;\n      thead {\n        th {\n          font-weight: bold;\n        }\n      }\n      th, td {\n        padding: 6px 13px;\n        border: 1px solid $mde-border-color;\n      }\n    }\n  }\n}\n\n','@import "variables.scss";\n\n* {\n    box-sizing: border-box;\n}\n\n.react-mde {\n    border: 1px solid $mde-border-color;\n    border-radius: $mde-border-radius;\n}\n','@import "variables.scss";\n\n.react-mde-vertical-layout {\n    display: flex;\n    flex-direction: column;\n\n    .mde-tabs {\n        display: flex;\n        align-items: stretch;\n\n        .mde-tab {\n            border: none;\n            border-left: 1px solid $mde-border-color;\n            padding: 10px;\n            background: none;\n        }\n    }\n\n    .react-mde-content {\n        display: flex;\n        flex-direction: column;\n\n        .mde-text {\n            min-height: $mde-editor-vertical-min-height;\n            height: $mde-editor-vertical-height;\n            overflow-y: auto;\n        }\n\n        .mde-preview {\n            min-height: $mde-preview-vertical-min-height;\n            height: $mde-preview-vertical-height;\n            overflow-y: auto;\n            border-top: 1px solid $mde-border-color;\n        }\n    }\n}\n','@import "variables.scss";\n\n.react-mde-no-preview-layout {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  .mde-text {\n    overflow-y: auto;\n  }\n}\n','@import "variables.scss";\n\n.react-mde-horizontal-layout {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n\n    .mde-tabs {\n        display: flex;\n        align-items: stretch;\n\n        .mde-tab {\n            border: none;\n            border-left: 1px solid $mde-border-color;\n            padding: 10px;\n            background: none;\n        }\n\n        .mde-tab:hover {\n            cursor: pointer;\n        }\n    }\n\n    .mde-content {\n        display: flex;\n        height: 100%;\n\n        .mde-text {\n            min-width: 50%;\n            overflow-y: auto;\n            border-radius: 0;\n        }\n\n        .mde-preview {\n            min-width: 50%;\n            border-left: 1px solid $mde-border-color;\n            overflow-y: auto;\n        }\n    }\n}\n','@import "variables.scss";\n\n.react-mde-tabbed-layout {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n\n    .mde-tabs {\n        display: flex;\n        align-items: flex-end;\n\n        .mde-tab {\n            position: relative;\n            top: 1px;\n            border: 1px solid $mde-toolbar-color;\n            border-bottom: none;\n            border-top-left-radius: $mde-border-radius;\n            border-top-right-radius: $mde-border-radius;\n            margin-right: 10px;\n            padding: 10px;\n            background: none;\n        }\n\n        .mde-tab:hover {\n            border-color: $mde-border-color;\n            cursor: pointer;\n        }\n\n        .mde-tab-activated {\n            border-color: $mde-border-color;\n            background: white;\n        }\n    }\n\n    .mde-text {\n        overflow-y: auto;\n    }\n\n    .mde-preview {\n        overflow-y: auto;\n    }\n}\n'],sourceRoot:""}])},1236:function(e,t,n){var r=n(1235);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(278)(r,o);r.locals&&(e.exports=r.locals)},1258:function(e,t,n){"use strict";n.r(t),function(e){var t=n(94);n(1239),n(1236),n(1234);Object(t.configure)(function(){n(1232),n(1124),n(1123),n(1122),n(1121),n(1120)},e)}.call(this,n(576)(e))},1260:function(e,t,n){n(458),n(1259),e.exports=n(1258)},136:function(e,t,n){"use strict";function r(e){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])}Object.defineProperty(t,"__esModule",{value:!0}),r(n(545)),r(n(258)),r(n(544)),r(n(1134)),r(n(1133)),r(n(1132)),r(n(1131))},139:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(274);t.ReactMdeCommands=r;var o=n(1135);t.ReactMdeTypes=o;var a=n(136);t.ReactMdeComponents=a;var i=n(543);t.ReactMdeLayoutComponents=i;var d=n(31);t.DraftUtil=d;var s=n(37);t.MarkdownUtil=s;var l=n(1126);t.default=l.ReactMde},258:function(e,t,n){"use strict";var r=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var o=n(0);t.MdeToolbarButton=function(e){var t=e.buttonComponentClass,n=e.buttonContent,a=e.buttonProps,i=e.onClick,d=e.readOnly,s=t||"button";return o.createElement("li",{className:"mde-header-item"},o.createElement(s,r({},a,{onClick:i,disabled:d}),n))}},274:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1231);t.boldCommand=r.boldCommand;var o=n(1146);t.codeCommand=o.codeCommand;var a=n(1145);t.headerCommand=a.headerCommand;var i=n(1144);t.imageCommand=i.imageCommand;var d=n(1143);t.italicCommand=d.italicCommand;var s=n(1142);t.strikethroughCommand=s.strikethroughCommand;var l=n(1141);t.linkCommand=l.linkCommand;var c=n(1140);t.orderedListCommand=c.orderedListCommand;var u=n(1139);t.quoteCommand=u.quoteCommand;var m=n(1138);t.unorderedListCommand=m.unorderedListCommand;var p=n(1137);t.checkListCommand=p.checkListCommand;var f=n(1136);t.tabCommand=f.tabCommand;t.getDefaultCommands=function(){return[[a.headerCommand,r.boldCommand,d.italicCommand,s.strikethroughCommand],[l.linkCommand,u.quoteCommand,o.codeCommand,i.imageCommand],[m.unorderedListCommand,c.orderedListCommand,p.checkListCommand]]}},31:function(e,t,n){"use strict";var r=this&&this.__awaiter||function(e,t,n,r){return new(n||(n=Promise))(function(o,a){function i(e){try{s(r.next(e))}catch(e){a(e)}}function d(e){try{s(r.throw(e))}catch(e){a(e)}}function s(e){e.done?o(e.value):new n(function(t){t(e.value)}).then(i,d)}s((r=r.apply(e,t||[])).next())})},o=this&&this.__generator||function(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:d(0),throw:d(1),return:d(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function d(a){return function(d){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===a[0]||2===a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,d])}}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(273);function i(e,t){for(var n,r=0,o=t;n=e.getCurrentContent().getBlockBefore(o);)r+=n.getText().length+1,o=n.getKey();return r}function d(e){var t=e.getSelection(),n=t.getStartKey(),r=t.getStartOffset(),o=t.getEndKey(),a=t.getEndOffset(),d=i(e,n);return{start:r+d,end:r+s(e,n,r,o,a)+d}}function s(e,t,n,r,o){if(t===r)return o-n;for(var a,i=e.getCurrentContent().getBlockForKey(t).getText().length-n,d=t;(a=e.getCurrentContent().getBlockAfter(d))&&a.getKey()!==r;)i+=a.getText().length+1,d=a.getKey();return i+=o+1}function l(e){return e.getCurrentContent().getPlainText("\n")}t.getContentLengthOfAllBlocksBefore=i,t.getSelection=d,t.getContentLengthBetween=s,t.getPlainText=l;var c=function(e,t,n,r,o){return!t||e<n+r?null:e>n+t.getText().length?c(e,o.getBlockAfter(t.getKey()),n+t.getText().length+1,0,o):{block:t,globalOffset:n,blockOffset:e-n}};function u(e,t){var n=e.getFirstBlock();if(null===n)return null;var r=c(t.start,n,0,0,e);if(null===r)return null;var o=c(t.end,r.block,r.globalOffset,r.blockOffset,e);return null===o?null:a.SelectionState.createEmpty(r.block.getKey()).merge({anchorKey:r.block.getKey(),anchorOffset:r.blockOffset,focusKey:o.block.getKey(),focusOffset:o.blockOffset})}t.buildSelectionState=u,t.getMarkdownStateFromDraftState=function(e){return{text:l(e),selection:d(e)}},t.getMdeStateFromDraftState=function(e,t){return r(this,void 0,void 0,function(){var n,r;return o(this,function(o){switch(o.label){case 0:return n=l(e),t?[4,t(n)]:[3,2];case 1:return r=o.sent(),[3,3];case 2:r="",o.label=3;case 3:return[2,{html:r,markdown:n,draftEditorState:e}]}})})},t.buildNewDraftState=function(e,t){var n=t.text,r=t.selection,o=a.ContentState.createFromText(n),i=a.EditorState.forceSelection(e,e.getSelection());i=a.EditorState.push(i,o,"insert-characters");var d=r?u(i.getCurrentContent(),r):e.getSelection();return a.EditorState.forceSelection(i,d)}},37:function(e,t,n){"use strict";var r=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};function o(e,t){if(!e)throw Error("Argument 'text' should be truthy");for(var n=function(e){return" "===e||10===e.charCodeAt(0)},r=0,o=e.length,a=t;a-1>-1;a--)if(n(e[a-1])){r=a;break}for(a=t;a<e.length;a++)if(n(e[a])){o=a;break}return{word:e.slice(r,o),position:{start:r,end:o}}}function a(e){var t=e.text,n=e.selection;return t&&t.length&&n.start===n.end?o(t,n.start).position:n}function i(e){var t=e.text,n=e.selection,r=l(t,n.start),o=Array(r+1).join("\n"),a=t,i=n,d=0;if(o){var c=s(t,o,n.start);a=c.newText,d=c.insertionLength,i={start:n.start+c.insertionLength,end:n.end+c.insertionLength}}return{newText:a,insertionLength:d,newSelection:i}}function d(e,t,n,o){void 0===o&&(o=!0);var a=s(e,t,n.start),i={start:o?n.start:n.start+a.insertionLength,end:n.end+a.insertionLength};return r({},a,{newSelection:i})}function s(e,t,n){return{newText:[e.slice(0,n),t,e.slice(n)].join(""),insertionLength:t.length}}function l(e,t){if(void 0===e&&(e=""),0===t)return 0;for(var n=2,r=!0,o=t-1;o>=0&&n>=0;o--)switch(e.charCodeAt(o)){case 32:continue;case 10:n--,r=!1;break;default:return n}return r?0:n}function c(e,t){if(void 0===e&&(e=""),t===e.length-1)return 0;for(var n=2,r=!0,o=t;o<e.length&&n>=0;o++)switch(e.charCodeAt(o)){case 32:continue;case 10:n--,r=!1;break;default:return n}return r?0:n}function u(e){var t=e.text,n=e.selection,r=c(t,n.end),o=Array(r+1).join("\n"),a=t,i=0;if(o){var d=s(t,o,n.end);a=d.newText,i=d.insertionLength}return{newText:a,insertionLength:i,newSelection:n}}function m(e,t,n){var r=e.slice(n.start,n.end).split(/\n/),o=0,a=r.map(function(e,n){if("string"==typeof t)return o+=t.length,t+e;if("function"==typeof t){var r=t(e,n);return o+=r.length,t(e,n)+e}throw Error("insertion is expected to be either a string or a function")}).join("\n");return{newText:e.slice(0,n.start)+a+e.slice(n.end),insertionLength:o,newSelection:{start:r.length>1?n.start:n.start+o,end:n.end+o}}}Object.defineProperty(t,"__esModule",{value:!0}),t.getSurroundingWord=o,t.insertBeforeAndAfter=function(e,t){var n=e.text,r=e.selection,o=s(n,t,(r=a({text:n,selection:r})).start),i=o.newText,d=o.insertionLength;return{text:s(i,t,r.end+d).newText,selection:{start:r.start+d,end:r.end+d}}},t.selectWordIfCaretIsInsideOne=a,t.insertBreaksBeforeSoThatThereIsAnEmptyLineBefore=i,t.insertBefore=d,t.insertAfter=function(e,t,n){var o=s(e,t,n.end),a={start:n.start,end:n.end+o.insertionLength};return r({},o,{newSelection:a})},t.insertText=s,t.getBreaksNeededForEmptyLineBefore=l,t.getBreaksNeededForEmptyLineAfter=c,t.insertBreaksAfterSoThatThereIsAnEmptyLineAfter=u,t.insertBeforeEachLine=m,t.makeList=function(e,t){var n,r=e.text,o=e.selection;return{text:r=(n=m(r=(n=u({text:r=(n=i({text:r,selection:o=a({text:r,selection:o})})).newText,selection:o=n.newSelection})).newText,t,o=n.newSelection)).newText,selection:o=n.newSelection}},t.onTab=function(e,t){for(var n=e.text,r=e.selection,o=0,a=r.start;a-1>-1;a--)if("\n"===n[a-1]){o=a;break}var i=n.length;for(a=r.end;a<n.length;a++)if("\n"===n[a+1]){i=a;break}var d=n.slice(o,i).split(/\n/),s=0,l=0,c=d.map(function(e){var n=e.match(/^ +/);if(l=n&&n[0]?n[0].length:0,t){var r=4;return l&&l%4==0||(r=l%4),s-=r,e.slice(r)}var o="    ";return l%4==1&&(o="   "),l%4==2&&(o="  "),l%4==3&&(o=" "),s+=o.length,o+e}).join("\n");return{text:n=n.slice(0,o)+c+n.slice(i),selection:r=d.length<=1?{start:o+s+l,end:o+s+l}:{start:o,end:i+s}}},t.makeHeader=function(e,t){var n=e.text,r=e.selection,o=d(n,t,r=a({text:n,selection:r}),!1);return{text:o.newText,selection:o.newSelection}}},543:function(e,t,n){"use strict";function r(e){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])}Object.defineProperty(t,"__esModule",{value:!0}),r(n(1130)),r(n(1129)),r(n(1128)),r(n(1127))},544:function(e,t,n){"use strict";var r,o=this&&this.__extends||(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])},function(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),a=this&&this.__assign||Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e};Object.defineProperty(t,"__esModule",{value:!0});var i=n(0),d=n(258),s=function(e){function t(t){var n=e.call(this,t)||this;return n.handleGlobalClick=function(e){n.clickedOutside(e)&&n.closeDropdown()},n.openDropdown=function(){n.setState({open:!0})},n.clickedOutside=function(e){var t=e.target;return n.state.open&&n.dropdown&&n.dropdownOpener&&!n.dropdown.contains(t)&&!n.dropdownOpener.contains(t)},n.handleOnClickCommand=function(e,t){(0,n.props.onCommand)(t),n.closeDropdown()},n.handleClick=function(){n.state.open?n.closeDropdown():n.openDropdown()},n.state={open:!1},n}return o(t,e),t.prototype.componentDidMount=function(){document.addEventListener("click",this.handleGlobalClick,!1)},t.prototype.componentWillUnmount=function(){document.removeEventListener("click",this.handleGlobalClick,!1)},t.prototype.closeDropdown=function(){this.setState({open:!1})},t.prototype.render=function(){var e=this,t=this.props,n=t.buttonContentOptions,r=t.commands,o=t.readOnly,s=this.state.open,l=r.map(function(t,r){return i.createElement(d.MdeToolbarButton,{key:"header-item"+r,buttonProps:t.buttonProps,buttonContent:t.buttonContentBuilder(n),onClick:function(n){return e.handleOnClickCommand(n,t)},readOnly:o})}),c=s?i.createElement("ul",{className:"react-mde-dropdown",ref:function(t){e.dropdown=t}},l):null,u=this.props,m=u.buttonContent,p=u.buttonProps;return i.createElement("li",{className:"mde-header-item"},i.createElement("button",a({type:"button"},p,{ref:function(t){e.dropdownOpener=t},onClick:this.handleClick,disabled:o}),m),c)},t}(i.Component);t.MdeToolbarDropdown=s},545:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);t.MdeToolbarButtonGroup=function(e){return r.createElement("ul",{className:"mde-header-group"},e.children)}}},[[1260,1,2]]]);
//# sourceMappingURL=preview.882bafd716960d2ded4d.bundle.js.map