From 83f258264dfe6df6da3e15b883b5a5a3227e0a8a Mon Sep 17 00:00:00 2001
From: hz-tyfoon <md.tifun@gmail.com>
Date: Wed, 3 Mar 2021 14:19:31 +0600
Subject: [PATCH] made the wrapeer's content center aligned

---
 build/index.asset.php |  2 +-
 build/index.js        |  2 +-
 build/style-index.css | 10 ++++++----
 src/style.scss        |  5 +++++
 4 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/build/index.asset.php b/build/index.asset.php
index 9cc26b6..586792c 100644
--- a/build/index.asset.php
+++ b/build/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-i18n', 'wp-polyfill'), 'version' => '03ae5b8f20afe71cc04d2bedb72fc0d2');
\ No newline at end of file
+<?php return array('dependencies' => array('react', 'wp-block-editor', 'wp-blocks', 'wp-i18n', 'wp-polyfill'), 'version' => '3a7d42d72d3178527cd311e0437d16e6');
\ No newline at end of file
diff --git a/build/index.js b/build/index.js
index a2b8e94..bfc46cc 100644
--- a/build/index.js
+++ b/build/index.js
@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[1],[,,,,,function(e,t,n){},,,function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){}]]),function(e){function t(t){for(var a,l,i=t[0],c=t[1],u=t[2],s=0,d=[];s<i.length;s++)l=i[s],Object.prototype.hasOwnProperty.call(r,l)&&r[l]&&d.push(r[l][0]),r[l]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(p&&p(t);d.length;)d.shift()();return o.push.apply(o,u||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],a=!0,i=1;i<n.length;i++){var c=n[i];0!==r[c]&&(a=!1)}a&&(o.splice(t--,1),e=l(l.s=n[0]))}return e}var a={},r={0:0},o=[];function l(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=a,l.d=function(e,t,n){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)l.d(n,a,function(t){return e[t]}.bind(null,a));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="";var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=t,i=i.slice();for(var u=0;u<i.length;u++)t(i[u]);var p=c;o.push([12,1]),n()}([function(e,t){!function(){e.exports=this.React}()},function(e,t,n){e.exports=n(6)()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},,function(e,t,n){"use strict";var a=n(7);function r(){}function o(){}o.resetWarningCache=r,e.exports=function(){function e(e,t,n,r,o,l){if(l!==a){var i=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 i.name="Invariant Violation",i}}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:o,resetWarningCache:r};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},,,,,function(e,t,n){"use strict";n.r(t);var a=n(3),r=n(2),o=(n(5),n(4)),l=wp.i18n.__,i=[{label:l("Fill"),value:"fill"},{label:l("Gradient"),value:"gradient"},{label:l("Image"),value:"image"}],c=[{label:l("Auto"),value:"auto"},{label:l("Cover"),value:"cover"},{label:l("Contain"),value:"contain"}],u=[{label:l("None"),value:"none"},{label:l("Dashed"),value:"dashed"},{label:l("Solid"),value:"solid"},{label:l("Dotted"),value:"dotted"},{label:l("Double"),value:"double"},{label:l("Groove"),value:"groove"},{label:l("Inset"),value:"inset"},{label:l("Outset"),value:"outset"},{label:l("Ridge"),value:"ridge"}],p=[{label:"Normal",value:"normal"},{label:"Hover",value:"hover"}],s=n(1),d=n.n(s),f=(n(8),wp.components.Button),m=function(e){var t=e.imageUrl,n=e.onDeleteImage;return React.createElement("div",{className:"image-avatar",style:{backgroundImage:"url(".concat(t,")")}},React.createElement(f,{className:"button",onClick:function(){return n()}},"Delete"))};m.propTypes={imageUrl:d.a.string.isRequired,onDeleteImage:d.a.func.isRequired};var g=m,b=n(0),h=n.n(b),v=[{label:"Linear",value:"linear"},{label:"Radial",value:"radial"}],y=[{label:"Ellipse",value:"ellipse"},{label:"Circle",value:"circle"}];n(9);function C(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var l,i=e[Symbol.iterator]();!(a=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(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 R(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 R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}wp.i18n.__;var w=wp.element,E=w.useState,S=w.useEffect,O=wp.components,k=O.BaseControl,x=O.Dropdown,T=O.Tooltip,L=O.ColorPicker,B=O.Button,P=function(e){var t=e.label,n=e.color,a=e.onChange,r=C(E(n),2),o=r[0],l=r[1];S((function(){l(n)}),[n]);return React.createElement(k,{label:t||"",className:"eb-color-base"},React.createElement(x,{renderToggle:function(e){var t=e.isOpen,a=e.onToggle;return React.createElement(T,{text:n||"default"},React.createElement("div",{className:"eb-color-ball"},React.createElement("div",{style:{height:32,width:32,borderRadius:"50%",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",backgroundColor:o},"aria-expanded":t,onClick:a,"aria-label":n||"default"})))},renderContent:function(){return React.createElement(L,{color:n,onChangeComplete:function(e){return function(e){var t=e.rgb,n=e.hex,r=t?"rgba(".concat(t.r,",").concat(t.g,",").concat(t.b,",").concat(t.a,")"):n;a(r)}(e)}})}}),o&&React.createElement(B,{isSmall:!0,className:"eb-color-undo",icon:"image-rotate",onClick:function(){return a(void 0)}}))};function _(e){return(_="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})(e)}function I(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function j(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function U(e,t){return(U=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function N(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=D(e);if(t){var r=D(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return G(this,n)}}function G(e,t){return!t||"object"!==_(t)&&"function"!=typeof t?M(e):t}function M(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function D(e){return(D=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function W(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var A=wp.i18n.__,H=(wp.blockEditor.PanelColorSettings,wp.components),z=H.RangeControl,Z=H.BaseControl,F=H.Button,q=H.ButtonGroup,V=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&&U(e,t)}(o,e);var t,n,a,r=N(o);function o(){var e;I(this,o);for(var t=arguments.length,n=new Array(t),a=0;a<t;a++)n[a]=arguments[a];return W(M(e=r.call.apply(r,[this].concat(n))),"state",{gradientType:"linear",colorOne:e.props.colorOne||"transparent",colorOnePosition:0,colorTwo:e.props.colorTwo||"transparent",colorTwoPosition:100,angle:e.props.angle||0,radialShape:"ellipse",radialX:50,radialY:50}),W(M(e),"getColorString",(function(){var t=e.state,n=t.colorOne,a=t.colorOnePosition,r=t.colorTwo,o=t.colorTwoPosition;return"".concat(n," ").concat(a,"% , ").concat(r," ").concat(o,"%")})),W(M(e),"getRadialGradient",(function(){var t=e.state,n=t.radialShape,a=t.radialX,r=t.radialY;return"radial-gradient(".concat(n," at ").concat(a,"% ").concat(r,"%, ").concat(e.getColorString(),")")})),W(M(e),"getLinearGradient",(function(){return"linear-gradient(".concat(e.state.angle,"deg, ").concat(e.getColorString(),")")})),W(M(e),"generateString",(function(){e.props.onChange("linear"===e.state.gradientType?e.getLinearGradient():e.getRadialGradient())})),W(M(e),"onGradientChange",(function(t,n){e.setState(W({},t,n),(function(){return e.generateString()}))})),e}return t=o,(n=[{key:"render",value:function(){var e=this,t=this.state,n=t.gradientType,a=t.colorOne,r=t.colorOnePosition,o=t.colorTwo,l=t.colorTwoPosition,i=t.angle,c=t.radialShape,u=t.radialX,p=t.radialY;return h.a.createElement("div",null,h.a.createElement(Z,{label:A("Gradient Type")},h.a.createElement(q,null,v.map((function(t){return h.a.createElement(F,{isSmall:!0,isPrimary:n===t.value,isSecondary:n!==t.value,onClick:function(){return e.onGradientChange("gradientType",t.value)}},t.label)})))),"radial"===n&&h.a.createElement(Z,{label:A("Radial Type")},h.a.createElement(q,null,y.map((function(t){return h.a.createElement(F,{isSmall:!0,isPrimary:c===t.value,isSecondary:c!==t.value,onClick:function(){return e.onGradientChange("radialShape",t.value)}},t.label)})))),h.a.createElement(P,{label:A("First Color"),color:a,onChange:function(t){return e.onGradientChange("colorOne",t)}}),h.a.createElement(P,{label:A("Second Color"),color:o,onChange:function(t){return e.onGradientChange("colorTwo",t)}}),h.a.createElement(z,{label:A("First Color Position"),value:r,onChange:function(t){return e.onGradientChange("colorOnePosition",t)},min:0,max:100}),h.a.createElement(z,{label:A("Second Color Position"),value:l,onChange:function(t){return e.onGradientChange("colorTwoPosition",t)},min:0,max:100}),"linear"===n&&h.a.createElement(z,{label:A("Angle"),value:i,onChange:function(t){return e.onGradientChange("angle",t)},min:0,max:360}),"radial"===n&&h.a.createElement(b.Fragment,null,h.a.createElement(z,{label:A("Center X position"),value:u,onChange:function(t){return e.onGradientChange("radialX",t)},min:0,max:100}),h.a.createElement(z,{label:A("Center Y position"),value:p,onChange:function(t){return e.onGradientChange("radialY",t)},min:0,max:100})))}}])&&j(t.prototype,n),a&&j(t,a),o}(b.Component);V.propTypes={onChange:d.a.func.isRequired,colorOne:d.a.string,colorTwo:d.a.string,angle:d.a.number};var X=V,Y=(n(10),wp.i18n.__,wp.components),J=Y.ButtonGroup,$=Y.Button,K=function(e){var t=e.selectedUnit,n=e.unitTypes,a=e.onClick;return h.a.createElement(J,{className:"eb-unit-control-btn-group"},n.map((function(e){return h.a.createElement($,{className:"eb-unit-control-btn ".concat(e.value===t&&"eb-unit-active"),isSmall:!0,isPrimary:e.value===t,onClick:function(){return a(e.value)}},e.label)})))};K.propTypes={selectedUnit:d.a.string.isRequired,unitTypes:d.a.shape({label:d.a.string,value:d.a.string}),onClick:d.a.func.isRequired};var Q=K;n(11);function ee(e){return(ee="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})(e)}function te(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function ne(e,t){for(var n=0;n<t.length;n++){var a=t[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}function ae(e,t){return(ae=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function re(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,a=ie(e);if(t){var r=ie(this).constructor;n=Reflect.construct(a,arguments,r)}else n=a.apply(this,arguments);return oe(this,n)}}function oe(e,t){return!t||"object"!==ee(t)&&"function"!=typeof t?le(e):t}function le(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function ie(e){return(ie=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ce(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var ue=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&&ae(e,t)}(o,e);var t,n,a,r=re(o);function o(){var e;te(this,o);for(var t=arguments.length,n=new Array(t),a=0;a<t;a++)n[a]=arguments[a];return ce(le(e=r.call.apply(r,[this].concat(n))),"state",{top:e.props.top||0,right:e.props.right||0,bottom:e.props.bottom||0,left:e.props.left||0,isLinked:!1}),ce(le(e),"onButtonClick",(function(){return e.setState({isLinked:!e.state.isLinked})})),ce(le(e),"onInputChange",(function(t){var n=e.state,a=n.top,r=n.right,o=n.bottom,l=n.left,i=n.isLinked,c=t.target,u=c.name,p=c.value;i?(a=r=o=l=parseInt(p)||0,e.setState({top:a,right:r,bottom:o,left:l},(function(){var t=e.state,n=t.top,a=t.right,r=t.bottom,o=t.left;e.props.onChange({top:n,right:a,bottom:r,left:o})}))):e.setState(ce({},u,parseInt(p)||0),(function(){var t=e.state,n=t.top,a=t.right,r=t.bottom,o=t.left;e.props.onChange({top:n,right:a,bottom:r,left:o})}))})),e}return t=o,(n=[{key:"render",value:function(){var e=this.state,t=e.top,n=e.right,a=e.bottom,r=e.left,o=e.isLinked;return h.a.createElement("div",{className:"dimention-container"},h.a.createElement("div",{className:"dimention-label"},this.props.label),h.a.createElement("div",{className:"input-container"},h.a.createElement("div",{className:"input-wrapper"},h.a.createElement("input",{type:"number",name:"top",value:t||0,onChange:this.onInputChange}),h.a.createElement("label",{className:"dimentions-input-label"},"Top")),h.a.createElement("div",{className:"input-wrapper"},h.a.createElement("input",{type:"number",name:"right",value:n||0,onChange:this.onInputChange}),h.a.createElement("label",{className:"dimentions-input-label"},"Right")),h.a.createElement("div",{className:"input-wrapper"},h.a.createElement("input",{type:"number",name:"bottom",value:a||0,onChange:this.onInputChange}),h.a.createElement("label",{className:"dimentions-input-label"},"Bottom")),h.a.createElement("div",{className:"input-wrapper"},h.a.createElement("input",{type:"number",name:"left",value:r||0,onChange:this.onInputChange}),h.a.createElement("label",{className:"dimentions-input-label"},"Left")),h.a.createElement("div",null,h.a.createElement("button",{className:"linked-btn components-button is-button dashicons dashicons-".concat(o?"admin-links is-primary":"editor-unlink is-default"),onClick:this.onButtonClick}))))}}])&&ne(t.prototype,n),a&&ne(t,a),o}(b.Component);ue.propTypes={label:d.a.string,top:d.a.number,right:d.a.number,bottom:d.a.number,left:d.a.number,onChange:d.a.func.isRequired};var pe=ue,se=wp.i18n.__,de=wp.components,fe=de.BaseControl,me=de.ButtonGroup,ge=de.Button,be=de.PanelBody,he=de.SelectControl,ve=de.RangeControl,ye=de.ToggleControl,Ce=wp.element.Fragment,Re=wp.blockEditor,we=Re.InspectorControls,Ee=Re.PanelColorSettings,Se=Re.MediaUpload,Oe=function(e){var t=e.attributes,n=e.setAttributes,a=t.contentWidth,r=t.backgroundType,o=t.backgroundColor,l=(t.gradientColor,t.imageURL),s=t.imageID,d=t.backgroundSize,f=t.borderColor,m=t.borderStyle,b=t.borderWidth,h=t.borderRadius,v=t.radiusUnit,y=t.shadowColor,C=t.hOffset,R=t.vOffset,w=t.blur,E=t.spread,S=t.inset,O=t.marginUnit,k=t.marginTop,x=t.marginRight,T=t.marginBottom,L=t.marginLeft,B=t.paddingUnit,_=t.paddingTop,I=t.paddingRight,j=t.paddingBottom,U=t.paddingLeft,N=t.shadowType,G=t.hoverShadowColor,M=t.hoverHOffset,D=t.hoverVOffset,W=t.hoverBlur,A=t.hoverSpread,H=t.hoverInset;return React.createElement(we,{key:"controls"},React.createElement(be,null,React.createElement(ve,{label:se("Content Max Width (px)"),value:a,allowReset:!0,onChange:function(e){return n({contentWidth:e})},min:0,max:1600}),React.createElement(fe,{label:se("Background Type")},React.createElement(me,null,i.map((function(e){return React.createElement(ge,{isPrimary:r===e.value,isSecondary:r!==e.value,onClick:function(){return n({backgroundType:e.value})}},e.label)}))))),"fill"===r&&React.createElement(Ee,{title:se("Background Color"),initialOpen:!1,colorSettings:[{label:"",value:o,onChange:function(e){return n({backgroundColor:e})}}]}),"gradient"===r&&React.createElement(be,{title:se("Gradient"),initialOpen:!1},React.createElement(X,{colorTwo:"#8e9eab",colorOne:"#eef2f3",angle:45,onChange:function(e){return n({gradientColor:e})}})),"image"===r&&React.createElement(be,{title:se("Background Image")},React.createElement(Se,{onSelect:function(e){return n({imageURL:e.url,imgeID:e.id})},type:"image",value:s,render:function(e){var t=e.open;return!l&&React.createElement(ge,{className:"eb-wrapper-upload-button",label:se("Upload Image"),icon:"format-image",onClick:t})}}),l&&React.createElement(g,{imageUrl:l,onDeleteImage:function(){return n({imageURL:null})}}),l&&React.createElement(fe,{label:se("Background Size")},React.createElement(me,null,c.map((function(e){return React.createElement(ge,{isPrimary:d===e.value,isSecondary:d!==e.value,onClick:function(){return n({backgroundSize:e.value})}},e.label)}))))),React.createElement(be,{title:se("Border"),initialOpen:!1},React.createElement(ve,{label:se("Border Width"),allowReset:!0,value:b,onChange:function(e){return n({borderWidth:e})},min:0,max:100}),React.createElement(Q,{selectedUnit:v,unitTypes:[{label:"px",value:"px"},{label:"%",value:"%"}],onClick:function(e){return n({radiusUnit:e})}}),React.createElement(ve,{label:se("Border Radius"),allowReset:!0,value:h,onChange:function(e){return n({borderRadius:e})},min:0,max:100}),React.createElement(he,{label:se("Border Style"),value:m,options:u,onChange:function(e){return n({borderStyle:e})}}),React.createElement(P,{label:se("Border Color"),color:f,onChange:function(e){return n({borderColor:e})}})),React.createElement(be,{title:se("Shadow"),initialOpen:!1},React.createElement(me,{className:"eb-inspector-btn-group"},p.map((function(e){return React.createElement(ge,{isLarge:!0,isPrimary:N===e.value,isSecondary:N!==e.value,onClick:function(){return n({shadowType:e.value})}},e.label)}))),"normal"===N&&React.createElement(Ce,null,React.createElement(P,{label:se("Shadow Color"),color:y,onChange:function(e){return n({shadowColor:e})}}),React.createElement(ve,{label:se("Horizontal Offset"),allowReset:!0,value:C,onChange:function(e){return n({hOffset:e})},min:0,max:20}),React.createElement(ve,{label:se("Vertical Offset"),value:R,allowReset:!0,onChange:function(e){return n({vOffset:e})},min:0,max:20}),React.createElement(ve,{label:se("Shadow Blur"),value:w,allowReset:!0,onChange:function(e){return n({blur:e})},min:0,max:20}),React.createElement(ve,{label:se("Shadow Spread"),value:E,allowReset:!0,onChange:function(e){return n({spread:e})},min:0,max:20}),React.createElement(ye,{label:se("Inset"),checked:S,onChange:function(){return n({inset:!S})}})),"hover"===N&&React.createElement(Ce,null,React.createElement(P,{label:se("Hover Shadow Color"),color:G,onChange:function(e){return n({hoverShadowColor:e})}}),React.createElement(ve,{label:se("Horizontal Offset"),allowReset:!0,value:M,onChange:function(e){return n({hoverHOffset:e})},min:0,max:20}),React.createElement(ve,{label:se("Vertical Offset"),value:D,allowReset:!0,onChange:function(e){return n({hoverVOffset:e})},min:0,max:20}),React.createElement(ve,{label:se("Shadow Blur"),value:W,allowReset:!0,onChange:function(e){return n({hoverBlur:e})},min:0,max:20}),React.createElement(ve,{label:se("Shadow Spread"),value:A,allowReset:!0,onChange:function(e){return n({hoverSpread:e})},min:0,max:20}),React.createElement(ye,{label:se("Inset"),checked:H,onChange:function(){return n({hoverInset:!H})}}))),React.createElement(be,{title:se("Margin & Padding"),initialOpen:!1},React.createElement(Q,{selectedUnit:O,unitTypes:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"%",value:"%"}],onClick:function(e){return n({marginUnit:e})}}),React.createElement(pe,{label:se("Margin"),top:k,right:x,bottom:T,left:L,onChange:function(e){var t=e.top,a=e.right,r=e.bottom,o=e.left;return n({marginTop:t,marginRight:a,marginBottom:r,marginLeft:o})}}),React.createElement(Q,{selectedUnit:B,unitTypes:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"%",value:"%"}],onClick:function(e){return n({paddingUnit:e})}}),React.createElement(pe,{label:se("Padding"),top:_,right:I,bottom:j,left:U,onChange:function(e){var t=e.top,a=e.right,r=e.bottom,o=e.left;return n({paddingTop:t,paddingRight:a,paddingBottom:r,paddingLeft:o})}})))},ke=function(e){var t=e.isSelected,n=e.attributes,a=e.setAttributes,r=n.contentWidth,l=n.backgroundType,i=n.backgroundColor,c=n.gradientColor,u=n.imageURL,p=n.backgroundSize,s=n.borderColor,d=n.borderStyle,f=n.borderWidth,m=n.borderRadius,g=n.radiusUnit,b=n.shadowColor,h=n.hOffset,v=n.vOffset,y=n.blur,C=n.spread,R=n.inset,w=n.marginUnit,E=n.marginTop,S=n.marginRight,O=n.marginBottom,k=n.marginLeft,x=n.paddingUnit,T=n.paddingTop,L=n.paddingRight,B=n.paddingBottom,P=n.paddingLeft,_=n.isHover,I=n.hoverShadowColor,j=n.hoverHOffset,U=n.hoverVOffset,N=n.hoverBlur,G=n.hoverSpread,M=n.hoverInset,D={marginTop:E?"".concat(E).concat(w):null,marginRight:S?"".concat(S).concat(w):null,marginBottom:O?"".concat(O).concat(w):null,marginLeft:k?"".concat(k).concat(w):null,paddingTop:T?"".concat(T).concat(x):null,paddingRight:L?"".concat(L).concat(x):null,paddingBottom:B?"".concat(B).concat(x):null,paddingLeft:P?"".concat(P).concat(x):null,backgroundImage:"image"===l&&u?'url("'.concat(u,'")'):"gradient"===l?c:"none",backgroundSize:p,backgroundColor:"fill"===l&&i||"#e9ecef",border:"".concat(f||0,"px ").concat(d," ").concat(s||"#000000"),borderRadius:"".concat(m||0).concat(g),boxShadow:_?"".concat(j||0,"px ").concat(U||0,"px ").concat(N||0,"px ").concat(G||0,"px ").concat(I||"#000000"," ").concat(M?"inset":""):"".concat(h||0,"px ").concat(v||0,"px ").concat(y||0,"px ").concat(C||0,"px ").concat(b||"#000000"," ").concat(R?"inset":"")},W={maxWidth:r||null};return[t&&React.createElement(Oe,e),React.createElement("div",{className:"eb-wrapper-outer",style:D,onMouseEnter:function(){return a({isHover:!0})},onMouseLeave:function(){return a({isHover:!1})}},React.createElement("div",{className:"eb-wrapper-inner"},React.createElement("div",{className:"eb-wrapper-inner-blocks",style:W},React.createElement(o.InnerBlocks,null))))]},xe=(wp.i18n.__,wp.blockEditor.InnerBlocks),Te=function(e){var t=e.attributes,n=t.contentWidth,a=t.backgroundType,r=t.backgroundColor,o=t.gradientColor,l=t.imageURL,i=t.backgroundSize,c=t.borderColor,u=t.borderStyle,p=t.borderWidth,s=t.borderRadius,d=t.radiusUnit,f=t.shadowColor,m=t.hOffset,g=t.vOffset,b=t.blur,h=t.spread,v=t.inset,y=t.marginUnit,C=t.marginTop,R=t.marginRight,w=t.marginBottom,E=t.marginLeft,S=t.paddingUnit,O=t.paddingTop,k=t.paddingRight,x=t.paddingBottom,T=t.paddingLeft,L=t.hoverShadowColor,B=t.hoverHOffset,P=t.hoverVOffset,_=t.hoverBlur,I=t.hoverSpread,j=t.hoverInset,U={marginTop:C?"".concat(C).concat(y):null,marginRight:R?"".concat(R).concat(y):null,marginBottom:w?"".concat(w).concat(y):null,marginLeft:E?"".concat(E).concat(y):null,paddingTop:O?"".concat(O).concat(S):null,paddingRight:k?"".concat(k).concat(S):null,paddingBottom:x?"".concat(x).concat(S):null,paddingLeft:T?"".concat(T).concat(S):null,backgroundImage:"image"===a&&l?'url("'.concat(l,'")'):"gradient"===a?o:"none",backgroundSize:i,backgroundColor:"fill"===a&&r||"#e9ecef",border:"".concat(p||0,"px ").concat(u," ").concat(c||"#000000"),borderRadius:"".concat(s||0).concat(d),boxShadow:"".concat(m||0,"px ").concat(g||0,"px ").concat(b||0,"px ").concat(h||0,"px ").concat(f||"#000000"," ").concat(v?"inset":"")},N={maxWidth:n||void 0};return React.createElement("div",{className:"eb-wrapper-outer",style:U,"data-shadow-color":f||"#000000","data-hoffset":m||0,"data-voffset":g||0,"data-blur":b||0,"data-spread":h||0,"data-inset":v,"data-hover-shadow-color":L||"#000000","data-hover-hoffset":B||0,"data-hover-voffset":P||0,"data-hover-blur":_||0,"data-hover-spread":I||0,"data-hover-inset":j},React.createElement("div",{className:"eb-wrapper-inner"},React.createElement("div",{className:"eb-wrapper-inner-blocks",style:N},React.createElement(xe.Content,null))))},Le={contentWidth:{type:"number"},backgroundType:{type:"string",default:"fill"},backgroundColor:{type:"string"},gradientColor:{type:"string",default:"linear-gradient(45deg,#eef2f3,#8e92ab)"},imageURL:{type:"string"},imageID:{type:"string"},backgroundSize:{type:"string",default:"cover"},borderColor:{type:"string"},borderStyle:{type:"string",default:"solid"},borderWidth:{type:"number"},borderRadius:{type:"number"},radiusUnit:{type:"string",default:"px"},hOffset:{type:"number"},vOffset:{type:"number"},blur:{type:"number"},spread:{type:"number"},shadowColor:{type:"string"},inset:{type:"boolean",default:!1},marginUnit:{type:"string",default:"px"},marginTop:{type:"number"},marginRight:{type:"number"},marginBottom:{type:"number"},marginLeft:{type:"number"},paddingUnit:{type:"string",default:"px"},paddingTop:{type:"number"},paddingRight:{type:"number"},paddingBottom:{type:"number"},paddingLeft:{type:"number"},shadowType:{type:"string",default:"normal"},hoverHOffset:{type:"number"},hoverVOffset:{type:"number"},hoverBlur:{type:"number"},hoverSpread:{type:"number"},hoverShadowColor:{type:"string"},hoverInset:{type:"boolean",default:!1},isHover:{type:"boolean",default:!1}};Object(a.registerBlockType)("block/wrapper",{title:Object(r.__)("Wrapper","wrapper"),description:Object(r.__)("Example block written with ESNext standard and JSX support – build step required.","wrapper"),category:"widgets",icon:function(){return React.createElement("svg",{viewBox:"0 0 64 42",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("linearGradient",{x1:"50%",y1:"-.962%",x2:"50%",y2:"102.035%",id:"linearGradient-1"},React.createElement("stop",{stopColor:"#1A6DFF",offset:"0%"}),React.createElement("stop",{stopColor:"#C822FF",offset:"100%"}))),React.createElement("g",{id:"Page-1",fill:"none",fillRule:"evenodd"},React.createElement("g",{id:"eb-wrapper",fill:"url(#linearGradient-1)",fillRule:"nonzero"},React.createElement("path",{d:"M3,0 C1.347656,0 0,1.347656 0,3 L0,27 C0,28.652344 1.347656,30 3,30 L20.050781,30 C20.566406,36.699219 26.171875,42 33,42 C39.828125,42 45.433594,36.699219 45.949219,30 L61,30 C62.652344,30 64,28.652344 64,27 L64,3 C64,1.347656 62.652344,0 61,0 L3,0 Z M3,2 L61,2 C61.550781,2 62,2.449219 62,3 L62,27 C62,27.550781 61.550781,28 61,28 L45.949219,28 C45.460938,21.628906 40.371094,16.539063 34,16.050781 L34,5 C34,4.449219 33.554688,4 33,4 C32.445313,4 32,4.449219 32,5 L32,16.050781 C25.628906,16.539063 20.539063,21.628906 20.050781,28 L3,28 C2.449219,28 2,27.550781 2,27 L2,3 C2,2.449219 2.449219,2 3,2 Z M5,4 C4.445313,4 4,4.449219 4,5 C4,5.550781 4.445313,6 5,6 L7,6 C7.554688,6 8,5.550781 8,5 C8,4.449219 7.554688,4 7,4 L5,4 Z M17,4 C16.445313,4 16,4.449219 16,5 L16,25 C16,25.550781 16.445313,26 17,26 C17.554688,26 18,25.550781 18,25 L18,5 C18,4.449219 17.554688,4 17,4 Z M49,4 C48.445313,4 48,4.449219 48,5 L48,25 C48,25.550781 48.445313,26 49,26 C49.554688,26 50,25.550781 50,25 L50,5 C50,4.449219 49.554688,4 49,4 Z M5,9 C4.445313,9 4,9.449219 4,10 C4,10.550781 4.445313,11 5,11 L7,11 C7.554688,11 8,10.550781 8,10 C8,9.449219 7.554688,9 7,9 L5,9 Z M5,14 C4.445313,14 4,14.449219 4,15 C4,15.550781 4.445313,16 5,16 L7,16 C7.554688,16 8,15.550781 8,15 C8,14.449219 7.554688,14 7,14 L5,14 Z M33,18 C39.066406,18 44,22.933594 44,29 C44,35.066406 39.066406,40 33,40 C26.933594,40 22,35.066406 22,29 C22,22.933594 26.933594,18 33,18 Z M5,19 C4.445313,19 4,19.449219 4,20 C4,20.550781 4.445313,21 5,21 L7,21 C7.554688,21 8,20.550781 8,20 C8,19.449219 7.554688,19 7,19 L5,19 Z M33,22 C32.445313,22 32,22.449219 32,23 L32,28 L27,28 C26.445313,28 26,28.449219 26,29 C26,29.550781 26.445313,30 27,30 L32,30 L32,35 C32,35.550781 32.445313,36 33,36 C33.554688,36 34,35.550781 34,35 L34,30 L39,30 C39.554688,30 40,29.550781 40,29 C40,28.449219 39.554688,28 39,28 L34,28 L34,23 C34,22.449219 33.554688,22 33,22 Z M5,24 C4.445313,24 4,24.449219 4,25 C4,25.550781 4.445313,26 5,26 L7,26 C7.554688,26 8,25.550781 8,25 C8,24.449219 7.554688,24 7,24 L5,24 Z",id:"Shape"}))))},attributes:Le,edit:ke,save:Te})}]);
\ No newline at end of file
+(window.webpackJsonp=window.webpackJsonp||[]).push([[1],[,,,,,function(e,t,n){},,,function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){},function(e,t,n){}]]),function(e){function t(t){for(var r,l,i=t[0],c=t[1],u=t[2],p=0,d=[];p<i.length;p++)l=i[p],Object.prototype.hasOwnProperty.call(a,l)&&a[l]&&d.push(a[l][0]),a[l]=0;for(r in c)Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);for(s&&s(t);d.length;)d.shift()();return o.push.apply(o,u||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],r=!0,i=1;i<n.length;i++){var c=n[i];0!==a[c]&&(r=!1)}r&&(o.splice(t--,1),e=l(l.s=n[0]))}return e}var r={},a={0:0},o=[];function l(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=r,l.d=function(e,t,n){l.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)l.d(n,r,function(t){return e[t]}.bind(null,r));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="";var i=window.webpackJsonp=window.webpackJsonp||[],c=i.push.bind(i);i.push=t,i=i.slice();for(var u=0;u<i.length;u++)t(i[u]);var s=c;o.push([13,1]),n()}([function(e,t){!function(){e.exports=this.React}()},function(e,t,n){e.exports=n(6)()},function(e,t){!function(){e.exports=this.wp.i18n}()},function(e,t){!function(){e.exports=this.wp.blocks}()},function(e,t){!function(){e.exports=this.wp.blockEditor}()},,function(e,t,n){"use strict";var r=n(7);function a(){}function o(){}o.resetWarningCache=a,e.exports=function(){function e(e,t,n,a,o,l){if(l!==r){var i=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 i.name="Invariant Violation",i}}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:o,resetWarningCache:a};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},,,,,,function(e,t,n){"use strict";n.r(t);var r=n(3),a=n(2),o=(n(5),n(4)),l=wp.i18n.__,i=[{label:l("Fill"),value:"fill"},{label:l("Gradient"),value:"gradient"},{label:l("Image"),value:"image"}],c=[{label:l("Auto"),value:"auto"},{label:l("Cover"),value:"cover"},{label:l("Contain"),value:"contain"}],u=[{label:l("None"),value:"none"},{label:l("Dashed"),value:"dashed"},{label:l("Solid"),value:"solid"},{label:l("Dotted"),value:"dotted"},{label:l("Double"),value:"double"},{label:l("Groove"),value:"groove"},{label:l("Inset"),value:"inset"},{label:l("Outset"),value:"outset"},{label:l("Ridge"),value:"ridge"}],s=[{label:"Normal",value:"normal"},{label:"Hover",value:"hover"}],p=n(1),d=n.n(p);n(8);function f(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var l,i=e[Symbol.iterator]();!(r=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(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}var b=wp.element.useState,g=function(e){var t=e.imageUrl,n=e.onDeleteImage,r=f(b(!1),2),a=r[0],o=r[1],l=f(b(!1),2),i=l[0],c=l[1],u={visibility:a?"visible":"hidden",backgroundColor:i?"white":"#64666a",color:"#b4b5b7",position:"absolute",right:34,fontSize:16,alignSelf:"center",display:"flex",justifyContent:"center",alignItems:"center",borderRadius:3,cursor:"pointer"};return React.createElement("div",{className:"image-avatar",style:{backgroundImage:"url(".concat(t,")")},onMouseEnter:function(){return o(!0)},onMouseLeave:function(){return o(!1)}},React.createElement("span",{className:"image-avatar-delete dashicons dashicons-trash",onMouseEnter:function(){return c(!0)},onMouseLeave:function(){return c(!1)},style:u,onClick:function(){return n()}}))};g.propTypes={imageUrl:d.a.string.isRequired,onDeleteImage:d.a.func.isRequired};var h=g,v=n(0),y=n.n(v);n(9);function C(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var l,i=e[Symbol.iterator]();!(r=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return R(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 R(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 R(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}wp.i18n.__;var E=wp.element,w=E.useState,S=E.useEffect,O=wp.components,k=O.BaseControl,x=O.Dropdown,L=O.Tooltip,T=O.ColorPicker,j=O.Button,B=function(e){var t=e.label,n=e.color,r=e.onChange,a=C(w(n),2),o=a[0],l=a[1];S((function(){l(n)}),[n]);var i={padding:2,borderRadius:0,background:"white",border:"1px solid #ebebeb"};return React.createElement(k,{label:t||"",className:"eb-color-base"},React.createElement(x,{renderToggle:function(e){var t=e.isOpen,r=e.onToggle;return React.createElement(L,{text:n||"default"},React.createElement("div",{className:"eb-color-ball",style:n&&i},React.createElement("div",{style:{height:16,width:16,borderRadius:"0%",boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",backgroundColor:o},"aria-expanded":t,onClick:r,"aria-label":n||"default"})))},renderContent:function(){return React.createElement(T,{color:n,onChangeComplete:function(e){return function(e){var t=e.rgb,n=e.hex,a=t?"rgba(".concat(t.r,",").concat(t.g,",").concat(t.b,",").concat(t.a,")"):n;r(a)}(e)}})}}),o&&React.createElement(j,{isSmall:!0,className:"eb-color-undo",icon:"image-rotate",style:{transform:"scaleX(-1) rotate(90deg)"},onClick:function(){return r(void 0)}}))};n(10);function I(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var l,i=e[Symbol.iterator]();!(r=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return N(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 N(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 N(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}var U=function(e){var t=e.options,n=(e.focusColor,e.onChange),r=I(Object(v.useState)(t[0]),2),a=r[0],o=r[1];return Object(v.useEffect)((function(){n(a.value)}),[a]),y.a.createElement("div",{id:"switch",className:"eb-switch-control"},t.map((function(e,t){return y.a.createElement("label",null,y.a.createElement("input",{className:t?"individual":"business",type:"radio",name:"gh",placeholder:"name",onChange:function(){return o(e)}}),y.a.createElement("span",{style:{color:a.value===e.value?"white":"black"}},e.label))})),y.a.createElement("span",{className:"slideBg",style:{backgroundColor:"#551ef7",transform:a==t[0]?"translateX(0)":"translateX(100%)"}}))},_=[{label:"Linear",value:"linear"},{label:"Radial",value:"radial"}],P=[{label:"Ellipse",value:"ellipse"},{label:"Circle",value:"circle"}];function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var l,i=e[Symbol.iterator]();!(r=(l=i.next()).done)&&(n.push(l.value),!t||n.length!==t);r=!0);}catch(e){a=!0,o=e}finally{try{r||null==i.return||i.return()}finally{if(a)throw o}}return n}(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}var W=wp.i18n.__,D=wp.components,H=D.RangeControl,z=D.BaseControl,Z=function(e){var t=e.colorOne,n=e.colorTwo,r=e.angle,a=e.onChange,o=A(Object(v.useState)("linear"),2),l=o[0],i=o[1],c=A(Object(v.useState)(t||"transparent"),2),u=c[0],s=c[1],p=A(Object(v.useState)(0),2),d=p[0],f=p[1],m=A(Object(v.useState)(n||"transparent"),2),b=m[0],g=m[1],h=A(Object(v.useState)(100),2),C=h[0],R=h[1],E=A(Object(v.useState)(r||0),2),w=E[0],S=E[1],O=A(Object(v.useState)("ellipse"),2),k=O[0],x=O[1],L=A(Object(v.useState)(50),2),T=L[0],j=L[1],I=A(Object(v.useState)(50),2),N=I[0],M=I[1];Object(v.useEffect)((function(){a("linear"===l?F():Z())}),[l,u,d,b,C,w,k,T,N]);var D=function(){return"".concat(u," ").concat(d,"% , ").concat(b," ").concat(C,"%")},Z=function(){return"radial-gradient(".concat(k," at ").concat(T,"% ").concat(N,"%, ").concat(D(),")")},F=function(){return"linear-gradient(".concat(w,"deg, ").concat(D(),")")};return y.a.createElement("div",{className:"eb-gradient-control"},y.a.createElement(z,{label:W("Gradient Type"),className:"eb-gradient-toggle-label"},y.a.createElement(U,{options:_,onChange:function(e){return i(e)},focusColor:"#007cba"})),"radial"===l&&y.a.createElement(z,{label:W("Radial Type"),className:"eb-gradient-toggle-label"},y.a.createElement(U,{options:P,onChange:function(e){return x(e)},focusColor:"#007cba"})),y.a.createElement(B,{label:W("First Color"),color:u,onChange:function(e){return s(e)}}),y.a.createElement(B,{label:W("Second Color"),color:b,onChange:function(e){return g(e)}}),y.a.createElement(H,{label:W("First Color Position"),value:d,onChange:function(e){return f(e)},min:0,max:100}),y.a.createElement(H,{label:W("Second Color Position"),value:C,onChange:function(e){return R(e)},min:0,max:100}),"linear"===l&&y.a.createElement(H,{label:W("Angle"),value:w,onChange:function(e){return S(e)},min:0,max:360}),"radial"===l&&y.a.createElement(y.a.Fragment,null,y.a.createElement(H,{label:W("Center X Position"),value:T,onChange:function(e){return j(e)},min:0,max:100}),y.a.createElement(H,{label:W("Center Y Position"),value:N,onChange:function(e){return M(e)},min:0,max:100})))};Z.propTypes={onChange:d.a.func.isRequired,colorOne:d.a.string,colorTwo:d.a.string,angle:d.a.number};var F=Z,G=(n(11),wp.components),q=G.ButtonGroup,V=G.Button,J=function(e){var t=e.selectedUnit,n=e.unitTypes,r=e.onClick;return y.a.createElement(q,{className:"eb-unit-control-btn-group"},n.map((function(e){return y.a.createElement(V,{className:"eb-unit-control-btn ".concat(e.value===t&&"eb-unit-active"),isSmall:!0,isPrimary:e.value===t,onClick:function(){return r(e.value)}},e.label)})))};J.propTypes={selectedUnit:d.a.string.isRequired,unitTypes:d.a.shape({label:d.a.string,value:d.a.string}),onClick:d.a.func.isRequired};var X=J;n(12);function $(e){return($="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})(e)}function Y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function K(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 Q(e,t){return(Q=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function ee(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 Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=re(e);if(t){var a=re(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return te(this,n)}}function te(e,t){return!t||"object"!==$(t)&&"function"!=typeof t?ne(e):t}function ne(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function re(e){return(re=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function ae(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var oe=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&&Q(e,t)}(o,e);var t,n,r,a=ee(o);function o(){var e;Y(this,o);for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return ae(ne(e=a.call.apply(a,[this].concat(n))),"state",{top:e.props.top||0,right:e.props.right||0,bottom:e.props.bottom||0,left:e.props.left||0,isLinked:!1}),ae(ne(e),"onButtonClick",(function(){return e.setState({isLinked:!e.state.isLinked})})),ae(ne(e),"onInputChange",(function(t){var n=e.state,r=n.top,a=n.right,o=n.bottom,l=n.left,i=n.isLinked,c=t.target,u=c.name,s=c.value;i?(r=a=o=l=parseInt(s)||0,e.setState({top:r,right:a,bottom:o,left:l},(function(){var t=e.state,n=t.top,r=t.right,a=t.bottom,o=t.left;e.props.onChange({top:n,right:r,bottom:a,left:o})}))):e.setState(ae({},u,parseInt(s)||0),(function(){var t=e.state,n=t.top,r=t.right,a=t.bottom,o=t.left;e.props.onChange({top:n,right:r,bottom:a,left:o})}))})),e}return t=o,(n=[{key:"render",value:function(){var e=this.state,t=e.top,n=e.right,r=e.bottom,a=e.left,o=e.isLinked;return y.a.createElement("div",{className:"dimention-container"},y.a.createElement("div",{className:"dimention-label"},this.props.label),y.a.createElement("div",{className:"input-container"},y.a.createElement("div",{className:"input-wrapper-group"},y.a.createElement("div",{className:"input-wrapper"},y.a.createElement("input",{type:"number",name:"top",value:t||0,onChange:this.onInputChange}),y.a.createElement("label",{className:"dimentions-input-label"},"Top")),y.a.createElement("div",{className:"input-wrapper"},y.a.createElement("input",{type:"number",name:"right",value:n||0,onChange:this.onInputChange}),y.a.createElement("label",{className:"dimentions-input-label"},"Right")),y.a.createElement("div",{className:"input-wrapper"},y.a.createElement("input",{type:"number",name:"bottom",value:r||0,onChange:this.onInputChange}),y.a.createElement("label",{className:"dimentions-input-label"},"Bottom")),y.a.createElement("div",{className:"input-wrapper"},y.a.createElement("input",{type:"number",name:"left",value:a||0,onChange:this.onInputChange}),y.a.createElement("label",{className:"dimentions-input-label"},"Left"))),y.a.createElement("button",{className:"linked-btn components-button is-button dashicons dashicons-".concat(o?"admin-links is-primary":"editor-unlink is-default"),onClick:this.onButtonClick})))}}])&&K(t.prototype,n),r&&K(t,r),o}(v.Component);oe.propTypes={label:d.a.string,top:d.a.number,right:d.a.number,bottom:d.a.number,left:d.a.number,onChange:d.a.func.isRequired};var le=oe,ie=wp.i18n.__,ce=wp.components,ue=ce.BaseControl,se=ce.ButtonGroup,pe=ce.Button,de=ce.PanelBody,fe=ce.SelectControl,me=ce.RangeControl,be=ce.ToggleControl,ge=wp.element.Fragment,he=wp.blockEditor,ve=he.InspectorControls,ye=he.PanelColorSettings,Ce=he.MediaUpload,Re=function(e){var t=e.attributes,n=e.setAttributes,r=t.contentWidth,a=t.backgroundType,o=t.backgroundColor,l=(t.gradientColor,t.imageURL),p=t.imageID,d=t.backgroundSize,f=t.borderColor,m=t.borderStyle,b=t.borderWidth,g=t.borderRadius,v=t.radiusUnit,y=t.shadowColor,C=t.hOffset,R=t.vOffset,E=t.blur,w=t.spread,S=t.inset,O=t.marginUnit,k=t.marginTop,x=t.marginRight,L=t.marginBottom,T=t.marginLeft,j=t.paddingUnit,I=t.paddingTop,N=t.paddingRight,U=t.paddingBottom,_=t.paddingLeft,P=t.shadowType,A=t.hoverShadowColor,M=t.hoverHOffset,W=t.hoverVOffset,D=t.hoverBlur,H=t.hoverSpread,z=t.hoverInset;return React.createElement(ve,{key:"controls"},React.createElement(de,null,React.createElement(me,{label:ie("Content Max Width (px)"),value:r,allowReset:!0,onChange:function(e){return n({contentWidth:e})},min:0,max:1600}),React.createElement(ue,{label:ie("Background Type")},React.createElement(se,null,i.map((function(e){return React.createElement(pe,{isPrimary:a===e.value,isSecondary:a!==e.value,onClick:function(){return n({backgroundType:e.value})}},e.label)}))))),"fill"===a&&React.createElement(ye,{title:ie("Background Color"),initialOpen:!1,colorSettings:[{label:"",value:o,onChange:function(e){return n({backgroundColor:e})}}]}),"gradient"===a&&React.createElement(de,{title:ie("Gradient"),initialOpen:!1},React.createElement(F,{colorTwo:"#8e9eab",colorOne:"#eef2f3",angle:45,onChange:function(e){return n({gradientColor:e})}})),"image"===a&&React.createElement(de,{title:ie("Background Image")},React.createElement(Ce,{onSelect:function(e){return n({imageURL:e.url,imgeID:e.id})},type:"image",value:p,render:function(e){var t=e.open;return!l&&React.createElement(pe,{className:"eb-wrapper-upload-button",label:ie("Upload Image"),icon:"format-image",onClick:t})}}),l&&React.createElement(h,{imageUrl:l,onDeleteImage:function(){return n({imageURL:null})}}),l&&React.createElement(ue,{label:ie("Background Size")},React.createElement(se,null,c.map((function(e){return React.createElement(pe,{isPrimary:d===e.value,isSecondary:d!==e.value,onClick:function(){return n({backgroundSize:e.value})}},e.label)}))))),React.createElement(de,{title:ie("Border"),initialOpen:!1},React.createElement(me,{label:ie("Border Width"),allowReset:!0,value:b,onChange:function(e){return n({borderWidth:e})},min:0,max:100}),React.createElement(X,{selectedUnit:v,unitTypes:[{label:"px",value:"px"},{label:"%",value:"%"}],onClick:function(e){return n({radiusUnit:e})}}),React.createElement(me,{label:ie("Border Radius"),allowReset:!0,value:g,onChange:function(e){return n({borderRadius:e})},min:0,max:100}),React.createElement(fe,{label:ie("Border Style"),value:m,options:u,onChange:function(e){return n({borderStyle:e})}}),React.createElement(B,{label:ie("Border Color"),color:f,onChange:function(e){return n({borderColor:e})}})),React.createElement(de,{title:ie("Shadow"),initialOpen:!1},React.createElement(se,{className:"eb-inspector-btn-group"},s.map((function(e){return React.createElement(pe,{isLarge:!0,isPrimary:P===e.value,isSecondary:P!==e.value,onClick:function(){return n({shadowType:e.value})}},e.label)}))),"normal"===P&&React.createElement(ge,null,React.createElement(B,{label:ie("Shadow Color"),color:y,onChange:function(e){return n({shadowColor:e})}}),React.createElement(me,{label:ie("Horizontal Offset"),allowReset:!0,value:C,onChange:function(e){return n({hOffset:e})},min:0,max:20}),React.createElement(me,{label:ie("Vertical Offset"),value:R,allowReset:!0,onChange:function(e){return n({vOffset:e})},min:0,max:20}),React.createElement(me,{label:ie("Shadow Blur"),value:E,allowReset:!0,onChange:function(e){return n({blur:e})},min:0,max:20}),React.createElement(me,{label:ie("Shadow Spread"),value:w,allowReset:!0,onChange:function(e){return n({spread:e})},min:0,max:20}),React.createElement(be,{label:ie("Inset"),checked:S,onChange:function(){return n({inset:!S})}})),"hover"===P&&React.createElement(ge,null,React.createElement(B,{label:ie("Hover Shadow Color"),color:A,onChange:function(e){return n({hoverShadowColor:e})}}),React.createElement(me,{label:ie("Horizontal Offset"),allowReset:!0,value:M,onChange:function(e){return n({hoverHOffset:e})},min:0,max:20}),React.createElement(me,{label:ie("Vertical Offset"),value:W,allowReset:!0,onChange:function(e){return n({hoverVOffset:e})},min:0,max:20}),React.createElement(me,{label:ie("Shadow Blur"),value:D,allowReset:!0,onChange:function(e){return n({hoverBlur:e})},min:0,max:20}),React.createElement(me,{label:ie("Shadow Spread"),value:H,allowReset:!0,onChange:function(e){return n({hoverSpread:e})},min:0,max:20}),React.createElement(be,{label:ie("Inset"),checked:z,onChange:function(){return n({hoverInset:!z})}}))),React.createElement(de,{title:ie("Margin & Padding"),initialOpen:!1},React.createElement(X,{selectedUnit:O,unitTypes:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"%",value:"%"}],onClick:function(e){return n({marginUnit:e})}}),React.createElement(le,{label:ie("Margin"),top:k,right:x,bottom:L,left:T,onChange:function(e){var t=e.top,r=e.right,a=e.bottom,o=e.left;return n({marginTop:t,marginRight:r,marginBottom:a,marginLeft:o})}}),React.createElement(X,{selectedUnit:j,unitTypes:[{label:"px",value:"px"},{label:"em",value:"em"},{label:"%",value:"%"}],onClick:function(e){return n({paddingUnit:e})}}),React.createElement(le,{label:ie("Padding"),top:I,right:N,bottom:U,left:_,onChange:function(e){var t=e.top,r=e.right,a=e.bottom,o=e.left;return n({paddingTop:t,paddingRight:r,paddingBottom:a,paddingLeft:o})}})))},Ee=function(e){var t=e.isSelected,n=e.attributes,r=e.setAttributes,a=n.contentWidth,l=n.backgroundType,i=n.backgroundColor,c=n.gradientColor,u=n.imageURL,s=n.backgroundSize,p=n.borderColor,d=n.borderStyle,f=n.borderWidth,m=n.borderRadius,b=n.radiusUnit,g=n.shadowColor,h=n.hOffset,v=n.vOffset,y=n.blur,C=n.spread,R=n.inset,E=n.marginUnit,w=n.marginTop,S=n.marginRight,O=n.marginBottom,k=n.marginLeft,x=n.paddingUnit,L=n.paddingTop,T=n.paddingRight,j=n.paddingBottom,B=n.paddingLeft,I=n.isHover,N=n.hoverShadowColor,U=n.hoverHOffset,_=n.hoverVOffset,P=n.hoverBlur,A=n.hoverSpread,M=n.hoverInset,W={marginTop:w?"".concat(w).concat(E):null,marginRight:S?"".concat(S).concat(E):null,marginBottom:O?"".concat(O).concat(E):null,marginLeft:k?"".concat(k).concat(E):null,paddingTop:L?"".concat(L).concat(x):null,paddingRight:T?"".concat(T).concat(x):null,paddingBottom:j?"".concat(j).concat(x):null,paddingLeft:B?"".concat(B).concat(x):null,backgroundImage:"image"===l&&u?'url("'.concat(u,'")'):"gradient"===l?c:"none",backgroundSize:s,backgroundColor:"fill"===l&&i||"#e9ecef",border:"".concat(f||0,"px ").concat(d," ").concat(p||"#000000"),borderRadius:"".concat(m||0).concat(b),boxShadow:I?"".concat(U||0,"px ").concat(_||0,"px ").concat(P||0,"px ").concat(A||0,"px ").concat(N||"#000000"," ").concat(M?"inset":""):"".concat(h||0,"px ").concat(v||0,"px ").concat(y||0,"px ").concat(C||0,"px ").concat(g||"#000000"," ").concat(R?"inset":"")},D={maxWidth:a||null};return[t&&React.createElement(Re,e),React.createElement("div",{className:"eb-wrapper-outer",style:W,onMouseEnter:function(){return r({isHover:!0})},onMouseLeave:function(){return r({isHover:!1})}},React.createElement("div",{className:"eb-wrapper-inner"},React.createElement("div",{className:"eb-wrapper-inner-blocks",style:D},React.createElement(o.InnerBlocks,null))))]},we=(wp.i18n.__,wp.blockEditor.InnerBlocks),Se=function(e){var t=e.attributes,n=t.contentWidth,r=t.backgroundType,a=t.backgroundColor,o=t.gradientColor,l=t.imageURL,i=t.backgroundSize,c=t.borderColor,u=t.borderStyle,s=t.borderWidth,p=t.borderRadius,d=t.radiusUnit,f=t.shadowColor,m=t.hOffset,b=t.vOffset,g=t.blur,h=t.spread,v=t.inset,y=t.marginUnit,C=t.marginTop,R=t.marginRight,E=t.marginBottom,w=t.marginLeft,S=t.paddingUnit,O=t.paddingTop,k=t.paddingRight,x=t.paddingBottom,L=t.paddingLeft,T=t.hoverShadowColor,j=t.hoverHOffset,B=t.hoverVOffset,I=t.hoverBlur,N=t.hoverSpread,U=t.hoverInset,_={marginTop:C?"".concat(C).concat(y):null,marginRight:R?"".concat(R).concat(y):null,marginBottom:E?"".concat(E).concat(y):null,marginLeft:w?"".concat(w).concat(y):null,paddingTop:O?"".concat(O).concat(S):null,paddingRight:k?"".concat(k).concat(S):null,paddingBottom:x?"".concat(x).concat(S):null,paddingLeft:L?"".concat(L).concat(S):null,backgroundImage:"image"===r&&l?'url("'.concat(l,'")'):"gradient"===r?o:"none",backgroundSize:i,backgroundColor:"fill"===r&&a||"#e9ecef",border:"".concat(s||0,"px ").concat(u," ").concat(c||"#000000"),borderRadius:"".concat(p||0).concat(d),boxShadow:"".concat(m||0,"px ").concat(b||0,"px ").concat(g||0,"px ").concat(h||0,"px ").concat(f||"#000000"," ").concat(v?"inset":"")},P={maxWidth:n||void 0};return React.createElement("div",{className:"eb-wrapper-outer",style:_,"data-shadow-color":f||"#000000","data-hoffset":m||0,"data-voffset":b||0,"data-blur":g||0,"data-spread":h||0,"data-inset":v,"data-hover-shadow-color":T||"#000000","data-hover-hoffset":j||0,"data-hover-voffset":B||0,"data-hover-blur":I||0,"data-hover-spread":N||0,"data-hover-inset":U},React.createElement("div",{className:"eb-wrapper-inner"},React.createElement("div",{className:"eb-wrapper-inner-blocks",style:P},React.createElement(we.Content,null))))},Oe={contentWidth:{type:"number"},backgroundType:{type:"string",default:"fill"},backgroundColor:{type:"string"},gradientColor:{type:"string",default:"linear-gradient(45deg,#eef2f3,#8e92ab)"},imageURL:{type:"string"},imageID:{type:"string"},backgroundSize:{type:"string",default:"cover"},borderColor:{type:"string"},borderStyle:{type:"string",default:"solid"},borderWidth:{type:"number"},borderRadius:{type:"number"},radiusUnit:{type:"string",default:"px"},hOffset:{type:"number"},vOffset:{type:"number"},blur:{type:"number"},spread:{type:"number"},shadowColor:{type:"string"},inset:{type:"boolean",default:!1},marginUnit:{type:"string",default:"px"},marginTop:{type:"number"},marginRight:{type:"number"},marginBottom:{type:"number"},marginLeft:{type:"number"},paddingUnit:{type:"string",default:"px"},paddingTop:{type:"number"},paddingRight:{type:"number"},paddingBottom:{type:"number"},paddingLeft:{type:"number"},shadowType:{type:"string",default:"normal"},hoverHOffset:{type:"number"},hoverVOffset:{type:"number"},hoverBlur:{type:"number"},hoverSpread:{type:"number"},hoverShadowColor:{type:"string"},hoverInset:{type:"boolean",default:!1},isHover:{type:"boolean",default:!1}};Object(r.registerBlockType)("block/wrapper",{title:Object(a.__)("Wrapper","wrapper"),description:Object(a.__)("Example block written with ESNext standard and JSX support – build step required.","wrapper"),category:"widgets",icon:function(){return React.createElement("svg",{viewBox:"0 0 64 42",xmlns:"http://www.w3.org/2000/svg"},React.createElement("defs",null,React.createElement("linearGradient",{x1:"50%",y1:"-.962%",x2:"50%",y2:"102.035%",id:"linearGradient-1"},React.createElement("stop",{stopColor:"#1A6DFF",offset:"0%"}),React.createElement("stop",{stopColor:"#C822FF",offset:"100%"}))),React.createElement("g",{id:"Page-1",fill:"none",fillRule:"evenodd"},React.createElement("g",{id:"eb-wrapper",fill:"url(#linearGradient-1)",fillRule:"nonzero"},React.createElement("path",{d:"M3,0 C1.347656,0 0,1.347656 0,3 L0,27 C0,28.652344 1.347656,30 3,30 L20.050781,30 C20.566406,36.699219 26.171875,42 33,42 C39.828125,42 45.433594,36.699219 45.949219,30 L61,30 C62.652344,30 64,28.652344 64,27 L64,3 C64,1.347656 62.652344,0 61,0 L3,0 Z M3,2 L61,2 C61.550781,2 62,2.449219 62,3 L62,27 C62,27.550781 61.550781,28 61,28 L45.949219,28 C45.460938,21.628906 40.371094,16.539063 34,16.050781 L34,5 C34,4.449219 33.554688,4 33,4 C32.445313,4 32,4.449219 32,5 L32,16.050781 C25.628906,16.539063 20.539063,21.628906 20.050781,28 L3,28 C2.449219,28 2,27.550781 2,27 L2,3 C2,2.449219 2.449219,2 3,2 Z M5,4 C4.445313,4 4,4.449219 4,5 C4,5.550781 4.445313,6 5,6 L7,6 C7.554688,6 8,5.550781 8,5 C8,4.449219 7.554688,4 7,4 L5,4 Z M17,4 C16.445313,4 16,4.449219 16,5 L16,25 C16,25.550781 16.445313,26 17,26 C17.554688,26 18,25.550781 18,25 L18,5 C18,4.449219 17.554688,4 17,4 Z M49,4 C48.445313,4 48,4.449219 48,5 L48,25 C48,25.550781 48.445313,26 49,26 C49.554688,26 50,25.550781 50,25 L50,5 C50,4.449219 49.554688,4 49,4 Z M5,9 C4.445313,9 4,9.449219 4,10 C4,10.550781 4.445313,11 5,11 L7,11 C7.554688,11 8,10.550781 8,10 C8,9.449219 7.554688,9 7,9 L5,9 Z M5,14 C4.445313,14 4,14.449219 4,15 C4,15.550781 4.445313,16 5,16 L7,16 C7.554688,16 8,15.550781 8,15 C8,14.449219 7.554688,14 7,14 L5,14 Z M33,18 C39.066406,18 44,22.933594 44,29 C44,35.066406 39.066406,40 33,40 C26.933594,40 22,35.066406 22,29 C22,22.933594 26.933594,18 33,18 Z M5,19 C4.445313,19 4,19.449219 4,20 C4,20.550781 4.445313,21 5,21 L7,21 C7.554688,21 8,20.550781 8,20 C8,19.449219 7.554688,19 7,19 L5,19 Z M33,22 C32.445313,22 32,22.449219 32,23 L32,28 L27,28 C26.445313,28 26,28.449219 26,29 C26,29.550781 26.445313,30 27,30 L32,30 L32,35 C32,35.550781 32.445313,36 33,36 C33.554688,36 34,35.550781 34,35 L34,30 L39,30 C39.554688,30 40,29.550781 40,29 C40,28.449219 39.554688,28 39,28 L34,28 L34,23 C34,22.449219 33.554688,22 33,22 Z M5,24 C4.445313,24 4,24.449219 4,25 C4,25.550781 4.445313,26 5,26 L7,26 C7.554688,26 8,25.550781 8,25 C8,24.449219 7.554688,24 7,24 L5,24 Z",id:"Shape"}))))},attributes:Oe,edit:Ee,save:Se})}]);
\ No newline at end of file
diff --git a/build/style-index.css b/build/style-index.css
index e0ffd25..8762083 100644
--- a/build/style-index.css
+++ b/build/style-index.css
@@ -1,6 +1,6 @@
-.eb-wrapper-upload-button{height:100px;width:100%;background:#e3e3e3;color:#666666;display:inline-block}.eb-wrapper-outer{padding:20px 50px;transition:all 0.3s ease-in-out}.eb-wrapper-inner{padding-left:5%;padding-right:5%}.eb-inspector-btn-group{display:flex;padding-bottom:5px}.eb-inspector-btn-group button{flex:1;padding-left:40px !important}
+.eb-wrapper-upload-button{height:100px;width:100%;background:#e3e3e3;color:#666666;display:inline-block}.eb-wrapper-outer{padding:20px 50px;transition:all 0.3s ease-in-out}.eb-wrapper-inner{padding-left:5%;padding-right:5%}.eb-inspector-btn-group{display:flex;padding-bottom:5px}.eb-inspector-btn-group button{flex:1;padding-left:40px !important}.eb-wrapper-inner-blocks{margin:auto}
 
-.image-avatar{height:100px;width:100%;background-size:cover;background-repeat:no-repeat;margin-bottom:8px;padding:2px}
+.image-avatar{height:100px;width:100%;background-size:cover;background-repeat:no-repeat;margin-bottom:8px;padding:2px}.image-avatar-delete{background-color:blue}.image-avatar-delete:hover{background-color:red}
 
 .eb-color-base div {
 	display: flex;
@@ -37,7 +37,9 @@
 	box-shadow: none;
 }
 
-.eb-unit-control-btn-group{margin:0px 0px -20px 0px;text-align:right;display:block}.eb-unit-control-btn{color:black;background:transparent !important;outline:none !important;box-shadow:none !important;border:none !important;text-shadow:none !important}.eb-unit-active{color:#0084bc !important;font-weight:bold}
+.eb-switch-control{display:flex;border:1px solid #ededed;padding:2px;border-radius:30px;position:relative;font-family:sans-serif;text-align:center;margin-bottom:8px;margin-top:8px}.eb-switch-control input{visibility:hidden;position:absolute;padding:10px}.eb-switch-control input:checked+label{color:#fff}.eb-switch-control .individual:checked ~ span,.eb-switch-control .business:checked ~ span{color:white}.eb-switch-control .individual:checked ~ .slideBg{transform:translateX(100%)}.eb-switch-control .business:checked ~ .slideBg{transform:translateX(0)}.eb-switch-control label{display:block;padding:4px;width:50%;z-index:1}.slideBg{position:absolute;background-color:#551ef7;color:white;border-radius:30px;height:100%;width:50%;top:0;left:0;transition:transform 0.3s ease}
 
-.input-wrapper{width:20%;display:flex;flex-direction:column}.linked-btn{width:40px;height:30px;border-radius:5px;margin-left:8px;padding-left:12px}.dimention-container{display:flex;flex-direction:column;margin-bottom:1em}.dimention-label{margin-bottom:4px;margin-right:100px}.dimentions-input-label{font-size:.75em;text-align:center}.input-container{display:flex;flex-direction:row}.input-container .input-wrapper:first-child input{border-width:1px;border-radius:5px 0px 0px 5px}.input-container .input-wrapper input{margin:0;padding:0;text-align:center;border-width:1px 1px 1px 0px;border-color:#8d96a0;border-style:solid;border-radius:0;width:100%}.input-container .input-wrapper:nth-child(4) input{border-radius:0px 5px 5px 0px}
+.eb-unit-control-btn-group{margin:0px 0px -20px 0px;text-align:right;display:block}.eb-unit-control-btn{color:black;background:transparent !important;outline:none !important;box-shadow:none !important;border:none !important;text-shadow:none !important}.eb-unit-active{color:#6c40f7 !important;font-weight:bold}
+
+.input-wrapper{width:20%;display:flex;flex-direction:column}.linked-btn{width:40px;height:30px;border-radius:5px;margin-left:8px;padding-left:12px}.dimention-container{display:flex;flex-direction:column;margin-bottom:1em}.dimention-label{margin-bottom:4px;margin-right:100px}.dimentions-input-label{font-size:0.75em;text-align:center}.input-container{display:flex;flex-direction:row}.input-container .input-wrapper:first-child input{border-width:1px;border-radius:4px 0px 0px 4px}.input-container .input-wrapper input{min-height:24px;height:24px;margin:0;padding:0;text-align:center;border-width:1px 1px 1px 0px;border-color:#8d96a0;border-style:solid;border-radius:0;width:100%}.input-container .input-wrapper:nth-child(5) input{border-radius:0px 4px 4px 0px}.input-container .input-wrapper button{margin-left:0px;border-radius:0px 4px 4px 0px;border:1px solid #8d96a0;border-left:none}
 
diff --git a/src/style.scss b/src/style.scss
index 432eddd..55ff3ac 100755
--- a/src/style.scss
+++ b/src/style.scss
@@ -24,3 +24,8 @@
 	flex: 1;
 	padding-left: 40px !important;
 }
+
+// making the wrapper content center aligned
+.eb-wrapper-inner-blocks {
+	margin: auto;
+}