From 0059dfa7e1922b936425c4a5fca482a8d1def237 Mon Sep 17 00:00:00 2001
From: Guy Marriott <guy@scopey.co.nz>
Date: Sun, 14 Oct 2018 20:09:52 +1300
Subject: [PATCH] Updating popover with new admin changes & removing redundant
 styles

---
 client/dist/js/bundle.js                      |  2 +-
 client/dist/styles/bundle.css                 |  2 +-
 .../ElementEditor/AddElementPopover.js        | 10 +-
 .../ElementEditor/AddElementPopover.scss      | 94 -------------------
 client/src/styles/bundle.scss                 |  1 -
 5 files changed, 7 insertions(+), 102 deletions(-)
 delete mode 100644 client/src/components/ElementEditor/AddElementPopover.scss

diff --git a/client/dist/js/bundle.js b/client/dist/js/bundle.js
index b290429a..5d976ea6 100644
--- a/client/dist/js/bundle.js
+++ b/client/dist/js/bundle.js
@@ -1 +1 @@
-!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s="./client/src/bundles/bundle.js")}({"./client/src/boot/index.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var o=n("./client/src/boot/registerComponents.js"),a=r(o),i=n("./client/src/boot/registerTransforms.js"),l=r(i);window.document.addEventListener("DOMContentLoaded",function(){(0,a.default)(),(0,l.default)()})},"./client/src/boot/registerComponents.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=n("./client/src/components/ElementEditor/Element.js"),l=r(i),s=n("./client/src/components/ElementEditor/ElementActions.js"),c=r(s),u=n("./client/src/components/ElementEditor/ElementEditor.js"),d=r(u),p=n("./client/src/components/ElementEditor/ElementList.js"),f=r(p),m=n("./client/src/components/ElementEditor/Toolbar.js"),y=r(m),h=n("./client/src/components/ElementEditor/AddNewButton.js"),b=r(h),g=n("./client/src/components/ElementEditor/Header.js"),v=r(g),E=n("./client/src/components/ElementEditor/Content.js"),_=r(E),T=n("./client/src/components/ElementEditor/Summary.js"),P=r(T),O=n("./client/src/components/ElementEditor/InlineEditForm.js"),j=r(O),I=n("./client/src/components/ElementEditor/AddElementPopover.js"),w=r(I),k=n("./client/src/components/ElementEditor/HoverBar.js"),D=r(k),A=n("./client/src/components/ElementEditor/DragPositionIndicator.js"),S=r(A);t.default=function(){a.default.component.registerMany({ElementEditor:d.default,ElementToolbar:y.default,ElementAddNewButton:b.default,ElementList:f.default,Element:l.default,ElementActions:c.default,ElementHeader:v.default,ElementContent:_.default,ElementSummary:P.default,ElementInlineEditForm:j.default,AddElementPopover:w.default,HoverBar:D.default,DragPositionIndicator:S.default})}},"./client/src/boot/registerTransforms.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),a=r(o),i=n("./client/src/state/history/readOneBlockQuery.js"),l=r(i),s=n("./client/src/components/HistoricElementView/HistoricElementView.js"),c=r(s),u=n("./client/src/state/history/revertToBlockVersionMutation.js"),d=r(u),p=n("./client/src/state/editor/readBlocksForPageQuery.js"),f=r(p),m=n("./client/src/state/editor/addElementMutation.js"),y=r(m),h=n("./client/src/components/ElementActions/ArchiveAction.js"),b=r(h),g=n("./client/src/components/ElementActions/PublishAction.js"),v=r(g),E=n("./client/src/components/ElementActions/SaveAction.js"),_=r(E),T=n("./client/src/components/ElementActions/UnpublishAction.js"),P=r(T);t.default=function(){a.default.transform("elemental-fieldgroup",function(e){e.component("FieldGroup.HistoryViewer.VersionDetail",c.default,"HistoricElement")},{after:"field-holders"}),a.default.transform("elements-history",function(e){e.component("HistoryViewer.Form_ItemEditForm",l.default,"ElementHistoryViewer")}),a.default.transform("blocks-history-revert",function(e){e.component("HistoryViewerToolbar.VersionedAdmin.HistoryViewer.Element.HistoryViewerVersionDetail",d.default,"BlockRevertMutation")}),a.default.transform("cms-element-editor",function(e){e.component("ElementList",f.default,"PageElements")}),a.default.transform("cms-element-adder",function(e){e.component("AddElementPopover",y.default,"ElementAddButton")}),a.default.transform("element-actions",function(e){e.component("ElementActions",_.default,"ElementActionsWithSave"),e.component("ElementActions",b.default,"ElementActionsWithArchive"),e.component("ElementActions",v.default,"ElementActionsWithPublish"),e.component("ElementActions",P.default,"ElementActionsWithUnpublish")})}},"./client/src/bundles/bundle.js":function(e,t,n){"use strict";n("./client/src/legacy/ElementEditor/entwine.js"),n("./client/src/boot/index.js")},"./client/src/components/ElementActions/AbstractAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a=n(0),i=r(a),l=n(4),s=r(l),c=n(8),u=function(e){var t=e.className,n=e.title,r=o({className:(0,s.default)(t,"dropdown-item")},e);return i.default.createElement(c.DropdownItem,r,n)};u.propTypes={disabled:a.PropTypes.bool,className:a.PropTypes.string,onClick:a.PropTypes.func,title:a.PropTypes.string,name:a.PropTypes.string,active:a.PropTypes.bool},u.defaultProps={disabled:!1},t.default=u},"./client/src/components/ElementActions/ArchiveAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var o=n(0),a=r(o),i=n(3),l=n("./client/src/components/ElementActions/AbstractAction.js"),s=r(l),c=n("./client/src/state/editor/archiveBlockMutation.js"),u=r(c),d=n(2),p=r(d),f=function(e){return function(t){var n=function(e){e.stopPropagation();var n=t.element.ID,r=t.isPublished,o=t.actions.handleArchiveBlock,a=p.default._t("ArchiveAction.CONFIRM_DELETE","Are you sure you want to send this block to the archive?");r&&(a=p.default._t("ArchiveAction.CONFIRM_DELETE_AND_UNPUBLISH","Warning: This block will be unpublished before being sent to the archive. Are you sure you want to proceed?")),o&&window.confirm(a)&&o(n).then(function(){var e=window.jQuery(".cms-preview");e.entwine("ss.preview")._loadUrl(e.find("iframe").attr("src"))})},r={title:p.default._t("ArchiveAction.ARCHIVE","Archive"),className:"element-editor__actions-archive",onClick:n,toggle:t.toggle};return a.default.createElement(e,t,t.children,a.default.createElement(s.default,r))}};t.Component=f,t.default=(0,i.compose)(u.default,f)},"./client/src/components/ElementActions/PublishAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n=(0,g.loadElementFormStateName)(t.element.ID),r=null;return e.form.formState.element&&e.form.formState.element[n]&&(r=e.form.formState.element[n].values),{formData:r,securityId:e.config.SecurityID,formDirty:e.unsavedForms.find(function(e){return e.name==="element."+n})}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var a=n(0),i=r(a),l=n(3),s=n("./client/src/components/ElementActions/AbstractAction.js"),c=r(s),u=n("./client/src/state/editor/publishBlockMutation.js"),d=r(u),p=n(2),f=r(p),m=n(10),y=r(m),h=n(9),b=n("./client/src/state/editor/loadElementSchemaValue.js"),g=n("./client/src/state/editor/loadElementFormStateName.js"),v=function(e,t,n){var r=f.default.inject(f.default._t("ElementHeader.NOTITLE","Untitled {elementType} block"),{elementType:e}),o=f.default.inject(f.default._t("UnpublishAction.SUCCESS_NOTIFICATION","Published '{title}' successfully"),{title:t||r}),a=f.default.inject(f.default._t("UnpublishAction.ERROR_NOTIFICATION","Error publishing '{title}'"),{title:t||r});window.jQuery.noticeAdd({text:n?o:a,stay:!1,type:n?"success":"error"})},E=function(e,t,n){return y.default.createEndpointFetcher({url:(0,b.loadElementSchemaValue)("saveUrl",e),method:(0,b.loadElementSchemaValue)("saveMethod"),payloadFormat:(0,b.loadElementSchemaValue)("payloadFormat"),defaultData:{SecurityID:n}})(t).then(function(){return window.ss.apolloClient.queryManager.reFetchObservableQueries()}).then(function(e){var t=window.jQuery(".cms-preview");return t.entwine("ss.preview")._loadUrl(t.find("iframe").attr("src")),e}).then(function(t){var n=t[0]&&t[0].data.readOnePage.ElementalAreaIfExists.Elements.edges.find(function(t){return t.node.ID===e});return n&&n.node.Version})},_=function(e){return function(t){var n=t.element,r=t.formDirty,o=function(e){e.stopPropagation();var n=t.element,o=n.ID,a=n.Title,i=n.Version,l=n.BlockSchema.type,s=t.securityId,c=t.formData,u=t.actions.handlePublishBlock,d=new Promise(function(e){return e(i)});r&&(d=E(o,c,s)),d.then(function(e){return u(o,"DRAFT","LIVE",e)}).then(function(){return v(l,a,!0)}).catch(function(){return v(l,a,!1)})},a={title:f.default._t("PublishAction.PUBLISH","Publish"),className:"element-editor__actions-publish",onClick:o,toggle:t.toggle};return i.default.createElement(e,t,t.children,(r||!n.IsLiveVersion)&&i.default.createElement(c.default,a))}};t.Component=_,t.default=(0,l.compose)(d.default,(0,h.connect)(o),_)},"./client/src/components/ElementActions/SaveAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n=(0,h.loadElementFormStateName)(t.element.ID),r=null;return e.form.formState.element&&e.form.formState.element[n]&&(r=e.form.formState.element[n].values),{formData:r,securityId:e.config.SecurityID}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var a=n(0),i=r(a),l=n(3),s=n(9),c=n("./client/src/components/ElementActions/AbstractAction.js"),u=r(c),d=n(10),p=r(d),f=n(2),m=r(f),y=n("./client/src/state/editor/loadElementSchemaValue.js"),h=n("./client/src/state/editor/loadElementFormStateName.js"),b=function(e){return function(t){var n=function(e){e.stopPropagation();var n=t.element,r=t.securityId,o=t.formData,a=window,i=a.jQuery,l=m.default.inject(m.default._t("ElementHeader.NOTITLE","Untitled {type} block"),{type:n.BlockSchema.type}),s={url:(0,y.loadElementSchemaValue)("saveUrl",n.ID),method:(0,y.loadElementSchemaValue)("saveMethod"),payloadFormat:(0,y.loadElementSchemaValue)("payloadFormat"),defaultData:{SecurityID:r}};p.default.createEndpointFetcher(s)(o).then(function(){window.ss.apolloClient.queryManager.reFetchObservableQueries();var e=i(".cms-preview");e.entwine("ss.preview")._loadUrl(e.find("iframe").attr("src"));var t=o["PageElements_"+n.ID+"_Title"];i.noticeAdd({text:m.default.inject(m.default._t("SaveAction.SUCCESS_NOTIFICATION","Saved '{title}' successfully"),{title:t||l}),stay:!1,type:"success"})}).catch(function(){i.noticeAdd({text:m.default.inject(m.default._t("SaveAction.ERROR_NOTIFICATION","Error saving '{title}'"),{title:n.Title||l}),stay:!1,type:"error"})})},r={title:m.default._t("SaveAction.SAVE","Save"),className:"element-editor__actions-save",onClick:n};return i.default.createElement(e,t,t.children,i.default.createElement(u.default,r))}};t.Component=b,t.default=(0,l.compose)((0,s.connect)(o),b)},"./client/src/components/ElementActions/UnpublishAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var o=n(0),a=r(o),i=n(3),l=n("./client/src/components/ElementActions/AbstractAction.js"),s=r(l),c=n("./client/src/state/editor/unpublishBlockMutation.js"),u=r(c),d=n(2),p=r(d),f=function(e){return function(t){var n=t.element,r=t.actions.handleUnpublishBlock,o=function(e){e.stopPropagation();var t=window,o=t.jQuery,a=p.default.inject(p.default._t("ElementHeader.NOTITLE","Untitled {type} block"),{type:n.BlockSchema.type});r&&r(n.ID).then(function(){var e=o(".cms-preview");e.entwine("ss.preview")._loadUrl(e.find("iframe").attr("src")),o.noticeAdd({text:p.default.inject(p.default._t("UnpublishAction.SUCCESS_NOTIFICATION","Removed '{title}' from the published page"),{title:n.Title||a}),stay:!1,type:"success"})}).catch(function(){o.noticeAdd({text:p.default.inject(p.default._t("UnpublishAction.ERROR_NOTIFICATION","Error unpublishing '{title}'"),{title:n.Title||a}),stay:!1,type:"error"})})},i={title:p.default._t("UnpublishAction.UNPUBLISH","Unpublish"),className:"element-editor__actions-unpublish",onClick:o,toggle:t.toggle};return a.default.createElement(e,t,t.children,n.IsPublished&&a.default.createElement(s.default,i))}};t.Component=f,t.default=(0,i.compose)(u.default,f)},"./client/src/components/ElementEditor/AddElementPopover.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(8),d=n(4),p=r(d),f=n("./client/src/types/elementTypeType.js"),m=n(2),y=r(m),h=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.renderElementButtons=n.renderElementButtons.bind(n),n.renderAddElementPopoverContent=n.renderAddElementPopoverContent.bind(n),n.handleSearchValueChange=n.handleSearchValueChange.bind(n),n.handleClear=n.handleClear.bind(n),n.handleToggle=n.handleToggle.bind(n),n.handleKeyDown=n.handleKeyDown.bind(n),n.getElementButtonClickHandler=n.getElementButtonClickHandler.bind(n),n.state={searchValue:""},n}return i(t,e),l(t,[{key:"getElementButtonClickHandler",value:function(e){var t=this;return function(n){var r=t.props,o=r.actions.handleAddElementToArea,a=r.elementalAreaId,i=r.insertAfterElement;n.preventDefault(),o(e.name.replace(/-/g,"\\"),a,i).then(function(){var e=window.jQuery(".cms-preview");e.entwine("ss.preview")._loadUrl(e.find("iframe").attr("src"))}),t.handleToggle()}}},{key:"handleKeyDown",value:function(e){switch(e.key){case"Escape":this.handleToggle()}}},{key:"handleToggle",value:function(){(0,this.props.toggle)(),this.handleClear()}},{key:"handleClear",value:function(){this.setState({searchValue:""})}},{key:"handleSearchValueChange",value:function(e){this.setState({searchValue:e.target.value})}},{key:"renderClearLink",value:function(){return 0===this.state.searchValue.length?null:c.default.createElement(u.InputGroupAddon,{addonType:"append"},c.default.createElement("button",{className:"element-editor-add-element__search-clear btn-link",onClick:this.handleClear},y.default._t("AddElementPopover.CLEAR","Clear")))}},{key:"renderElementButtons",value:function(){var e=this,t=this.props.elementalAreaId,n=this.props.elementTypes,r=this.state.searchValue;return 0!==r.length&&(n=n.filter(function(e){return e.title.toLowerCase().includes(r.trim().toLowerCase())})),0===n.length?c.default.createElement("div",{className:"element-editor-add-element__no-results"},y.default._t("AddElementPopover.NO_RESULTS","No results found")):n.map(function(n){return c.default.createElement(u.Button,{className:(0,p.default)(n.icon,"btn--icon-xl","element-editor-add-element__button"),key:n.name,name:n.name,onClick:e.getElementButtonClickHandler(n),elementalAreaId:t},n.title)})}},{key:"renderAddElementPopoverContent",value:function(){return c.default.createElement("div",{className:"element-editor-add-element__button-container"},this.renderElementButtons())}},{key:"render",value:function(){var e=this.props,t=e.container,n=e.extraClass,r=e.isOpen,o=e.placement,a=e.target,i=this.state.searchValue,l=(0,p.default)("element-editor-add-element",n);return c.default.createElement(u.Popover,{className:l,container:t,hideArrow:!0,isOpen:r,placement:o,target:a,toggle:this.handleToggle,onKeyDown:this.handleKeyDown},c.default.createElement(u.InputGroup,{className:"element-editor-add-element__search"},c.default.createElement(u.Input,{autoFocus:!0,className:"element-editor-add-element__search-input",id:"element-editor-add-element__search-input",onChange:this.handleSearchValueChange,placeholder:y.default._t("AddElementPopover.SEARCH_BLOCKS","Search blocks"),type:"text",value:i}),this.renderClearLink()),this.renderAddElementPopoverContent())}}]),t}(s.Component);h.propTypes={container:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.func,s.PropTypes.object]),elementTypes:s.PropTypes.arrayOf(f.elementTypeType),extraClass:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.array,s.PropTypes.object]),isOpen:s.PropTypes.bool.isRequired,placement:s.PropTypes.string,target:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.func,s.PropTypes.object]).isRequired,toggle:s.PropTypes.func.isRequired,elementalAreaId:s.PropTypes.number.isRequired,insertAfterElement:s.PropTypes.oneOfType([s.PropTypes.number,s.PropTypes.string])},t.default=h},"./client/src/components/ElementEditor/AddNewButton.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(8),d=n(2),p=r(d),f=n("./client/src/types/elementTypeType.js"),m=n(1),y=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.toggle=n.toggle.bind(n),n.state={popoverOpen:!1},n}return i(t,e),l(t,[{key:"toggle",value:function(){this.setState({popoverOpen:!this.state.popoverOpen})}},{key:"render",value:function(){var e=this.props,t=e.AddElementPopoverComponent,n=e.elementTypes,r=e.elementalAreaId,o={id:"ElementalArea"+r+"_AddButton",color:"primary",onClick:this.toggle};return c.default.createElement("div",null,c.default.createElement(u.Button,o,p.default._t("AddNewButton.ADD_BLOCK","Add block")),c.default.createElement(t,{placement:"bottom-start",target:o.id,isOpen:this.state.popoverOpen,elementTypes:n,toggle:this.toggle,elementalAreaId:r,insertAfterElement:0}))}}]),t}(s.Component);y.defaultProps={},y.propTypes={elementTypes:s.PropTypes.arrayOf(f.elementTypeType).isRequired,elementalAreaId:s.PropTypes.number.isRequired},t.Component=y,t.default=(0,m.inject)(["AddElementPopover"],function(e){return{AddElementPopoverComponent:e}},function(){return"ElementEditor.ElementList.AddNewButton"})(y)},"./client/src/components/ElementEditor/Content.js":function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(l),c=n(1),u=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),i(t,[{key:"render",value:function(){var e=this.props,t=e.id,n=e.fileUrl,r=e.fileTitle,o=e.content,a=e.previewExpanded,i=e.InlineEditFormComponent,l=e.SummaryComponent,c=e.activeTab,u=e.onFormInit,d=e.handleLoadingError;return s.default.createElement("div",{className:"element-editor-content"},!a&&s.default.createElement(l,{content:o,fileUrl:n,fileTitle:r}),a&&s.default.createElement(i,{extraClass:{"element-editor-editform--collapsed":!a},onClick:function(e){return e.stopPropagation()},elementId:t,activeTab:c,onFormInit:u,handleLoadingError:d}))}}]),t}(l.PureComponent);u.propTypes={id:l.PropTypes.string,content:l.PropTypes.string,fileUrl:l.PropTypes.string,fileTitle:l.PropTypes.string,previewExpanded:l.PropTypes.bool,SummaryComponent:l.PropTypes.oneOfType([l.PropTypes.node,l.PropTypes.func]),InlineEditFormComponent:l.PropTypes.oneOfType([l.PropTypes.node,l.PropTypes.func]),handleLoadingError:l.PropTypes.func},u.defaultProps={},t.Component=u,t.default=(0,c.inject)(["ElementSummary","ElementInlineEditForm"],function(e,t){return{SummaryComponent:e,InlineEditFormComponent:t}},function(){return"ElementEditor.ElementList.Element"})(u)},"./client/src/components/ElementEditor/DragPositionIndicator.js":function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(l),c=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),i(t,[{key:"render",value:function(){return s.default.createElement("div",{className:"elemental-editor-drag-indicator"},s.default.createElement("div",{className:"elemental-editor-drag-indicator__ball"}))}}]),t}(l.PureComponent);t.default=c},"./client/src/components/ElementEditor/Element.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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 l(e,t){var n=t.element.ID,r=(0,E.loadElementFormStateName)(n),o=(0,_.loadElementSchemaValue)("schemaUrl",n),a=function(e){return"Tabs"===e.component},i=e.form&&e.form.formSchemas[o]&&e.form.formSchemas[o].schema&&e.form.formSchemas[o].schema.fields.find(a),l=i&&i.id,s="element."+r+"__"+l;return{tabSetName:l,activeTab:e.tabs&&e.tabs.fields&&e.tabs.fields[s]&&e.tabs.fields[s].activeTab}}function s(e,t){var n=(0,E.loadElementFormStateName)(t.element.ID);return{onActivateTab:function(t,r){e(P.activateTab("element."+n+"__"+t,r))}}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var c=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(0),d=r(u),p=n("./client/src/types/elementType.js"),f=n(3),m=n(1),y=n(2),h=r(y),b=n(4),g=r(b),v=n(9),E=n("./client/src/state/editor/loadElementFormStateName.js"),_=n("./client/src/state/editor/loadElementSchemaValue.js"),T=n(15),P=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(T),O=n(7),j=n(12),I=n("./client/src/lib/dragHelpers.js"),w=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleKeyUp=n.handleKeyUp.bind(n),n.handleExpand=n.handleExpand.bind(n),n.handleLoadingError=n.handleLoadingError.bind(n),n.handleTabClick=n.handleTabClick.bind(n),n.updateFormTab=n.updateFormTab.bind(n),n.state={previewExpanded:!1,initialTab:"",loadingError:!1},n}return i(t,e),c(t,[{key:"componentDidMount",value:function(){var e=this.props.connectDragPreview;e&&e((0,j.getEmptyImage)(),{captureDraggingState:!0})}},{key:"getVersionedStateClassName",value:function(){var e=this.props.element;return e.IsPublished?e.IsPublished&&!e.IsLiveVersion?"element-editor__element--modified":"element-editor__element--published":"element-editor__element--draft"}},{key:"handleLoadingError",value:function(){this.setState({loadingError:!0})}},{key:"updateFormTab",value:function(e){var t=this.props,n=t.tabSetName,r=t.onActivateTab,o=this.state.initialTab;o||this.setState({initialTab:e}),e||o?r(n,e||o):r(n,"Main")}},{key:"handleTabClick",value:function(e){var t=this.props.activeTab,n=this.state.loadingError;e===t||n||(this.setState({previewExpanded:!0}),this.updateFormTab(e))}},{key:"handleExpand",value:function(e){var t=this.props,n=t.element,r=t.link,o=this.state.loadingError;return"button"===e.target.type?void e.stopPropagation():n.InlineEditable&&!o?void this.setState({previewExpanded:!this.state.previewExpanded}):void(window.location=r)}},{key:"handleKeyUp",value:function(e){var t=e.target.nodeName;"Enter"===e.code?this.handleExpand(e):"Space"!==e.code||["input","textarea"].includes(t.toLowerCase())||this.handleExpand(e)}},{key:"render",value:function(){var e=this,t=this.props,n=t.element,r=t.HeaderComponent,o=t.ContentComponent,a=t.link,i=t.editTabs,l=t.activeTab,s=t.connectDragSource,c=t.connectDropTarget,u=t.isDragging,p=t.isOver,f=this.state.previewExpanded,m=h.default.inject(h.default._t("ElementalElement.TITLE","Edit this {type} block"),{type:n.BlockSchema.type});if(!n.ID)return null;var y=(0,g.default)("element-editor__element",{"element-editor__element--expandable":n.InlineEditable,"element-editor__element--dragging":u,"element-editor__element--dragged-over":p},this.getVersionedStateClassName());return c(s(d.default.createElement("div",{className:y,onClick:this.handleExpand,onKeyUp:this.handleKeyUp,role:"button",tabIndex:0,title:m,key:n.ID},d.default.createElement(r,{element:n,expandable:n.InlineEditable,link:a,editTabs:i,previewExpanded:f,handleEditTabsClick:this.handleTabClick,activeTab:l,disableTooltip:u}),d.default.createElement(o,{id:n.ID,fileUrl:n.BlockSchema.fileURL,fileTitle:n.BlockSchema.fileTitle,content:n.BlockSchema.content,previewExpanded:f&&!u,activeTab:l,onFormInit:function(){return e.updateFormTab(l)},handleLoadingError:this.handleLoadingError}))))}}]),t}(u.Component);w.propTypes={element:p.elementType,link:u.PropTypes.string.isRequired,editTabs:u.PropTypes.arrayOf(u.PropTypes.object),activeTab:u.PropTypes.string,tabSetName:u.PropTypes.string,onActivateTab:u.PropTypes.func,connectDragSource:u.PropTypes.func.isRequired,connectDragPreview:u.PropTypes.func.isRequired,connectDropTarget:u.PropTypes.func.isRequired,isDragging:u.PropTypes.bool.isRequired,isOver:u.PropTypes.bool.isRequired,onDragOver:u.PropTypes.func,onDragEnd:u.PropTypes.func,onDragStart:u.PropTypes.func},w.defaultProps={element:null},t.Component=w;var k={beginDrag:function(e){return e.element},endDrag:function(e,t){var n=e.onDragEnd;n&&t.getDropResult()&&n(t.getItem().ID,t.getDropResult().dropAfterID)}},D={drop:function(e,t,n){return{target:e.element.ID,dropSpot:(0,I.isOverTop)(t,n)?"top":"bottom"}},hover:function(e,t,n){var r=e.element,o=e.onDragOver;o&&o(r,(0,I.isOverTop)(t,n))}};t.default=(0,f.compose)((0,O.DropTarget)("element",D,function(e,t){return{connectDropTarget:e.dropTarget(),isOver:t.isOver()}}),(0,O.DragSource)("element",k,function(e,t){return{connectDragSource:e.dragSource(),connectDragPreview:e.dragPreview(),isDragging:t.isDragging()}}),(0,v.connect)(l,s),(0,m.inject)(["ElementHeader","ElementContent"],function(e,t){return{HeaderComponent:e,ContentComponent:t}},function(){return"ElementEditor.ElementList.Element"}))(w)},"./client/src/components/ElementEditor/ElementActions.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(3),d=n(8),p=n(1),f=n("./client/src/components/ElementActions/AbstractAction.js"),m=r(f),y=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleEditTabsClick=n.handleEditTabsClick.bind(n),n}return i(t,e),l(t,[{key:"handleEditTabsClick",value:function(e){(0,this.props.handleEditTabsClick)(e.target.name)}},{key:"renderEditTabs",value:function(){var e=this,t=this.props,n=t.editTabs,r=t.activeTab;return n&&n.length?n.map(function(t){var n=t.name,o=t.title;return c.default.createElement(m.default,{key:n,name:n,title:o,onClick:e.handleEditTabsClick,active:n===r})}):null}},{key:"renderDivider",value:function(){var e=this.props,t=e.children,n=e.editTabs;return n&&n.length&&c.default.Children.count(t)?c.default.createElement(d.DropdownItem,{divider:!0,role:"separator"}):null}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.id,r=e.ActionMenuComponent,o=["element-editor-header__actions-toggle","btn","btn-sm","btn--no-text","font-icon-dot-3"];return c.default.createElement(r,{id:"element-editor-actions-"+n,className:"element-editor-header__actions-dropdown",dropdownMenuProps:{right:!0},dropdownToggleClassNames:o},this.renderEditTabs(),this.renderDivider(),t)}}]),t}(s.Component);y.propTypes={id:s.PropTypes.string,activeTab:s.PropTypes.string,editTabs:s.PropTypes.arrayOf(s.PropTypes.shape({title:s.PropTypes.string,name:s.PropTypes.string}))},y.defaultProps={editTabs:[]},t.Component=y,t.default=(0,u.compose)((0,p.inject)(["ActionMenu"],function(e){return{ActionMenuComponent:e}},function(){return"ElementEditor.ElementList.Element"}))(y)},"./client/src/components/ElementEditor/ElementDragPreview.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n("./client/src/components/ElementEditor/Header.js"),d=r(u),p=n(7),f=n("./client/src/types/elementType.js"),m=function(e){function t(){return o(this,t),a(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),l(t,[{key:"render",value:function(){var e=this.props,t=e.isDragging,n=e.element,r=e.currentOffset;if(!t||!r)return null;var o=r.x,a=r.y,i="translate("+o+"px, "+a+"px)",l={transform:i,WebkitTransform:i};return c.default.createElement("div",{className:"element-editor-drag-preview",style:l},c.default.createElement(d.default,{element:n,simple:!0}))}}]),t}(s.Component);m.propTypes={element:f.elementType,isDragging:s.PropTypes.bool,currentOffset:s.PropTypes.shape({x:s.PropTypes.number.isRequired,y:s.PropTypes.number.isRequired})},t.default=(0,p.DragLayer)(function(e){return{element:e.getItem(),currentOffset:e.getSourceClientOffset(),isDragging:e.isDragging()}})(m)},"./client/src/components/ElementEditor/ElementEditor.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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 s(e){var t=(0,b.loadElementFormStateName)("[0-9]+"),n=e.form.formState.element;return n?{formState:Object.keys(n).filter(function(e){return e.match(t)}).reduce(function(e,t){return c({},e,o({},t,n[t].values))},{})}:{}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),d=n(0),p=r(d),f=n(1),m=n(3),y=n("./client/src/types/elementTypeType.js"),h=n(9),b=n("./client/src/state/editor/loadElementFormStateName.js"),g=n(7),v=n(12),E=r(v),_=n(4),T=r(_),P=n("./client/src/state/editor/sortBlockMutation.js"),O=r(P),j=n("./client/src/components/ElementEditor/ElementDragPreview.js"),I=r(j),w=function(e){function t(e){a(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={dragTargetElementId:null,dragSpot:null},n.handleDragOver=n.handleDragOver.bind(n),n.handleDragEnd=n.handleDragEnd.bind(n),n}return l(t,e),u(t,[{key:"handleDragOver",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=!!e&&e.ID;this.setState({dragTargetElementId:n,dragSpot:!1===t?"bottom":"top"})}},{key:"handleDragEnd",value:function(e,t){var n=this.props;(0,n.actions.handleSortBlock)(e,t,n.pageId),this.setState({dragTargetElementId:null,dragSpot:null})}},{key:"render",value:function(){var e=this.props,t=e.fieldName,n=e.formState,r=e.ToolbarComponent,o=e.ListComponent,a=e.pageId,i=e.elementalAreaId,l=e.elementTypes,s=e.isDraggingOver,c=e.connectDropTarget,u=this.state,d=u.dragTargetElementId,f=u.dragSpot,m=(0,T.default)("element-editor",{});return c(p.default.createElement("div",{className:m},p.default.createElement(r,{elementTypes:l,elementalAreaId:i,onDragOver:this.handleDragOver}),p.default.createElement(o,{elementTypes:l,pageId:a,elementalAreaId:i,onDragOver:this.handleDragOver,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd,dragSpot:f,isDraggingOver:s,dragTargetElementId:d}),p.default.createElement(I.default,null),p.default.createElement("input",{name:t,type:"hidden",value:JSON.stringify(n)||""})))}}]),t}(d.PureComponent);w.propTypes={fieldName:d.PropTypes.string,elementTypes:d.PropTypes.arrayOf(y.elementTypeType).isRequired,pageId:d.PropTypes.number.isRequired,elementalAreaId:d.PropTypes.number.isRequired,actions:d.PropTypes.shape({handleSortBlock:d.PropTypes.func})},w.defaultProps={},t.Component=w,t.default=(0,m.compose)((0,g.DragDropContext)(E.default),(0,g.DropTarget)("element",{},function(e,t){return{connectDropTarget:e.dropTarget(),isDraggingOver:t.isOver()}}),(0,h.connect)(s),(0,f.inject)(["ElementToolbar","ElementList"],function(e,t){return{ToolbarComponent:e,ListComponent:t}},function(){return"ElementEditor"}),O.default)(w)},"./client/src/components/ElementEditor/ElementList.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),c=n(0),u=r(c),d=n("./client/src/types/elementType.js"),p=n(3),f=n(1),m=n(4),y=r(m),h=n(2),b=r(h),g=n(7),v=n("./client/src/lib/dragHelpers.js"),E=function(e){function t(){return o(this,t),a(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),s(t,[{key:"getEditTabs",value:function(e){var t=this.props.elementTypes,n=t.find(function(t){return e.BlockSchema.type===t.title});return n&&n.tabs?n.tabs:[]}},{key:"getDragIndicatorIndex",value:function(){var e=this.props,t=e.dragTargetElementId,n=e.draggedItem,r=e.blocks,o=e.dragSpot;return(0,v.getDragIndicatorIndex)(r.map(function(e){return e.ID}),t,n&&n.ID,o)}},{key:"renderBlocks",value:function(){var e=this,t=this.props,n=t.ElementComponent,r=t.HoverBarComponent,o=t.DragIndicatorComponent,a=t.blocks,i=t.elementTypes,l=t.elementalAreaId,s=t.onDragEnd,c=t.onDragOver,d=t.onDragStart,p=t.isDraggingOver;if(!a)return null;if(a&&!a.length)return u.default.createElement("div",null,b.default._t("ElementList.ADD_BLOCKS","Add blocks to place your content"));var f=a.map(function(t){return u.default.createElement("div",{key:t.ID},u.default.createElement(n,{element:t,editTabs:e.getEditTabs(t),link:t.BlockSchema.actions.edit,onDragOver:c,onDragEnd:s,onDragStart:d}),p||u.default.createElement(r,{elementalAreaId:l,elementId:t.ID,elementTypes:i}))}),m=this.getDragIndicatorIndex();return p&&null!==m&&f.splice(m,0,u.default.createElement(o,{key:"DropIndicator"})),f}},{key:"renderLoading",value:function(){var e=this.props,t=e.loading,n=e.LoadingComponent;return t?u.default.createElement(n,null):null}},{key:"render",value:function(){var e=this.props.blocks,t=(0,y.default)("elemental-editor-list",{"elemental-editor-list--empty":!e||!e.length});return this.props.connectDropTarget(u.default.createElement("div",{className:t},this.renderLoading(),this.renderBlocks()))}}]),t}(c.Component);E.propTypes={blocks:c.PropTypes.arrayOf(d.elementType),loading:c.PropTypes.bool,elementalAreaId:c.PropTypes.number.isRequired,dragTargetElementId:c.PropTypes.oneOfType([c.PropTypes.string,c.PropTypes.bool]),onDragOver:c.PropTypes.func,onDragStart:c.PropTypes.func,onDragEnd:c.PropTypes.func},E.defaultProps={blocks:[],loading:!1},t.Component=E;var _={drop:function(e,t){var n=e.blocks,r=t.getDropResult();if(!r)return{};var o=(0,v.getDragIndicatorIndex)(n.map(function(e){return e.ID}),r.target,t.getItem(),r.dropSpot),a=n[o-1]?n[o-1].ID:"0";return l({},r,{dropAfterID:a})}};t.default=(0,p.compose)((0,g.DropTarget)("element",_,function(e,t){return{connectDropTarget:e.dropTarget(),draggedItem:t.getItem()}}),(0,f.inject)(["Element","Loading","HoverBar","DragPositionIndicator"],function(e,t,n,r){return{ElementComponent:e,LoadingComponent:t,HoverBarComponent:n,DragIndicatorComponent:r}},function(){return"ElementEditor.ElementList"}))(E)},"./client/src/components/ElementEditor/Header.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(8),d=n("./client/src/types/elementType.js"),p=n(3),f=n(1),m=n(2),y=r(m),h=n(4),b=r(h),g=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.toggle=n.toggle.bind(n),n.state={tooltipOpen:!1},n}return i(t,e),l(t,[{key:"componentDidUpdate",value:function(){var e=this.state.tooltipOpen,t=this.props.disableTooltip;e&&t&&this.setState({tooltipOpen:!1})}},{key:"toggle",value:function(){this.setState({tooltipOpen:!this.state.tooltipOpen})}},{key:"renderVersionedStateMessage",value:function(){var e=this.props.element,t=e.IsLiveVersion,n=e.IsPublished;if(n&&t)return null;var r="",o=["element-editor-header__version-state"];return n||(r=y.default._t("ElementHeader.STATE_DRAFT","Item has not been published yet"),o.push("element-editor-header__version-state--draft")),n&&!t&&(r=y.default._t("ElementHeader.STATE_MODIFIED","Item has unpublished changes"),o.push("element-editor-header__version-state--modified")),c.default.createElement("span",{className:(0,b.default)(o),title:r})}},{key:"render",value:function(){var e=this.props,t=e.element,n=e.previewExpanded,r=e.simple,o=e.disableTooltip,a=e.expandable,i=e.ElementActionsComponent,l=y.default.inject(y.default._t("ElementHeader.NOTITLE","Untitled {type} block"),{type:t.BlockSchema.type}),s=(0,b.default)({"element-editor-header__title":!0,"element-editor-header__title--none":!t.Title}),d=y.default._t("ElementHeader.EXPAND","Show editable fields"),p=(0,b.default)("element-editor-header",{"element-editor-header--simple":r}),f=(0,b.default)("element-editor-header__expand",{"font-icon-right-open-big":!a,"font-icon-up-open-big":a&&n,"font-icon-down-open-big":a&&!n}),m="element-icon-"+t.ID;return c.default.createElement("div",{className:p},c.default.createElement("div",{className:"element-editor-header__drag-handle"},c.default.createElement("i",{className:"font-icon-drag-handle"})),c.default.createElement("div",{className:"element-editor-header__info"},c.default.createElement("div",{className:"element-editor-header__icon-container"},c.default.createElement("i",{className:t.BlockSchema.iconClass,id:m}),this.renderVersionedStateMessage(),!r&&c.default.createElement(u.Tooltip,{placement:"top",isOpen:this.state.tooltipOpen&&!o,target:m,toggle:this.toggle},t.BlockSchema.type)),c.default.createElement("h3",{className:s},t.Title||l)),!r&&c.default.createElement("div",{className:"element-editor-header__actions"},a&&c.default.createElement("div",{role:"none",onClick:function(e){return e.stopPropagation()}},c.default.createElement(i,this.props)),c.default.createElement("i",{className:f,title:d})))}}]),t}(s.Component);g.propTypes={element:d.elementType.isRequired,simple:s.PropTypes.bool,ElementActionsComponent:c.default.PropTypes.oneOfType([c.default.PropTypes.node,c.default.PropTypes.func]),previewExpanded:s.PropTypes.bool,disableTooltip:s.PropTypes.bool},g.defaultProps={expandable:!0},t.Component=g,t.default=(0,p.compose)((0,f.inject)(["ElementActions"],function(e){return{ElementActionsComponent:e}},function(){return"ElementEditor.ElementList.Element"}))(g)},"./client/src/components/ElementEditor/HoverBar.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(4),d=r(u),p=n(1),f=n("./client/src/types/elementTypeType.js"),m=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleMouseEnter=n.handleMouseEnter.bind(n),n.handleMouseLeave=n.handleMouseLeave.bind(n),n.renderHoverBar=n.renderHoverBar.bind(n),n.toggle=n.toggle.bind(n),n.state={timeoutRef:null,delayAreaActive:!1,instAreaActive:!1,popoverOpen:!1},n}return i(t,e),l(t,[{key:"handleMouseEnter",value:function(e){var t=this,n=this.props.elementId,r=window.document.getElementById("AddBlockArea_"+n),o=r.clientWidth,a=r.getBoundingClientRect().left;if(e.pageX-a<o-50){var i=setTimeout(function(){t.setState({delayAreaActive:!0})},200);this.setState({timeoutRef:i})}else this.setState({instAreaActive:!0})}},{key:"handleMouseLeave",value:function(){clearTimeout(this.state.timeoutRef),this.state.popoverOpen||this.setState({delayAreaActive:!1,instAreaActive:!1})}},{key:"toggle",value:function(){this.setState({popoverOpen:!this.state.popoverOpen})}},{key:"renderHoverBar",value:function(e){var t=this.props.elementId,n=(0,d.default)("font-icon-plus-circled","element-editor__add-block-hover-bar",{"element-editor__add-block-hover-bar--delay":!e,"element-editor__add-block-hover-bar--inst":e});return c.default.createElement("button",{id:"AddBlockHoverBar_"+t,className:n,onClick:this.toggle})}},{key:"render",value:function(){var e=this.props,t=e.AddElementPopoverComponent,n=e.elementTypes,r=e.elementId,o=e.elementalAreaId,a=this.state.popoverOpen;return c.default.createElement("div",{className:"element-editor__add-block-area-container",id:"AddBlockArea_"+r},c.default.createElement("div",{className:"element-editor__add-block-area",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.state.delayAreaActive&&this.renderHoverBar(!1)||this.state.instAreaActive&&this.renderHoverBar(!0),(this.state.delayAreaActive||this.state.instAreaActive)&&c.default.createElement(t,{placement:"bottom-end",target:"AddBlockHoverBar_"+r,isOpen:a,elementTypes:n,toggle:this.toggle,container:"#AddBlockArea_"+r,elementalAreaId:o,insertAfterElement:r})))}}]),t}(s.Component);m.propTypes={elementTypes:s.PropTypes.arrayOf(f.elementTypeType).isRequired,elementId:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.number]).isRequired,elementalAreaId:s.PropTypes.oneOfType([s.PropTypes.number,s.PropTypes.string]).isRequired},t.Component=m,t.default=(0,p.inject)(["AddElementPopover"],function(e){return{AddElementPopoverComponent:e}},function(){return"ElementEditor.ElementList.HoverBar"})(m)},"./client/src/components/ElementEditor/InlineEditForm.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(4),d=r(u),p=n(14),f=r(p),m=n("./client/src/state/editor/loadElementSchemaValue.js"),y=n(2),h=r(y),b=function(e){function t(e){o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleLoadingError=n.handleLoadingError.bind(n),n.state={loadingError:null},n}return i(t,e),l(t,[{key:"handleLoadingError",value:function(){var e=window,t=e.jQuery,n=this.props.handleLoadingError;this.setState({loadingError:!0}),t.noticeAdd({text:h.default.inject(h.default._t("EditForm.ERROR_NOTIFICATION","Error displaying the edit form for this block")),stay:!0,type:"notice"}),n()}},{key:"render",value:function(){var e=this.props,t=e.elementId,n=e.extraClass,r=e.onClick,o=e.onFormInit,a=this.state.loadingError,i=(0,d.default)("element-editor-editform",n),l=(0,m.loadElementSchemaValue)("schemaUrl",t),s={formTag:"div",schemaUrl:l,identifier:"element",refetchSchemaOnMount:!1,onLoadingError:this.handleLoadingError};return a&&(s.loading=!1),"function"==typeof o&&(s.onReduxFormInit=o),c.default.createElement("div",{className:i,onClick:r,role:"presentation"},c.default.createElement(f.default,s))}}]),t}(s.PureComponent);b.propTypes={extraClass:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.object]),onClick:s.PropTypes.func,elementId:s.PropTypes.string,handleLoadingError:s.PropTypes.func},t.default=b},"./client/src/components/ElementEditor/Summary.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(2),d=r(u),p=function(e){function t(){return o(this,t),a(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),l(t,[{key:"render",value:function(){var e=this.props,t=e.fileUrl,n=e.fileTitle,r=e.content,o=d.default._t("Summary.NO_PREVIEW","No preview available");return c.default.createElement("div",{className:"element-editor-summary"},t&&c.default.createElement("img",{className:"element-editor-summary__thumbnail-image",src:t,alt:n}),(r||!t)&&c.default.createElement("p",{className:"element-editor-summary__content"},r||o))}}]),t}(s.PureComponent);p.defaultProps={},p.propTypes={content:s.PropTypes.string,fileUrl:s.PropTypes.string,fileTitle:s.PropTypes.string},t.default=p},"./client/src/components/ElementEditor/Toolbar.js":function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(l),c=n(1),u=n("./client/src/types/elementTypeType.js"),d=n(7),p=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),i(t,[{key:"render",value:function(){var e=this.props,t=e.AddNewButtonComponent,n=e.elementTypes,r=e.elementalAreaId;return(0,e.connectDropTarget)(s.default.createElement("div",{className:"element-editor__toolbar"},s.default.createElement(t,{elementTypes:n,elementalAreaId:r})))}}]),t}(l.PureComponent);p.defaultProps={},p.propTypes={elementTypes:l.PropTypes.arrayOf(u.elementTypeType).isRequired,elementalAreaId:l.PropTypes.number.isRequired,AddNewButtonComponent:l.PropTypes.oneOfType([l.PropTypes.node,l.PropTypes.func]).isRequired,connectDropTarget:l.PropTypes.func.isRequired,onDragOver:l.PropTypes.func,onDragDrop:l.PropTypes.func};var f={hover:function(e){var t=e.onDragOver;t&&t()}};t.default=(0,d.DropTarget)("element",f,function(e){return{connectDropTarget:e.dropTarget()}})((0,c.inject)(["ElementAddNewButton"],function(e){return{AddNewButtonComponent:e}},function(){return"ElementEditor.ElementToolbar"})(p))},"./client/src/components/HistoricElementView/HistoricElementView.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(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"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=function e(t,n,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,n);if(void 0===o){var a=Object.getPrototypeOf(t);return null===a?void 0:e(a,n,r)}if("value"in o)return o.value;var i=o.get;return void 0!==i?i.call(r):void 0},c=n(0),u=r(c),d=n(2),p=r(d),f=n(4),m=r(f),y=function(e){return function(e){function t(){return o(this,t),a(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),l(t,[{key:"getClassName",value:function(){var e=[s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"getClassName",this).call(this)];return this.props.data.ElementID&&e.unshift("elemental-area__element--historic-inner"),(0,m.default)(e)}},{key:"render",value:function(){var e=this.getLegend(),n=this.props.data.tag||"div",r=this.getClassName(),o=this.props.data;return o.ElementID?u.default.createElement(n,{className:r},e,u.default.createElement("div",{className:"elemental-preview elemental-preview--historic"},o.ElementEditLink&&u.default.createElement("a",{className:"elemental-preview__link",href:o.ElementEditLink},p.default._t("HistoricElementView.BLOCK_HISTORY","View block"),u.default.createElement("i",{className:"font-icon-angle-right"})),u.default.createElement("div",{className:"elemental-preview__icon"},u.default.createElement("i",{className:o.ElementIcon})),u.default.createElement("div",{className:"elemental-preview__detail"},u.default.createElement("h3",null,o.ElementTitle," ",u.default.createElement("small",null,o.ElementType)))),this.props.children):s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"render",this).call(this)}}]),t}(e)};t.default=y},"./client/src/legacy/ElementEditor/entwine.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var o=n(16),a=r(o),i=n(0),l=r(i),s=n(13),c=r(s),u=n(1);a.default.entwine("ss",function(e){e(".js-injector-boot .element-editor__container").entwine({onmatch:function(){var e={},t=(0,u.loadComponent)("ElementEditor",e),n=this.data("schema"),r={fieldName:this.attr("name"),pageId:n["page-id"],elementalAreaId:n["elemental-area-id"],elementTypes:n["element-types"]};c.default.render(l.default.createElement(t,r),this[0])},onunmatch:function(){c.default.unmountComponentAtNode(this[0])},"from .cms-edit-form":{onaftersubmitform:function(){window.ss.apolloClient.resetStore()}}})})},"./client/src/lib/dragHelpers.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDragIndicatorIndex=t.isOverTop=void 0;var r=n(13);t.isOverTop=function(e,t){var n=e.getClientOffset(),o=(0,r.findDOMNode)(t).getBoundingClientRect();return n.y<o.y+o.height/2},t.getDragIndicatorIndex=function(e,t,n,r){if(null===t||!n)return null;var o=t?e.findIndex(function(e){return e===t}):0,a=e.findIndex(function(e){return e===n});return"bottom"===r&&(o+=1),a===o||a+1===o?null:o}},"./client/src/state/editor/addElementMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation AddElementToArea($className: String!, $elementalAreaID: ID!, $afterElementID: ID) {\n  addElementToArea(\n    ClassName: $className,\n    ElementalAreaID: $elementalAreaID,\n    AfterElementID: $afterElementID\n  ) {\n    ID\n    Sort\n    InlineEditable\n  }\n}\n"],["\nmutation AddElementToArea($className: String!, $elementalAreaID: ID!, $afterElementID: ID) {\n  addElementToArea(\n    ClassName: $className,\n    ElementalAreaID: $elementalAreaID,\n    AfterElementID: $afterElementID\n  ) {\n    ID\n    Sort\n    InlineEditable\n  }\n}\n"]),a=n(6),i=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(i),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handleAddElementToArea:function(e,n,r){return t({variables:{className:e,elementalAreaID:n,afterElementID:r}})}})}},options:{refetchQueries:["ReadBlocksForPage"]}};t.mutation=s,t.config=c,t.default=(0,a.graphql)(s,c)},"./client/src/state/editor/archiveBlockMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation ArchiveBlock($blockId: ID!) {\n  deleteBlock(IDs: [$blockId]) {\n    ID\n  }\n}\n"],["\nmutation ArchiveBlock($blockId: ID!) {\n  deleteBlock(IDs: [$blockId]) {\n    ID\n  }\n}\n"]),a=n(6),i=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(i),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handleArchiveBlock:function(e){return t({variables:{blockId:e}})}})}},options:{refetchQueries:["ReadBlocksForPage"]}};t.mutation=s,t.config=c,t.default=(0,a.graphql)(s,c)},"./client/src/state/editor/loadElementFormStateName.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.loadElementFormStateName=void 0;var r=n(11),o=function(e){return e&&e.__esModule?e:{default:e}}(r);t.loadElementFormStateName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=o.default.getSection("DNADesign\\Elemental\\Controllers\\ElementalAreaController"),n=t.form.elementForm.formNameTemplate;return e?n.replace("{id}",e):n}},"./client/src/state/editor/loadElementSchemaValue.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.loadElementSchemaValue=void 0;var r=n(11),o=function(e){return e&&e.__esModule?e:{default:e}}(r);t.loadElementSchemaValue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=o.default.getSection("DNADesign\\Elemental\\Controllers\\ElementalAreaController"),r=n.form.elementForm[e]||"";return t?r+"/"+t:r}},"./client/src/state/editor/publishBlockMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation PublishBlock($blockId:ID!, $fromStage:VersionedStage!, $toStage:VersionedStage!, $fromVersion:Int!) {\n  copyBlockToStage(Input: {\n    ID: $blockId\n    FromVersion: $fromVersion\n    FromStage: $fromStage\n    ToStage: $toStage\n  }) {\n    ID\n  }\n}\n"],["\nmutation PublishBlock($blockId:ID!, $fromStage:VersionedStage!, $toStage:VersionedStage!, $fromVersion:Int!) {\n  copyBlockToStage(Input: {\n    ID: $blockId\n    FromVersion: $fromVersion\n    FromStage: $fromStage\n    ToStage: $toStage\n  }) {\n    ID\n  }\n}\n"]),a=n(6),i=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(i),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handlePublishBlock:function(e,n,r,o){return t({variables:{blockId:e,fromStage:n,toStage:r,fromVersion:o}})}})}},options:{refetchQueries:["ReadBlocksForPage"]}};t.mutation=s,t.config=c,t.default=(0,a.graphql)(s,c)},"./client/src/state/editor/readBlocksForPageQuery.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.query=void 0;var r=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nquery ReadBlocksForPage($id:ID!) {\n  readOnePage(ID: $id, Versioning: {\n    Mode: DRAFT\n  }){\n    ID\n    ElementalAreaIfExists {\n      Elements {\n        pageInfo {\n          totalCount\n        }\n        edges {\n          node {\n            ID\n            Title\n            BlockSchema\n            InlineEditable\n            IsLiveVersion\n            IsPublished\n            Version\n          }\n        }\n      }\n    }\n  }\n}\n"],["\nquery ReadBlocksForPage($id:ID!) {\n  readOnePage(ID: $id, Versioning: {\n    Mode: DRAFT\n  }){\n    ID\n    ElementalAreaIfExists {\n      Elements {\n        pageInfo {\n          totalCount\n        }\n        edges {\n          node {\n            ID\n            Title\n            BlockSchema\n            InlineEditable\n            IsLiveVersion\n            IsPublished\n            Version\n          }\n        }\n      }\n    }\n  }\n}\n"]),o=n(6),a=n(5),i=function(e){return e&&e.__esModule?e:{default:e}}(a),l=(0,i.default)(r),s={options:function(e){return{variables:{id:e.pageId}}},props:function(e){var t=e.data,n=t.error,r=t.readOnePage,o=t.loading,a=null;r&&(a=r.ElementalAreaIfExists.Elements.edges.map(function(e){return e.node}));var i=n&&n.graphQLErrors&&n.graphQLErrors.map(function(e){return e.message});return{loading:o||!a,blocks:a,graphQLErrors:i}}};t.query=l,t.config=s,t.default=(0,o.graphql)(l,s)},"./client/src/state/editor/sortBlockMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation SortBlockMutation($blockId:ID!, $afterBlockId:ID!) {\n  sortBlock(\n    ID: $blockId\n    AfterBlockID: $afterBlockId\n  ) {\n    ID\n  }\n}\n"],["\nmutation SortBlockMutation($blockId:ID!, $afterBlockId:ID!) {\n  sortBlock(\n    ID: $blockId\n    AfterBlockID: $afterBlockId\n  ) {\n    ID\n  }\n}\n"]),a=n(6),i=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(i),s=n("./client/src/state/editor/readBlocksForPageQuery.js"),c=(0,l.default)(o),u={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handleSortBlock:function(e,n,r){return t({variables:{blockId:e,afterBlockId:n},optimisticResponse:{sortBlock:{ID:e,__typename:"Block"}},update:function(t){var o=s.config.options({pageId:r}).variables,a=t.readQuery({query:s.query,variables:o}),i=JSON.parse(JSON.stringify(a)),l=i.readOnePage.ElementalAreaIfExists.Elements.edges,c=l.findIndex(function(t){return t.node.ID===e}),u=l[c];if(l.splice(c,1),n){var d=l.findIndex(function(e){return e.node.ID===n}),p=l.slice(d+1);l=l.slice(0,d+1),l.push(u),l=l.concat(p)}else l.unshift(u);i.readOnePage.ElementalAreaIfExists.Elements.edges=l,t.writeQuery({query:s.query,data:i,variables:o})}})}})}}};t.mutation=c,t.config=u,t.default=(0,a.graphql)(c,u)},"./client/src/state/editor/unpublishBlockMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation UnpublishBlock($blockId:ID!) {\n  unpublishBlock(\n    ID: $blockId\n      ) {\n    ID\n  }\n}\n"],["\nmutation UnpublishBlock($blockId:ID!) {\n  unpublishBlock(\n    ID: $blockId\n      ) {\n    ID\n  }\n}\n"]),a=n(6),i=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(i),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handleUnpublishBlock:function(e,n,r,o){return t({variables:{blockId:e,fromStage:n,toStage:r,fromVersion:o}})}})}},options:{refetchQueries:["ReadBlocksForPage"]}};t.mutation=s,t.config=c,t.default=(0,a.graphql)(s,c)},"./client/src/state/history/readOneBlockQuery.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.query=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nquery ReadHistoryViewerBlock ($block_id: ID!, $limit: Int!, $offset: Int!) {\n  readOneBlock(\n    Versioning: {\n      Mode: LATEST\n    },\n    ID: $block_id\n  ) {\n    ID\n    Versions (limit: $limit, offset: $offset) {\n      pageInfo {\n        totalCount\n      }\n      edges {\n        node {\n          Version\n          AbsoluteLink\n          Author {\n            FirstName\n            Surname\n          }\n          Publisher {\n            FirstName\n            Surname\n          }\n          Published\n          LiveVersion\n          LatestDraftVersion\n          LastEdited\n        }\n      }\n    }\n  }\n}\n"],["\nquery ReadHistoryViewerBlock ($block_id: ID!, $limit: Int!, $offset: Int!) {\n  readOneBlock(\n    Versioning: {\n      Mode: LATEST\n    },\n    ID: $block_id\n  ) {\n    ID\n    Versions (limit: $limit, offset: $offset) {\n      pageInfo {\n        totalCount\n      }\n      edges {\n        node {\n          Version\n          AbsoluteLink\n          Author {\n            FirstName\n            Surname\n          }\n          Publisher {\n            FirstName\n            Surname\n          }\n          Published\n          LiveVersion\n          LatestDraftVersion\n          LastEdited\n        }\n      }\n    }\n  }\n}\n"]),a=n(6),i=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(i),s=(0,l.default)(o),c={options:function(e){var t=e.recordId,n=e.limit;return{variables:{limit:n,offset:((e.page||1)-1)*n,block_id:t}}},props:function(e){var t=e.data,n=t.error,o=t.refetch,a=t.readOneBlock,i=t.loading,l=e.ownProps,s=l.actions,c=void 0===s?{versions:{}}:s,u=l.limit,d=l.recordId,p=a||null,f=n&&n.graphQLErrors&&n.graphQLErrors.map(function(e){return e.message});return{loading:i||!p,versions:p,graphQLErrors:f,actions:r({},c,{versions:r({},p,{goToPage:function(e){o({offset:((e||1)-1)*u,limit:u,block_id:d})}})})}}};t.query=s,t.config=c,t.default=(0,a.graphql)(s,c)},"./client/src/state/history/revertToBlockVersionMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation revertBlockToVersion($id:ID!, $fromStage:VersionedStage!, $toStage:VersionedStage!, $fromVersion:Int!) {\n  copyBlockToStage(Input: {\n    ID: $id\n    FromVersion: $fromVersion\n    FromStage: $fromStage\n    ToStage: $toStage\n  }) {\n    ID\n  }\n}\n"],["\nmutation revertBlockToVersion($id:ID!, $fromStage:VersionedStage!, $toStage:VersionedStage!, $fromVersion:Int!) {\n  copyBlockToStage(Input: {\n    ID: $id\n    FromVersion: $fromVersion\n    FromStage: $fromStage\n    ToStage: $toStage\n  }) {\n    ID\n  }\n}\n"]),a=n(6),i=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(i),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{revertToVersion:function(e,n,r,o){return t({variables:{id:e,fromVersion:n,fromStage:r,toStage:o}})}})}},options:{refetchQueries:["ReadHistoryViewerBlock"]}};t.mutation=s,t.config=c,t.default=(0,a.graphql)(s,c)},"./client/src/types/elementType.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.elementType=void 0;var r=n(0),o=r.PropTypes.shape({ID:r.PropTypes.string.isRequired,Title:r.PropTypes.string,BlockSchema:r.PropTypes.object,InlineEditable:r.PropTypes.bool,IsPublished:r.PropTypes.bool,IsLiveVersion:r.PropTypes.bool,Version:r.PropTypes.number});t.elementType=o},"./client/src/types/elementTypeType.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.elementTypeType=void 0;var r=n(0),o=r.PropTypes.shape({name:r.PropTypes.string,title:r.PropTypes.string,icon:r.PropTypes.string,tabs:r.PropTypes.arrayOf(r.PropTypes.shape({title:r.PropTypes.string,name:r.PropTypes.string}))});t.elementTypeType=o},0:function(e,t){e.exports=React},1:function(e,t){e.exports=Injector},10:function(e,t){e.exports=Backend},11:function(e,t){e.exports=Config},12:function(e,t){e.exports=ReactDNDHtml5Backend},13:function(e,t){e.exports=ReactDom},14:function(e,t){e.exports=FormBuilderLoader},15:function(e,t){e.exports=TabsActions},16:function(e,t){e.exports=jQuery},2:function(e,t){e.exports=i18n},3:function(e,t){e.exports=Redux},4:function(e,t){e.exports=classnames},5:function(e,t){e.exports=GraphQLTag},6:function(e,t){e.exports=ReactApollo},7:function(e,t){e.exports=ReactDND},8:function(e,t){e.exports=Reactstrap},9:function(e,t){e.exports=ReactRedux}});
\ No newline at end of file
+!function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s="./client/src/bundles/bundle.js")}({"./client/src/boot/index.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var o=n("./client/src/boot/registerComponents.js"),i=r(o),a=n("./client/src/boot/registerTransforms.js"),l=r(a);window.document.addEventListener("DOMContentLoaded",function(){(0,i.default)(),(0,l.default)()})},"./client/src/boot/registerComponents.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n("./client/src/components/ElementEditor/Element.js"),l=r(a),s=n("./client/src/components/ElementEditor/ElementActions.js"),c=r(s),u=n("./client/src/components/ElementEditor/ElementEditor.js"),d=r(u),p=n("./client/src/components/ElementEditor/ElementList.js"),f=r(p),m=n("./client/src/components/ElementEditor/Toolbar.js"),y=r(m),b=n("./client/src/components/ElementEditor/AddNewButton.js"),h=r(b),g=n("./client/src/components/ElementEditor/Header.js"),v=r(g),E=n("./client/src/components/ElementEditor/Content.js"),T=r(E),_=n("./client/src/components/ElementEditor/Summary.js"),O=r(_),P=n("./client/src/components/ElementEditor/InlineEditForm.js"),j=r(P),I=n("./client/src/components/ElementEditor/AddElementPopover.js"),w=r(I),k=n("./client/src/components/ElementEditor/HoverBar.js"),D=r(k),A=n("./client/src/components/ElementEditor/DragPositionIndicator.js"),S=r(A);t.default=function(){i.default.component.registerMany({ElementEditor:d.default,ElementToolbar:y.default,ElementAddNewButton:h.default,ElementList:f.default,Element:l.default,ElementActions:c.default,ElementHeader:v.default,ElementContent:T.default,ElementSummary:O.default,ElementInlineEditForm:j.default,AddElementPopover:w.default,HoverBar:D.default,DragPositionIndicator:S.default})}},"./client/src/boot/registerTransforms.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=r(o),a=n("./client/src/state/history/readOneBlockQuery.js"),l=r(a),s=n("./client/src/components/HistoricElementView/HistoricElementView.js"),c=r(s),u=n("./client/src/state/history/revertToBlockVersionMutation.js"),d=r(u),p=n("./client/src/state/editor/readBlocksForPageQuery.js"),f=r(p),m=n("./client/src/state/editor/addElementMutation.js"),y=r(m),b=n("./client/src/components/ElementActions/ArchiveAction.js"),h=r(b),g=n("./client/src/components/ElementActions/PublishAction.js"),v=r(g),E=n("./client/src/components/ElementActions/SaveAction.js"),T=r(E),_=n("./client/src/components/ElementActions/UnpublishAction.js"),O=r(_);t.default=function(){i.default.transform("elemental-fieldgroup",function(e){e.component("FieldGroup.HistoryViewer.VersionDetail",c.default,"HistoricElement")},{after:"field-holders"}),i.default.transform("elements-history",function(e){e.component("HistoryViewer.Form_ItemEditForm",l.default,"ElementHistoryViewer")}),i.default.transform("blocks-history-revert",function(e){e.component("HistoryViewerToolbar.VersionedAdmin.HistoryViewer.Element.HistoryViewerVersionDetail",d.default,"BlockRevertMutation")}),i.default.transform("cms-element-editor",function(e){e.component("ElementList",f.default,"PageElements")}),i.default.transform("cms-element-adder",function(e){e.component("AddElementPopover",y.default,"ElementAddButton")}),i.default.transform("element-actions",function(e){e.component("ElementActions",T.default,"ElementActionsWithSave"),e.component("ElementActions",h.default,"ElementActionsWithArchive"),e.component("ElementActions",v.default,"ElementActionsWithPublish"),e.component("ElementActions",O.default,"ElementActionsWithUnpublish")})}},"./client/src/bundles/bundle.js":function(e,t,n){"use strict";n("./client/src/legacy/ElementEditor/entwine.js"),n("./client/src/boot/index.js")},"./client/src/components/ElementActions/AbstractAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(0),a=r(i),l=n(4),s=r(l),c=n(9),u=function(e){var t=e.className,n=e.title,r=o({className:(0,s.default)(t,"dropdown-item")},e);return a.default.createElement(c.DropdownItem,r,n)};u.propTypes={disabled:i.PropTypes.bool,className:i.PropTypes.string,onClick:i.PropTypes.func,title:i.PropTypes.string,name:i.PropTypes.string,active:i.PropTypes.bool},u.defaultProps={disabled:!1},t.default=u},"./client/src/components/ElementActions/ArchiveAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var o=n(0),i=r(o),a=n(3),l=n("./client/src/components/ElementActions/AbstractAction.js"),s=r(l),c=n("./client/src/state/editor/archiveBlockMutation.js"),u=r(c),d=n(2),p=r(d),f=function(e){return function(t){var n=function(e){e.stopPropagation();var n=t.element.ID,r=t.isPublished,o=t.actions.handleArchiveBlock,i=p.default._t("ArchiveAction.CONFIRM_DELETE","Are you sure you want to send this block to the archive?");r&&(i=p.default._t("ArchiveAction.CONFIRM_DELETE_AND_UNPUBLISH","Warning: This block will be unpublished before being sent to the archive. Are you sure you want to proceed?")),o&&window.confirm(i)&&o(n).then(function(){var e=window.jQuery(".cms-preview");e.entwine("ss.preview")._loadUrl(e.find("iframe").attr("src"))})},r={title:p.default._t("ArchiveAction.ARCHIVE","Archive"),className:"element-editor__actions-archive",onClick:n,toggle:t.toggle};return i.default.createElement(e,t,t.children,i.default.createElement(s.default,r))}};t.Component=f,t.default=(0,a.compose)(u.default,f)},"./client/src/components/ElementActions/PublishAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n=(0,g.loadElementFormStateName)(t.element.ID),r=null;return e.form.formState.element&&e.form.formState.element[n]&&(r=e.form.formState.element[n].values),{formData:r,securityId:e.config.SecurityID,formDirty:e.unsavedForms.find(function(e){return e.name==="element."+n})}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var i=n(0),a=r(i),l=n(3),s=n("./client/src/components/ElementActions/AbstractAction.js"),c=r(s),u=n("./client/src/state/editor/publishBlockMutation.js"),d=r(u),p=n(2),f=r(p),m=n(10),y=r(m),b=n(8),h=n("./client/src/state/editor/loadElementSchemaValue.js"),g=n("./client/src/state/editor/loadElementFormStateName.js"),v=function(e,t,n){var r=f.default.inject(f.default._t("ElementHeader.NOTITLE","Untitled {elementType} block"),{elementType:e}),o=f.default.inject(f.default._t("UnpublishAction.SUCCESS_NOTIFICATION","Published '{title}' successfully"),{title:t||r}),i=f.default.inject(f.default._t("UnpublishAction.ERROR_NOTIFICATION","Error publishing '{title}'"),{title:t||r});window.jQuery.noticeAdd({text:n?o:i,stay:!1,type:n?"success":"error"})},E=function(e,t,n){return y.default.createEndpointFetcher({url:(0,h.loadElementSchemaValue)("saveUrl",e),method:(0,h.loadElementSchemaValue)("saveMethod"),payloadFormat:(0,h.loadElementSchemaValue)("payloadFormat"),defaultData:{SecurityID:n}})(t).then(function(){return window.ss.apolloClient.queryManager.reFetchObservableQueries()}).then(function(e){var t=window.jQuery(".cms-preview");return t.entwine("ss.preview")._loadUrl(t.find("iframe").attr("src")),e}).then(function(t){var n=t[0]&&t[0].data.readOnePage.ElementalAreaIfExists.Elements.edges.find(function(t){return t.node.ID===e});return n&&n.node.Version})},T=function(e){return function(t){var n=t.element,r=t.formDirty,o=function(e){e.stopPropagation();var n=t.element,o=n.ID,i=n.Title,a=n.Version,l=n.BlockSchema.type,s=t.securityId,c=t.formData,u=t.actions.handlePublishBlock,d=new Promise(function(e){return e(a)});r&&(d=E(o,c,s)),d.then(function(e){return u(o,"DRAFT","LIVE",e)}).then(function(){return v(l,i,!0)}).catch(function(){return v(l,i,!1)})},i={title:f.default._t("PublishAction.PUBLISH","Publish"),className:"element-editor__actions-publish",onClick:o,toggle:t.toggle};return a.default.createElement(e,t,t.children,(r||!n.IsLiveVersion)&&a.default.createElement(c.default,i))}};t.Component=T,t.default=(0,l.compose)(d.default,(0,b.connect)(o),T)},"./client/src/components/ElementActions/SaveAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){var n=(0,b.loadElementFormStateName)(t.element.ID),r=null;return e.form.formState.element&&e.form.formState.element[n]&&(r=e.form.formState.element[n].values),{formData:r,securityId:e.config.SecurityID}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var i=n(0),a=r(i),l=n(3),s=n(8),c=n("./client/src/components/ElementActions/AbstractAction.js"),u=r(c),d=n(10),p=r(d),f=n(2),m=r(f),y=n("./client/src/state/editor/loadElementSchemaValue.js"),b=n("./client/src/state/editor/loadElementFormStateName.js"),h=function(e){return function(t){var n=function(e){e.stopPropagation();var n=t.element,r=t.securityId,o=t.formData,i=window,a=i.jQuery,l=m.default.inject(m.default._t("ElementHeader.NOTITLE","Untitled {type} block"),{type:n.BlockSchema.type}),s={url:(0,y.loadElementSchemaValue)("saveUrl",n.ID),method:(0,y.loadElementSchemaValue)("saveMethod"),payloadFormat:(0,y.loadElementSchemaValue)("payloadFormat"),defaultData:{SecurityID:r}};p.default.createEndpointFetcher(s)(o).then(function(){window.ss.apolloClient.queryManager.reFetchObservableQueries();var e=a(".cms-preview");e.entwine("ss.preview")._loadUrl(e.find("iframe").attr("src"));var t=o["PageElements_"+n.ID+"_Title"];a.noticeAdd({text:m.default.inject(m.default._t("SaveAction.SUCCESS_NOTIFICATION","Saved '{title}' successfully"),{title:t||l}),stay:!1,type:"success"})}).catch(function(){a.noticeAdd({text:m.default.inject(m.default._t("SaveAction.ERROR_NOTIFICATION","Error saving '{title}'"),{title:n.Title||l}),stay:!1,type:"error"})})},r={title:m.default._t("SaveAction.SAVE","Save"),className:"element-editor__actions-save",onClick:n};return a.default.createElement(e,t,t.children,a.default.createElement(u.default,r))}};t.Component=h,t.default=(0,l.compose)((0,s.connect)(o),h)},"./client/src/components/ElementActions/UnpublishAction.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var o=n(0),i=r(o),a=n(3),l=n("./client/src/components/ElementActions/AbstractAction.js"),s=r(l),c=n("./client/src/state/editor/unpublishBlockMutation.js"),u=r(c),d=n(2),p=r(d),f=function(e){return function(t){var n=t.element,r=t.actions.handleUnpublishBlock,o=function(e){e.stopPropagation();var t=window,o=t.jQuery,i=p.default.inject(p.default._t("ElementHeader.NOTITLE","Untitled {type} block"),{type:n.BlockSchema.type});r&&r(n.ID).then(function(){var e=o(".cms-preview");e.entwine("ss.preview")._loadUrl(e.find("iframe").attr("src")),o.noticeAdd({text:p.default.inject(p.default._t("UnpublishAction.SUCCESS_NOTIFICATION","Removed '{title}' from the published page"),{title:n.Title||i}),stay:!1,type:"success"})}).catch(function(){o.noticeAdd({text:p.default.inject(p.default._t("UnpublishAction.ERROR_NOTIFICATION","Error unpublishing '{title}'"),{title:n.Title||i}),stay:!1,type:"error"})})},a={title:p.default._t("UnpublishAction.UNPUBLISH","Unpublish"),className:"element-editor__actions-unpublish",onClick:o,toggle:t.toggle};return i.default.createElement(e,t,t.children,n.IsPublished&&i.default.createElement(s.default,a))}};t.Component=f,t.default=(0,a.compose)(u.default,f)},"./client/src/components/ElementEditor/AddElementPopover.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(4),d=r(u),p=n(1),f=n("./client/src/types/elementTypeType.js"),m=n(2),y=r(m),b=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleToggle=n.handleToggle.bind(n),n.handleButtonClick=n.handleButtonClick.bind(n),n}return a(t,e),l(t,[{key:"getElementButtonClickHandler",value:function(e){var t=this;return function(n){var r=t.props,o=r.actions.handleAddElementToArea,i=r.elementalAreaId,a=r.insertAfterElement;n.preventDefault(),o(e.name.replace(/-/g,"\\"),i,a).then(function(){var e=window.jQuery(".cms-preview");e.entwine("ss.preview")._loadUrl(e.find("iframe").attr("src"))}),t.handleToggle()}}},{key:"handleKeyDown",value:function(e){switch(e.key){case"Escape":this.handleToggle()}}},{key:"handleToggle",value:function(){(0,this.props.toggle)()}},{key:"handleButtonClick",value:function(e){var t=this.props.baseAddHref;return function(n){n.stopPropagation(),window.location=t+"/"+e.key}}},{key:"render",value:function(){var e=this,t=this.props,n=t.PopoverOptionSetComponent,r=t.elementTypes,o=t.container,i=t.extraClass,a=t.isOpen,l=t.placement,s=t.target,u=(0,d.default)("element-editor-add-element",i),p=r.map(function(t){return{content:t.title,key:t.name,className:(0,d.default)(t.icon,"btn--icon-xl","element-editor-add-element__button"),onClick:e.getElementButtonClickHandler(t)}});return c.default.createElement(n,{buttons:p,searchPlaceholder:y.default._t("AddElementPopover.SEARCH_BLOCKS","Search blocks"),extraClass:u,container:o,isOpen:a,placement:l,target:s,toggle:this.handleToggle})}}]),t}(s.Component);b.propTypes={container:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.func,s.PropTypes.object]),elementTypes:s.PropTypes.arrayOf(f.elementTypeType),extraClass:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.array,s.PropTypes.object]),isOpen:s.PropTypes.bool.isRequired,placement:s.PropTypes.string,target:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.func,s.PropTypes.object]).isRequired,toggle:s.PropTypes.func.isRequired,elementalAreaId:s.PropTypes.number.isRequired,insertAfterElement:s.PropTypes.oneOfType([s.PropTypes.number,s.PropTypes.string])},t.default=(0,p.inject)(["PopoverOptionSet"],function(e){return{PopoverOptionSetComponent:e}},function(){return"ElementEditor"})(b)},"./client/src/components/ElementEditor/AddNewButton.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(9),d=n(2),p=r(d),f=n("./client/src/types/elementTypeType.js"),m=n(1),y=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.toggle=n.toggle.bind(n),n.state={popoverOpen:!1},n}return a(t,e),l(t,[{key:"toggle",value:function(){this.setState({popoverOpen:!this.state.popoverOpen})}},{key:"render",value:function(){var e=this.props,t=e.AddElementPopoverComponent,n=e.elementTypes,r=e.elementalAreaId,o={id:"ElementalArea"+r+"_AddButton",color:"primary",onClick:this.toggle};return c.default.createElement("div",null,c.default.createElement(u.Button,o,p.default._t("AddNewButton.ADD_BLOCK","Add block")),c.default.createElement(t,{placement:"bottom-start",target:o.id,isOpen:this.state.popoverOpen,elementTypes:n,toggle:this.toggle,elementalAreaId:r,insertAfterElement:0}))}}]),t}(s.Component);y.defaultProps={},y.propTypes={elementTypes:s.PropTypes.arrayOf(f.elementTypeType).isRequired,elementalAreaId:s.PropTypes.number.isRequired},t.Component=y,t.default=(0,m.inject)(["AddElementPopover"],function(e){return{AddElementPopoverComponent:e}},function(){return"ElementEditor.ElementList.AddNewButton"})(y)},"./client/src/components/ElementEditor/Content.js":function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(l),c=n(1),u=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),a(t,[{key:"render",value:function(){var e=this.props,t=e.id,n=e.fileUrl,r=e.fileTitle,o=e.content,i=e.previewExpanded,a=e.InlineEditFormComponent,l=e.SummaryComponent,c=e.activeTab,u=e.onFormInit,d=e.handleLoadingError;return s.default.createElement("div",{className:"element-editor-content"},!i&&s.default.createElement(l,{content:o,fileUrl:n,fileTitle:r}),i&&s.default.createElement(a,{extraClass:{"element-editor-editform--collapsed":!i},onClick:function(e){return e.stopPropagation()},elementId:t,activeTab:c,onFormInit:u,handleLoadingError:d}))}}]),t}(l.PureComponent);u.propTypes={id:l.PropTypes.string,content:l.PropTypes.string,fileUrl:l.PropTypes.string,fileTitle:l.PropTypes.string,previewExpanded:l.PropTypes.bool,SummaryComponent:l.PropTypes.oneOfType([l.PropTypes.node,l.PropTypes.func]),InlineEditFormComponent:l.PropTypes.oneOfType([l.PropTypes.node,l.PropTypes.func]),handleLoadingError:l.PropTypes.func},u.defaultProps={},t.Component=u,t.default=(0,c.inject)(["ElementSummary","ElementInlineEditForm"],function(e,t){return{SummaryComponent:e,InlineEditFormComponent:t}},function(){return"ElementEditor.ElementList.Element"})(u)},"./client/src/components/ElementEditor/DragPositionIndicator.js":function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(l),c=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),a(t,[{key:"render",value:function(){return s.default.createElement("div",{className:"elemental-editor-drag-indicator"},s.default.createElement("div",{className:"elemental-editor-drag-indicator__ball"}))}}]),t}(l.PureComponent);t.default=c},"./client/src/components/ElementEditor/Element.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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 l(e,t){var n=t.element.ID,r=(0,E.loadElementFormStateName)(n),o=(0,T.loadElementSchemaValue)("schemaUrl",n),i=function(e){return"Tabs"===e.component},a=e.form&&e.form.formSchemas[o]&&e.form.formSchemas[o].schema&&e.form.formSchemas[o].schema.fields.find(i),l=a&&a.id,s="element."+r+"__"+l;return{tabSetName:l,activeTab:e.tabs&&e.tabs.fields&&e.tabs.fields[s]&&e.tabs.fields[s].activeTab}}function s(e,t){var n=(0,E.loadElementFormStateName)(t.element.ID);return{onActivateTab:function(t,r){e(O.activateTab("element."+n+"__"+t,r))}}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var c=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),u=n(0),d=r(u),p=n("./client/src/types/elementType.js"),f=n(3),m=n(1),y=n(2),b=r(y),h=n(4),g=r(h),v=n(8),E=n("./client/src/state/editor/loadElementFormStateName.js"),T=n("./client/src/state/editor/loadElementSchemaValue.js"),_=n(15),O=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(_),P=n(7),j=n(12),I=n("./client/src/lib/dragHelpers.js"),w=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleKeyUp=n.handleKeyUp.bind(n),n.handleExpand=n.handleExpand.bind(n),n.handleLoadingError=n.handleLoadingError.bind(n),n.handleTabClick=n.handleTabClick.bind(n),n.updateFormTab=n.updateFormTab.bind(n),n.state={previewExpanded:!1,initialTab:"",loadingError:!1},n}return a(t,e),c(t,[{key:"componentDidMount",value:function(){var e=this.props.connectDragPreview;e&&e((0,j.getEmptyImage)(),{captureDraggingState:!0})}},{key:"getVersionedStateClassName",value:function(){var e=this.props.element;return e.IsPublished?e.IsPublished&&!e.IsLiveVersion?"element-editor__element--modified":"element-editor__element--published":"element-editor__element--draft"}},{key:"handleLoadingError",value:function(){this.setState({loadingError:!0})}},{key:"updateFormTab",value:function(e){var t=this.props,n=t.tabSetName,r=t.onActivateTab,o=this.state.initialTab;o||this.setState({initialTab:e}),e||o?r(n,e||o):r(n,"Main")}},{key:"handleTabClick",value:function(e){var t=this.props.activeTab,n=this.state.loadingError;e===t||n||(this.setState({previewExpanded:!0}),this.updateFormTab(e))}},{key:"handleExpand",value:function(e){var t=this.props,n=t.element,r=t.link,o=this.state.loadingError;return"button"===e.target.type?void e.stopPropagation():n.InlineEditable&&!o?void this.setState({previewExpanded:!this.state.previewExpanded}):void(window.location=r)}},{key:"handleKeyUp",value:function(e){var t=e.target.nodeName;"Enter"===e.code?this.handleExpand(e):"Space"!==e.code||["input","textarea"].includes(t.toLowerCase())||this.handleExpand(e)}},{key:"render",value:function(){var e=this,t=this.props,n=t.element,r=t.HeaderComponent,o=t.ContentComponent,i=t.link,a=t.editTabs,l=t.activeTab,s=t.connectDragSource,c=t.connectDropTarget,u=t.isDragging,p=t.isOver,f=this.state.previewExpanded,m=b.default.inject(b.default._t("ElementalElement.TITLE","Edit this {type} block"),{type:n.BlockSchema.type});if(!n.ID)return null;var y=(0,g.default)("element-editor__element",{"element-editor__element--expandable":n.InlineEditable,"element-editor__element--dragging":u,"element-editor__element--dragged-over":p},this.getVersionedStateClassName());return c(s(d.default.createElement("div",{className:y,onClick:this.handleExpand,onKeyUp:this.handleKeyUp,role:"button",tabIndex:0,title:m,key:n.ID},d.default.createElement(r,{element:n,expandable:n.InlineEditable,link:i,editTabs:a,previewExpanded:f,handleEditTabsClick:this.handleTabClick,activeTab:l,disableTooltip:u}),d.default.createElement(o,{id:n.ID,fileUrl:n.BlockSchema.fileURL,fileTitle:n.BlockSchema.fileTitle,content:n.BlockSchema.content,previewExpanded:f&&!u,activeTab:l,onFormInit:function(){return e.updateFormTab(l)},handleLoadingError:this.handleLoadingError}))))}}]),t}(u.Component);w.propTypes={element:p.elementType,link:u.PropTypes.string.isRequired,editTabs:u.PropTypes.arrayOf(u.PropTypes.object),activeTab:u.PropTypes.string,tabSetName:u.PropTypes.string,onActivateTab:u.PropTypes.func,connectDragSource:u.PropTypes.func.isRequired,connectDragPreview:u.PropTypes.func.isRequired,connectDropTarget:u.PropTypes.func.isRequired,isDragging:u.PropTypes.bool.isRequired,isOver:u.PropTypes.bool.isRequired,onDragOver:u.PropTypes.func,onDragEnd:u.PropTypes.func,onDragStart:u.PropTypes.func},w.defaultProps={element:null},t.Component=w;var k={beginDrag:function(e){return e.element},endDrag:function(e,t){var n=e.onDragEnd;n&&t.getDropResult()&&n(t.getItem().ID,t.getDropResult().dropAfterID)}},D={drop:function(e,t,n){return{target:e.element.ID,dropSpot:(0,I.isOverTop)(t,n)?"top":"bottom"}},hover:function(e,t,n){var r=e.element,o=e.onDragOver;o&&o(r,(0,I.isOverTop)(t,n))}};t.default=(0,f.compose)((0,P.DropTarget)("element",D,function(e,t){return{connectDropTarget:e.dropTarget(),isOver:t.isOver()}}),(0,P.DragSource)("element",k,function(e,t){return{connectDragSource:e.dragSource(),connectDragPreview:e.dragPreview(),isDragging:t.isDragging()}}),(0,v.connect)(l,s),(0,m.inject)(["ElementHeader","ElementContent"],function(e,t){return{HeaderComponent:e,ContentComponent:t}},function(){return"ElementEditor.ElementList.Element"}))(w)},"./client/src/components/ElementEditor/ElementActions.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(3),d=n(9),p=n(1),f=n("./client/src/components/ElementActions/AbstractAction.js"),m=r(f),y=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleEditTabsClick=n.handleEditTabsClick.bind(n),n}return a(t,e),l(t,[{key:"handleEditTabsClick",value:function(e){(0,this.props.handleEditTabsClick)(e.target.name)}},{key:"renderEditTabs",value:function(){var e=this,t=this.props,n=t.editTabs,r=t.activeTab;return n&&n.length?n.map(function(t){var n=t.name,o=t.title;return c.default.createElement(m.default,{key:n,name:n,title:o,onClick:e.handleEditTabsClick,active:n===r})}):null}},{key:"renderDivider",value:function(){var e=this.props,t=e.children,n=e.editTabs;return n&&n.length&&c.default.Children.count(t)?c.default.createElement(d.DropdownItem,{divider:!0,role:"separator"}):null}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.id,r=e.ActionMenuComponent,o=["element-editor-header__actions-toggle","btn","btn-sm","btn--no-text","font-icon-dot-3"];return c.default.createElement(r,{id:"element-editor-actions-"+n,className:"element-editor-header__actions-dropdown",dropdownMenuProps:{right:!0},dropdownToggleClassNames:o},this.renderEditTabs(),this.renderDivider(),t)}}]),t}(s.Component);y.propTypes={id:s.PropTypes.string,activeTab:s.PropTypes.string,editTabs:s.PropTypes.arrayOf(s.PropTypes.shape({title:s.PropTypes.string,name:s.PropTypes.string}))},y.defaultProps={editTabs:[]},t.Component=y,t.default=(0,u.compose)((0,p.inject)(["ActionMenu"],function(e){return{ActionMenuComponent:e}},function(){return"ElementEditor.ElementList.Element"}))(y)},"./client/src/components/ElementEditor/ElementDragPreview.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n("./client/src/components/ElementEditor/Header.js"),d=r(u),p=n(7),f=n("./client/src/types/elementType.js"),m=function(e){function t(){return o(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),l(t,[{key:"render",value:function(){var e=this.props,t=e.isDragging,n=e.element,r=e.currentOffset;if(!t||!r)return null;var o=r.x,i=r.y,a="translate("+o+"px, "+i+"px)",l={transform:a,WebkitTransform:a};return c.default.createElement("div",{className:"element-editor-drag-preview",style:l},c.default.createElement(d.default,{element:n,simple:!0}))}}]),t}(s.Component);m.propTypes={element:f.elementType,isDragging:s.PropTypes.bool,currentOffset:s.PropTypes.shape({x:s.PropTypes.number.isRequired,y:s.PropTypes.number.isRequired})},t.default=(0,p.DragLayer)(function(e){return{element:e.getItem(),currentOffset:e.getSourceClientOffset(),isDragging:e.isDragging()}})(m)},"./client/src/components/ElementEditor/ElementEditor.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}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"!=typeof t&&"function"!=typeof t?e:t}function l(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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 s(e){var t=(0,h.loadElementFormStateName)("[0-9]+"),n=e.form.formState.element;return n?{formState:Object.keys(n).filter(function(e){return e.match(t)}).reduce(function(e,t){return c({},e,o({},t,n[t].values))},{})}:{}}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),d=n(0),p=r(d),f=n(1),m=n(3),y=n("./client/src/types/elementTypeType.js"),b=n(8),h=n("./client/src/state/editor/loadElementFormStateName.js"),g=n(7),v=n(12),E=r(v),T=n(4),_=r(T),O=n("./client/src/state/editor/sortBlockMutation.js"),P=r(O),j=n("./client/src/components/ElementEditor/ElementDragPreview.js"),I=r(j),w=function(e){function t(e){i(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.state={dragTargetElementId:null,dragSpot:null},n.handleDragOver=n.handleDragOver.bind(n),n.handleDragEnd=n.handleDragEnd.bind(n),n}return l(t,e),u(t,[{key:"handleDragOver",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=!!e&&e.ID;this.setState({dragTargetElementId:n,dragSpot:!1===t?"bottom":"top"})}},{key:"handleDragEnd",value:function(e,t){var n=this.props;(0,n.actions.handleSortBlock)(e,t,n.pageId),this.setState({dragTargetElementId:null,dragSpot:null})}},{key:"render",value:function(){var e=this.props,t=e.fieldName,n=e.formState,r=e.ToolbarComponent,o=e.ListComponent,i=e.pageId,a=e.elementalAreaId,l=e.elementTypes,s=e.isDraggingOver,c=e.connectDropTarget,u=this.state,d=u.dragTargetElementId,f=u.dragSpot,m=(0,_.default)("element-editor",{});return c(p.default.createElement("div",{className:m},p.default.createElement(r,{elementTypes:l,elementalAreaId:a,onDragOver:this.handleDragOver}),p.default.createElement(o,{elementTypes:l,pageId:i,elementalAreaId:a,onDragOver:this.handleDragOver,onDragStart:this.handleDragStart,onDragEnd:this.handleDragEnd,dragSpot:f,isDraggingOver:s,dragTargetElementId:d}),p.default.createElement(I.default,null),p.default.createElement("input",{name:t,type:"hidden",value:JSON.stringify(n)||""})))}}]),t}(d.PureComponent);w.propTypes={fieldName:d.PropTypes.string,elementTypes:d.PropTypes.arrayOf(y.elementTypeType).isRequired,pageId:d.PropTypes.number.isRequired,elementalAreaId:d.PropTypes.number.isRequired,actions:d.PropTypes.shape({handleSortBlock:d.PropTypes.func})},w.defaultProps={},t.Component=w,t.default=(0,m.compose)((0,g.DragDropContext)(E.default),(0,g.DropTarget)("element",{},function(e,t){return{connectDropTarget:e.dropTarget(),isDraggingOver:t.isOver()}}),(0,b.connect)(s),(0,f.inject)(["ElementToolbar","ElementList"],function(e,t){return{ToolbarComponent:e,ListComponent:t}},function(){return"ElementEditor"}),P.default)(w)},"./client/src/components/ElementEditor/ElementList.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),c=n(0),u=r(c),d=n("./client/src/types/elementType.js"),p=n(3),f=n(1),m=n(4),y=r(m),b=n(2),h=r(b),g=n(7),v=n("./client/src/lib/dragHelpers.js"),E=function(e){function t(){return o(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),s(t,[{key:"getEditTabs",value:function(e){var t=this.props.elementTypes,n=t.find(function(t){return e.BlockSchema.type===t.title});return n&&n.tabs?n.tabs:[]}},{key:"getDragIndicatorIndex",value:function(){var e=this.props,t=e.dragTargetElementId,n=e.draggedItem,r=e.blocks,o=e.dragSpot;return(0,v.getDragIndicatorIndex)(r.map(function(e){return e.ID}),t,n&&n.ID,o)}},{key:"renderBlocks",value:function(){var e=this,t=this.props,n=t.ElementComponent,r=t.HoverBarComponent,o=t.DragIndicatorComponent,i=t.blocks,a=t.elementTypes,l=t.elementalAreaId,s=t.onDragEnd,c=t.onDragOver,d=t.onDragStart,p=t.isDraggingOver;if(!i)return null;if(i&&!i.length)return u.default.createElement("div",null,h.default._t("ElementList.ADD_BLOCKS","Add blocks to place your content"));var f=i.map(function(t){return u.default.createElement("div",{key:t.ID},u.default.createElement(n,{element:t,editTabs:e.getEditTabs(t),link:t.BlockSchema.actions.edit,onDragOver:c,onDragEnd:s,onDragStart:d}),p||u.default.createElement(r,{elementalAreaId:l,elementId:t.ID,elementTypes:a}))}),m=this.getDragIndicatorIndex();return p&&null!==m&&f.splice(m,0,u.default.createElement(o,{key:"DropIndicator"})),f}},{key:"renderLoading",value:function(){var e=this.props,t=e.loading,n=e.LoadingComponent;return t?u.default.createElement(n,null):null}},{key:"render",value:function(){var e=this.props.blocks,t=(0,y.default)("elemental-editor-list",{"elemental-editor-list--empty":!e||!e.length});return this.props.connectDropTarget(u.default.createElement("div",{className:t},this.renderLoading(),this.renderBlocks()))}}]),t}(c.Component);E.propTypes={blocks:c.PropTypes.arrayOf(d.elementType),loading:c.PropTypes.bool,elementalAreaId:c.PropTypes.number.isRequired,dragTargetElementId:c.PropTypes.oneOfType([c.PropTypes.string,c.PropTypes.bool]),onDragOver:c.PropTypes.func,onDragStart:c.PropTypes.func,onDragEnd:c.PropTypes.func},E.defaultProps={blocks:[],loading:!1},t.Component=E;var T={drop:function(e,t){var n=e.blocks,r=t.getDropResult();if(!r)return{};var o=(0,v.getDragIndicatorIndex)(n.map(function(e){return e.ID}),r.target,t.getItem(),r.dropSpot),i=n[o-1]?n[o-1].ID:"0";return l({},r,{dropAfterID:i})}};t.default=(0,p.compose)((0,g.DropTarget)("element",T,function(e,t){return{connectDropTarget:e.dropTarget(),draggedItem:t.getItem()}}),(0,f.inject)(["Element","Loading","HoverBar","DragPositionIndicator"],function(e,t,n,r){return{ElementComponent:e,LoadingComponent:t,HoverBarComponent:n,DragIndicatorComponent:r}},function(){return"ElementEditor.ElementList"}))(E)},"./client/src/components/ElementEditor/Header.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(9),d=n("./client/src/types/elementType.js"),p=n(3),f=n(1),m=n(2),y=r(m),b=n(4),h=r(b),g=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.toggle=n.toggle.bind(n),n.state={tooltipOpen:!1},n}return a(t,e),l(t,[{key:"componentDidUpdate",value:function(){var e=this.state.tooltipOpen,t=this.props.disableTooltip;e&&t&&this.setState({tooltipOpen:!1})}},{key:"toggle",value:function(){this.setState({tooltipOpen:!this.state.tooltipOpen})}},{key:"renderVersionedStateMessage",value:function(){var e=this.props.element,t=e.IsLiveVersion,n=e.IsPublished;if(n&&t)return null;var r="",o=["element-editor-header__version-state"];return n||(r=y.default._t("ElementHeader.STATE_DRAFT","Item has not been published yet"),o.push("element-editor-header__version-state--draft")),n&&!t&&(r=y.default._t("ElementHeader.STATE_MODIFIED","Item has unpublished changes"),o.push("element-editor-header__version-state--modified")),c.default.createElement("span",{className:(0,h.default)(o),title:r})}},{key:"render",value:function(){var e=this.props,t=e.element,n=e.previewExpanded,r=e.simple,o=e.disableTooltip,i=e.expandable,a=e.ElementActionsComponent,l=y.default.inject(y.default._t("ElementHeader.NOTITLE","Untitled {type} block"),{type:t.BlockSchema.type}),s=(0,h.default)({"element-editor-header__title":!0,"element-editor-header__title--none":!t.Title}),d=y.default._t("ElementHeader.EXPAND","Show editable fields"),p=(0,h.default)("element-editor-header",{"element-editor-header--simple":r}),f=(0,h.default)("element-editor-header__expand",{"font-icon-right-open-big":!i,"font-icon-up-open-big":i&&n,"font-icon-down-open-big":i&&!n}),m="element-icon-"+t.ID;return c.default.createElement("div",{className:p},c.default.createElement("div",{className:"element-editor-header__drag-handle"},c.default.createElement("i",{className:"font-icon-drag-handle"})),c.default.createElement("div",{className:"element-editor-header__info"},c.default.createElement("div",{className:"element-editor-header__icon-container"},c.default.createElement("i",{className:t.BlockSchema.iconClass,id:m}),this.renderVersionedStateMessage(),!r&&c.default.createElement(u.Tooltip,{placement:"top",isOpen:this.state.tooltipOpen&&!o,target:m,toggle:this.toggle},t.BlockSchema.type)),c.default.createElement("h3",{className:s},t.Title||l)),!r&&c.default.createElement("div",{className:"element-editor-header__actions"},i&&c.default.createElement("div",{role:"none",onClick:function(e){return e.stopPropagation()}},c.default.createElement(a,this.props)),c.default.createElement("i",{className:f,title:d})))}}]),t}(s.Component);g.propTypes={element:d.elementType.isRequired,simple:s.PropTypes.bool,ElementActionsComponent:c.default.PropTypes.oneOfType([c.default.PropTypes.node,c.default.PropTypes.func]),previewExpanded:s.PropTypes.bool,disableTooltip:s.PropTypes.bool},g.defaultProps={expandable:!0},t.Component=g,t.default=(0,p.compose)((0,f.inject)(["ElementActions"],function(e){return{ElementActionsComponent:e}},function(){return"ElementEditor.ElementList.Element"}))(g)},"./client/src/components/ElementEditor/HoverBar.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0}),t.Component=void 0;var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(4),d=r(u),p=n(1),f=n("./client/src/types/elementTypeType.js"),m=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleMouseEnter=n.handleMouseEnter.bind(n),n.handleMouseLeave=n.handleMouseLeave.bind(n),n.renderHoverBar=n.renderHoverBar.bind(n),n.toggle=n.toggle.bind(n),n.state={timeoutRef:null,delayAreaActive:!1,instAreaActive:!1,popoverOpen:!1},n}return a(t,e),l(t,[{key:"handleMouseEnter",value:function(e){var t=this,n=this.props.elementId,r=window.document.getElementById("AddBlockArea_"+n),o=r.clientWidth,i=r.getBoundingClientRect().left;if(e.pageX-i<o-50){var a=setTimeout(function(){t.setState({delayAreaActive:!0})},200);this.setState({timeoutRef:a})}else this.setState({instAreaActive:!0})}},{key:"handleMouseLeave",value:function(){clearTimeout(this.state.timeoutRef),this.state.popoverOpen||this.setState({delayAreaActive:!1,instAreaActive:!1})}},{key:"toggle",value:function(){this.setState({popoverOpen:!this.state.popoverOpen})}},{key:"renderHoverBar",value:function(e){var t=this.props.elementId,n=(0,d.default)("font-icon-plus-circled","element-editor__add-block-hover-bar",{"element-editor__add-block-hover-bar--delay":!e,"element-editor__add-block-hover-bar--inst":e});return c.default.createElement("button",{id:"AddBlockHoverBar_"+t,className:n,onClick:this.toggle})}},{key:"render",value:function(){var e=this.props,t=e.AddElementPopoverComponent,n=e.elementTypes,r=e.elementId,o=e.elementalAreaId,i=this.state.popoverOpen;return c.default.createElement("div",{className:"element-editor__add-block-area-container",id:"AddBlockArea_"+r},c.default.createElement("div",{className:"element-editor__add-block-area",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.state.delayAreaActive&&this.renderHoverBar(!1)||this.state.instAreaActive&&this.renderHoverBar(!0),(this.state.delayAreaActive||this.state.instAreaActive)&&c.default.createElement(t,{placement:"bottom-end",target:"AddBlockHoverBar_"+r,isOpen:i,elementTypes:n,toggle:this.toggle,container:"#AddBlockArea_"+r,elementalAreaId:o,insertAfterElement:r})))}}]),t}(s.Component);m.propTypes={elementTypes:s.PropTypes.arrayOf(f.elementTypeType).isRequired,elementId:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.number]).isRequired,elementalAreaId:s.PropTypes.oneOfType([s.PropTypes.number,s.PropTypes.string]).isRequired},t.Component=m,t.default=(0,p.inject)(["AddElementPopover"],function(e){return{AddElementPopoverComponent:e}},function(){return"ElementEditor.ElementList.HoverBar"})(m)},"./client/src/components/ElementEditor/InlineEditForm.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(4),d=r(u),p=n(14),f=r(p),m=n("./client/src/state/editor/loadElementSchemaValue.js"),y=n(2),b=r(y),h=function(e){function t(e){o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.handleLoadingError=n.handleLoadingError.bind(n),n.state={loadingError:null},n}return a(t,e),l(t,[{key:"handleLoadingError",value:function(){var e=window,t=e.jQuery,n=this.props.handleLoadingError;this.setState({loadingError:!0}),t.noticeAdd({text:b.default.inject(b.default._t("EditForm.ERROR_NOTIFICATION","Error displaying the edit form for this block")),stay:!0,type:"notice"}),n()}},{key:"render",value:function(){var e=this.props,t=e.elementId,n=e.extraClass,r=e.onClick,o=e.onFormInit,i=this.state.loadingError,a=(0,d.default)("element-editor-editform",n),l=(0,m.loadElementSchemaValue)("schemaUrl",t),s={formTag:"div",schemaUrl:l,identifier:"element",refetchSchemaOnMount:!1,onLoadingError:this.handleLoadingError};return i&&(s.loading=!1),"function"==typeof o&&(s.onReduxFormInit=o),c.default.createElement("div",{className:a,onClick:r,role:"presentation"},c.default.createElement(f.default,s))}}]),t}(s.PureComponent);h.propTypes={extraClass:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.object]),onClick:s.PropTypes.func,elementId:s.PropTypes.string,handleLoadingError:s.PropTypes.func},t.default=h},"./client/src/components/ElementEditor/Summary.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=n(0),c=r(s),u=n(2),d=r(u),p=function(e){function t(){return o(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),l(t,[{key:"render",value:function(){var e=this.props,t=e.fileUrl,n=e.fileTitle,r=e.content,o=d.default._t("Summary.NO_PREVIEW","No preview available");return c.default.createElement("div",{className:"element-editor-summary"},t&&c.default.createElement("img",{className:"element-editor-summary__thumbnail-image",src:t,alt:n}),(r||!t)&&c.default.createElement("p",{className:"element-editor-summary__content"},r||o))}}]),t}(s.PureComponent);p.defaultProps={},p.propTypes={content:s.PropTypes.string,fileUrl:s.PropTypes.string,fileTitle:s.PropTypes.string},t.default=p},"./client/src/components/ElementEditor/Toolbar.js":function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function i(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=n(0),s=function(e){return e&&e.__esModule?e:{default:e}}(l),c=n(1),u=n("./client/src/types/elementTypeType.js"),d=n(7),p=function(e){function t(){return r(this,t),o(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return i(t,e),a(t,[{key:"render",value:function(){var e=this.props,t=e.AddNewButtonComponent,n=e.elementTypes,r=e.elementalAreaId;return(0,e.connectDropTarget)(s.default.createElement("div",{className:"element-editor__toolbar"},s.default.createElement(t,{elementTypes:n,elementalAreaId:r})))}}]),t}(l.PureComponent);p.defaultProps={},p.propTypes={elementTypes:l.PropTypes.arrayOf(u.elementTypeType).isRequired,elementalAreaId:l.PropTypes.number.isRequired,AddNewButtonComponent:l.PropTypes.oneOfType([l.PropTypes.node,l.PropTypes.func]).isRequired,connectDropTarget:l.PropTypes.func.isRequired,onDragOver:l.PropTypes.func,onDragDrop:l.PropTypes.func};var f={hover:function(e){var t=e.onDragOver;t&&t()}};t.default=(0,d.DropTarget)("element",f,function(e){return{connectDropTarget:e.dropTarget()}})((0,c.inject)(["ElementAddNewButton"],function(e){return{AddNewButtonComponent:e}},function(){return"ElementEditor.ElementToolbar"})(p))},"./client/src/components/HistoricElementView/HistoricElementView.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof 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)}Object.defineProperty(t,"__esModule",{value:!0});var l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=function e(t,n,r){null===t&&(t=Function.prototype);var o=Object.getOwnPropertyDescriptor(t,n);if(void 0===o){var i=Object.getPrototypeOf(t);return null===i?void 0:e(i,n,r)}if("value"in o)return o.value;var a=o.get;return void 0!==a?a.call(r):void 0},c=n(0),u=r(c),d=n(2),p=r(d),f=n(4),m=r(f),y=function(e){return function(e){function t(){return o(this,t),i(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return a(t,e),l(t,[{key:"getClassName",value:function(){var e=[s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"getClassName",this).call(this)];return this.props.data.ElementID&&e.unshift("elemental-area__element--historic-inner"),(0,m.default)(e)}},{key:"render",value:function(){var e=this.getLegend(),n=this.props.data.tag||"div",r=this.getClassName(),o=this.props.data;return o.ElementID?u.default.createElement(n,{className:r},e,u.default.createElement("div",{className:"elemental-preview elemental-preview--historic"},o.ElementEditLink&&u.default.createElement("a",{className:"elemental-preview__link",href:o.ElementEditLink},p.default._t("HistoricElementView.BLOCK_HISTORY","View block"),u.default.createElement("i",{className:"font-icon-angle-right"})),u.default.createElement("div",{className:"elemental-preview__icon"},u.default.createElement("i",{className:o.ElementIcon})),u.default.createElement("div",{className:"elemental-preview__detail"},u.default.createElement("h3",null,o.ElementTitle," ",u.default.createElement("small",null,o.ElementType)))),this.props.children):s(t.prototype.__proto__||Object.getPrototypeOf(t.prototype),"render",this).call(this)}}]),t}(e)};t.default=y},"./client/src/legacy/ElementEditor/entwine.js":function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}var o=n(16),i=r(o),a=n(0),l=r(a),s=n(13),c=r(s),u=n(1);i.default.entwine("ss",function(e){e(".js-injector-boot .element-editor__container").entwine({onmatch:function(){var e={},t=(0,u.loadComponent)("ElementEditor",e),n=this.data("schema"),r={fieldName:this.attr("name"),pageId:n["page-id"],elementalAreaId:n["elemental-area-id"],elementTypes:n["element-types"]};c.default.render(l.default.createElement(t,r),this[0])},onunmatch:function(){c.default.unmountComponentAtNode(this[0])},"from .cms-edit-form":{onaftersubmitform:function(){window.ss.apolloClient.resetStore()}}})})},"./client/src/lib/dragHelpers.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDragIndicatorIndex=t.isOverTop=void 0;var r=n(13);t.isOverTop=function(e,t){var n=e.getClientOffset(),o=(0,r.findDOMNode)(t).getBoundingClientRect();return n.y<o.y+o.height/2},t.getDragIndicatorIndex=function(e,t,n,r){if(null===t||!n)return null;var o=t?e.findIndex(function(e){return e===t}):0,i=e.findIndex(function(e){return e===n});return"bottom"===r&&(o+=1),i===o||i+1===o?null:o}},"./client/src/state/editor/addElementMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation AddElementToArea($className: String!, $elementalAreaID: ID!, $afterElementID: ID) {\n  addElementToArea(\n    ClassName: $className,\n    ElementalAreaID: $elementalAreaID,\n    AfterElementID: $afterElementID\n  ) {\n    ID\n    Sort\n    InlineEditable\n  }\n}\n"],["\nmutation AddElementToArea($className: String!, $elementalAreaID: ID!, $afterElementID: ID) {\n  addElementToArea(\n    ClassName: $className,\n    ElementalAreaID: $elementalAreaID,\n    AfterElementID: $afterElementID\n  ) {\n    ID\n    Sort\n    InlineEditable\n  }\n}\n"]),i=n(6),a=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(a),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handleAddElementToArea:function(e,n,r){return t({variables:{className:e,elementalAreaID:n,afterElementID:r}})}})}},options:{refetchQueries:["ReadBlocksForPage"]}};t.mutation=s,t.config=c,t.default=(0,i.graphql)(s,c)},"./client/src/state/editor/archiveBlockMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation ArchiveBlock($blockId: ID!) {\n  deleteBlock(IDs: [$blockId]) {\n    ID\n  }\n}\n"],["\nmutation ArchiveBlock($blockId: ID!) {\n  deleteBlock(IDs: [$blockId]) {\n    ID\n  }\n}\n"]),i=n(6),a=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(a),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handleArchiveBlock:function(e){return t({variables:{blockId:e}})}})}},options:{refetchQueries:["ReadBlocksForPage"]}};t.mutation=s,t.config=c,t.default=(0,i.graphql)(s,c)},"./client/src/state/editor/loadElementFormStateName.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.loadElementFormStateName=void 0;var r=n(11),o=function(e){return e&&e.__esModule?e:{default:e}}(r);t.loadElementFormStateName=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=o.default.getSection("DNADesign\\Elemental\\Controllers\\ElementalAreaController"),n=t.form.elementForm.formNameTemplate;return e?n.replace("{id}",e):n}},"./client/src/state/editor/loadElementSchemaValue.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.loadElementSchemaValue=void 0;var r=n(11),o=function(e){return e&&e.__esModule?e:{default:e}}(r);t.loadElementSchemaValue=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=o.default.getSection("DNADesign\\Elemental\\Controllers\\ElementalAreaController"),r=n.form.elementForm[e]||"";return t?r+"/"+t:r}},"./client/src/state/editor/publishBlockMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation PublishBlock($blockId:ID!, $fromStage:VersionedStage!, $toStage:VersionedStage!, $fromVersion:Int!) {\n  copyBlockToStage(Input: {\n    ID: $blockId\n    FromVersion: $fromVersion\n    FromStage: $fromStage\n    ToStage: $toStage\n  }) {\n    ID\n  }\n}\n"],["\nmutation PublishBlock($blockId:ID!, $fromStage:VersionedStage!, $toStage:VersionedStage!, $fromVersion:Int!) {\n  copyBlockToStage(Input: {\n    ID: $blockId\n    FromVersion: $fromVersion\n    FromStage: $fromStage\n    ToStage: $toStage\n  }) {\n    ID\n  }\n}\n"]),i=n(6),a=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(a),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handlePublishBlock:function(e,n,r,o){return t({variables:{blockId:e,fromStage:n,toStage:r,fromVersion:o}})}})}},options:{refetchQueries:["ReadBlocksForPage"]}};t.mutation=s,t.config=c,t.default=(0,i.graphql)(s,c)},"./client/src/state/editor/readBlocksForPageQuery.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.query=void 0;var r=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nquery ReadBlocksForPage($id:ID!) {\n  readOnePage(ID: $id, Versioning: {\n    Mode: DRAFT\n  }){\n    ID\n    ElementalAreaIfExists {\n      Elements {\n        pageInfo {\n          totalCount\n        }\n        edges {\n          node {\n            ID\n            Title\n            BlockSchema\n            InlineEditable\n            IsLiveVersion\n            IsPublished\n            Version\n          }\n        }\n      }\n    }\n  }\n}\n"],["\nquery ReadBlocksForPage($id:ID!) {\n  readOnePage(ID: $id, Versioning: {\n    Mode: DRAFT\n  }){\n    ID\n    ElementalAreaIfExists {\n      Elements {\n        pageInfo {\n          totalCount\n        }\n        edges {\n          node {\n            ID\n            Title\n            BlockSchema\n            InlineEditable\n            IsLiveVersion\n            IsPublished\n            Version\n          }\n        }\n      }\n    }\n  }\n}\n"]),o=n(6),i=n(5),a=function(e){return e&&e.__esModule?e:{default:e}}(i),l=(0,a.default)(r),s={options:function(e){return{variables:{id:e.pageId}}},props:function(e){var t=e.data,n=t.error,r=t.readOnePage,o=t.loading,i=null;r&&(i=r.ElementalAreaIfExists.Elements.edges.map(function(e){return e.node}));var a=n&&n.graphQLErrors&&n.graphQLErrors.map(function(e){return e.message});return{loading:o||!i,blocks:i,graphQLErrors:a}}};t.query=l,t.config=s,t.default=(0,o.graphql)(l,s)},"./client/src/state/editor/sortBlockMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation SortBlockMutation($blockId:ID!, $afterBlockId:ID!) {\n  sortBlock(\n    ID: $blockId\n    AfterBlockID: $afterBlockId\n  ) {\n    ID\n  }\n}\n"],["\nmutation SortBlockMutation($blockId:ID!, $afterBlockId:ID!) {\n  sortBlock(\n    ID: $blockId\n    AfterBlockID: $afterBlockId\n  ) {\n    ID\n  }\n}\n"]),i=n(6),a=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(a),s=n("./client/src/state/editor/readBlocksForPageQuery.js"),c=(0,l.default)(o),u={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handleSortBlock:function(e,n,r){return t({variables:{blockId:e,afterBlockId:n},optimisticResponse:{sortBlock:{ID:e,__typename:"Block"}},update:function(t){var o=s.config.options({pageId:r}).variables,i=t.readQuery({query:s.query,variables:o}),a=JSON.parse(JSON.stringify(i)),l=a.readOnePage.ElementalAreaIfExists.Elements.edges,c=l.findIndex(function(t){return t.node.ID===e}),u=l[c];if(l.splice(c,1),n){var d=l.findIndex(function(e){return e.node.ID===n}),p=l.slice(d+1);l=l.slice(0,d+1),l.push(u),l=l.concat(p)}else l.unshift(u);a.readOnePage.ElementalAreaIfExists.Elements.edges=l,t.writeQuery({query:s.query,data:a,variables:o})}})}})}}};t.mutation=c,t.config=u,t.default=(0,i.graphql)(c,u)},"./client/src/state/editor/unpublishBlockMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation UnpublishBlock($blockId:ID!) {\n  unpublishBlock(\n    ID: $blockId\n      ) {\n    ID\n  }\n}\n"],["\nmutation UnpublishBlock($blockId:ID!) {\n  unpublishBlock(\n    ID: $blockId\n      ) {\n    ID\n  }\n}\n"]),i=n(6),a=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(a),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{handleUnpublishBlock:function(e,n,r,o){return t({variables:{blockId:e,fromStage:n,toStage:r,fromVersion:o}})}})}},options:{refetchQueries:["ReadBlocksForPage"]}};t.mutation=s,t.config=c,t.default=(0,i.graphql)(s,c)},"./client/src/state/history/readOneBlockQuery.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.query=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nquery ReadHistoryViewerBlock ($block_id: ID!, $limit: Int!, $offset: Int!) {\n  readOneBlock(\n    Versioning: {\n      Mode: LATEST\n    },\n    ID: $block_id\n  ) {\n    ID\n    Versions (limit: $limit, offset: $offset) {\n      pageInfo {\n        totalCount\n      }\n      edges {\n        node {\n          Version\n          AbsoluteLink\n          Author {\n            FirstName\n            Surname\n          }\n          Publisher {\n            FirstName\n            Surname\n          }\n          Published\n          LiveVersion\n          LatestDraftVersion\n          LastEdited\n        }\n      }\n    }\n  }\n}\n"],["\nquery ReadHistoryViewerBlock ($block_id: ID!, $limit: Int!, $offset: Int!) {\n  readOneBlock(\n    Versioning: {\n      Mode: LATEST\n    },\n    ID: $block_id\n  ) {\n    ID\n    Versions (limit: $limit, offset: $offset) {\n      pageInfo {\n        totalCount\n      }\n      edges {\n        node {\n          Version\n          AbsoluteLink\n          Author {\n            FirstName\n            Surname\n          }\n          Publisher {\n            FirstName\n            Surname\n          }\n          Published\n          LiveVersion\n          LatestDraftVersion\n          LastEdited\n        }\n      }\n    }\n  }\n}\n"]),i=n(6),a=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(a),s=(0,l.default)(o),c={options:function(e){var t=e.recordId,n=e.limit;return{variables:{limit:n,offset:((e.page||1)-1)*n,block_id:t}}},props:function(e){var t=e.data,n=t.error,o=t.refetch,i=t.readOneBlock,a=t.loading,l=e.ownProps,s=l.actions,c=void 0===s?{versions:{}}:s,u=l.limit,d=l.recordId,p=i||null,f=n&&n.graphQLErrors&&n.graphQLErrors.map(function(e){return e.message});return{loading:a||!p,versions:p,graphQLErrors:f,actions:r({},c,{versions:r({},p,{goToPage:function(e){o({offset:((e||1)-1)*u,limit:u,block_id:d})}})})}}};t.query=s,t.config=c,t.default=(0,i.graphql)(s,c)},"./client/src/state/history/revertToBlockVersionMutation.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.config=t.mutation=void 0;var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}(["\nmutation revertBlockToVersion($id:ID!, $fromStage:VersionedStage!, $toStage:VersionedStage!, $fromVersion:Int!) {\n  copyBlockToStage(Input: {\n    ID: $id\n    FromVersion: $fromVersion\n    FromStage: $fromStage\n    ToStage: $toStage\n  }) {\n    ID\n  }\n}\n"],["\nmutation revertBlockToVersion($id:ID!, $fromStage:VersionedStage!, $toStage:VersionedStage!, $fromVersion:Int!) {\n  copyBlockToStage(Input: {\n    ID: $id\n    FromVersion: $fromVersion\n    FromStage: $fromStage\n    ToStage: $toStage\n  }) {\n    ID\n  }\n}\n"]),i=n(6),a=n(5),l=function(e){return e&&e.__esModule?e:{default:e}}(a),s=(0,l.default)(o),c={props:function(e){var t=e.mutate,n=e.ownProps.actions;return{actions:r({},n,{revertToVersion:function(e,n,r,o){return t({variables:{id:e,fromVersion:n,fromStage:r,toStage:o}})}})}},options:{refetchQueries:["ReadHistoryViewerBlock"]}};t.mutation=s,t.config=c,t.default=(0,i.graphql)(s,c)},"./client/src/types/elementType.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.elementType=void 0;var r=n(0),o=r.PropTypes.shape({ID:r.PropTypes.string.isRequired,Title:r.PropTypes.string,BlockSchema:r.PropTypes.object,InlineEditable:r.PropTypes.bool,IsPublished:r.PropTypes.bool,IsLiveVersion:r.PropTypes.bool,Version:r.PropTypes.number});t.elementType=o},"./client/src/types/elementTypeType.js":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.elementTypeType=void 0;var r=n(0),o=r.PropTypes.shape({name:r.PropTypes.string,title:r.PropTypes.string,icon:r.PropTypes.string,tabs:r.PropTypes.arrayOf(r.PropTypes.shape({title:r.PropTypes.string,name:r.PropTypes.string}))});t.elementTypeType=o},0:function(e,t){e.exports=React},1:function(e,t){e.exports=Injector},10:function(e,t){e.exports=Backend},11:function(e,t){e.exports=Config},12:function(e,t){e.exports=ReactDNDHtml5Backend},13:function(e,t){e.exports=ReactDom},14:function(e,t){e.exports=FormBuilderLoader},15:function(e,t){e.exports=TabsActions},16:function(e,t){e.exports=jQuery},2:function(e,t){e.exports=i18n},3:function(e,t){e.exports=Redux},4:function(e,t){e.exports=classnames},5:function(e,t){e.exports=GraphQLTag},6:function(e,t){e.exports=ReactApollo},7:function(e,t){e.exports=ReactDND},8:function(e,t){e.exports=ReactRedux},9:function(e,t){e.exports=Reactstrap}});
\ No newline at end of file
diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css
index 9dd008f0..cb1c0e5d 100644
--- a/client/dist/styles/bundle.css
+++ b/client/dist/styles/bundle.css
@@ -1 +1 @@
-.elemental-edit{display:-webkit-box;display:-webkit-flex;display:flex;color:inherit}.elemental-edit:focus,.elemental-edit:hover{text-decoration:none;color:inherit}.elemental-editor .col-EditorPreview{padding-left:0}.elemental-preview__detail{display:inline-block;margin-left:.76925rem;margin-top:1px}.elemental-preview__detail h3{font-weight:400;line-height:26px;margin:0;-webkit-font-smoothing:antialiased}.elemental-preview__detail p{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:0;margin-top:6px}.elemental-preview__detail small{color:#566b8d;font-size:13px}.elemental-preview__thumbnail-image{margin-right:.76925rem}.elemental-preview__thumbnail-image img{border-radius:.192rem}.elemental-preview__thumbnail-image--placeholder{border-radius:0;height:36px;margin-left:-4px}.elemental-preview__icon{color:#566b8d;display:inline-block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;font-size:2.3rem;width:28px;vertical-align:top;margin-top:-1px}.ss-gridfield-orderable.elemental-editor .col-reorder .handle{opacity:.5;padding:22px 0 0}.ss-gridfield-orderable.elemental-editor .col-reorder .handle .icon{font-size:1.3em}.elemental-editor .ss-gridfield-item:hover .handle{opacity:1}.elemental-editor .grid-field__table{margin-bottom:12px}@media (max-width:991.98px){.elemental-editor .grid-field__table .col-EditorPreview{display:table-cell}}.elemental-report__grid-field .element-editor-header__version-state{bottom:9px;left:14px}.elemental-block__history-tab{margin-top:-1.5385rem}.cms-edit-form .fieldgroup.elemental-area__element--historic{margin-left:0;margin-right:0}.cms-edit-form .fieldgroup.elemental-area__element--historic.form-group{border-top:1px solid #dbe0e9}.cms-edit-form .fieldgroup.elemental-area__element--historic .form__field-holder{-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%}.elemental-preview{line-height:20px}.elemental-preview--historic{margin-bottom:1rem}.elemental-preview__link{float:right;margin-top:4px}div.elemental-area__element--historic.elemental-area__element--historic-inner{background:transparent;border:0;padding-left:0;padding-right:0;padding-top:1.5385rem}.elemental-area--read-only{border-bottom:1px solid #dbe0e9;margin:2.30775rem -1.5385rem}.history-viewer__version-detail fieldset{overflow:visible}.elemental-report__grid-field .ss-gridfield-item td:first-child{width:1px}.elemental-report__grid-field .col-Icon{font-size:1.5rem}.elemental-report__grid-field .element-item--draft,.elemental-report__grid-field .element-item--modified{bottom:8px;left:14px;height:6px;width:6px}.textcheckboxgroup .input-group-append .form-check-input{margin-left:0;position:relative}.elemental-editor__add-new-block-control{width:20rem}.elemental-editor__add-new-block-control a{line-height:1.85em}.element-editor__element{border-bottom:1px solid #dbe0e9;color:inherit;cursor:pointer;padding:.9231rem 1.5385rem 1.8462rem}.element-editor__element:focus,.element-editor__element:hover{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);outline-width:0}.element-editor__element:hover .element-editor-header__drag-handle{display:block}.element-editor__element--dragging{opacity:.3;cursor:grabbing;cursor:-webkit-grabbing}.elemental-editor-list{background-color:#fff;border-top:1px solid #dbe0e9;margin-left:-1.5385rem;margin-right:-1.5385rem;min-height:6rem;position:relative}.elemental-editor-list--empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.element-editor-editform{margin-top:.76925rem;cursor:auto}.element-editor-header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.element-editor-header__title{font-size:15px;font-weight:400;margin:0 0 0 .76925rem;-webkit-font-smoothing:antialiased;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-editor-header__title--none{font-style:italic;color:#6f84a7}.element-editor-header__actions,.element-editor-header__info{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.element-editor-header__info{max-width:calc(100% - 60px)}.element-editor-header__actions{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.element-editor-header__actions-toggle{padding-top:3px;padding-bottom:3px}.element-editor-header__icon-container{margin-left:-2px;color:#566b8d;font-size:2.154rem;height:28px;line-height:1.5rem}.element-editor-header__expand{font-size:1.1rem;margin-left:3px;width:unset}.element-editor-header__version-state{border:1px solid #cf3f00;border-radius:100%;bottom:6px;-webkit-box-shadow:0 0 1px .5px #fff;box-shadow:0 0 1px .5px #fff;display:block;height:8px;left:22px;position:relative;width:8px;z-index:1}.element-editor-header__version-state--draft{background-color:#fff7f0}.element-editor-header__version-state--modified{background-color:#ff7f22}.element-editor-header__drag-handle{display:none;position:absolute;left:5px;cursor:grab;cursor:-webkit-grab}.element-editor-header--simple .element-editor-header__drag-handle{display:block}.element-editor-header--simple .element-editor-header__info{width:460px}.element-editor-header .dropdown-item.active{cursor:default}.element-editor-summary{display:-webkit-box;display:-webkit-flex;display:flex;margin-top:.9231rem;margin-left:36px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:2em}.element-editor-summary__thumbnail-image{border-radius:.1536rem;height:36px;margin:-.6154rem .9231rem -.6154rem 0}.element-editor-summary__content{color:#566b8d;line-height:1.3;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-editor__toolbar{margin-bottom:1rem}.element-editor-add-element{min-width:320px;max-height:356px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;border-radius:.23rem;overflow-y:scroll}.element-editor-add-element:focus,.element-editor-add-element:hover{outline-width:0}.element-editor-add-element:focus,.element-editor-add-element:hover,.element-editor-add-element__button-container{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1)}.element-editor-add-element__button-container{width:100%;padding:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.element-editor-add-element__button-container :nth-child(odd){margin-right:.76925rem}.element-editor-add-element__button-container :nth-child(2n){margin-right:0}.element-editor-add-element__button-container :nth-last-child(-n+2){margin-bottom:0}.element-editor-add-element__button-container .element-editor-add-element__no-results{text-align:center;vertical-align:middle;width:100%;margin:0;padding:.76925rem}.element-editor-add-element__button{width:calc(100% * 0.5 - 5px);padding:.76925rem;text-align:start;margin-bottom:4px;border:0;max-height:40px}.element-editor-add-element .element-editor-add-element__button:before{font-size:2.1rem;margin-right:.76925rem}.element-editor-add-element__search{height:52px}.element-editor-add-element__search-clear,.element-editor-add-element__search-clear:active,.element-editor-add-element__search-clear:focus,.element-editor-add-element__search-clear:hover,.element-editor-add-element__search-input,.element-editor-add-element__search-input:active,.element-editor-add-element__search-input:focus,.element-editor-add-element__search-input:hover{-webkit-box-shadow:none;box-shadow:none;border:0;border-bottom:1px solid #dbe0e9;border-radius:0;outline:none}.element-editor-add-element__search-input{padding-left:1.5385rem}.element-editor-add-element__search .input-group-append .btn-link{padding-right:1.5385rem}.element-editor-add-element__inline{z-index:1}.element-editor__add-block-area-container{height:0;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.element-editor__add-block-area{background-color:transparent;min-height:1.8462rem;width:100%;margin:0;padding:0;border:0;outline:0;-webkit-transition:0s;-o-transition:0s;transition:0s}.element-editor__add-block-hover-bar{-webkit-align-self:center;align-self:center;width:100%;-webkit-appearance:button;border:0;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0;top:50%;-webkit-transform:translateY(-66%);-o-transform:translateY(-66%);transform:translateY(-66%)}.element-editor__add-block-hover-bar:before{font-size:1.5rem;background-image:-webkit-radial-gradient(#fff 50%,transparent 0);background-image:-o-radial-gradient(#fff 50%,transparent 50%);background-image:radial-gradient(#fff 50%,transparent 0);-webkit-transform:translateY(-35%);-o-transform:translateY(-35%);transform:translateY(-35%);position:relative;z-index:2;margin-right:.76925rem;display:block;height:1em}.element-editor__add-block-hover-bar--delay{background-color:#c1cad9;max-height:3px}.element-editor__add-block-hover-bar--delay:before{-webkit-transform:translateY(calc(1.5px + -50%));-o-transform:translateY(calc(1.5px + -50%));transform:translateY(calc(1.5px + -50%));color:#c1cad9}.element-editor__add-block-hover-bar--inst{background-color:#0071c4;max-height:5px}.element-editor__add-block-hover-bar--inst:before{-webkit-transform:translateY(calc(2.5px + -50%));-o-transform:translateY(calc(2.5px + -50%));transform:translateY(calc(2.5px + -50%));color:#0071c4}.elemental-editor-drag-indicator{height:3px;margin:-2px 0 -1px;background-color:#29abe2}.elemental-editor-drag-indicator__ball{position:relative;height:7px;width:7px;top:-2px;left:-3px;border-radius:3.5px;background-color:#29abe2}.element-editor--dragging{cursor:-webkit-grabbing;cursor:grabbing}.element-editor-drag-preview{top:0;left:0;position:fixed;pointer-events:none;z-index:100;background-color:#fff;border:1px solid #ced5e1;padding:.9231rem 1.5385rem;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1)}
\ No newline at end of file
+.elemental-edit{display:-webkit-box;display:-webkit-flex;display:flex;color:inherit}.elemental-edit:focus,.elemental-edit:hover{text-decoration:none;color:inherit}.elemental-editor .col-EditorPreview{padding-left:0}.elemental-preview__detail{display:inline-block;margin-left:.76925rem;margin-top:1px}.elemental-preview__detail h3{font-weight:400;line-height:26px;margin:0;-webkit-font-smoothing:antialiased}.elemental-preview__detail p{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;margin-bottom:0;margin-top:6px}.elemental-preview__detail small{color:#566b8d;font-size:13px}.elemental-preview__thumbnail-image{margin-right:.76925rem}.elemental-preview__thumbnail-image img{border-radius:.192rem}.elemental-preview__thumbnail-image--placeholder{border-radius:0;height:36px;margin-left:-4px}.elemental-preview__icon{color:#566b8d;display:inline-block;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;font-size:2.3rem;width:28px;vertical-align:top;margin-top:-1px}.ss-gridfield-orderable.elemental-editor .col-reorder .handle{opacity:.5;padding:22px 0 0}.ss-gridfield-orderable.elemental-editor .col-reorder .handle .icon{font-size:1.3em}.elemental-editor .ss-gridfield-item:hover .handle{opacity:1}.elemental-editor .grid-field__table{margin-bottom:12px}@media (max-width:991.98px){.elemental-editor .grid-field__table .col-EditorPreview{display:table-cell}}.elemental-report__grid-field .element-editor-header__version-state{bottom:9px;left:14px}.elemental-block__history-tab{margin-top:-1.5385rem}.cms-edit-form .fieldgroup.elemental-area__element--historic{margin-left:0;margin-right:0}.cms-edit-form .fieldgroup.elemental-area__element--historic.form-group{border-top:1px solid #dbe0e9}.cms-edit-form .fieldgroup.elemental-area__element--historic .form__field-holder{-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%}.elemental-preview{line-height:20px}.elemental-preview--historic{margin-bottom:1rem}.elemental-preview__link{float:right;margin-top:4px}div.elemental-area__element--historic.elemental-area__element--historic-inner{background:transparent;border:0;padding-left:0;padding-right:0;padding-top:1.5385rem}.elemental-area--read-only{border-bottom:1px solid #dbe0e9;margin:2.30775rem -1.5385rem}.history-viewer__version-detail fieldset{overflow:visible}.elemental-report__grid-field .ss-gridfield-item td:first-child{width:1px}.elemental-report__grid-field .col-Icon{font-size:1.5rem}.elemental-report__grid-field .element-item--draft,.elemental-report__grid-field .element-item--modified{bottom:8px;left:14px;height:6px;width:6px}.textcheckboxgroup .input-group-append .form-check-input{margin-left:0;position:relative}.elemental-editor__add-new-block-control{width:20rem}.elemental-editor__add-new-block-control a{line-height:1.85em}.element-editor__element{border-bottom:1px solid #dbe0e9;color:inherit;cursor:pointer;padding:.9231rem 1.5385rem 1.8462rem}.element-editor__element:focus,.element-editor__element:hover{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);outline-width:0}.element-editor__element:hover .element-editor-header__drag-handle{display:block}.element-editor__element--dragging{opacity:.3;cursor:grabbing;cursor:-webkit-grabbing}.elemental-editor-list{background-color:#fff;border-top:1px solid #dbe0e9;margin-left:-1.5385rem;margin-right:-1.5385rem;min-height:6rem;position:relative}.elemental-editor-list--empty{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.element-editor-editform{margin-top:.76925rem;cursor:auto}.element-editor-header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.element-editor-header__title{font-size:15px;font-weight:400;margin:0 0 0 .76925rem;-webkit-font-smoothing:antialiased;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-editor-header__title--none{font-style:italic;color:#6f84a7}.element-editor-header__actions,.element-editor-header__info{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1}.element-editor-header__info{max-width:calc(100% - 60px)}.element-editor-header__actions{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.element-editor-header__actions-toggle{padding-top:3px;padding-bottom:3px}.element-editor-header__icon-container{margin-left:-2px;color:#566b8d;font-size:2.154rem;height:28px;line-height:1.5rem}.element-editor-header__expand{font-size:1.1rem;margin-left:3px;width:unset}.element-editor-header__version-state{border:1px solid #cf3f00;border-radius:100%;bottom:6px;-webkit-box-shadow:0 0 1px .5px #fff;box-shadow:0 0 1px .5px #fff;display:block;height:8px;left:22px;position:relative;width:8px;z-index:1}.element-editor-header__version-state--draft{background-color:#fff7f0}.element-editor-header__version-state--modified{background-color:#ff7f22}.element-editor-header__drag-handle{display:none;position:absolute;left:5px;cursor:grab;cursor:-webkit-grab}.element-editor-header--simple .element-editor-header__drag-handle{display:block}.element-editor-header--simple .element-editor-header__info{width:460px}.element-editor-header .dropdown-item.active{cursor:default}.element-editor-summary{display:-webkit-box;display:-webkit-flex;display:flex;margin-top:.9231rem;margin-left:36px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-height:2em}.element-editor-summary__thumbnail-image{border-radius:.1536rem;height:36px;margin:-.6154rem .9231rem -.6154rem 0}.element-editor-summary__content{color:#566b8d;line-height:1.3;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.element-editor__toolbar{margin-bottom:1rem}.element-editor__add-block-area-container{height:0;display:-webkit-box;display:-webkit-flex;display:flex;width:100%;position:relative;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.element-editor__add-block-area{background-color:transparent;min-height:1.8462rem;width:100%;margin:0;padding:0;border:0;outline:0;-webkit-transition:0s;-o-transition:0s;transition:0s}.element-editor__add-block-hover-bar{-webkit-align-self:center;align-self:center;width:100%;-webkit-appearance:button;border:0;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;padding:0;top:50%;-webkit-transform:translateY(-66%);-o-transform:translateY(-66%);transform:translateY(-66%)}.element-editor__add-block-hover-bar:before{font-size:1.5rem;background-image:-webkit-radial-gradient(#fff 50%,transparent 0);background-image:-o-radial-gradient(#fff 50%,transparent 50%);background-image:radial-gradient(#fff 50%,transparent 0);-webkit-transform:translateY(-35%);-o-transform:translateY(-35%);transform:translateY(-35%);position:relative;z-index:2;margin-right:.76925rem;display:block;height:1em}.element-editor__add-block-hover-bar--delay{background-color:#c1cad9;max-height:3px}.element-editor__add-block-hover-bar--delay:before{-webkit-transform:translateY(calc(1.5px + -50%));-o-transform:translateY(calc(1.5px + -50%));transform:translateY(calc(1.5px + -50%));color:#c1cad9}.element-editor__add-block-hover-bar--inst{background-color:#0071c4;max-height:5px}.element-editor__add-block-hover-bar--inst:before{-webkit-transform:translateY(calc(2.5px + -50%));-o-transform:translateY(calc(2.5px + -50%));transform:translateY(calc(2.5px + -50%));color:#0071c4}.elemental-editor-drag-indicator{height:3px;margin:-2px 0 -1px;background-color:#29abe2}.elemental-editor-drag-indicator__ball{position:relative;height:7px;width:7px;top:-2px;left:-3px;border-radius:3.5px;background-color:#29abe2}.element-editor--dragging{cursor:-webkit-grabbing;cursor:grabbing}.element-editor-drag-preview{top:0;left:0;position:fixed;pointer-events:none;z-index:100;background-color:#fff;border:1px solid #ced5e1;padding:.9231rem 1.5385rem;-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1);box-shadow:0 2px 5px 0 rgba(0,0,0,.1),0 2px 10px 0 rgba(0,0,0,.1)}
\ No newline at end of file
diff --git a/client/src/components/ElementEditor/AddElementPopover.js b/client/src/components/ElementEditor/AddElementPopover.js
index 8a95ed2f..9fbb536e 100644
--- a/client/src/components/ElementEditor/AddElementPopover.js
+++ b/client/src/components/ElementEditor/AddElementPopover.js
@@ -86,16 +86,16 @@ class AddElementPopover extends Component {
       extraClass
     );
 
-    const buttons = elementTypes.map(({ name, title, icon }) => ({
-      text: title,
-      key: name,
-      className: classNames(icon, 'btn--icon-xl', 'element-editor-add-element__button'),
+    const buttons = elementTypes.map((elementType) => ({
+      content: elementType.title,
+      key: elementType.name,
+      className: classNames(elementType.icon, 'btn--icon-xl', 'element-editor-add-element__button'),
+      onClick: this.getElementButtonClickHandler(elementType),
     }));
 
     return (
       <PopoverOptionSetComponent
         buttons={buttons}
-        onButtonClick={this.handleButtonClick}
         searchPlaceholder={i18n._t('AddElementPopover.SEARCH_BLOCKS', 'Search blocks')}
         extraClass={popoverClassNames}
         container={container}
diff --git a/client/src/components/ElementEditor/AddElementPopover.scss b/client/src/components/ElementEditor/AddElementPopover.scss
deleted file mode 100644
index 0e9def1a..00000000
--- a/client/src/components/ElementEditor/AddElementPopover.scss
+++ /dev/null
@@ -1,94 +0,0 @@
-.element-editor-add-element {
-  min-width: 320px;
-  max-height: 356px; // TODO Find variable!
-  display: flex;
-  flex-direction: column;
-  border-radius: $border-radius; // Change to equal 4px
-  overflow-y: scroll;
-
-  &:focus,
-  &:hover {
-    box-shadow: $z-depth-1;
-    outline-width: 0;
-  }
-
-  &__button-container {
-    width: 100%;
-    padding: 10px;
-    box-shadow: $z-depth-1;
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-
-    :nth-child(odd) {
-      margin-right: $panel-padding-x/2;
-    }
-
-    :nth-child(even) {
-      margin-right: 0;
-    }
-
-    :nth-last-child(-n+2) {
-      margin-bottom: 0;
-    }
-
-    .element-editor-add-element__no-results {
-      text-align: center;
-      vertical-align: middle;
-      width: 100%;
-      margin: 0;
-      padding: $panel-padding-x/2;
-    }
-  }
-
-  &__button {
-    width: calc(100% * (1 / 2) - 5px);
-    padding: $panel-padding-x/2;
-    text-align: start;
-    margin-bottom: 4px;
-    border: 0;
-    max-height: 40px;
-  }
-
-  // Adds necessary specificity to override default font-size and margins
-  & &__button::before {
-    font-size: 2.1rem;
-    margin-right: $panel-padding-x/2;
-  }
-
-  &__search {
-    height: $toolbar-height;
-
-    &-input,
-    &-clear {
-      &,
-      &:focus,
-      &:hover,
-      &:active {
-        box-shadow: none;
-        border: 0;
-        border-bottom: 1px solid $border-color-light;
-        border-radius: 0;
-        outline: none;
-      }
-    }
-
-    &-input {
-      padding-left: $panel-padding-x;
-    }
-
-    // Nesting needed for specificity, adds padding to clear link
-    .input-group-append {
-
-      .btn-link {
-        padding-right: $panel-padding-x;
-      }
-    }
-  }
-
-  &__inline {
-    z-index: 1;
-  }
-}
-
-
diff --git a/client/src/styles/bundle.scss b/client/src/styles/bundle.scss
index 7995a8ca..3140f9a7 100644
--- a/client/src/styles/bundle.scss
+++ b/client/src/styles/bundle.scss
@@ -18,7 +18,6 @@
 @import "../components/ElementEditor/Header";
 @import "../components/ElementEditor/Summary";
 @import "../components/ElementEditor/Toolbar";
-@import "../components/ElementEditor/AddElementPopover";
 @import "../components/ElementEditor/HoverBar";
 @import "../components/ElementEditor/DragPositionIndicator";
 @import "../components/ElementEditor/ElementEditor";