Full Site Editing - Version 3.31119

Version Description

Release Info

Developer	ebuccelli
Plugin	Full Site Editing
Version	3.31119
Comparing to
See all releases

Code changes from version 3.31093 to 3.31119

Files changed (10) hide show

build_meta.txt +3 -3
full-site-editing-plugin.php +2 -2
help-center/dist/help-center.asset.php +1 -1
help-center/dist/help-center.css +1 -1
help-center/dist/help-center.js +2 -2
help-center/dist/help-center.rtl.css +1 -1
help-center/index.js +3 -0
help-center/src/help-center.js +26 -44
help-center/src/help-center.scss +0 -2
readme.txt +1 -1

build_meta.txt CHANGED Viewed

@@ -1,3 +1,3 @@
-            -
            commit_hash=9b70cf357dbf19c57c491bcd09775084941d3b59
-            -
            commit_url=https://github.com/Automattic/wp-calypso/commit/9b70cf357dbf19c57c491bcd09775084941d3b59
-            -
            build_number=3.31093


1	+ commit_hash=6a144016a8d6e11e20f98d12a537f6e15d16c7e4
2	+ commit_url=https://github.com/Automattic/wp-calypso/commit/6a144016a8d6e11e20f98d12a537f6e15d16c7e4
3	+ build_number=3.31119

full-site-editing-plugin.php CHANGED Viewed

	@@ -2,7 +2,7 @@
2	/**
3	* Plugin Name: WordPress.com Editing Toolkit
4	* Description: Enhances your page creation workflow within the Block Editor.
5	- * Version: 3.~~31093~~
6	* Author: Automattic
7	* Author URI: https://automattic.com/wordpress-plugins/
8	* License: GPLv2 or later
	@@ -42,7 +42,7 @@ namespace A8C\FSE;
42	*
43	* @var string
44	*/
45	- define( 'A8C_ETK_PLUGIN_VERSION', '3.~~31093~~' );
46
47	// Always include these helper files for dotcom FSE.
48	require_once __DIR__ . '/dotcom-fse/helpers.php';


2	/**
3	* Plugin Name: WordPress.com Editing Toolkit
4	* Description: Enhances your page creation workflow within the Block Editor.
5	+ * Version: 3.31119
6	* Author: Automattic
7	* Author URI: https://automattic.com/wordpress-plugins/
8	* License: GPLv2 or later

42	*
43	* @var string
44	*/
45	+ define( 'A8C_ETK_PLUGIN_VERSION', '3.31119' );
46
47	// Always include these helper files for dotcom FSE.
48	require_once __DIR__ . '/dotcom-fse/helpers.php';

help-center/dist/help-center.asset.php CHANGED Viewed

	@@ -1 +1 @@
1	- <?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-primitives'), 'version' => '~~b03c72a7ab1126bc384b050cad2e7975~~');


1	+ <?php return array('dependencies' => array('lodash', 'react', 'react-dom', 'wp-components', 'wp-compose', 'wp-data', 'wp-data-controls', 'wp-element', 'wp-i18n', 'wp-plugins', 'wp-polyfill', 'wp-primitives'), 'version' => 'b2d00510eb0e5d4fd48df59ddb8c5201');

help-center/dist/help-center.css CHANGED Viewed

@@ -1 +1 @@

