From c059c6be75cd0afbbecf073350219edf589aa771 Mon Sep 17 00:00:00 2001 From: Riad Benguella Date: Wed, 8 Mar 2017 13:29:47 +0100 Subject: [PATCH] TinyMCE per block: Update the toolbar style to match the UI prototype --- tinymce-per-block/build/app.js | 4 +-- .../src/blocks/embed-block/_style.scss | 1 - .../transform-block-toolbar/style.scss | 8 +++-- tinymce-per-block/src/inserter/style.scss | 29 +++++++++++++----- .../renderers/block/block-list/_style.scss | 30 ++++++++++++------- 5 files changed, 48 insertions(+), 24 deletions(-) diff --git a/tinymce-per-block/build/app.js b/tinymce-per-block/build/app.js index cf139b64d02886..d9325f097c5112 100644 --- a/tinymce-per-block/build/app.js +++ b/tinymce-per-block/build/app.js @@ -31,5 +31,5 @@ case"img":case"link":case"object":case"source":case"video":this._wrapperState={l setHandleTopLevel:function(e){v._handleTopLevel=e},setEnabled:function(e){v._enabled=!!e},isEnabled:function(){return v._enabled},trapBubbledEvent:function(e,t,n){return n?c.listen(n,t,v.dispatchEvent.bind(null,e)):null},trapCapturedEvent:function(e,t,n){return n?c.capture(n,t,v.dispatchEvent.bind(null,e)):null},monitorScrollValue:function(e){var t=a.bind(null,e);c.listen(window,"scroll",t)},dispatchEvent:function(e,t){if(v._enabled){var n=r.getPooled(e,t);try{d.batchedUpdates(i,n)}finally{r.release(n)}}}};e.exports=v},function(e,t,n){"use strict";var o=[],r={onHostOperation:function(e){o.push(e)},clearHistory:function(){r._preventClearing||(o=[])},getHistory:function(){return o}};e.exports=r},function(e,t,n){"use strict";var o=n(20),r=n(39),i=n(80),a=n(83),u=n(138),c=n(51),s=n(140),l=n(16),p={Component:a.injection,DOMProperty:o.injection,EmptyComponent:u.injection,EventPluginHub:r.injection,EventPluginUtils:i.injection,EventEmitter:c.injection,HostComponent:s.injection,Updates:l.injection};e.exports=p},function(e,t,n){"use strict";(function(t){var o=n(3);if("production"!==t.env.NODE_ENV)var r=!1,i=function(){"production"!==t.env.NODE_ENV?o(!r,"setState(...): Cannot call setState() inside getChildContext()"):void 0};var a={onBeginProcessingChildContext:function(){r=!0},onEndProcessingChildContext:function(){r=!1},onSetState:function(){i()}};e.exports=a}).call(t,n(0))},function(e,t,n){"use strict";var o=n(368),r=/\/?>/,i=/^<\!\-\-/,a={CHECKSUM_ATTR_NAME:"data-react-checksum",addChecksumToMarkup:function(e){var t=o(e);return i.test(e)?e:e.replace(r," "+a.CHECKSUM_ATTR_NAME+'="'+t+'"$&')},canReuseMarkup:function(e,t){var n=t.getAttribute(a.CHECKSUM_ATTR_NAME);n=n&&parseInt(n,10);var r=o(e);return r===n}};e.exports=a},function(e,t,n){"use strict";(function(t){function o(e,t,n){return{type:"INSERT_MARKUP",content:e,fromIndex:null,fromNode:null,toIndex:n,afterNode:t}}function r(e,t,n){return{type:"MOVE_EXISTING",content:null,fromIndex:e._mountIndex,fromNode:v.getHostNode(e),toIndex:n,afterNode:t}}function i(e,t){return{type:"REMOVE_NODE",content:null,fromIndex:e._mountIndex,fromNode:t,toIndex:null,afterNode:null}}function a(e){return{type:"SET_MARKUP",content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function u(e){return{type:"TEXT_CONTENT",content:e,fromIndex:null,fromNode:null,toIndex:null,afterNode:null}}function c(e,t){return t&&(e=e||[],e.push(t)),e}function s(e,t){p.processChildrenUpdates(e,t)}var l=n(4),p=n(83),d=n(41),f=n(13),h=n(17),v=n(33),m=n(319),y=n(14),g=n(372),b=n(2),_=y;if("production"!==t.env.NODE_ENV){var E=function(e){if(!e._debugID){var t;(t=d.get(e))&&(e=t)}return e._debugID};_=function(e){var t=E(this);0!==t&&f.debugTool.onSetChildren(t,e?Object.keys(e).map(function(t){return e[t]._debugID}):[])}}var N={Mixin:{_reconcilerInstantiateChildren:function(e,n,o){if("production"!==t.env.NODE_ENV){var r=E(this);if(this._currentElement)try{return h.current=this._currentElement._owner,m.instantiateChildren(e,n,o,r)}finally{h.current=null}}return m.instantiateChildren(e,n,o)},_reconcilerUpdateChildren:function(e,n,o,r,i,a){var u,c=0;if("production"!==t.env.NODE_ENV&&(c=E(this),this._currentElement)){try{h.current=this._currentElement._owner,u=g(n,c)}finally{h.current=null}return m.updateChildren(e,u,o,r,i,this,this._hostContainerInfo,a,c),u}return u=g(n,c),m.updateChildren(e,u,o,r,i,this,this._hostContainerInfo,a,c),u},mountChildren:function(e,n,o){var r=this._reconcilerInstantiateChildren(e,n,o);this._renderedChildren=r;var i=[],a=0;for(var u in r)if(r.hasOwnProperty(u)){var c=r[u],s=0;"production"!==t.env.NODE_ENV&&(s=E(this));var l=v.mountComponent(c,n,this,this._hostContainerInfo,o,s);c._mountIndex=a++,i.push(l)}return"production"!==t.env.NODE_ENV&&_.call(this,r),i},updateTextContent:function(e){var n=this._renderedChildren;m.unmountChildren(n,!1);for(var o in n)n.hasOwnProperty(o)&&("production"!==t.env.NODE_ENV?b(!1,"updateTextContent called on non-empty component."):l("118"));var r=[u(e)];s(this,r)},updateMarkup:function(e){var n=this._renderedChildren;m.unmountChildren(n,!1);for(var o in n)n.hasOwnProperty(o)&&("production"!==t.env.NODE_ENV?b(!1,"updateTextContent called on non-empty component."):l("118"));var r=[a(e)];s(this,r)},updateChildren:function(e,t,n){this._updateChildren(e,t,n)},_updateChildren:function(e,n,o){var r=this._renderedChildren,i={},a=[],u=this._reconcilerUpdateChildren(r,e,a,i,n,o);if(u||r){var l,p=null,d=0,f=0,h=0,m=null;for(l in u)if(u.hasOwnProperty(l)){var y=r&&r[l],g=u[l];y===g?(p=c(p,this.moveChild(y,m,d,f)),f=Math.max(y._mountIndex,f),y._mountIndex=d):(y&&(f=Math.max(y._mountIndex,f)),p=c(p,this._mountChildAtIndex(g,a[h],m,d,n,o)),h++),d++,m=v.getHostNode(g)}for(l in i)i.hasOwnProperty(l)&&(p=c(p,this._unmountChild(r[l],i[l])));p&&s(this,p),this._renderedChildren=u,"production"!==t.env.NODE_ENV&&_.call(this,u)}},unmountChildren:function(e){var t=this._renderedChildren;m.unmountChildren(t,e),this._renderedChildren=null},moveChild:function(e,t,n,o){if(e._mountIndex=t)return{node:n,offset:t-i};i=a}n=o(r(n))}}e.exports=i},function(e,t,n){"use strict";function o(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}function r(e){if(u[e])return u[e];if(!a[e])return e;var t=a[e];for(var n in t)if(t.hasOwnProperty(n)&&n in c)return u[e]=t[n];return""}var i=n(8),a={animationend:o("Animation","AnimationEnd"),animationiteration:o("Animation","AnimationIteration"),animationstart:o("Animation","AnimationStart"),transitionend:o("Transition","TransitionEnd")},u={},c={};i.canUseDOM&&(c=document.createElement("div").style,"AnimationEvent"in window||(delete a.animationend.animation,delete a.animationiteration.animation,delete a.animationstart.animation),"TransitionEvent"in window||delete a.transitionend.transition),e.exports=r},function(e,t,n){"use strict";function o(e){return'"'+r(e)+'"'}var r=n(54);e.exports=o},function(e,t,n){"use strict";var o=n(142);e.exports=o.renderSubtreeIntoContainer},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e,t){var n={};for(var o in e)t.indexOf(o)>=0||Object.prototype.hasOwnProperty.call(e,o)&&(n[o]=e[o]);return n}function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==("undefined"==typeof t?"undefined":l(t))&&"function"!=typeof t?e:t}function u(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+("undefined"==typeof t?"undefined":l(t)));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function c(e){return window.requestAnimationFrame?window.requestAnimationFrame(e):window.setTimeout(e,1)}function s(e){window.cancelAnimationFrame?window.cancelAnimationFrame(e):window.clearTimeout(e)}var l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var p,d,f=Object.assign||function(e){for(var t=1;t1?u-1:0),s=1;s>",S={array:a("array"),bool:a("boolean"),func:a("function"),number:a("number"),object:a("object"),string:a("string"),symbol:a("symbol"),any:u(),arrayOf:c,element:s(),instanceOf:l,node:h(),objectOf:d,oneOf:p,oneOfType:f,shape:v};r.prototype=Error.prototype,e.exports=S}).call(t,n(0))},function(e,t,n){"use strict";function o(e,t,n){this.props=e,this.context=t,this.refs=c,this.updater=n||u}function r(){}var i=n(5),a=n(93),u=n(94),c=n(36);r.prototype=a.prototype,o.prototype=new r,o.prototype.constructor=o,i(o.prototype,a.prototype),o.prototype.isPureReactComponent=!0,e.exports=o},function(e,t,n){"use strict";e.exports="15.4.2"},function(e,t,n){"use strict";(function(t){function o(e,o,d,f,h,v){for(var m in e)if(e.hasOwnProperty(m)){var y;try{"function"!=typeof e[m]?"production"!==t.env.NODE_ENV?s(!1,"%s: %s type `%s` is invalid; it must be a function, usually from React.PropTypes.",f||"React class",u[d],m):a("84",f||"React class",u[d],m):void 0,y=e[m](o,m,f,d,null,c)}catch(e){y=e}if("production"!==t.env.NODE_ENV?l(!y||y instanceof Error,"%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",f||"React class",u[d],m,"undefined"==typeof y?"undefined":i(y)):void 0,y instanceof Error&&!(y.message in p)){p[y.message]=!0;var g="";"production"!==t.env.NODE_ENV&&(r||(r=n(10)),null!==v?g=r.getStackAddendumByID(v):null!==h&&(g=r.getCurrentStackAddendum(h))),"production"!==t.env.NODE_ENV?l(!1,"Failed %s type: %s%s",d,y.message,g):void 0}}}var r,i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a=n(26),u=n(95),c=n(156),s=n(2),l=n(3);"undefined"!=typeof t&&t.env&&"test"===t.env.NODE_ENV&&(r=n(10));var p={};e.exports=o}).call(t,n(0))},function(e,t,n){"use strict";(function(t){function o(e){return i.isValidElement(e)?void 0:"production"!==t.env.NODE_ENV?a(!1,"React.Children.only expected to receive a single React element child."):r("143"),e}var r=n(26),i=n(25),a=n(2);e.exports=o}).call(t,n(0))},function(e,t,n){"use strict";(function(t){function o(e,t){return e&&"object"===("undefined"==typeof e?"undefined":a(e))&&null!=e.key?d.escape(e.key):t.toString(36)}function r(e,n,i,y){var g="undefined"==typeof e?"undefined":a(e);if("undefined"!==g&&"boolean"!==g||(e=null),null===e||"string"===g||"number"===g||"object"===g&&e.$$typeof===s)return i(y,e,""===n?h+o(e,0):n),1;var b,_,E=0,N=""===n?h:n+v;if(Array.isArray(e))for(var C=0;C_e&&(_e=ye,Ee=[]),Ee.push(e))}function h(e,t,n){return new i(i.buildMessage(e,t),e,t,n)}function v(){var e;return e=m()}function m(){var e,t;for(e=[],t=y();t!==j;)e.push(t),t=y();return e}function y(){var e;return e=g(),e===j&&(e=b()),e}function g(){var e,t,n,o,r,i;if(e=ye,t=_(),t!==j){if(n=[],o=ye,r=ye,Ne++,i=E(),Ne--,i===j?r=void 0:(ye=r,r=j),r!==j?(i=A(),i!==j?(ge=o,r=L(t,i),o=r):(ye=o,o=j)):(ye=o,o=j),o!==j)for(;o!==j;)n.push(o),o=ye,r=ye,Ne++,i=E(),Ne--,i===j?r=void 0:(ye=r,r=j),r!==j?(i=A(),i!==j?(ge=o,r=L(t,i),o=r):(ye=o,o=j)):(ye=o,o=j);else n=j;n!==j?(o=E(),o!==j?(ge=e,t=F(t,n,o),e=t):(ye=e,e=j)):(ye=e,e=j)}else ye=e,e=j;return e}function b(){var e,t,n,o,r;if(e=ye,t=[],n=ye,o=ye,Ne++,r=g(),Ne--,r===j?o=void 0:(ye=o,o=j),o!==j?(r=A(),r!==j?(ge=n,o=B(r),n=o):(ye=n,n=j)):(ye=n,n=j),n!==j)for(;n!==j;)t.push(n),n=ye,o=ye,Ne++,r=g(),Ne--,r===j?o=void 0:(ye=o,o=j),o!==j?(r=A(),r!==j?(ge=n,o=B(r),n=o):(ye=n,n=j)):(ye=n,n=j);else t=j;return t!==j&&(ge=e,t=z(t)),e=t}function _(){var t,n,o,r,i,a,u,c;return t=ye,e.substr(ye,4)===H?(n=H,ye+=4):(n=j,0===Ne&&f(W)),n!==j?(o=M(),o!==j?(e.substr(ye,3)===q?(r=q,ye+=3):(r=j,0===Ne&&f(Y)),r!==j?(i=N(),i!==j?(a=C(),a!==j?(u=I(),u===j&&(u=null),u!==j?(e.substr(ye,3)===K?(c=K,ye+=3):(c=j,0===Ne&&f($)),c!==j?(ge=t,n=G(i,a),t=n):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j),t}function E(){var t,n,o,r,i,a;return t=ye,e.substr(ye,4)===H?(n=H,ye+=4):(n=j,0===Ne&&f(W)),n!==j?(o=M(),o!==j?(e.substr(ye,3)===X?(r=X,ye+=3):(r=j,0===Ne&&f(Q)),r!==j?(i=M(),i!==j?(e.substr(ye,3)===K?(a=K,ye+=3):(a=j,0===Ne&&f($)),a!==j?(ge=t,n=J(),t=n):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j),t}function N(){var e,t,n,o;if(e=ye,t=S(),t!==j){for(n=[],o=O();o!==j;)n.push(o),o=O();n!==j?(ge=e,t=Z(t,n),e=t):(ye=e,e=j)}else ye=e,e=j;return e}function C(){var e,t,n,o,r;if(e=ye,t=[],n=ye,o=[],r=I(),r!==j)for(;r!==j;)o.push(r),r=I();else o=j;for(o!==j?(r=w(),r!==j?(ge=n,o=ee(r),n=o):(ye=n,n=j)):(ye=n,n=j);n!==j;){if(t.push(n),n=ye,o=[],r=I(),r!==j)for(;r!==j;)o.push(r),r=I();else o=j;o!==j?(r=w(),r!==j?(ge=n,o=ee(r),n=o):(ye=n,n=j)):(ye=n,n=j)}return t!==j&&(ge=e,t=te(t)),e=t}function w(){var t,n,o,r;return t=ye,n=x(),n!==j?(58===e.charCodeAt(ye)?(o=ne,ye++):(o=j,0===Ne&&f(oe)),o!==j?(r=k(),r!==j?(ge=t,n=re(n,r),t=n):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j),t}function x(){var e,t,n,o;if(e=ye,t=S(),t!==j){for(n=[],o=O();o!==j;)n.push(o),o=O();n!==j?(ge=e,t=Z(t,n),e=t):(ye=e,e=j)}else ye=e,e=j;return e}function k(){var e,t,n,o;if(e=ye,t=S(),t!==j){for(n=[],o=D();o!==j;)n.push(o),o=D();n!==j?(ge=e,t=ie(t,n),e=t):(ye=e,e=j)}else ye=e,e=j;return e}function O(){var e;return e=S(),e===j&&(e=T(),e===j&&(e=P())),e}function D(){var t;return ae.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(ue)),t}function S(){var t;return ce.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(se)),t}function T(){var t;return le.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(pe)),t}function P(){var t;return de.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(fe)),t}function I(){var t;return he.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(ve)),t}function M(){var e,t;if(e=[],t=I(),t!==j)for(;t!==j;)e.push(t),t=I();else e=j;return e}function A(){var t;return e.length>ye?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(me)),t}t=void 0!==t?t:{};var R,j={},V={Document:v},U=v,L=function(e,t){return t},F=function(e,t,n){return{blockType:e.blockType,attrs:e.attrs,rawContent:t.join("")}},B=function(e){return e},z=function(e){return{blockType:"html",attrs:{},rawContent:e.join("")}},H="",$=r("-->",!1),G=function(e,t){return{type:"WP_Block_Start",blockType:e,attrs:t,text:n()}},X="/wp",Q=r("/wp",!1),J=function(){return{type:"WP_Block_End",text:n()}},Z=function(e,t){return[e].concat(t).join("")},ee=function(e){return e},te=function(e){return e.reduce(function(e,t){var n=u(t,2),r=n[0],i=n[1];return Object.assign(e,o({},r,i))},{})},ne=":",oe=r(":",!1),re=function(e,t){return[e,t]},ie=function(e,t){return[e].concat(t).join("")},ae=/^[^ \t\r\n]/,ue=a([" ","\t","\r","\n"],!0,!1),ce=/^[a-zA-Z]/,se=a([["a","z"],["A","Z"]],!1,!1),le=/^[0-9]/,pe=a([["0","9"]],!1,!1),de=/^[\-_]/,fe=a(["-","_"],!1,!1),he=(a(["\r","\n"],!1,!1),/^[ \t]/),ve=a([" ","\t"],!1,!1),me=c(),ye=0,ge=0,be=[{line:1,column:1}],_e=0,Ee=[],Ne=0;if("startRule"in t){if(!(t.startRule in V))throw new Error("Can't start parsing from rule \""+t.startRule+'".');U=V[t.startRule]}if(R=U(),R!==j&&ye===e.length)return R;throw R!==j&&ye0){for(t=1,n=1;t1&&void 0!==arguments[1]?arguments[1]:{};u.setState({focusedUID:e,focusConfig:t})},u.select=function(e){u.setState({selectedUID:e})},u.bindBlock=function(e){return function(t){u.blockNodes[e]=t}},u.onChange=function(e){u.content=e,u.props.onChange(e)},u.addBlock=function(e){var t=l()(),r=n.i(y.a)(e),i=Object.assign({uid:t},r.create()),a=[].concat(o(u.content),[i]);u.onChange(a),u.focus(t),u.select(t)},u.executeCommand=function(e,t){var r=u,i=r.content,a=c()(i,function(t){return t.uid===e});if(a!==-1){var s={change:function(e){var t=e.changes,n=[].concat(o(i));n[a]=h()({},i[a],t),u.onChange(n)},append:function(e){var t=e.block,n=t?t:{blockType:"text",content:" "},r=l()();u.onChange([].concat(o(i.slice(0,a+1)),[Object.assign({},n,{uid:r})],o(i.slice(a+1)))),u.focus(r,{start:!0}),u.select(null)},remove:function(t){var n=t.uid,r=void 0===n?e:n,a=c()(i,function(e){return e.uid===r});if(n||0!==a){if(u.onChange([].concat(o(i.slice(0,a)),o(i.slice(a+1)))),a&&u.state.focusedUID===r){var s=i[a-1];u.focus(s.uid,{end:!0})}u.select(null)}},mergeWithPrevious:function(){var e=u.content[a-1];if(e){var t=u.blockNodes[e.uid];t.merge(i[a]),u.select(null)}},focus:function(t){var n=t.config;u.focus(e,n)},moveCursorUp:function(){var e=u.content[a-1];e&&u.focus(e.uid,{end:!0}),u.select(null)},moveCursorDown:function(){var e=u.content[a+1];e&&u.focus(e.uid,{start:!0}),u.select(null)},select:function(){u.select(e)},unselect:function(){u.select(null)},moveBlockUp:function(){if(0!==a){var e=n.i(m.findDOMNode)(u.blockNodes[i[a].uid]),t=e.getBoundingClientRect().top,r=[].concat(o(i.slice(0,a-1)),[i[a],i[a-1]],o(i.slice(a+1)));u.onChange(r),setTimeout(function(){var e=n.i(m.findDOMNode)(u.blockNodes[i[a].uid]);window.scrollTo(window.scrollX,window.scrollY+e.getBoundingClientRect().top-t)})}},moveBlockDown:function(){if(a!==i.length-1){var e=n.i(m.findDOMNode)(u.blockNodes[i[a].uid]),t=e.getBoundingClientRect().top,r=[].concat(o(i.slice(0,a)),[i[a+1],i[a]],o(i.slice(a+2)));u.onChange(r),setTimeout(function(){var e=n.i(m.findDOMNode)(u.blockNodes[i[a].uid]);window.scrollTo(window.scrollX,window.scrollY+e.getBoundingClientRect().top-t)})}},replace:function(e){var t=e.id,r=l()(),i=n.i(y.a)(t),c=Object.assign({uid:r},i.create()),s=[].concat(o(u.content.slice(0,a)),[c],o(u.content.slice(a+1)));u.onChange(s),u.focus(r)},transform:function(e){var t=e.id,r=l()(),c=i[a].blockType,s=n.i(y.a)(t),p=s.transformations.find(function(e){return e.blocks.indexOf(c)!==-1});if(p){var d=Object.assign({uid:r},p.transform(i[a])),f=[].concat(o(u.content.slice(0,a)),[d],o(u.content.slice(a+1)));u.onChange(f),u.focus(r)}}};s[t.type]&&s[t.type](t)}},s=a,i(u,s)}return a(t,e),_(t,[{key:"componentDidMount",value:function(){this.content=this.props.content}},{key:"componentDidUpdate",value:function(){this.content=this.props.content}},{key:"render",value:function(){var e=this,t=this.props.content,o=this.state,r=o.focusedUID,i=o.focusConfig,a=o.selectedUID;return n.i(v.a)("div",null,n.i(v.a)("div",{className:"block-list"},d()(t,function(t,o){var u=t.uid===r;return n.i(v.a)(g.a,{ref:e.bindBlock(t.uid),key:t.uid,tabIndex:o,isSelected:a===t.uid,focusConfig:u?i:null,executeCommand:function(n){return e.executeCommand(t.uid,n)},block:t})})),n.i(v.a)(b.a,{onAdd:this.addBlock}))}}]),t}(v.b);t.a=E},function(e,t,n){"use strict";var o=n(430);t.a=o.a},function(e,t,n){"use strict";function o(e){var t=e.content,o=e.onChange;return n.i(r.a)("textarea",{onChange:function(e){return o(e.target.value)},className:"html-editor",value:t})}var r=n(1);n.d(t,"a",function(){return o})},function(e,t,n){"use strict";var o=n(432);t.a=o.a},function(e,t,n){"use strict";function o(e){var t=e.content;return n.i(r.a)("div",{className:"my-theme",dangerouslySetInnerHTML:{__html:t}})}var r=n(1);t.a=o},function(e,t,n){"use strict";function o(e){return i()(e,function(e){return""+e.rawContent+""}).join("")}Object.defineProperty(t,"__esModule",{value:!0});var r=n(129),i=n.n(r);t.serialize=o},function(e,t,n){t=e.exports=n(176)(),t.push([e.i,'@-webkit-keyframes animate_fade{0%{opacity:0;-webkit-transform:scale(.92);transform:scale(.92)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate_fade{0%{opacity:0;-webkit-transform:scale(.92);transform:scale(.92)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.my-theme{font-family:Merriweather,serif;font-size:16px;color:inherit;font-weight:300}.my-theme blockquote{width:100%;font-weight:300;font-size:20px;border-left:4px solid #000;margin-left:-20px;padding-left:20px;font-style:italic}.my-theme blockquote footer{font-weight:300;font-size:14px;color:#6c7781}.my-theme figure{padding:0;margin:1em 0}.my-theme figure figcaption{font-weight:300;font-size:14px;color:#6c7781;text-align:center}.my-theme img{max-width:100%}.html-block__form{margin:0;outline:none;font:inherit;font-family:Merriweather,serif;font-size:16px;color:inherit;font-weight:300}.html-block__form p{padding:0;margin-top:0}.image-block__form{position:relative}.image-block__form.align-full-width{margin-left:calc(50% - 50vw);width:100vw;max-width:none;padding-left:0;padding-right:0}.image-block__form.align-full-width img{width:100%}.image-block__form.align-left{float:left;width:340px;z-index:1}.image-block__form.align-right{float:right;width:340px;z-index:1}.image-block__form.align-center{text-align:center;max-width:100%}.image-block__form .image-block__display{display:inline-block;max-width:100%}.image-block__form .image-block__caption .textarea-mirror,.image-block__form .image-block__caption textarea{margin-top:10px;width:100%;border:none;font:inherit;font-family:Merriweather,serif;font-weight:300;font-size:14px;color:#6c7781;resize:none;text-align:center}.image-block__form .image-block__caption .textarea-mirror:focus,.image-block__form .image-block__caption textarea:focus{outline:0}.heading-block__form{width:100%;border:none;font-family:Merriweather,Georgia,Times New Roman,Times,serif;color:inherit;font-size:inherit;font-weight:700;overflow:hidden}.heading-block__form p{padding:0;margin:0}.heading-block__form.h1{font-size:34px}.heading-block__form.h2{font-size:28px}.heading-block__form.h3{font-size:20px}.text-block__form{position:relative;width:100%;border:none;font:inherit;font-family:Merriweather,serif;font-size:16px;color:inherit;font-weight:300}.text-block__form p{padding:0;margin:0}.text-block__form .inserter__button{position:absolute;left:-50px;margin:0}.quote-block__content{width:100%;border:none;font:inherit;font-family:Merriweather,serif;color:inherit;font-weight:300;font-size:20px;border-left:4px solid #000;margin-left:-20px;padding-left:20px;font-style:italic}.quote-block__content p{padding:0;margin:0}.quote-block__cite .textarea-mirror,.quote-block__cite textarea{width:100%;border:none;font:inherit;font-family:Merriweather,serif;font-weight:300;font-size:14px;color:#6c7781;font-style:italic;resize:none;border-left:4px solid #000;margin-left:-20px;padding-left:20px}.quote-block__cite .textarea-mirror:focus,.quote-block__cite textarea:focus{outline:0}.embed-block__form{margin:50px auto;width:50%}.embed-block__form .textarea-mirror,.embed-block__form textarea{width:100%;border:1px solid #f0f2f4;border-radius:4px;padding:6px 12px;font:inherit;font-weight:300;font-size:14px;color:#6c7781;resize:none}.embed-block__form .textarea-mirror:focus,.embed-block__form textarea:focus{outline:0}.embed-block__form .embed-block__title{color:#87919d;text-align:center;vertical-align:middle;font-weight:700;margin-bottom:10px}.embed-block__form .embed-block__title .dashicon{width:24px;height:24px;vertical-align:middle;margin-right:5px;fill:#87919d}.embed-block__caption .textarea-mirror,.embed-block__caption textarea{margin-top:10px;width:100%;border:none;font:inherit;font-family:Merriweather,serif;font-weight:300;font-size:14px;color:#6c7781;resize:none;text-align:center}.embed-block__caption .textarea-mirror:focus,.embed-block__caption textarea:focus{outline:0}.embed-block.align-full-width{margin-left:calc(50% - 50vw);width:100vw;max-width:none;padding-left:0;padding-right:0}.embed-block.align-full-width .embed-block__content{width:100%}.embed-block.align-left{float:left;z-index:1}.embed-block.align-right{float:right;z-index:1}.embed-block.align-center{text-align:center;max-width:100%}.dashicon{display:inline-block;width:2rem;height:2rem;fill:currentColor}.block-list{list-style:none;padding:0;margin:0}.block-list__block{outline:0}.block-list__block>div{position:relative;border:2px solid transparent;outline:none;padding:.8rem 1.2rem;-webkit-transition:border-color .2s;transition:border-color .2s;margin-bottom:1rem}.block-list__block:hover>div{border-left-color:#d6d9dd}.block-list__block.is-selected>div{border-color:#d6d9dd}.block-list__block-controls{-webkit-animation:animate_fade .2s ease-out;animation:animate_fade .2s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;left:0;top:-36px;z-index:2}.block-list__block-controls-group{background:#fff;border:1px solid #e1e6ea;box-shadow:0 3px 20px rgba(18,24,30,.1),0 1px 3px rgba(18,24,30,.1);color:#12181e;display:inline-block;margin-left:20px}.block-list__block-toolbar{display:block;float:left}.block-list__block-control{background:#fff;border:none;width:36px;height:36px;padding:6px;cursor:pointer;display:block;float:left}.block-list__block-control.is-selected,.block-list__block-control:hover{background:#f0f2f4}.block-list__block-control .dashicon{display:block;width:24px;height:24px}.block-list__block-control:focus{outline:0}.block-list__block-arrangement{-webkit-animation:animate_fade .2s ease-out;animation:animate_fade .2s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;top:10px;left:-65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.block-list__type-controls{margin-left:.6rem}.block-list__block-arrange-control{display:block;padding:0;border:none;outline:none;background:none;color:#6c7781;cursor:pointer}.block-list__block-arrange-control .dashicon{display:block;height:20px;width:20px}.html-editor{box-sizing:border-box;display:block;width:100%;height:100%;resize:none;border:none;border:2px solid transparent;outline:none;padding:.8rem 1.2rem;-webkit-transition:border-color .2s;transition:border-color .2s;font-family:Courier\\ 10 Pitch,Courier,monospace;font-size:14px;line-height:1.3}.html-editor:hover{border-color:#d6d9dd}.html-editor:focus{border-color:#6c7781}.editable-format-toolbar{position:relative}.controls__link-modal{position:absolute;top:50px;box-shadow:0 3px 20px rgba(18,24,30,.1),0 1px 3px rgba(18,24,30,.1);border:1px solid #e0e5e9;background:#fff;z-index:1;padding:10px}.controls__link-modal input{font-size:13px}.controls__link-modal:before{content:"";border:10px dashed #e0e5e9;height:0;line-height:0;position:absolute;width:0;top:-10px;left:50%;margin-left:-10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.transform-block-toolbar .block-list__block-control{width:auto}.transform-block-toolbar .block-list__block-control .dashicon{display:inline-block;vertical-align:middle}.transform-block-toolbar .block-list__block-control .transform-block-toolbar__arrow{display:inline-block;vertical-align:middle;border:6px dashed #191e23;height:0;line-height:0;width:0;z-index:1;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.transform-block-toolbar__menu{position:absolute;top:50px;box-shadow:0 3px 20px rgba(18,24,30,.1),0 1px 3px rgba(18,24,30,.1);border:1px solid #e0e5e9;background:#fff;z-index:1}.transform-block-toolbar__menu input{font-size:13px}.transform-block-toolbar__menu:before{content:"";border:10px dashed #e0e5e9;height:0;line-height:0;position:absolute;width:0;top:-10px;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.transform-block-toolbar__menu .transform-block-toolbar__menu-item{padding:8px;font-size:12px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.transform-block-toolbar__menu .transform-block-toolbar__menu-item.is-active,.transform-block-toolbar__menu .transform-block-toolbar__menu-item:hover{background:#f0f2f4}.transform-block-toolbar__menu .transform-block-toolbar__menu-item .dashicon{margin-right:8px;fill:#191e23;width:24px;height:24px}.inserter__button{display:inline-block;position:relative;background:none;border:none;margin:20px;padding:0}.inserter__button .dashicon{cursor:pointer;fill:#87919d;width:24px;height:24px}.inserter__button .dashicon:hover{fill:#12181e}.inserter__button .dashicon:focus{box-shadow:none;outline:none}.inserter{font:13px/1.8 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;width:280px;box-shadow:0 3px 20px rgba(18,24,30,.1),0 1px 3px rgba(18,24,30,.1);border:1px solid #e0e5e9;position:absolute;left:-130px;bottom:50px;background:#fff}.inserter .inserter__arrow{border:10px dashed #e0e5e9;height:0;line-height:0;position:absolute;width:0;z-index:1;bottom:-10px;left:50%;margin-left:-10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.inserter .inserter__arrow:before{bottom:2px;border:10px solid #fff;content:" ";position:absolute;left:50%;margin-left:-10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.inserter .inserter__content{max-height:180px;overflow:auto}.inserter .inserter__content:focus{outline:none}.inserter .inserter__content .inserter__category-blocks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.inserter .inserter__content .inserter__category-blocks .inserter__block{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;color:#86909b;padding:8px;font-size:11px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.inserter .inserter__content .inserter__category-blocks .inserter__block.is-active,.inserter .inserter__content .inserter__category-blocks .inserter__block:hover{background:#f0f2f4}.inserter .inserter__content .inserter__category-blocks .inserter__block .dashicon{margin-right:8px;fill:#191e23;width:24px;height:24px}.inserter .inserter__search{display:block;width:100%;border:none;border-top:1px solid #e0e5e9;padding:8px 16px;font-size:13px}.inserter .inserter__search:focus{outline:none}.inserter .inserter__separator{background:#f7f8f9;display:block;padding:2px 12px;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:500;color:#9ea7af}*{box-sizing:border-box}body,html{height:100%}body,html{margin:0;padding:0}body{font:13px/1.8 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;max-width:720px;margin:60px auto;color:#12181e}.editor{height:100%}.toggle-renderer{position:absolute;top:-20px;right:0}.renderers{position:relative;height:100%}.renderer-html{z-index:10;position:absolute;top:0;bottom:0;width:100%}.mce-content-body:focus{outline:0}',""])},function(e,t){function n(e,t){for(var n=0;n=0&&g.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",r(e,t),t}function u(e){var t=document.createElement("link");return t.rel="stylesheet",r(e,t),t}function c(e,t){var n,o,r;if(t.singleton){var c=y++;n=m||(m=a(t)),o=s.bind(null,n,c,!1),r=s.bind(null,n,c,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=u(t),o=p.bind(null,n),r=function(){i(n),n.href&&URL.revokeObjectURL(n.href)}):(n=a(t),o=l.bind(null,n),r=function(){i(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}function s(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=b(t,r);else{var i=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function l(e,t){var n=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function p(e,t){var n=t.css,o=t.sourceMap;o&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var r=new Blob([n],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(r),i&&URL.revokeObjectURL(i)}var d={},f=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=f(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=f(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,y=0,g=[];e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],a=0;a_e&&(_e=ye,Ee=[]),Ee.push(e))}function h(e,t,n){return new i(i.buildMessage(e,t),e,t,n)}function v(){var e;return e=m()}function m(){var e,t;for(e=[],t=y();t!==j;)e.push(t),t=y();return e}function y(){var e;return e=g(),e===j&&(e=b()),e}function g(){var e,t,n,o,r,i;if(e=ye,t=_(),t!==j){if(n=[],o=ye,r=ye,Ne++,i=E(),Ne--,i===j?r=void 0:(ye=r,r=j),r!==j?(i=A(),i!==j?(ge=o,r=L(t,i),o=r):(ye=o,o=j)):(ye=o,o=j),o!==j)for(;o!==j;)n.push(o),o=ye,r=ye,Ne++,i=E(),Ne--,i===j?r=void 0:(ye=r,r=j),r!==j?(i=A(),i!==j?(ge=o,r=L(t,i),o=r):(ye=o,o=j)):(ye=o,o=j);else n=j;n!==j?(o=E(),o!==j?(ge=e,t=F(t,n,o),e=t):(ye=e,e=j)):(ye=e,e=j)}else ye=e,e=j;return e}function b(){var e,t,n,o,r;if(e=ye,t=[],n=ye,o=ye,Ne++,r=g(),Ne--,r===j?o=void 0:(ye=o,o=j),o!==j?(r=A(),r!==j?(ge=n,o=B(r),n=o):(ye=n,n=j)):(ye=n,n=j),n!==j)for(;n!==j;)t.push(n),n=ye,o=ye,Ne++,r=g(),Ne--,r===j?o=void 0:(ye=o,o=j),o!==j?(r=A(),r!==j?(ge=n,o=B(r),n=o):(ye=n,n=j)):(ye=n,n=j);else t=j;return t!==j&&(ge=e,t=z(t)),e=t}function _(){var t,n,o,r,i,a,u,c;return t=ye,e.substr(ye,4)===H?(n=H,ye+=4):(n=j,0===Ne&&f(W)),n!==j?(o=M(),o!==j?(e.substr(ye,3)===q?(r=q,ye+=3):(r=j,0===Ne&&f(Y)),r!==j?(i=N(),i!==j?(a=C(),a!==j?(u=I(),u===j&&(u=null),u!==j?(e.substr(ye,3)===K?(c=K,ye+=3):(c=j,0===Ne&&f($)),c!==j?(ge=t,n=G(i,a),t=n):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j),t}function E(){var t,n,o,r,i,a;return t=ye,e.substr(ye,4)===H?(n=H,ye+=4):(n=j,0===Ne&&f(W)),n!==j?(o=M(),o!==j?(e.substr(ye,3)===X?(r=X,ye+=3):(r=j,0===Ne&&f(Q)),r!==j?(i=M(),i!==j?(e.substr(ye,3)===K?(a=K,ye+=3):(a=j,0===Ne&&f($)),a!==j?(ge=t,n=J(),t=n):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j),t}function N(){var e,t,n,o;if(e=ye,t=S(),t!==j){for(n=[],o=O();o!==j;)n.push(o),o=O();n!==j?(ge=e,t=Z(t,n),e=t):(ye=e,e=j)}else ye=e,e=j;return e}function C(){var e,t,n,o,r;if(e=ye,t=[],n=ye,o=[],r=I(),r!==j)for(;r!==j;)o.push(r),r=I();else o=j;for(o!==j?(r=w(),r!==j?(ge=n,o=ee(r),n=o):(ye=n,n=j)):(ye=n,n=j);n!==j;){if(t.push(n),n=ye,o=[],r=I(),r!==j)for(;r!==j;)o.push(r),r=I();else o=j;o!==j?(r=w(),r!==j?(ge=n,o=ee(r),n=o):(ye=n,n=j)):(ye=n,n=j)}return t!==j&&(ge=e,t=te(t)),e=t}function w(){var t,n,o,r;return t=ye,n=x(),n!==j?(58===e.charCodeAt(ye)?(o=ne,ye++):(o=j,0===Ne&&f(oe)),o!==j?(r=k(),r!==j?(ge=t,n=re(n,r),t=n):(ye=t,t=j)):(ye=t,t=j)):(ye=t,t=j),t}function x(){var e,t,n,o;if(e=ye,t=S(),t!==j){for(n=[],o=O();o!==j;)n.push(o),o=O();n!==j?(ge=e,t=Z(t,n),e=t):(ye=e,e=j)}else ye=e,e=j;return e}function k(){var e,t,n,o;if(e=ye,t=S(),t!==j){for(n=[],o=D();o!==j;)n.push(o),o=D();n!==j?(ge=e,t=ie(t,n),e=t):(ye=e,e=j)}else ye=e,e=j;return e}function O(){var e;return e=S(),e===j&&(e=T(),e===j&&(e=P())),e}function D(){var t;return ae.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(ue)),t}function S(){var t;return ce.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(se)),t}function T(){var t;return le.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(pe)),t}function P(){var t;return de.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(fe)),t}function I(){var t;return he.test(e.charAt(ye))?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(ve)),t}function M(){var e,t;if(e=[],t=I(),t!==j)for(;t!==j;)e.push(t),t=I();else e=j;return e}function A(){var t;return e.length>ye?(t=e.charAt(ye),ye++):(t=j,0===Ne&&f(me)),t}t=void 0!==t?t:{};var R,j={},V={Document:v},U=v,L=function(e,t){return t},F=function(e,t,n){return{blockType:e.blockType,attrs:e.attrs,rawContent:t.join("")}},B=function(e){return e},z=function(e){return{blockType:"html",attrs:{},rawContent:e.join("")}},H="",$=r("-->",!1),G=function(e,t){return{type:"WP_Block_Start",blockType:e,attrs:t,text:n()}},X="/wp",Q=r("/wp",!1),J=function(){return{type:"WP_Block_End",text:n()}},Z=function(e,t){return[e].concat(t).join("")},ee=function(e){return e},te=function(e){return e.reduce(function(e,t){var n=u(t,2),r=n[0],i=n[1];return Object.assign(e,o({},r,i))},{})},ne=":",oe=r(":",!1),re=function(e,t){return[e,t]},ie=function(e,t){return[e].concat(t).join("")},ae=/^[^ \t\r\n]/,ue=a([" ","\t","\r","\n"],!0,!1),ce=/^[a-zA-Z]/,se=a([["a","z"],["A","Z"]],!1,!1),le=/^[0-9]/,pe=a([["0","9"]],!1,!1),de=/^[\-_]/,fe=a(["-","_"],!1,!1),he=(a(["\r","\n"],!1,!1),/^[ \t]/),ve=a([" ","\t"],!1,!1),me=c(),ye=0,ge=0,be=[{line:1,column:1}],_e=0,Ee=[],Ne=0;if("startRule"in t){if(!(t.startRule in V))throw new Error("Can't start parsing from rule \""+t.startRule+'".');U=V[t.startRule]}if(R=U(),R!==j&&ye===e.length)return R;throw R!==j&&ye0){for(t=1,n=1;t1&&void 0!==arguments[1]?arguments[1]:{};u.setState({focusedUID:e,focusConfig:t})},u.select=function(e){u.setState({selectedUID:e})},u.bindBlock=function(e){return function(t){u.blockNodes[e]=t}},u.onChange=function(e){u.content=e,u.props.onChange(e)},u.addBlock=function(e){var t=l()(),r=n.i(y.a)(e),i=Object.assign({uid:t},r.create()),a=[].concat(o(u.content),[i]);u.onChange(a),u.focus(t),u.select(t)},u.executeCommand=function(e,t){var r=u,i=r.content,a=c()(i,function(t){return t.uid===e});if(a!==-1){var s={change:function(e){var t=e.changes,n=[].concat(o(i));n[a]=h()({},i[a],t),u.onChange(n)},append:function(e){var t=e.block,n=t?t:{blockType:"text",content:" "},r=l()();u.onChange([].concat(o(i.slice(0,a+1)),[Object.assign({},n,{uid:r})],o(i.slice(a+1)))),u.focus(r,{start:!0}),u.select(null)},remove:function(t){var n=t.uid,r=void 0===n?e:n,a=c()(i,function(e){return e.uid===r});if(n||0!==a){if(u.onChange([].concat(o(i.slice(0,a)),o(i.slice(a+1)))),a&&u.state.focusedUID===r){var s=i[a-1];u.focus(s.uid,{end:!0})}u.select(null)}},mergeWithPrevious:function(){var e=u.content[a-1];if(e){var t=u.blockNodes[e.uid];t.merge(i[a]),u.select(null)}},focus:function(t){var n=t.config;u.focus(e,n)},moveCursorUp:function(){var e=u.content[a-1];e&&u.focus(e.uid,{end:!0}),u.select(null)},moveCursorDown:function(){var e=u.content[a+1];e&&u.focus(e.uid,{start:!0}),u.select(null)},select:function(){u.select(e)},unselect:function(){u.select(null)},moveBlockUp:function(){if(0!==a){var e=n.i(m.findDOMNode)(u.blockNodes[i[a].uid]),t=e.getBoundingClientRect().top,r=[].concat(o(i.slice(0,a-1)),[i[a],i[a-1]],o(i.slice(a+1)));u.onChange(r),setTimeout(function(){var e=n.i(m.findDOMNode)(u.blockNodes[i[a].uid]);window.scrollTo(window.scrollX,window.scrollY+e.getBoundingClientRect().top-t)})}},moveBlockDown:function(){if(a!==i.length-1){var e=n.i(m.findDOMNode)(u.blockNodes[i[a].uid]),t=e.getBoundingClientRect().top,r=[].concat(o(i.slice(0,a)),[i[a+1],i[a]],o(i.slice(a+2)));u.onChange(r),setTimeout(function(){var e=n.i(m.findDOMNode)(u.blockNodes[i[a].uid]);window.scrollTo(window.scrollX,window.scrollY+e.getBoundingClientRect().top-t)})}},replace:function(e){var t=e.id,r=l()(),i=n.i(y.a)(t),c=Object.assign({uid:r},i.create()),s=[].concat(o(u.content.slice(0,a)),[c],o(u.content.slice(a+1)));u.onChange(s),u.focus(r)},transform:function(e){var t=e.id,r=l()(),c=i[a].blockType,s=n.i(y.a)(t),p=s.transformations.find(function(e){return e.blocks.indexOf(c)!==-1});if(p){var d=Object.assign({uid:r},p.transform(i[a])),f=[].concat(o(u.content.slice(0,a)),[d],o(u.content.slice(a+1)));u.onChange(f),u.focus(r)}}};s[t.type]&&s[t.type](t)}},s=a,i(u,s)}return a(t,e),_(t,[{key:"componentDidMount",value:function(){this.content=this.props.content}},{key:"componentDidUpdate",value:function(){this.content=this.props.content}},{key:"render",value:function(){var e=this,t=this.props.content,o=this.state,r=o.focusedUID,i=o.focusConfig,a=o.selectedUID;return n.i(v.a)("div",null,n.i(v.a)("div",{className:"block-list"},d()(t,function(t,o){var u=t.uid===r;return n.i(v.a)(g.a,{ref:e.bindBlock(t.uid),key:t.uid,tabIndex:o,isSelected:a===t.uid,focusConfig:u?i:null,executeCommand:function(n){return e.executeCommand(t.uid,n)},block:t})})),n.i(v.a)(b.a,{onAdd:this.addBlock}))}}]),t}(v.b);t.a=E},function(e,t,n){"use strict";var o=n(430);t.a=o.a},function(e,t,n){"use strict";function o(e){var t=e.content,o=e.onChange;return n.i(r.a)("textarea",{onChange:function(e){return o(e.target.value)},className:"html-editor",value:t})}var r=n(1);n.d(t,"a",function(){return o})},function(e,t,n){"use strict";var o=n(432);t.a=o.a},function(e,t,n){"use strict";function o(e){var t=e.content;return n.i(r.a)("div",{className:"my-theme",dangerouslySetInnerHTML:{__html:t}})}var r=n(1);t.a=o},function(e,t,n){"use strict";function o(e){return i()(e,function(e){return""+e.rawContent+""}).join("")}Object.defineProperty(t,"__esModule",{value:!0});var r=n(129),i=n.n(r);t.serialize=o},function(e,t,n){t=e.exports=n(176)(),t.push([e.i,'@-webkit-keyframes animate_fade{0%{opacity:0;-webkit-transform:scale(.92);transform:scale(.92)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate_fade{0%{opacity:0;-webkit-transform:scale(.92);transform:scale(.92)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.my-theme{font-family:Noto Serif,serif;font-size:16px;color:inherit;font-weight:300}.my-theme blockquote{width:100%;font-weight:300;font-size:20px;border-left:4px solid #000;margin-left:-20px;padding-left:20px;font-style:italic}.my-theme blockquote footer{font-weight:300;font-size:14px;color:#6c7781}.my-theme figure{padding:0;margin:1em 0}.my-theme figure figcaption{font-weight:300;font-size:14px;color:#6c7781;text-align:center}.my-theme img{max-width:100%}.html-block__form{margin:0;outline:none;font:inherit;font-family:Noto Serif,serif;font-size:16px;color:inherit;font-weight:300}.html-block__form p{padding:0;margin-top:0}.image-block__form{position:relative}.image-block__form.align-full-width{margin-left:calc(50% - 50vw);width:100vw;max-width:none;padding-left:0;padding-right:0}.image-block__form.align-full-width img{width:100%}.image-block__form.align-left{float:left;width:340px;z-index:1}.image-block__form.align-right{float:right;width:340px;z-index:1}.image-block__form.align-center{text-align:center;max-width:100%}.image-block__form .image-block__display{display:inline-block;max-width:100%}.image-block__form .image-block__caption .textarea-mirror,.image-block__form .image-block__caption textarea{margin-top:10px;width:100%;border:none;font:inherit;font-family:Noto Serif,serif;font-weight:300;font-size:14px;color:#6c7781;resize:none;text-align:center}.image-block__form .image-block__caption .textarea-mirror:focus,.image-block__form .image-block__caption textarea:focus{outline:0}.heading-block__form{width:100%;border:none;font-family:Noto Serif,Georgia,Times New Roman,Times,serif;color:inherit;font-size:inherit;font-weight:700;overflow:hidden}.heading-block__form p{padding:0;margin:0}.heading-block__form.h1{font-size:34px}.heading-block__form.h2{font-size:28px}.heading-block__form.h3{font-size:20px}.text-block__form{position:relative;width:100%;border:none;font:inherit;font-family:Noto Serif,serif;font-size:16px;color:inherit;font-weight:300}.text-block__form p{padding:0;margin:0}.text-block__form .inserter__button{position:absolute;left:-50px;margin:0}.quote-block__content{width:100%;border:none;font:inherit;font-family:Noto Serif,serif;color:inherit;font-weight:300;font-size:20px;border-left:4px solid #000;margin-left:-20px;padding-left:20px;font-style:italic}.quote-block__content p{padding:0;margin:0}.quote-block__cite .textarea-mirror,.quote-block__cite textarea{width:100%;border:none;font:inherit;font-family:Noto Serif,serif;font-weight:300;font-size:14px;color:#6c7781;font-style:italic;resize:none;border-left:4px solid #000;margin-left:-20px;padding-left:20px}.quote-block__cite .textarea-mirror:focus,.quote-block__cite textarea:focus{outline:0}.embed-block__form{margin:50px auto;width:50%}.embed-block__form .textarea-mirror,.embed-block__form textarea{width:100%;border:1px solid #f0f2f4;border-radius:4px;padding:6px 12px;font:inherit;font-weight:300;font-size:14px;color:#6c7781;resize:none}.embed-block__form .textarea-mirror:focus,.embed-block__form textarea:focus{outline:0}.embed-block__form .embed-block__title{color:#87919d;text-align:center;vertical-align:middle;font-weight:700;margin-bottom:10px}.embed-block__form .embed-block__title .dashicon{width:24px;height:24px;vertical-align:middle;margin-right:5px}.embed-block__caption .textarea-mirror,.embed-block__caption textarea{margin-top:10px;width:100%;border:none;font:inherit;font-family:Noto Serif,serif;font-weight:300;font-size:14px;color:#6c7781;resize:none;text-align:center}.embed-block__caption .textarea-mirror:focus,.embed-block__caption textarea:focus{outline:0}.embed-block.align-full-width{margin-left:calc(50% - 50vw);width:100vw;max-width:none;padding-left:0;padding-right:0}.embed-block.align-full-width .embed-block__content{width:100%}.embed-block.align-left{float:left;z-index:1}.embed-block.align-right{float:right;z-index:1}.embed-block.align-center{text-align:center;max-width:100%}.dashicon{display:inline-block;width:2rem;height:2rem;fill:currentColor}.block-list{list-style:none;padding:0;margin:0}.block-list__block{outline:0}.block-list__block>div{position:relative;border:2px solid transparent;outline:none;padding:.8rem 1.2rem;-webkit-transition:border-color .2s;transition:border-color .2s;margin-bottom:1rem}.block-list__block:hover>div{border-left-color:#e1e6ea}.block-list__block.is-selected>div{border-color:#e1e6ea}.block-list__block-controls{-webkit-animation:animate_fade .2s ease-out;animation:animate_fade .2s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;left:0;top:-36px;z-index:2}.block-list__block-controls-group{background:#fff;border:1px solid #d8dbdf;box-shadow:0 3px 20px rgba(18,24,30,.1),0 1px 3px rgba(18,24,30,.1);color:#12181e;display:inline-block;margin-left:14px}.block-list__block-toolbar{display:block;float:left}.block-list__block-control{background:#fff;border:none;width:36px;height:36px;padding:6px;cursor:pointer;display:block;float:left;color:#6d7882}.block-list__block-control:focus{outline:0}.block-list__block-control:hover{background:#f8f9f9;outline:1px solid #6d7882;position:relative}.block-list__block-control.is-selected{background:#eef0f0;outline:1px solid #6d7882;position:relative;color:#3e444c}.block-list__block-control .dashicon{display:block;width:24px;height:24px}.block-list__block-arrangement{-webkit-animation:animate_fade .2s ease-out;animation:animate_fade .2s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;position:absolute;top:10px;left:-65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.block-list__type-controls{margin-left:.6rem}.block-list__block-arrange-control{display:block;padding:0;border:none;outline:none;background:none;color:#6c7781;cursor:pointer}.block-list__block-arrange-control .dashicon{display:block;height:20px;width:20px}.html-editor{box-sizing:border-box;display:block;width:100%;height:100%;resize:none;border:none;border:2px solid transparent;outline:none;padding:.8rem 1.2rem;-webkit-transition:border-color .2s;transition:border-color .2s;font-family:Courier\\ 10 Pitch,Courier,monospace;font-size:14px;line-height:1.3}.html-editor:hover{border-color:#d6d9dd}.html-editor:focus{border-color:#6c7781}.editable-format-toolbar{position:relative}.controls__link-modal{position:absolute;top:50px;box-shadow:0 3px 20px rgba(18,24,30,.1),0 1px 3px rgba(18,24,30,.1);border:1px solid #e0e5e9;background:#fff;z-index:1;padding:10px}.controls__link-modal input{font-size:13px}.controls__link-modal:before{content:"";border:10px dashed #e0e5e9;height:0;line-height:0;position:absolute;width:0;top:-10px;left:50%;margin-left:-10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.transform-block-toolbar .block-list__block-control{width:auto}.transform-block-toolbar .block-list__block-control .dashicon{display:inline-block;vertical-align:middle}.transform-block-toolbar .block-list__block-control .transform-block-toolbar__arrow{display:inline-block;vertical-align:middle;border:6px dashed #191e23;height:0;line-height:0;width:0;z-index:1;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.transform-block-toolbar__menu{position:absolute;top:50px;box-shadow:0 3px 20px rgba(18,24,30,.1),0 1px 3px rgba(18,24,30,.1);border:1px solid #e0e5e9;background:#fff;z-index:1}.transform-block-toolbar__menu input{font-size:13px}.transform-block-toolbar__menu:before{content:"";border:10px dashed #e0e5e9;height:0;line-height:0;position:absolute;width:0;top:-10px;left:10px;border-bottom-style:solid;border-top:none;border-left-color:transparent;border-right-color:transparent}.transform-block-toolbar__menu .transform-block-toolbar__menu-item{padding:8px;font-size:12px;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#191e23;border:1px solid transparent}.transform-block-toolbar__menu .transform-block-toolbar__menu-item:hover{background:#f8f9f9;outline:1px solid #6d7882;position:relative}.transform-block-toolbar__menu .transform-block-toolbar__menu-item .dashicon{margin-right:8px;width:24px;height:24px}.inserter__button{display:inline-block;position:relative;background:none;border:none;margin:20px;padding:0}.inserter__button a{color:#87919d}.inserter__button a:hover{color:#12181e}.inserter__button .dashicon{cursor:pointer;width:24px;height:24px}.inserter__button .dashicon:focus{box-shadow:none;outline:none}.inserter{font:13px/1.8 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;width:280px;box-shadow:0 3px 20px rgba(18,24,30,.1),0 1px 3px rgba(18,24,30,.1);border:1px solid #e0e5e9;position:absolute;left:-130px;bottom:50px;background:#fff}.inserter .inserter__arrow{border:10px dashed #e0e5e9;height:0;line-height:0;position:absolute;width:0;z-index:1;bottom:-10px;left:50%;margin-left:-10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.inserter .inserter__arrow:before{bottom:2px;border:10px solid #fff;content:" ";position:absolute;left:50%;margin-left:-10px;border-top-style:solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent}.inserter .inserter__content{max-height:180px;overflow:auto}.inserter .inserter__content:focus{outline:none}.inserter .inserter__content .inserter__category-blocks{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.inserter .inserter__content .inserter__category-blocks .inserter__block{display:-webkit-box;display:-ms-flexbox;display:flex;width:50%;color:#86909b;padding:8px;font-size:11px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;border:1px solid transparent}.inserter .inserter__content .inserter__category-blocks .inserter__block:hover{background:#f8f9f9;border:1px solid #6d7882;position:relative}.inserter .inserter__content .inserter__category-blocks .inserter__block.is-active{background:#eef0f0;border:1px solid #6d7882;position:relative;color:#3e444c}.inserter .inserter__content .inserter__category-blocks .inserter__block .dashicon{fill:#191e23;margin-right:8px;width:24px;height:24px}.inserter .inserter__search{display:block;width:100%;border:none;border-top:1px solid #e0e5e9;padding:8px 16px;font-size:13px}.inserter .inserter__search:focus{outline:none}.inserter .inserter__separator{background:#f7f8f9;display:block;padding:2px 12px;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:500;color:#9ea7af}*{box-sizing:border-box}body,html{height:100%}body,html{margin:0;padding:0}body{font:13px/1.8 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;max-width:720px;margin:60px auto;color:#12181e}.editor{height:100%}.toggle-renderer{position:absolute;top:-20px;right:0}.renderers{position:relative;height:100%}.renderer-html{z-index:10;position:absolute;top:0;bottom:0;width:100%}.mce-content-body:focus{outline:0}',""])},function(e,t){function n(e,t){for(var n=0;n=0&&g.splice(t,1)}function a(e){var t=document.createElement("style");return t.type="text/css",r(e,t),t}function u(e){var t=document.createElement("link");return t.rel="stylesheet",r(e,t),t}function c(e,t){var n,o,r;if(t.singleton){var c=y++;n=m||(m=a(t)),o=s.bind(null,n,c,!1),r=s.bind(null,n,c,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=u(t),o=p.bind(null,n),r=function(){i(n),n.href&&URL.revokeObjectURL(n.href)}):(n=a(t),o=l.bind(null,n),r=function(){i(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else r()}}function s(e,t,n,o){var r=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=b(t,r);else{var i=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function l(e,t){var n=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function p(e,t){var n=t.css,o=t.sourceMap;o&&(n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var r=new Blob([n],{type:"text/css"}),i=e.href;e.href=URL.createObjectURL(r),i&&URL.revokeObjectURL(i)}var d={},f=function(e){var t;return function(){return"undefined"==typeof t&&(t=e.apply(this,arguments)),t}},h=f(function(){return/msie [6-9]\b/.test(window.navigator.userAgent.toLowerCase())}),v=f(function(){return document.head||document.getElementsByTagName("head")[0]}),m=null,y=0,g=[];e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");t=t||{},"undefined"==typeof t.singleton&&(t.singleton=h()),"undefined"==typeof t.insertAt&&(t.insertAt="bottom");var r=o(e);return n(r,t),function(e){for(var i=[],a=0;a div { - border-left-color: mix( $gray-light, $gray-dark-300, 80% ); + border-left-color: #e1e6ea; } &.is-selected > div { - border-color: mix( $gray-light, $gray-dark-300, 80% ); + border-color: #e1e6ea; } } @@ -36,11 +36,11 @@ .block-list__block-controls-group { background: #fff; - border: 1px solid #e1e6ea; + border: 1px solid #d8dbdf; box-shadow: 0px 3px 20px rgba( 18, 24, 30, .1 ), 0px 1px 3px rgba( 18, 24, 30, .1 ); color: #12181e; display: inline-block; - margin-left: 20px; + margin-left: 14px; } .block-list__block-toolbar { @@ -57,9 +57,23 @@ cursor: pointer; display: block; float: left; + color: #6d7882; - &.is-selected, &:hover { - background: #f0f2f4; + &:focus { + outline: 0; + } + + &:hover { + background: #f8f9f9; + outline: 1px solid #6d7882; + position: relative; + } + + &.is-selected { + background: #eef0f0; + outline: 1px solid #6d7882; + position: relative; + color: #3e444c; } .dashicon { @@ -67,10 +81,6 @@ width: 24px; height: 24px; } - - &:focus { - outline: 0; - } } .block-list__block-arrangement {