- .etk-help-center .entry-point-button.is-active{background:#1e1e1e}.help-center__container.is-mobile~~{height:calc(100% - 46px);margin-top:46px}~~.~~help-center__container.~~is-~~mobile.is-~~minimized{margin-top:0}.components-card.help-center__container{background-color:#fff;color:#000;cursor:default;position:absolute;z-index:9999}.components-card.help-center__container .help-center__container-header{height:50px;padding:16px 8px 16px 16px}.components-card.help-center__container .help-center__container-header .help-center-header__minimize svg{transform:scaleX(.7);transform-origin:right}.components-card.help-center__container .help-center__container-content{overflow-y:auto;padding:16px}.components-card.help-center__container .help-center__container-footer{height:50px;padding:16px}.components-card.help-center__container.is-desktop{box-shadow:0 0 3px 0 rgba(0,0,0,.25);max-height:800px;min-height:80vh;right:16px;top:76px;width:410px}.components-card.help-center__container.is-desktop .help-center__container-header{cursor:move}.components-card.help-center__container.is-desktop .help-center__container-content{height:calc(80vh - 100px);max-height:700px}.components-card.help-center__container.is-desktop.is-minimized{min-height:50px;top:calc(100vh - 91px)}.components-card.help-center__container.is-desktop.is-minimized .help-center__container-header{cursor:default}.components-card.help-center__container.is-mobile{bottom:0;left:0;right:0;top:0}.components-card.help-center__container.is-mobile .help-center__container-content{height:calc(100% - 100px)}.components-card.help-center__container.is-mobile.is-minimized{min-height:50px;top:calc(100vh - 50px)}.components-card.help-center__container .components-button:hover{box-shadow:none;color:inherit}.components-card.help-center__container.is-desktop.is-minimized,.components-card.help-center__container.is-mobile.is-minimized{max-height:50px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}

+ .etk-help-center .entry-point-button.is-active{background:#1e1e1e}.help-center__container.is-mobile.is-minimized{margin-top:0}.components-card.help-center__container{background-color:#fff;color:#000;cursor:default;position:absolute;z-index:9999}.components-card.help-center__container .help-center__container-header{height:50px;padding:16px 8px 16px 16px}.components-card.help-center__container .help-center__container-header .help-center-header__minimize svg{transform:scaleX(.7);transform-origin:right}.components-card.help-center__container .help-center__container-content{overflow-y:auto;padding:16px}.components-card.help-center__container .help-center__container-footer{height:50px;padding:16px}.components-card.help-center__container.is-desktop{box-shadow:0 0 3px 0 rgba(0,0,0,.25);max-height:800px;min-height:80vh;right:16px;top:76px;width:410px}.components-card.help-center__container.is-desktop .help-center__container-header{cursor:move}.components-card.help-center__container.is-desktop .help-center__container-content{height:calc(80vh - 100px);max-height:700px}.components-card.help-center__container.is-desktop.is-minimized{min-height:50px;top:calc(100vh - 91px)}.components-card.help-center__container.is-desktop.is-minimized .help-center__container-header{cursor:default}.components-card.help-center__container.is-mobile{bottom:0;left:0;right:0;top:0}.components-card.help-center__container.is-mobile .help-center__container-content{height:calc(100% - 100px)}.components-card.help-center__container.is-mobile.is-minimized{min-height:50px;top:calc(100vh - 50px)}.components-card.help-center__container .components-button:hover{box-shadow:none;color:inherit}.components-card.help-center__container.is-desktop.is-minimized,.components-card.help-center__container.is-mobile.is-minimized{max-height:50px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}

help-center/dist/help-center.js CHANGED Viewed

	@@ -1,6 +1,6 @@
1	- !function(){var e={~~715~~:function(e,t,n){"use strict";var r=n(~~307~~),o=n(444);const a=(0,r.createElement)(o.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)(o.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"}));t.Z=a},199:function(e,t,n){"use strict";var r=n(~~307~~),o=n(444);const a=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(o.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"}));t.Z=a},~~103~~:function(e,t,n){"use strict";var r=n(~~307~~),o=n(444);const a=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none"},(0,r.createElement)(o.Path,{d:"M5 11.25h14v1.5H5z"}));t.Z=a},~~173~~:function(e,t,n){"use strict";n.d(t,{Ox:function(){return r.Z}});var r=n(749)},749:function(e,t,n){"use strict";var r=n(~~896~~),o=n(~~307~~),a=n(~~819~~),i=n(~~779~~),u=n.n(i),c=n(~~609~~);function s(e){let{scope:t,...n}=e;return(0,o.createElement)(c.Fill,(0,r.Z)({name:`PinnedItems/${t}`},n))}s.Slot=function(e){let{scope:t,className:n,...i}=e;return(0,o.createElement)(c.Slot,(0,r.Z)({name:`PinnedItems/${t}`},i),(e=>!(0,a.isEmpty)(e)&&(0,o.createElement)("div",{className:u()(n,"interface-pinned-items")},e)))},t.Z=s},~~192~~:function(e,t,n){"use strict";n.d(t,{Ox:function(){return r.Ox}});var r=n(~~173~~);n(14)},~~262~~:function(e,t,n){"use strict";function r(e,t,n){return{type:"SET_SINGLE_ENABLE_ITEM",itemType:e,scope:t,item:n}}function o(e,t){return r("complementaryArea",e,t)}function a(e){return r("complementaryArea",e,void 0)}function i(e,t,n,r){return{type:"SET_MULTIPLE_ENABLE_ITEM",itemType:e,scope:t,item:n,isEnable:r}}function u(e,t){return i("pinnedItems",e,t,!0)}function c(e,t){return i("pinnedItems",e,t,!1)}function s(e,t){return function(n){let{select:r,dispatch:o}=n;const a=r.isFeatureActive(e,t);o.setFeatureValue(e,t,!a)}}function l(e,t,n){return{type:"SET_FEATURE_VALUE",scope:e,featureName:t,value:!!n}}function f(e,t){return{type:"SET_FEATURE_DEFAULTS",scope:e,defaults:t}}n.r(t),n.d(t,{enableComplementaryArea:function(){return o},disableComplementaryArea:function(){return a},pinItem:function(){return u},unpinItem:function(){return c},toggleFeature:function(){return s},setFeatureValue:function(){return l},setFeatureDefaults:function(){return f}})},112:function(e,t,n){"use strict";n.d(t,{G:function(){return r}});const r="core/interface"},14:function(e,t,n){"use strict";var r=n(~~818~~),o=n(~~350~~),a=n(~~262~~),i=n(~~844~~),u=n(112);(0,r.createReduxStore)(u.G,{reducer:o.ZP,actions:a,selectors:i,persist:["enableItems","preferences"],__experimentalUseThunks:!0});(0,r.registerStore)(u.G,{reducer:o.ZP,actions:a,selectors:i,persist:["enableItems","preferences"],__experimentalUseThunks:!0})},~~350~~:function(e,t,n){"use strict";var r=n(~~819~~),o=n(~~818~~);const a=(0,o.combineReducers)({features(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;if("SET_FEATURE_DEFAULTS"===t.type){const{scope:n,defaults:r}=t;return{...e,[n]:{...e[n],...r}}}return e}}),i=(0,o.combineReducers)({features(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;if("SET_FEATURE_VALUE"===t.type){const{scope:n,featureName:r,value:o}=t;return{...e,[n]:{...e[n],[r]:o}}}return e}}),u=(0,o.combineReducers)({singleEnableItems:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{type:t,itemType:n,scope:r,item:o}=arguments.length>1?arguments[1]:void 0;return"SET_SINGLE_ENABLE_ITEM"===t&&n&&r?{...e,[n]:{...e[n],[r]:o\|\|null}}:e},multipleEnableItems:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{type:t,itemType:n,scope:o,item:a,isEnable:i}=arguments.length>1?arguments[1]:void 0;if("SET_MULTIPLE_ENABLE_ITEM"!==t\|\|!n\|\|!o\|\|!a\|\|(0,r.get)(e,[n,o,a])===i)return e;const u=e[n]\|\|{},c=u[o]\|\|{};return{...e,[n]:{...u,[o]:{...c,[a]:i\|\|!1}}}}});t.ZP=(0,o.combineReducers)({enableItems:u,preferenceDefaults:a,preferences:i})},~~844~~:function(e,t,n){"use strict";n.r(t),n.d(t,{getActiveComplementaryArea:function(){return o},isItemPinned:function(){return a},isFeatureActive:function(){return i}});var r=n(~~819~~);function o(e,t){return function(e,t,n){return(0,r.get)(e.enableItems.singleEnableItems,[t,n])}(e,"complementaryArea",t)}function a(e,t,n){return!1!==function(e,t,n,o){return(0,r.get)(e.enableItems.multipleEnableItems,[t,n,o])}(e,"pinnedItems",t,n)}function i(e,t,n){var r,o;const a=null===(r=e.preferences.features[t])\|\|void 0===r?void 0:r[n];return!!(void 0!==a?a:null===(o=e.preferenceDefaults.features[t])\|\|void 0===o?void 0:o[n])}},~~779~~:function(e,t){var n;
2	/*!
3	Copyright (c) 2018 Jed Watson.
4	Licensed under the MIT License (MIT), see
5	http://jedwatson.github.io/classnames
6	- /!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a=typeof n;if("string"===a\|\|"number"===a)e.push(n);else if(Array.isArray(n)){if(n.length){var i=o.apply(null,n);i&&e.push(i)}}else if("object"===a)if(n.toString===Object.prototype.toString)for(var u in n)r.call(n,u)&&n[u]&&e.push(u);else e.push(n.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))\|\|(e.exports=n)}()},277:function(e,t,n){"use strict";function r(e){var t,n,o="";if("string"==typeof e\|\|"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.r(t),n.d(t,{default:function(){return o}})},142:function(){},829:function(){},12:function(e,t,n){"use strict";var r=n(586);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},980:function(e,t,n){e.exports=n(12)()},586:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},997:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"DraggableCore",{enumerable:!0,get:function(){return f.default}}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e\|\|"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=g(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get\|\|u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,n&&n.set(e,o);return o}(n(196)),a=m(n(980)),i=m(n(850)),u=m(n(277)),c=n(688),s=n(585),l=n(136),f=m(n(816)),p=m(n(177)),d=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function m(e){return e&&e.__esModule?e:{default:e}}function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}function y(){return y=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},y.apply(this,arguments)}function h(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0\|\|(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,o,a=[],_n=!0,i=!1;try{for(n=n.call(e);!(_n=(r=n.next()).done)&&(a.push(r.value),!t\|\|a.length!==t);_n=!0);}catch(u){i=!0,o=u}finally{try{_n\|\|null==n.return\|\|n.return()}finally{if(i)throw o}}return a}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return S(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}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)}}function O(e,t){return O=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e},O(e,t)}function x(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=j(e);if(t){var o=j(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return D(this,n)}}function D(e,t){if(t&&("object"===r(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return P(e)}function P(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function j(e){return j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},j(e)}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var M=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&O(e,t)}(l,e);var t,n,r,a=x(l);function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),T(P(t=a.call(this,e)),"onDragStart",(function(e,n){if((0,p.default)("Draggable: onDragStart: %j",n),!1===t.props.onStart(e,(0,s.createDraggableData)(P(t),n)))return!1;t.setState({dragging:!0,dragged:!0})})),T(P(t),"onDrag",(function(e,n){if(!t.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",n);var r=(0,s.createDraggableData)(P(t),n),o={x:r.x,y:r.y};if(t.props.bounds){var a=o.x,i=o.y;o.x+=t.state.slackX,o.y+=t.state.slackY;var u=w((0,s.getBoundPosition)(P(t),o.x,o.y),2),c=u[0],l=u[1];o.x=c,o.y=l,o.slackX=t.state.slackX+(a-o.x),o.slackY=t.state.slackY+(i-o.y),r.x=o.x,r.y=o.y,r.deltaX=o.x-t.state.x,r.deltaY=o.y-t.state.y}if(!1===t.props.onDrag(e,r))return!1;t.setState(o)})),T(P(t),"onDragStop",(function(e,n){if(!t.state.dragging)return!1;if(!1===t.props.onStop(e,(0,s.createDraggableData)(P(t),n)))return!1;(0,p.default)("Draggable: onDragStop: %j",n);var r={dragging:!1,slackX:0,slackY:0};if(Boolean(t.props.position)){var o=t.props.position,a=o.x,i=o.y;r.x=a,r.y=i}t.setState(r)})),t.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:b({},e.position),slackX:0,slackY:0,isElementSVG:!1},!e.position\|\|e.onDrag\|\|e.onStop\|\|console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),t}return t=l,r=[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.position,r=t.prevPropsPosition;return!n\|\|r&&n.x===r.x&&n.y===r.y?null:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:n,prevPropsPosition:r}),{x:n.x,y:n.y,prevPropsPosition:b({},n)})}}],(n=[{key:"componentDidMount",value:function(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var e,t,n;return null!==(e=null===(t=this.props)\|\|void 0===t\|\|null===(n=t.nodeRef)\|\|void 0===n?void 0:n.current)&&void 0!==e?e:i.default.findDOMNode(this)}},{key:"render",value:function(){var e,t=this.props,n=(t.axis,t.bounds,t.children),r=t.defaultPosition,a=t.defaultClassName,i=t.defaultClassNameDragging,l=t.defaultClassNameDragged,p=t.position,m=t.positionOffset,g=(t.scale,h(t,d)),v={},w=null,S=!Boolean(p)\|\|this.state.dragging,E=p\|\|r,O={x:(0,s.canDragX)(this)&&S?this.state.x:E.x,y:(0,s.canDragY)(this)&&S?this.state.y:E.y};this.state.isElementSVG?w=(0,c.createSVGTransform)(O,m):v=(0,c.createCSSTransform)(O,m);var x=(0,u.default)(n.props.className\|\|"",a,(T(e={},i,this.state.dragging),T(e,l,this.state.dragged),e));return o.createElement(f.default,y({},g,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),o.cloneElement(o.Children.only(n),{className:x,style:b(b({},n.props.style),v),transform:w}))}}])&&E(t.prototype,n),r&&E(t,r),l}(o.Component);t.default=M,T(M,"displayName","Draggable"),T(M,"propTypes",b(b({},f.default.propTypes),{},{axis:a.default.oneOf(["both","x","y","none"]),bounds:a.default.oneOfType([a.default.shape({left:a.default.number,right:a.default.number,top:a.default.number,bottom:a.default.number}),a.default.string,a.default.oneOf([!1])]),defaultClassName:a.default.string,defaultClassNameDragging:a.default.string,defaultClassNameDragged:a.default.string,defaultPosition:a.default.shape({x:a.default.number,y:a.default.number}),positionOffset:a.default.shape({x:a.default.oneOfType([a.default.number,a.default.string]),y:a.default.oneOfType([a.default.number,a.default.string])}),position:a.default.shape({x:a.default.number,y:a.default.number}),className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe})),T(M,"defaultProps",b(b({},f.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))},816:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e\|\|"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get\|\|u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,n&&n.set(e,o);return o}(n(196)),a=f(n(980)),i=f(n(850)),u=n(688),c=n(585),s=n(136),l=f(n(177));function f(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,o,a=[],_n=!0,i=!1;try{for(n=n.call(e);!(_n=(r=n.next()).done)&&(a.push(r.value),!t\|\|a.length!==t);_n=!0);}catch(u){i=!0,o=u}finally{try{_n\|\|null==n.return\|\|n.return()}finally{if(i)throw o}}return a}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function y(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)}}function h(e,t){return h=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e},h(e,t)}function v(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=S(e);if(t){var o=S(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return b(this,n)}}function b(e,t){if(t&&("object"===r(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return w(e)}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},S(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var O={start:"touchstart",move:"touchmove",stop:"touchend"},x={start:"mousedown",move:"mousemove",stop:"mouseup"},D=x,P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(s,e);var t,n,r,a=v(s);function s(){var e;g(this,s);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return E(w(e=a.call.apply(a,[this].concat(n))),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),E(w(e),"mounted",!1),E(w(e),"handleDragStart",(function(t){if(e.props.onMouseDown(t),!e.props.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var n=e.findDOMNode();if(!n\|\|!n.ownerDocument\|\|!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var r=n.ownerDocument;if(!(e.props.disabled\|\|!(t.target instanceof r.defaultView.Node)\|\|e.props.handle&&!(0,u.matchesSelectorAndParentsTo)(t.target,e.props.handle,n)\|\|e.props.cancel&&(0,u.matchesSelectorAndParentsTo)(t.target,e.props.cancel,n))){"touchstart"===t.type&&t.preventDefault();var o=(0,u.getTouchIdentifier)(t);e.setState({touchIdentifier:o});var a=(0,c.getControlPosition)(t,o,w(e));if(null!=a){var i=a.x,s=a.y,f=(0,c.createCoreData)(w(e),i,s);(0,l.default)("DraggableCore: handleDragStart: %j",f),(0,l.default)("calling",e.props.onStart),!1!==e.props.onStart(t,f)&&!1!==e.mounted&&(e.props.enableUserSelectHack&&(0,u.addUserSelectStyles)(r),e.setState({dragging:!0,lastX:i,lastY:s}),(0,u.addEvent)(r,D.move,e.handleDrag),(0,u.addEvent)(r,D.stop,e.handleDragStop))}}})),E(w(e),"handleDrag",(function(t){var n=(0,c.getControlPosition)(t,e.state.touchIdentifier,w(e));if(null!=n){var r=n.x,o=n.y;if(Array.isArray(e.props.grid)){var a=r-e.state.lastX,i=o-e.state.lastY,u=d((0,c.snapToGrid)(e.props.grid,a,i),2);if(a=u[0],i=u[1],!a&&!i)return;r=e.state.lastX+a,o=e.state.lastY+i}var s=(0,c.createCoreData)(w(e),r,o);if((0,l.default)("DraggableCore: handleDrag: %j",s),!1!==e.props.onDrag(t,s)&&!1!==e.mounted)e.setState({lastX:r,lastY:o});else try{e.handleDragStop(new MouseEvent("mouseup"))}catch(p){var f=document.createEvent("MouseEvents");f.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),e.handleDragStop(f)}}})),E(w(e),"handleDragStop",(function(t){if(e.state.dragging){var n=(0,c.getControlPosition)(t,e.state.touchIdentifier,w(e));if(null!=n){var r=n.x,o=n.y,a=(0,c.createCoreData)(w(e),r,o);if(!1===e.props.onStop(t,a)\|\|!1===e.mounted)return!1;var i=e.findDOMNode();i&&e.props.enableUserSelectHack&&(0,u.removeUserSelectStyles)(i.ownerDocument),(0,l.default)("DraggableCore: handleDragStop: %j",a),e.setState({dragging:!1,lastX:NaN,lastY:NaN}),i&&((0,l.default)("DraggableCore: Removing handlers"),(0,u.removeEvent)(i.ownerDocument,D.move,e.handleDrag),(0,u.removeEvent)(i.ownerDocument,D.stop,e.handleDragStop))}}})),E(w(e),"onMouseDown",(function(t){return D=x,e.handleDragStart(t)})),E(w(e),"onMouseUp",(function(t){return D=x,e.handleDragStop(t)})),E(w(e),"onTouchStart",(function(t){return D=O,e.handleDragStart(t)})),E(w(e),"onTouchEnd",(function(t){return D=O,e.handleDragStop(t)})),e}return t=s,(n=[{key:"componentDidMount",value:function(){this.mounted=!0;var e=this.findDOMNode();e&&(0,u.addEvent)(e,O.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var e=this.findDOMNode();if(e){var t=e.ownerDocument;(0,u.removeEvent)(t,x.move,this.handleDrag),(0,u.removeEvent)(t,O.move,this.handleDrag),(0,u.removeEvent)(t,x.stop,this.handleDragStop),(0,u.removeEvent)(t,O.stop,this.handleDragStop),(0,u.removeEvent)(e,O.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,u.removeUserSelectStyles)(t)}}},{key:"findDOMNode",value:function(){var e,t,n;return null!==(e=null===(t=this.props)\|\|void 0===t\|\|null===(n=t.nodeRef)\|\|void 0===n?void 0:n.current)&&void 0!==e?e:i.default.findDOMNode(this)}},{key:"render",value:function(){return o.cloneElement(o.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&y(t.prototype,n),r&&y(t,r),s}(o.Component);t.default=P,E(P,"displayName","DraggableCore"),E(P,"propTypes",{allowAnyClick:a.default.bool,disabled:a.default.bool,enableUserSelectHack:a.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:a.default.arrayOf(a.default.number),handle:a.default.string,cancel:a.default.string,nodeRef:a.default.object,onStart:a.default.func,onDrag:a.default.func,onStop:a.default.func,onMouseDown:a.default.func,scale:a.default.number,className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),E(P,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})},327:function(e,t,n){"use strict";var r=n(997),o=r.default,a=r.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=a},688:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.matchesSelector=f,t.matchesSelectorAndParentsTo=function(e,t,n){var r=e;do{if(f(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1},t.addEvent=function(e,t,n,r){if(!e)return;var o=c({capture:!0},r);e.addEventListener?e.addEventListener(t,n,o):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n},t.removeEvent=function(e,t,n,r){if(!e)return;var o=c({capture:!0},r);e.removeEventListener?e.removeEventListener(t,n,o):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null},t.outerHeight=function(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,o.int)(n.borderTopWidth),t+=(0,o.int)(n.borderBottomWidth)},t.outerWidth=function(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,o.int)(n.borderLeftWidth),t+=(0,o.int)(n.borderRightWidth)},t.innerHeight=function(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,o.int)(n.paddingTop),t-=(0,o.int)(n.paddingBottom)},t.innerWidth=function(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,o.int)(n.paddingLeft),t-=(0,o.int)(n.paddingRight)},t.offsetXYFromParent=function(e,t,n){var r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-r.left)/n,a=(e.clientY+t.scrollTop-r.top)/n;return{x:o,y:a}},t.createCSSTransform=function(e,t){var n=p(e,t,"px");return s({},(0,a.browserPrefixToKey)("transform",a.default),n)},t.createSVGTransform=function(e,t){return p(e,t,"")},t.getTranslation=p,t.getTouch=function(e,t){return e.targetTouches&&(0,o.findInArray)(e.targetTouches,(function(e){return t===e.identifier}))\|\|e.changedTouches&&(0,o.findInArray)(e.changedTouches,(function(e){return t===e.identifier}))},t.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},t.addUserSelectStyles=function(e){if(!e)return;var t=e.getElementById("react-draggable-style-el");t\|\|((t=e.createElement("style")).type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection ::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection ::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&d(e.body,"react-draggable-transparent-selection")},t.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&m(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{var t=(e.defaultView\|\|window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(n){}},t.addClassName=d,t.removeClassName=m;var o=n(136),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e\|\|"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var c=a?Object.getOwnPropertyDescriptor(e,u):null;c&&(c.get\|\|c.set)?Object.defineProperty(o,u,c):o[u]=e[u]}o.default=e,n&&n.set(e,o);return o}(n(185));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l="";function f(e,t){return l\|\|(l=(0,o.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return(0,o.isFunction)(e[t])}))),!!(0,o.isFunction)(e[l])&&e[l](t)}function p(e,t,n){var r=e.x,o=e.y,a="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(t){var i="".concat("string"==typeof t.x?t.x:t.x+n),u="".concat("string"==typeof t.y?t.y:t.y+n);a="translate(".concat(i,", ").concat(u,")")+a}return a}function d(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^\|\\s)".concat(t,"(?!\\S)")))\|\|(e.className+=" ".concat(t))}function m(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^\|\\s)".concat(t,"(?!\\S)"),"g"),"")}},185:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getPrefix=r,t.browserPrefixToKey=o,t.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},t.default=void 0;var n=["Moz","Webkit","O","ms"];function r(){var e,t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";var a=null===(e=window.document)\|\|void 0===e\|\|null===(t=e.documentElement)\|\|void 0===t?void 0:t.style;if(!a)return"";if(r in a)return"";for(var i=0;i<n.length;i++)if(o(r,n[i])in a)return n[i];return""}function o(e,t){return t?"".concat(t).concat(function(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):"-"===e[r]?n=!0:t+=e[r];return t}(e)):e}var a=r();t.default=a},177:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){0}},585:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getBoundPosition=function(e,t,n){if(!e.props.bounds)return[t,n];var i=e.props.bounds;i="string"==typeof i?i:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(i);var u=a(e);if("string"==typeof i){var c,s=u.ownerDocument,l=s.defaultView;if(!((c="parent"===i?u.parentNode:s.querySelector(i))instanceof l.HTMLElement))throw new Error('Bounds selector "'+i+'" could not find an element.');var f=c,p=l.getComputedStyle(u),d=l.getComputedStyle(f);i={left:-u.offsetLeft+(0,r.int)(d.paddingLeft)+(0,r.int)(p.marginLeft),top:-u.offsetTop+(0,r.int)(d.paddingTop)+(0,r.int)(p.marginTop),right:(0,o.innerWidth)(f)-(0,o.outerWidth)(u)-u.offsetLeft+(0,r.int)(d.paddingRight)-(0,r.int)(p.marginRight),bottom:(0,o.innerHeight)(f)-(0,o.outerHeight)(u)-u.offsetTop+(0,r.int)(d.paddingBottom)-(0,r.int)(p.marginBottom)}}(0,r.isNum)(i.right)&&(t=Math.min(t,i.right));(0,r.isNum)(i.bottom)&&(n=Math.min(n,i.bottom));(0,r.isNum)(i.left)&&(t=Math.max(t,i.left));(0,r.isNum)(i.top)&&(n=Math.max(n,i.top));return[t,n]},t.snapToGrid=function(e,t,n){var r=Math.round(t/e[0])e[0],o=Math.round(n/e[1])*e[1];return[r,o]},t.canDragX=function(e){return"both"===e.props.axis\|\|"x"===e.props.axis},t.canDragY=function(e){return"both"===e.props.axis\|\|"y"===e.props.axis},t.getControlPosition=function(e,t,n){var r="number"==typeof t?(0,o.getTouch)(e,t):null;if("number"==typeof t&&!r)return null;var i=a(n),u=n.props.offsetParent\|\|i.offsetParent\|\|i.ownerDocument.body;return(0,o.offsetXYFromParent)(r\|\|e,u,n.props.scale)},t.createCoreData=function(e,t,n){var o=e.state,i=!(0,r.isNum)(o.lastX),u=a(e);return i?{node:u,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:u,deltaX:t-o.lastX,deltaY:n-o.lastY,lastX:o.lastX,lastY:o.lastY,x:t,y:n}},t.createDraggableData=function(e,t){var n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}};var r=n(136),o=n(688);function a(e){var t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}},136:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.findInArray=function(e,t){for(var n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]},t.isFunction=function(e){return"function"==typeof e\|\|"[object Function]"===Object.prototype.toString.call(e)},t.isNum=function(e){return"number"==typeof e&&!isNaN(e)},t.int=function(e){return parseInt(e,10)},t.dontSetMe=function(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}},477:function(e,t,n){"use strict";var r=n(307),o=n(213),a=n(609),i=n(192),u=n(817),c=n(779),s=n.n(c),l=n(196),f=n.n(l);n(142);const p=e=>{let{newItems:t,active:n}=e;return(0,r.createElement)("svg",{width:"26",height:"25",viewBox:"0 0 26 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("circle",{cx:"12",cy:"12.5",r:"8",stroke:n?"white":"#1e1e1e",fill:n?"#1e1e1e":"white","stroke-width":"1.5"}),(0,r.createElement)("path",{d:"M9.75 10.75C9.75 9.50736 10.7574 8.5 12 8.5C13.2426 8.5 14.25 9.50736 14.25 10.75C14.25 11.9083 13.3748 12.8621 12.2496 12.9863C12.1124 13.0015 12 13.1119 12 13.25V14.5",stroke:n?"white":"#1e1e1e","stroke-width":"1.5",fill:"none"}),(0,r.createElement)("path",{d:"M12 15.5V17",stroke:n?"white":"#1e1e1e","stroke-width":"1.5"}),t&&(0,r.createElement)("circle",{cx:"20",cy:"8",r:"5",stroke:n?"#1e1e1e":"white",fill:"#0675C4","stroke-width":"2"}))};function d(){const[e,t]=f().useState(!1);return(0,r.createElement)(r.Fragment,null,(0,r.createElement)(i.Ox,{scope:"core/edit-post"},(0,r.createElement)("span",{className:"etk-help-center"},(0,r.createElement)(a.Button,{className:s()("entry-point-button",{"is-active":e}),onClick:()=>t(!e),icon:(0,r.createElement)(p,{newItems:!0,active:e})}))),e&&(0,r.createElement)(o.Z,{content:(0,r.createElement)("h1",null,"Help center"),handleClose:()=>t(!1)}))}(0,u.registerPlugin)("etk-help-center",{render:()=>(0,r.createElement)(d,null)})},250:function(e,t,n){"use strict";var r=n(896),o=n(307),a=n(951),i=n(609),u=n(779),c=n.n(u),s=n(196),l=n(327),f=n.n(l),p=n(407),d=n(59),m=n(934);t.Z=e=>{let{content:t,handleClose:n}=e;const[u,l]=(0,s.useState)(!1),[g,y]=(0,s.useState)(!0),h=(0,a._z)(),v=c()("help-center__container",h?"is-mobile":"is-desktop",{"is-minimized":u}),b={style:{animation:(g?"fadeIn":"fadeOut")+" .5s"},onAnimationEnd:()=>{g\|\|n()}},w=(0,o.createElement)(o.Fragment,null,(0,o.createElement)(m.Z,{isMinimized:u,onMinimize:()=>l(!0),onMaximize:()=>l(!1),onDismiss:()=>{y(!1)}}),!u&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)(p.Z,{content:t}),(0,o.createElement)(d.Z,null)));return h?(0,o.createElement)(i.Card,(0,r.Z)({},b,{className:v}),w):u?(0,o.createElement)(i.Card,(0,r.Z)({className:v},b),w):(0,o.createElement)(f(),null,(0,o.createElement)(i.Card,(0,r.Z)({className:v},b),w))}},407:function(e,t,n){"use strict";var r=n(307),o=n(609),a=n(779),i=n.n(a);t.Z=e=>{let{content:t}=e;const n=i()("help-center__container-content");return(0,r.createElement)(o.CardBody,{className:n},(0,r.createElement)("div",null,t))}},59:function(e,t,n){"use strict";var r=n(307),o=n(609),a=n(779),i=n.n(a);t.Z=()=>{const e=i()("help-center__container-footer");return(0,r.createElement)(o.CardFooter,{className:e},(0,r.createElement)("div",null,"footer"))}},934:function(e,t,n){"use strict";var r=n(307),o=n(609),a=n(736),i=n(715),u=n(103),c=n(199),s=n(779),l=n.n(s);const __=a.__;t.Z=e=>{let{isMinimized:t,onMinimize:n,onMaximize:a,onDismiss:s}=e;const f=l()("help-center__container-header");return(0,r.createElement)(o.CardHeader,{className:f},(0,r.createElement)(o.Flex,null,(0,r.createElement)("p",{style:{fontSize:14,fontWeight:500}},__("Help Center")),(0,r.createElement)("div",null,t?(0,r.createElement)(o.Button,{className:"help-center-header__maximize",label:__("Maximize Help Center"),icon:i.Z,onClick:a}):(0,r.createElement)(o.Button,{className:"help-center-header__minimize",label:__("Minimize Help Center"),icon:u.Z,onClick:n}),(0,r.createElement)(o.Button,{className:"help-center-header__close",label:__("Close Help Center"),icon:c.Z,onClick:s}))))}},213:function(e,t,n){"use strict";var r=n(307),o=n(250);n(829);t.Z=e=>{let{content:t,handleClose:n}=e;const a=(0,r.useRef)(document.createElement("div")).current;return(0,r.useEffect)((()=>(a.classList.add("help-center"),document.body.appendChild(a),()=>{document.body.removeChild(a)})),[a]),(0,r.createElement)("div",null,(0,r.createPortal)((0,r.createElement)(o.Z,{handleClose:n,content:t}),a))}},951:function(e,t,n){"use strict";n.d(t,{_z:function(){return s}});var r=n(896),o=n(307),a=n(321),i=n(333),u=n(196);function c(e){const[t,n]=(0,u.useState)((()=>({isActive:(0,a.kV)(e),breakpoint:e})));return(0,u.useEffect)((()=>(0,a.Sp)(e,(function(t){n((n=>n.isActive===t&&n.breakpoint===e?n:{isActive:t,breakpoint:e}))}))),[e]),e===t.breakpoint?t.isActive:(0,a.kV)(e)}function s(){return c(a.Gh)}(0,i.createHigherOrderComponent)((e=>(0,u.forwardRef)(((t,n)=>{const i=c(a.Gh);return(0,o.createElement)(e,(0,r.Z)({},t,{isBreakpointActive:i,ref:n}))}))),"WithMobileBreakpoint"),(0,i.createHigherOrderComponent)((e=>(0,u.forwardRef)(((t,n)=>{const i=c(a.oh);return(0,o.createElement)(e,(0,r.Z)({},t,{isBreakpointActive:i,ref:n}))}))),"WithDesktopBreakpoint")},321:function(e,t,n){"use strict";n.d(t,{Gh:function(){return o},oh:function(){return a},kV:function(){return p},Sp:function(){return d}});const r=769,o="<480px",a=">960px",i="undefined"==typeof window\|\|!window.matchMedia,u=()=>null;function c(e){return{addListener:()=>{},removeListener:()=>{},...e}}function s(e){const{min:t,max:n}=e??{};return void 0!==t&&void 0!==n?i?c({matches:r>t&&r<=n}):window.matchMedia(`(min-width: ${t+1}px) and (max-width: ${n}px)`):void 0!==t?i?c({matches:r>t}):window.matchMedia(`(min-width: ${t+1}px)`):void 0!==n&&(i?c({matches:r<=n}):window.matchMedia(`(max-width: ${n}px)`))}const l={"<480px":s({max:480}),"<660px":s({max:660}),"<782px":s({max:782}),"<800px":s({max:800}),"<960px":s({max:960}),"<1040px":s({max:1040}),"<1280px":s({max:1280}),"<1400px":s({max:1400}),">480px":s({min:480}),">660px":s({min:660}),">782px":s({min:782}),">800px":s({min:800}),">960px":s({min:960}),">1040px":s({min:1040}),">1280px":s({min:1280}),">1400px":s({min:1400}),"480px-660px":s({min:480,max:660}),"660px-960px":s({min:660,max:960}),"480px-960px":s({min:480,max:960})};function f(e){if(l.hasOwnProperty(e))return l[e];try{console.warn("Undefined breakpoint used in `mobile-first-breakpoint`",e)}catch(t){}}function p(e){const t=f(e);return t?t.matches:void 0}function d(e,t){if(!t)return u;const n=f(e);if(n&&!i){const e=e=>t(e.matches);return n.addListener(e),()=>n.removeListener(e)}return u}},196:function(e){"use strict";e.exports=window.React},850:function(e){"use strict";e.exports=window.ReactDOM},819:function(e){"use strict";e.exports=window.lodash},609:function(e){"use strict";e.exports=window.wp.components},333:function(e){"use strict";e.exports=window.wp.compose},818:function(e){"use strict";e.exports=window.wp.data},307:function(e){"use strict";e.exports=window.wp.element},736:function(e){"use strict";e.exports=window.wp.i18n},817:function(e){"use strict";e.exports=window.wp.plugins},444:function(e){"use strict";e.exports=window.wp.primitives},896:function(e,t,n){"use strict";function r(){return 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},r.apply(this,arguments)}n.d(t,{Z:function(){return r}})}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};!function(){"use strict";n.r(r);n(477)}(),window.EditingToolkit=r}();


1	+ !function(){var e={6715:function(e,t,n){"use strict";var r=n(9307),o=n(444);const a=(0,r.createElement)(o.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)(o.Path,{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"}));t.Z=a},199:function(e,t,n){"use strict";var r=n(9307),o=n(444);const a=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,r.createElement)(o.Path,{d:"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"}));t.Z=a},3103:function(e,t,n){"use strict";var r=n(9307),o=n(444);const a=(0,r.createElement)(o.SVG,{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none"},(0,r.createElement)(o.Path,{d:"M5 11.25h14v1.5H5z"}));t.Z=a},5173:function(e,t,n){"use strict";n.d(t,{Ox:function(){return r.Z}});var r=n(749)},749:function(e,t,n){"use strict";var r=n(7896),o=n(9307),a=n(2819),i=n(2779),u=n.n(i),c=n(5609);function s(e){let{scope:t,...n}=e;return(0,o.createElement)(c.Fill,(0,r.Z)({name:`PinnedItems/${t}`},n))}s.Slot=function(e){let{scope:t,className:n,...i}=e;return(0,o.createElement)(c.Slot,(0,r.Z)({name:`PinnedItems/${t}`},i),(e=>!(0,a.isEmpty)(e)&&(0,o.createElement)("div",{className:u()(n,"interface-pinned-items")},e)))},t.Z=s},5192:function(e,t,n){"use strict";n.d(t,{Ox:function(){return r.Ox}});var r=n(5173);n(7014)},6262:function(e,t,n){"use strict";function r(e,t,n){return{type:"SET_SINGLE_ENABLE_ITEM",itemType:e,scope:t,item:n}}function o(e,t){return r("complementaryArea",e,t)}function a(e){return r("complementaryArea",e,void 0)}function i(e,t,n,r){return{type:"SET_MULTIPLE_ENABLE_ITEM",itemType:e,scope:t,item:n,isEnable:r}}function u(e,t){return i("pinnedItems",e,t,!0)}function c(e,t){return i("pinnedItems",e,t,!1)}function s(e,t){return function(n){let{select:r,dispatch:o}=n;const a=r.isFeatureActive(e,t);o.setFeatureValue(e,t,!a)}}function l(e,t,n){return{type:"SET_FEATURE_VALUE",scope:e,featureName:t,value:!!n}}function f(e,t){return{type:"SET_FEATURE_DEFAULTS",scope:e,defaults:t}}n.r(t),n.d(t,{enableComplementaryArea:function(){return o},disableComplementaryArea:function(){return a},pinItem:function(){return u},unpinItem:function(){return c},toggleFeature:function(){return s},setFeatureValue:function(){return l},setFeatureDefaults:function(){return f}})},112:function(e,t,n){"use strict";n.d(t,{G:function(){return r}});const r="core/interface"},7014:function(e,t,n){"use strict";var r=n(9818),o=n(7350),a=n(6262),i=n(7844),u=n(112);(0,r.createReduxStore)(u.G,{reducer:o.ZP,actions:a,selectors:i,persist:["enableItems","preferences"],__experimentalUseThunks:!0});(0,r.registerStore)(u.G,{reducer:o.ZP,actions:a,selectors:i,persist:["enableItems","preferences"],__experimentalUseThunks:!0})},7350:function(e,t,n){"use strict";var r=n(2819),o=n(9818);const a=(0,o.combineReducers)({features(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;if("SET_FEATURE_DEFAULTS"===t.type){const{scope:n,defaults:r}=t;return{...e,[n]:{...e[n],...r}}}return e}}),i=(0,o.combineReducers)({features(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1?arguments[1]:void 0;if("SET_FEATURE_VALUE"===t.type){const{scope:n,featureName:r,value:o}=t;return{...e,[n]:{...e[n],[r]:o}}}return e}}),u=(0,o.combineReducers)({singleEnableItems:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{type:t,itemType:n,scope:r,item:o}=arguments.length>1?arguments[1]:void 0;return"SET_SINGLE_ENABLE_ITEM"===t&&n&&r?{...e,[n]:{...e[n],[r]:o\|\|null}}:e},multipleEnableItems:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{type:t,itemType:n,scope:o,item:a,isEnable:i}=arguments.length>1?arguments[1]:void 0;if("SET_MULTIPLE_ENABLE_ITEM"!==t\|\|!n\|\|!o\|\|!a\|\|(0,r.get)(e,[n,o,a])===i)return e;const u=e[n]\|\|{},c=u[o]\|\|{};return{...e,[n]:{...u,[o]:{...c,[a]:i\|\|!1}}}}});t.ZP=(0,o.combineReducers)({enableItems:u,preferenceDefaults:a,preferences:i})},7844:function(e,t,n){"use strict";n.r(t),n.d(t,{getActiveComplementaryArea:function(){return o},isItemPinned:function(){return a},isFeatureActive:function(){return i}});var r=n(2819);function o(e,t){return function(e,t,n){return(0,r.get)(e.enableItems.singleEnableItems,[t,n])}(e,"complementaryArea",t)}function a(e,t,n){return!1!==function(e,t,n,o){return(0,r.get)(e.enableItems.multipleEnableItems,[t,n,o])}(e,"pinnedItems",t,n)}function i(e,t,n){var r,o;const a=null===(r=e.preferences.features[t])\|\|void 0===r?void 0:r[n];return!!(void 0!==a?a:null===(o=e.preferenceDefaults.features[t])\|\|void 0===o?void 0:o[n])}},2779:function(e,t){var n;
2	/*!
3	Copyright (c) 2018 Jed Watson.
4	Licensed under the MIT License (MIT), see
5	http://jedwatson.github.io/classnames
6	+ /!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],t=0;t<arguments.length;t++){var n=arguments[t];if(n){var a=typeof n;if("string"===a\|\|"number"===a)e.push(n);else if(Array.isArray(n)){if(n.length){var i=o.apply(null,n);i&&e.push(i)}}else if("object"===a)if(n.toString===Object.prototype.toString)for(var u in n)r.call(n,u)&&n[u]&&e.push(u);else e.push(n.toString())}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(n=function(){return o}.apply(t,[]))\|\|(e.exports=n)}()},6277:function(e,t,n){"use strict";function r(e){var t,n,o="";if("string"==typeof e\|\|"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.r(t),n.d(t,{default:function(){return o}})},9142:function(){},2829:function(){},8262:function(e,t,n){"use strict";var r=n(3586);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var u=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw u.name="Invariant Violation",u}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},3980:function(e,t,n){e.exports=n(8262)()},3586:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},1997:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"DraggableCore",{enumerable:!0,get:function(){return f.default}}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e\|\|"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=g(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get\|\|u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,n&&n.set(e,o);return o}(n(9196)),a=m(n(3980)),i=m(n(1850)),u=m(n(6277)),c=n(4688),s=n(3585),l=n(136),f=m(n(3816)),p=m(n(1177)),d=["axis","bounds","children","defaultPosition","defaultClassName","defaultClassNameDragging","defaultClassNameDragged","position","positionOffset","scale"];function m(e){return e&&e.__esModule?e:{default:e}}function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}function y(){return y=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},y.apply(this,arguments)}function h(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0\|\|(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0\|\|Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,o,a=[],_n=!0,i=!1;try{for(n=n.call(e);!(_n=(r=n.next()).done)&&(a.push(r.value),!t\|\|a.length!==t);_n=!0);}catch(u){i=!0,o=u}finally{try{_n\|\|null==n.return\|\|n.return()}finally{if(i)throw o}}return a}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return S(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return S(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function S(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}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)}}function O(e,t){return O=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e},O(e,t)}function x(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=T(e);if(t){var o=T(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return D(this,n)}}function D(e,t){if(t&&("object"===r(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return P(e)}function P(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function T(e){return T=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},T(e)}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&O(e,t)}(l,e);var t,n,r,a=x(l);function l(e){var t;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,l),j(P(t=a.call(this,e)),"onDragStart",(function(e,n){if((0,p.default)("Draggable: onDragStart: %j",n),!1===t.props.onStart(e,(0,s.createDraggableData)(P(t),n)))return!1;t.setState({dragging:!0,dragged:!0})})),j(P(t),"onDrag",(function(e,n){if(!t.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",n);var r=(0,s.createDraggableData)(P(t),n),o={x:r.x,y:r.y};if(t.props.bounds){var a=o.x,i=o.y;o.x+=t.state.slackX,o.y+=t.state.slackY;var u=w((0,s.getBoundPosition)(P(t),o.x,o.y),2),c=u[0],l=u[1];o.x=c,o.y=l,o.slackX=t.state.slackX+(a-o.x),o.slackY=t.state.slackY+(i-o.y),r.x=o.x,r.y=o.y,r.deltaX=o.x-t.state.x,r.deltaY=o.y-t.state.y}if(!1===t.props.onDrag(e,r))return!1;t.setState(o)})),j(P(t),"onDragStop",(function(e,n){if(!t.state.dragging)return!1;if(!1===t.props.onStop(e,(0,s.createDraggableData)(P(t),n)))return!1;(0,p.default)("Draggable: onDragStop: %j",n);var r={dragging:!1,slackX:0,slackY:0};if(Boolean(t.props.position)){var o=t.props.position,a=o.x,i=o.y;r.x=a,r.y=i}t.setState(r)})),t.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:b({},e.position),slackX:0,slackY:0,isElementSVG:!1},!e.position\|\|e.onDrag\|\|e.onStop\|\|console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element."),t}return t=l,r=[{key:"getDerivedStateFromProps",value:function(e,t){var n=e.position,r=t.prevPropsPosition;return!n\|\|r&&n.x===r.x&&n.y===r.y?null:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:n,prevPropsPosition:r}),{x:n.x,y:n.y,prevPropsPosition:b({},n)})}}],(n=[{key:"componentDidMount",value:function(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}},{key:"componentWillUnmount",value:function(){this.setState({dragging:!1})}},{key:"findDOMNode",value:function(){var e,t,n;return null!==(e=null===(t=this.props)\|\|void 0===t\|\|null===(n=t.nodeRef)\|\|void 0===n?void 0:n.current)&&void 0!==e?e:i.default.findDOMNode(this)}},{key:"render",value:function(){var e,t=this.props,n=(t.axis,t.bounds,t.children),r=t.defaultPosition,a=t.defaultClassName,i=t.defaultClassNameDragging,l=t.defaultClassNameDragged,p=t.position,m=t.positionOffset,g=(t.scale,h(t,d)),v={},w=null,S=!Boolean(p)\|\|this.state.dragging,E=p\|\|r,O={x:(0,s.canDragX)(this)&&S?this.state.x:E.x,y:(0,s.canDragY)(this)&&S?this.state.y:E.y};this.state.isElementSVG?w=(0,c.createSVGTransform)(O,m):v=(0,c.createCSSTransform)(O,m);var x=(0,u.default)(n.props.className\|\|"",a,(j(e={},i,this.state.dragging),j(e,l,this.state.dragged),e));return o.createElement(f.default,y({},g,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),o.cloneElement(o.Children.only(n),{className:x,style:b(b({},n.props.style),v),transform:w}))}}])&&E(t.prototype,n),r&&E(t,r),l}(o.Component);t.default=_,j(_,"displayName","Draggable"),j(_,"propTypes",b(b({},f.default.propTypes),{},{axis:a.default.oneOf(["both","x","y","none"]),bounds:a.default.oneOfType([a.default.shape({left:a.default.number,right:a.default.number,top:a.default.number,bottom:a.default.number}),a.default.string,a.default.oneOf([!1])]),defaultClassName:a.default.string,defaultClassNameDragging:a.default.string,defaultClassNameDragged:a.default.string,defaultPosition:a.default.shape({x:a.default.number,y:a.default.number}),positionOffset:a.default.shape({x:a.default.oneOfType([a.default.number,a.default.string]),y:a.default.oneOfType([a.default.number,a.default.string])}),position:a.default.shape({x:a.default.number,y:a.default.number}),className:l.dontSetMe,style:l.dontSetMe,transform:l.dontSetMe})),j(_,"defaultProps",b(b({},f.default.defaultProps),{},{axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1}))},3816:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e\|\|"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get\|\|u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}o.default=e,n&&n.set(e,o);return o}(n(9196)),a=f(n(3980)),i=f(n(1850)),u=n(4688),c=n(3585),s=n(136),l=f(n(1177));function f(e){return e&&e.__esModule?e:{default:e}}function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}function d(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==n)return;var r,o,a=[],_n=!0,i=!1;try{for(n=n.call(e);!(_n=(r=n.next()).done)&&(a.push(r.value),!t\|\|a.length!==t);_n=!0);}catch(u){i=!0,o=u}finally{try{_n\|\|null==n.return\|\|n.return()}finally{if(i)throw o}}return a}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n\|\|"Set"===n)return Array.from(e);if("Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n))return m(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function y(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)}}function h(e,t){return h=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e},h(e,t)}function v(e){var t=function(){if("undefined"==typeof Reflect\|\|!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=S(e);if(t){var o=S(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return b(this,n)}}function b(e,t){if(t&&("object"===r(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return w(e)}function w(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function S(e){return S=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},S(e)}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var O={start:"touchstart",move:"touchmove",stop:"touchend"},x={start:"mousedown",move:"mousemove",stop:"mouseup"},D=x,P=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(s,e);var t,n,r,a=v(s);function s(){var e;g(this,s);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return E(w(e=a.call.apply(a,[this].concat(n))),"state",{dragging:!1,lastX:NaN,lastY:NaN,touchIdentifier:null}),E(w(e),"mounted",!1),E(w(e),"handleDragStart",(function(t){if(e.props.onMouseDown(t),!e.props.allowAnyClick&&"number"==typeof t.button&&0!==t.button)return!1;var n=e.findDOMNode();if(!n\|\|!n.ownerDocument\|\|!n.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");var r=n.ownerDocument;if(!(e.props.disabled\|\|!(t.target instanceof r.defaultView.Node)\|\|e.props.handle&&!(0,u.matchesSelectorAndParentsTo)(t.target,e.props.handle,n)\|\|e.props.cancel&&(0,u.matchesSelectorAndParentsTo)(t.target,e.props.cancel,n))){"touchstart"===t.type&&t.preventDefault();var o=(0,u.getTouchIdentifier)(t);e.setState({touchIdentifier:o});var a=(0,c.getControlPosition)(t,o,w(e));if(null!=a){var i=a.x,s=a.y,f=(0,c.createCoreData)(w(e),i,s);(0,l.default)("DraggableCore: handleDragStart: %j",f),(0,l.default)("calling",e.props.onStart),!1!==e.props.onStart(t,f)&&!1!==e.mounted&&(e.props.enableUserSelectHack&&(0,u.addUserSelectStyles)(r),e.setState({dragging:!0,lastX:i,lastY:s}),(0,u.addEvent)(r,D.move,e.handleDrag),(0,u.addEvent)(r,D.stop,e.handleDragStop))}}})),E(w(e),"handleDrag",(function(t){var n=(0,c.getControlPosition)(t,e.state.touchIdentifier,w(e));if(null!=n){var r=n.x,o=n.y;if(Array.isArray(e.props.grid)){var a=r-e.state.lastX,i=o-e.state.lastY,u=d((0,c.snapToGrid)(e.props.grid,a,i),2);if(a=u[0],i=u[1],!a&&!i)return;r=e.state.lastX+a,o=e.state.lastY+i}var s=(0,c.createCoreData)(w(e),r,o);if((0,l.default)("DraggableCore: handleDrag: %j",s),!1!==e.props.onDrag(t,s)&&!1!==e.mounted)e.setState({lastX:r,lastY:o});else try{e.handleDragStop(new MouseEvent("mouseup"))}catch(p){var f=document.createEvent("MouseEvents");f.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),e.handleDragStop(f)}}})),E(w(e),"handleDragStop",(function(t){if(e.state.dragging){var n=(0,c.getControlPosition)(t,e.state.touchIdentifier,w(e));if(null!=n){var r=n.x,o=n.y,a=(0,c.createCoreData)(w(e),r,o);if(!1===e.props.onStop(t,a)\|\|!1===e.mounted)return!1;var i=e.findDOMNode();i&&e.props.enableUserSelectHack&&(0,u.removeUserSelectStyles)(i.ownerDocument),(0,l.default)("DraggableCore: handleDragStop: %j",a),e.setState({dragging:!1,lastX:NaN,lastY:NaN}),i&&((0,l.default)("DraggableCore: Removing handlers"),(0,u.removeEvent)(i.ownerDocument,D.move,e.handleDrag),(0,u.removeEvent)(i.ownerDocument,D.stop,e.handleDragStop))}}})),E(w(e),"onMouseDown",(function(t){return D=x,e.handleDragStart(t)})),E(w(e),"onMouseUp",(function(t){return D=x,e.handleDragStop(t)})),E(w(e),"onTouchStart",(function(t){return D=O,e.handleDragStart(t)})),E(w(e),"onTouchEnd",(function(t){return D=O,e.handleDragStop(t)})),e}return t=s,(n=[{key:"componentDidMount",value:function(){this.mounted=!0;var e=this.findDOMNode();e&&(0,u.addEvent)(e,O.start,this.onTouchStart,{passive:!1})}},{key:"componentWillUnmount",value:function(){this.mounted=!1;var e=this.findDOMNode();if(e){var t=e.ownerDocument;(0,u.removeEvent)(t,x.move,this.handleDrag),(0,u.removeEvent)(t,O.move,this.handleDrag),(0,u.removeEvent)(t,x.stop,this.handleDragStop),(0,u.removeEvent)(t,O.stop,this.handleDragStop),(0,u.removeEvent)(e,O.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,u.removeUserSelectStyles)(t)}}},{key:"findDOMNode",value:function(){var e,t,n;return null!==(e=null===(t=this.props)\|\|void 0===t\|\|null===(n=t.nodeRef)\|\|void 0===n?void 0:n.current)&&void 0!==e?e:i.default.findDOMNode(this)}},{key:"render",value:function(){return o.cloneElement(o.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}}])&&y(t.prototype,n),r&&y(t,r),s}(o.Component);t.default=P,E(P,"displayName","DraggableCore"),E(P,"propTypes",{allowAnyClick:a.default.bool,disabled:a.default.bool,enableUserSelectHack:a.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:a.default.arrayOf(a.default.number),handle:a.default.string,cancel:a.default.string,nodeRef:a.default.object,onStart:a.default.func,onDrag:a.default.func,onStop:a.default.func,onMouseDown:a.default.func,scale:a.default.number,className:s.dontSetMe,style:s.dontSetMe,transform:s.dontSetMe}),E(P,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1})},1327:function(e,t,n){"use strict";var r=n(1997),o=r.default,a=r.DraggableCore;e.exports=o,e.exports.default=o,e.exports.DraggableCore=a},4688:function(e,t,n){"use strict";function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.matchesSelector=f,t.matchesSelectorAndParentsTo=function(e,t,n){var r=e;do{if(f(r,t))return!0;if(r===n)return!1;r=r.parentNode}while(r);return!1},t.addEvent=function(e,t,n,r){if(!e)return;var o=c({capture:!0},r);e.addEventListener?e.addEventListener(t,n,o):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n},t.removeEvent=function(e,t,n,r){if(!e)return;var o=c({capture:!0},r);e.removeEventListener?e.removeEventListener(t,n,o):e.detachEvent?e.detachEvent("on"+t,n):e["on"+t]=null},t.outerHeight=function(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,o.int)(n.borderTopWidth),t+=(0,o.int)(n.borderBottomWidth)},t.outerWidth=function(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,o.int)(n.borderLeftWidth),t+=(0,o.int)(n.borderRightWidth)},t.innerHeight=function(e){var t=e.clientHeight,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,o.int)(n.paddingTop),t-=(0,o.int)(n.paddingBottom)},t.innerWidth=function(e){var t=e.clientWidth,n=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,o.int)(n.paddingLeft),t-=(0,o.int)(n.paddingRight)},t.offsetXYFromParent=function(e,t,n){var r=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-r.left)/n,a=(e.clientY+t.scrollTop-r.top)/n;return{x:o,y:a}},t.createCSSTransform=function(e,t){var n=p(e,t,"px");return s({},(0,a.browserPrefixToKey)("transform",a.default),n)},t.createSVGTransform=function(e,t){return p(e,t,"")},t.getTranslation=p,t.getTouch=function(e,t){return e.targetTouches&&(0,o.findInArray)(e.targetTouches,(function(e){return t===e.identifier}))\|\|e.changedTouches&&(0,o.findInArray)(e.changedTouches,(function(e){return t===e.identifier}))},t.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},t.addUserSelectStyles=function(e){if(!e)return;var t=e.getElementById("react-draggable-style-el");t\|\|((t=e.createElement("style")).type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection ::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection ::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&d(e.body,"react-draggable-transparent-selection")},t.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&m(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{var t=(e.defaultView\|\|window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(n){}},t.addClassName=d,t.removeClassName=m;var o=n(136),a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e\|\|"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=i(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var c=a?Object.getOwnPropertyDescriptor(e,u):null;c&&(c.get\|\|c.set)?Object.defineProperty(o,u,c):o[u]=e[u]}o.default=e,n&&n.set(e,o);return o}(n(2185));function i(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(i=function(e){return e?n:t})(e)}function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function c(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function s(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l="";function f(e,t){return l\|\|(l=(0,o.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(t){return(0,o.isFunction)(e[t])}))),!!(0,o.isFunction)(e[l])&&e[l](t)}function p(e,t,n){var r=e.x,o=e.y,a="translate(".concat(r).concat(n,",").concat(o).concat(n,")");if(t){var i="".concat("string"==typeof t.x?t.x:t.x+n),u="".concat("string"==typeof t.y?t.y:t.y+n);a="translate(".concat(i,", ").concat(u,")")+a}return a}function d(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^\|\\s)".concat(t,"(?!\\S)")))\|\|(e.className+=" ".concat(t))}function m(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^\|\\s)".concat(t,"(?!\\S)"),"g"),"")}},2185:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getPrefix=r,t.browserPrefixToKey=o,t.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},t.default=void 0;var n=["Moz","Webkit","O","ms"];function r(){var e,t,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";var a=null===(e=window.document)\|\|void 0===e\|\|null===(t=e.documentElement)\|\|void 0===t?void 0:t.style;if(!a)return"";if(r in a)return"";for(var i=0;i<n.length;i++)if(o(r,n[i])in a)return n[i];return""}function o(e,t){return t?"".concat(t).concat(function(e){for(var t="",n=!0,r=0;r<e.length;r++)n?(t+=e[r].toUpperCase(),n=!1):"-"===e[r]?n=!0:t+=e[r];return t}(e)):e}var a=r();t.default=a},1177:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(){0}},3585:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getBoundPosition=function(e,t,n){if(!e.props.bounds)return[t,n];var i=e.props.bounds;i="string"==typeof i?i:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(i);var u=a(e);if("string"==typeof i){var c,s=u.ownerDocument,l=s.defaultView;if(!((c="parent"===i?u.parentNode:s.querySelector(i))instanceof l.HTMLElement))throw new Error('Bounds selector "'+i+'" could not find an element.');var f=c,p=l.getComputedStyle(u),d=l.getComputedStyle(f);i={left:-u.offsetLeft+(0,r.int)(d.paddingLeft)+(0,r.int)(p.marginLeft),top:-u.offsetTop+(0,r.int)(d.paddingTop)+(0,r.int)(p.marginTop),right:(0,o.innerWidth)(f)-(0,o.outerWidth)(u)-u.offsetLeft+(0,r.int)(d.paddingRight)-(0,r.int)(p.marginRight),bottom:(0,o.innerHeight)(f)-(0,o.outerHeight)(u)-u.offsetTop+(0,r.int)(d.paddingBottom)-(0,r.int)(p.marginBottom)}}(0,r.isNum)(i.right)&&(t=Math.min(t,i.right));(0,r.isNum)(i.bottom)&&(n=Math.min(n,i.bottom));(0,r.isNum)(i.left)&&(t=Math.max(t,i.left));(0,r.isNum)(i.top)&&(n=Math.max(n,i.top));return[t,n]},t.snapToGrid=function(e,t,n){var r=Math.round(t/e[0])e[0],o=Math.round(n/e[1])*e[1];return[r,o]},t.canDragX=function(e){return"both"===e.props.axis\|\|"x"===e.props.axis},t.canDragY=function(e){return"both"===e.props.axis\|\|"y"===e.props.axis},t.getControlPosition=function(e,t,n){var r="number"==typeof t?(0,o.getTouch)(e,t):null;if("number"==typeof t&&!r)return null;var i=a(n),u=n.props.offsetParent\|\|i.offsetParent\|\|i.ownerDocument.body;return(0,o.offsetXYFromParent)(r\|\|e,u,n.props.scale)},t.createCoreData=function(e,t,n){var o=e.state,i=!(0,r.isNum)(o.lastX),u=a(e);return i?{node:u,deltaX:0,deltaY:0,lastX:t,lastY:n,x:t,y:n}:{node:u,deltaX:t-o.lastX,deltaY:n-o.lastY,lastX:o.lastX,lastY:o.lastY,x:t,y:n}},t.createDraggableData=function(e,t){var n=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/n,y:e.state.y+t.deltaY/n,deltaX:t.deltaX/n,deltaY:t.deltaY/n,lastX:e.state.x,lastY:e.state.y}};var r=n(136),o=n(4688);function a(e){var t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}},136:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.findInArray=function(e,t){for(var n=0,r=e.length;n<r;n++)if(t.apply(t,[e[n],n,e]))return e[n]},t.isFunction=function(e){return"function"==typeof e\|\|"[object Function]"===Object.prototype.toString.call(e)},t.isNum=function(e){return"number"==typeof e&&!isNaN(e)},t.int=function(e){return parseInt(e,10)},t.dontSetMe=function(e,t,n){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(n," - do not set this, set it on the child."))}},9477:function(e,t,n){"use strict";var r=n(9307),o=n(2421),a=n(5213),i=n(5609),u=n(4333),c=n(9818),s=n(5192),l=n(8817),f=n(2779),p=n.n(f);n(9142);function d(){var e;const t=(0,u.useMediaQuery)("(min-width: 480px)"),{show:n}=(0,c.useSelect)((e=>({show:e("automattic/help-center").isHelpCenterShown()}))),l=null===(e=(0,c.useDispatch)("automattic/help-center"))\|\|void 0===e?void 0:e.setShowHelpCenter;return(0,r.createElement)(r.Fragment,null,t&&(0,r.createElement)(s.Ox,{scope:"core/edit-post"},(0,r.createElement)("span",{className:"etk-help-center"},(0,r.createElement)(i.Button,{className:p()("entry-point-button",{"is-active":n}),onClick:()=>l(!n),icon:(0,r.createElement)(o.Z,{newItems:!0,active:n})}))),n&&(0,r.createElement)(a.Z,{content:(0,r.createElement)("h1",null,"Help center"),handleClose:()=>l(!1)}))}(0,l.registerPlugin)("etk-help-center",{render:()=>(0,r.createElement)(d,null)})},2865:function(e,t,n){"use strict";n.r(t),n.d(t,{setShowHelpCenter:function(){return r}});const r=e=>({type:"HELP_CENTER_SET_SHOW",show:e})},2193:function(e,t,n){"use strict";n.d(t,{L:function(){return r}});const r="automattic/help-center"},7624:function(e,t,n){"use strict";n.d(t,{z:function(){return s}});var r=n(9818),o=n(3418),a=n(2865),i=n(2193),u=n(1654),c=n(5601);function s(){return(0,r.registerStore)(i.L,{actions:a,reducer:u.Z,controls:o.controls,selectors:c}),i.L}},1654:function(e,t,n){"use strict";var r=n(9818);const o=(0,r.combineReducers)({showHelpCenter:(e,t)=>"HELP_CENTER_SET_SHOW"===t.type?t.show:e});t.Z=o},5601:function(e,t,n){"use strict";n.r(t),n.d(t,{isHelpCenterShown:function(){return r}});const r=e=>e.showHelpCenter},250:function(e,t,n){"use strict";var r=n(7896),o=n(9307),a=n(6951),i=n(5609),u=n(2779),c=n.n(u),s=n(9196),l=n(1327),f=n.n(l),p=n(407),d=n(4059),m=n(4934);t.Z=e=>{let{content:t,handleClose:n}=e;const[u,l]=(0,s.useState)(!1),[g,y]=(0,s.useState)(!0),h=(0,a._z)(),v=c()("help-center__container",h?"is-mobile":"is-desktop",{"is-minimized":u}),b={style:{animation:(g?"fadeIn":"fadeOut")+" .5s"},onAnimationEnd:()=>{g\|\|n()}},w=(0,o.createElement)(o.Fragment,null,(0,o.createElement)(m.Z,{isMinimized:u,onMinimize:()=>l(!0),onMaximize:()=>l(!1),onDismiss:()=>{y(!1)}}),!u&&(0,o.createElement)(o.Fragment,null,(0,o.createElement)(p.Z,{content:t}),(0,o.createElement)(d.Z,null)));return h?(0,o.createElement)(i.Card,(0,r.Z)({},b,{className:v}),w):u?(0,o.createElement)(i.Card,(0,r.Z)({className:v},b),w):(0,o.createElement)(f(),null,(0,o.createElement)(i.Card,(0,r.Z)({className:v},b),w))}},407:function(e,t,n){"use strict";var r=n(9307),o=n(5609),a=n(2779),i=n.n(a);t.Z=e=>{let{content:t}=e;const n=i()("help-center__container-content");return(0,r.createElement)(o.CardBody,{className:n},(0,r.createElement)("div",null,t))}},4059:function(e,t,n){"use strict";var r=n(9307),o=n(5609),a=n(2779),i=n.n(a);t.Z=()=>{const e=i()("help-center__container-footer");return(0,r.createElement)(o.CardFooter,{className:e},(0,r.createElement)("div",null,"footer"))}},4934:function(e,t,n){"use strict";var r=n(9307),o=n(5609),a=n(5736),i=n(6715),u=n(3103),c=n(199),s=n(2779),l=n.n(s);const __=a.__;t.Z=e=>{let{isMinimized:t,onMinimize:n,onMaximize:a,onDismiss:s}=e;const f=l()("help-center__container-header");return(0,r.createElement)(o.CardHeader,{className:f},(0,r.createElement)(o.Flex,null,(0,r.createElement)("p",{style:{fontSize:14,fontWeight:500}},__("Help Center")),(0,r.createElement)("div",null,t?(0,r.createElement)(o.Button,{className:"help-center-header__maximize",label:__("Maximize Help Center"),icon:i.Z,onClick:a}):(0,r.createElement)(o.Button,{className:"help-center-header__minimize",label:__("Minimize Help Center"),icon:u.Z,onClick:n}),(0,r.createElement)(o.Button,{className:"help-center-header__close",label:__("Close Help Center"),icon:c.Z,onClick:s}))))}},5213:function(e,t,n){"use strict";var r=n(9307),o=n(250);n(2829);t.Z=e=>{let{content:t,handleClose:n}=e;const a=(0,r.useRef)(document.createElement("div")).current;return(0,r.useEffect)((()=>(a.classList.add("help-center"),document.body.appendChild(a),()=>{document.body.removeChild(a)})),[a]),(0,r.createElement)("div",null,(0,r.createPortal)((0,r.createElement)(o.Z,{handleClose:n,content:t}),a))}},2421:function(e,t,n){"use strict";var r=n(9307);t.Z=e=>{let{newItems:t,active:n}=e;return(0,r.createElement)("svg",{width:"26",height:"25",viewBox:"0 0 26 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},(0,r.createElement)("circle",{cx:"12",cy:"12.5",r:"8",stroke:n?"white":"#1e1e1e",fill:n?"#1e1e1e":"white",strokeWidth:"1.5"}),(0,r.createElement)("path",{d:"M9.75 10.75C9.75 9.50736 10.7574 8.5 12 8.5C13.2426 8.5 14.25 9.50736 14.25 10.75C14.25 11.9083 13.3748 12.8621 12.2496 12.9863C12.1124 13.0015 12 13.1119 12 13.25V14.5",stroke:n?"white":"#1e1e1e",strokeWidth:"1.5",fill:"none"}),(0,r.createElement)("path",{d:"M12 15.5V17",stroke:n?"white":"#1e1e1e",strokeWidth:"1.5"}),t&&(0,r.createElement)("circle",{cx:"20",cy:"8",r:"5",stroke:n?"#1e1e1e":"white",fill:"#0675C4",strokeWidth:"2"}))}},6951:function(e,t,n){"use strict";n.d(t,{_z:function(){return s}});var r=n(7896),o=n(9307),a=n(9321),i=n(4333),u=n(9196);function c(e){const[t,n]=(0,u.useState)((()=>({isActive:(0,a.kV)(e),breakpoint:e})));return(0,u.useEffect)((()=>(0,a.Sp)(e,(function(t){n((n=>n.isActive===t&&n.breakpoint===e?n:{isActive:t,breakpoint:e}))}))),[e]),e===t.breakpoint?t.isActive:(0,a.kV)(e)}function s(){return c(a.Gh)}(0,i.createHigherOrderComponent)((e=>(0,u.forwardRef)(((t,n)=>{const i=c(a.Gh);return(0,o.createElement)(e,(0,r.Z)({},t,{isBreakpointActive:i,ref:n}))}))),"WithMobileBreakpoint"),(0,i.createHigherOrderComponent)((e=>(0,u.forwardRef)(((t,n)=>{const i=c(a.oh);return(0,o.createElement)(e,(0,r.Z)({},t,{isBreakpointActive:i,ref:n}))}))),"WithDesktopBreakpoint")},9321:function(e,t,n){"use strict";n.d(t,{Gh:function(){return o},oh:function(){return a},kV:function(){return p},Sp:function(){return d}});const r=769,o="<480px",a=">960px",i="undefined"==typeof window\|\|!window.matchMedia,u=()=>null;function c(e){return{addListener:()=>{},removeListener:()=>{},...e}}function s(e){const{min:t,max:n}=e??{};return void 0!==t&&void 0!==n?i?c({matches:r>t&&r<=n}):window.matchMedia(`(min-width: ${t+1}px) and (max-width: ${n}px)`):void 0!==t?i?c({matches:r>t}):window.matchMedia(`(min-width: ${t+1}px)`):void 0!==n&&(i?c({matches:r<=n}):window.matchMedia(`(max-width: ${n}px)`))}const l={"<480px":s({max:480}),"<660px":s({max:660}),"<782px":s({max:782}),"<800px":s({max:800}),"<960px":s({max:960}),"<1040px":s({max:1040}),"<1280px":s({max:1280}),"<1400px":s({max:1400}),">480px":s({min:480}),">660px":s({min:660}),">782px":s({min:782}),">800px":s({min:800}),">960px":s({min:960}),">1040px":s({min:1040}),">1280px":s({min:1280}),">1400px":s({min:1400}),"480px-660px":s({min:480,max:660}),"660px-960px":s({min:660,max:960}),"480px-960px":s({min:480,max:960})};function f(e){if(l.hasOwnProperty(e))return l[e];try{console.warn("Undefined breakpoint used in `mobile-first-breakpoint`",e)}catch(t){}}function p(e){const t=f(e);return t?t.matches:void 0}function d(e,t){if(!t)return u;const n=f(e);if(n&&!i){const e=e=>t(e.matches);return n.addListener(e),()=>n.removeListener(e)}return u}},9196:function(e){"use strict";e.exports=window.React},1850:function(e){"use strict";e.exports=window.ReactDOM},2819:function(e){"use strict";e.exports=window.lodash},5609:function(e){"use strict";e.exports=window.wp.components},4333:function(e){"use strict";e.exports=window.wp.compose},9818:function(e){"use strict";e.exports=window.wp.data},3418:function(e){"use strict";e.exports=window.wp.dataControls},9307:function(e){"use strict";e.exports=window.wp.element},5736:function(e){"use strict";e.exports=window.wp.i18n},8817:function(e){"use strict";e.exports=window.wp.plugins},444:function(e){"use strict";e.exports=window.wp.primitives},7896:function(e,t,n){"use strict";function r(){return 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},r.apply(this,arguments)}n.d(t,{Z:function(){return r}})}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={exports:{}};return e[r](a,a.exports,n),a.exports}n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};!function(){"use strict";n.r(r);var e=n(7624);n(9477);e.z()}(),window.EditingToolkit=r}();

help-center/dist/help-center.rtl.css CHANGED Viewed

@@ -1 +1 @@

- .etk-help-center .entry-point-button.is-active{background:#1e1e1e}.help-center__container.is-mobile~~{height:calc(100% - 46px);margin-top:46px}~~.~~help-center__container.~~is-~~mobile.is-~~minimized{margin-top:0}.components-card.help-center__container{background-color:#fff;color:#000;cursor:default;position:absolute;z-index:9999}.components-card.help-center__container .help-center__container-header{height:50px;padding:16px 16px 16px 8px}.components-card.help-center__container .help-center__container-header .help-center-header__minimize svg{transform:scaleX(.7);transform-origin:left}.components-card.help-center__container .help-center__container-content{overflow-y:auto;padding:16px}.components-card.help-center__container .help-center__container-footer{height:50px;padding:16px}.components-card.help-center__container.is-desktop{box-shadow:0 0 3px 0 rgba(0,0,0,.25);left:16px;max-height:800px;min-height:80vh;top:76px;width:410px}.components-card.help-center__container.is-desktop .help-center__container-header{cursor:move}.components-card.help-center__container.is-desktop .help-center__container-content{height:calc(80vh - 100px);max-height:700px}.components-card.help-center__container.is-desktop.is-minimized{min-height:50px;top:calc(100vh - 91px)}.components-card.help-center__container.is-desktop.is-minimized .help-center__container-header{cursor:default}.components-card.help-center__container.is-mobile{bottom:0;left:0;right:0;top:0}.components-card.help-center__container.is-mobile .help-center__container-content{height:calc(100% - 100px)}.components-card.help-center__container.is-mobile.is-minimized{min-height:50px;top:calc(100vh - 50px)}.components-card.help-center__container .components-button:hover{box-shadow:none;color:inherit}.components-card.help-center__container.is-desktop.is-minimized,.components-card.help-center__container.is-mobile.is-minimized{max-height:50px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}

+ .etk-help-center .entry-point-button.is-active{background:#1e1e1e}.help-center__container.is-mobile.is-minimized{margin-top:0}.components-card.help-center__container{background-color:#fff;color:#000;cursor:default;position:absolute;z-index:9999}.components-card.help-center__container .help-center__container-header{height:50px;padding:16px 16px 16px 8px}.components-card.help-center__container .help-center__container-header .help-center-header__minimize svg{transform:scaleX(.7);transform-origin:left}.components-card.help-center__container .help-center__container-content{overflow-y:auto;padding:16px}.components-card.help-center__container .help-center__container-footer{height:50px;padding:16px}.components-card.help-center__container.is-desktop{box-shadow:0 0 3px 0 rgba(0,0,0,.25);left:16px;max-height:800px;min-height:80vh;top:76px;width:410px}.components-card.help-center__container.is-desktop .help-center__container-header{cursor:move}.components-card.help-center__container.is-desktop .help-center__container-content{height:calc(80vh - 100px);max-height:700px}.components-card.help-center__container.is-desktop.is-minimized{min-height:50px;top:calc(100vh - 91px)}.components-card.help-center__container.is-desktop.is-minimized .help-center__container-header{cursor:default}.components-card.help-center__container.is-mobile{bottom:0;left:0;right:0;top:0}.components-card.help-center__container.is-mobile .help-center__container-content{height:calc(100% - 100px)}.components-card.help-center__container.is-mobile.is-minimized{min-height:50px;top:calc(100vh - 50px)}.components-card.help-center__container .components-button:hover{box-shadow:none;color:inherit}.components-card.help-center__container.is-desktop.is-minimized,.components-card.help-center__container.is-mobile.is-minimized{max-height:50px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}

help-center/index.js CHANGED Viewed

	@@ -1 +1,4 @@

1	import './src/help-center';


1	+ import { HelpCenter } from '@automattic/data-stores';
2	import './src/help-center';
3	+
4	+ HelpCenter.register();

help-center/src/help-center.js CHANGED Viewed

@@ -1,57 +1,39 @@
-            -
            import HelpCenter from '@automattic/help-center';
             import { Button } from '@wordpress/components';
             import { PinnedItems } from '@wordpress/interface';
             import { registerPlugin } from '@wordpress/plugins';
             import cx from 'classnames';
-            -
            import React from 'react';
             import './help-center.scss';
-            -
            const HelpIcon = ( { newItems, active } ) => (
-            -
            	<svg width="26" height="25" viewBox="0 0 26 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-            -
            		<circle
-            -
            			cx="12"
-            -
            			cy="12.5"
-            -
            			r="8"
-            -
            			stroke={ active ? 'white' : '#1e1e1e' }
-            -
            			fill={ active ? '#1e1e1e' : 'white' }
-            -
            			stroke-width="1.5"
-            -
            		/>
-            -
            		<path
-            -
            			d="M9.75 10.75C9.75 9.50736 10.7574 8.5 12 8.5C13.2426 8.5 14.25 9.50736 14.25 10.75C14.25 11.9083 13.3748 12.8621 12.2496 12.9863C12.1124 13.0015 12 13.1119 12 13.25V14.5"
-            -
            			stroke={ active ? 'white' : '#1e1e1e' }
-            -
            			stroke-width="1.5"
-            -
            			fill="none"
-            -
            		/>
-            -
            		<path d="M12 15.5V17" stroke={ active ? 'white' : '#1e1e1e' } stroke-width="1.5" />
-            -
            		{ newItems && (
-            -
            			<circle
-            -
            				cx="20"
-            -
            				cy="8"
-            -
            				r="5"
-            -
            				stroke={ active ? '#1e1e1e' : 'white' }
-            -
            				fill="#0675C4"
-            -
            				stroke-width="2"
-            -
            			/>
-            -
            		) }
-            -
            	</svg>
-            -
            );
-            -
             function HelpCenterComponent() {
-            -
            	const [ isActive, setIsActive ] = React.useState( false );
             	return (
             		<>
-            -
            			<PinnedItems scope="core/edit-post">
-            -
            				<span className="etk-help-center">
-            -
            					<Button
-            -
            						className={ cx( 'entry-point-button', { 'is-active': isActive } ) }
-            -
            						onClick={ () => setIsActive( ! isActive ) }
-            -
            						icon={ <HelpIcon newItems active={ isActive } /> }
-            -
            					></Button>
-            -
            				</span>
-            -
            			</PinnedItems>
-            -
            			{ isActive && (
-            -
            				<HelpCenter content={ <h1>Help center</h1> } handleClose={ () => setIsActive( false ) } />
             			) }
             		</>
             	);


1	+ import HelpCenter, { HelpIcon } from '@automattic/help-center';
2	import { Button } from '@wordpress/components';
3	+ import { useMediaQuery } from '@wordpress/compose';
4	+ import { useDispatch, useSelect } from '@wordpress/data';
5	import { PinnedItems } from '@wordpress/interface';
6	import { registerPlugin } from '@wordpress/plugins';
7	import cx from 'classnames';

8	import './help-center.scss';
9






























10	function HelpCenterComponent() {
11	+ const isDesktop = useMediaQuery( '(min-width: 480px)' );
12	+ const { show } = useSelect( ( select ) => {
13	+ return {
14	+ show: select( 'automattic/help-center' ).isHelpCenterShown(),
15	+ };
16	+ } );
17	+ const setShowHelpCenter = useDispatch( 'automattic/help-center' )?.setShowHelpCenter;
18
19	return (
20	<>
21	+ { isDesktop && (
22	+ <PinnedItems scope="core/edit-post">
23	+ <span className="etk-help-center">
24	+ <Button
25	+ className={ cx( 'entry-point-button', { 'is-active': show } ) }
26	+ onClick={ () => setShowHelpCenter( ! show ) }
27	+ icon={ <HelpIcon newItems active={ show } /> }
28	+ ></Button>
29	+ </span>
30	+ </PinnedItems>
31	+ ) }
32	+ { show && (
33	+ <HelpCenter
34	+ content={ <h1>Help center</h1> }
35	+ handleClose={ () => setShowHelpCenter( false ) }
36	+ />
37	) }
38	</>
39	);

help-center/src/help-center.scss CHANGED Viewed

	@@ -8,8 +8,6 @@
8
9	.help-center__container {
10	&.is-mobile {
11	- height: calc( 100% - 46px );
12	- margin-top: 46px;
13	&.is-minimized {
14	margin-top: 0;
15	}


8
9	.help-center__container {
10	&.is-mobile {


11	&.is-minimized {
12	margin-top: 0;
13	}

readme.txt CHANGED Viewed

	@@ -3,7 +3,7 @@ Contributors: automattic
3	Tags: block, blocks, editor, gutenberg, page
4	Requires at least: 5.5
5	Tested up to: 5.6
6	- Stable tag: 3.~~31093~~
7	Requires PHP: 5.6.20
8	License: GPLv2 or later
9	License URI: https://www.gnu.org/licenses/gpl-2.0.html


3	Tags: block, blocks, editor, gutenberg, page
4	Requires at least: 5.5
5	Tested up to: 5.6
6	+ Stable tag: 3.31119
7	Requires PHP: 5.6.20
8	License: GPLv2 or later
9	License URI: https://www.gnu.org/licenses/gpl-2.0.html