Version Description
- Fixed: Inline formatting toolbars now show up properly across all blocks
- Fixed: Possible fix for buggy saving of button labels - RichText edit methods now use RichText.Content save methods.
- Fixed: Pricing box button urls are the same for every column
- Fixed: Margin bottom of expand block's more text
Download this release
Release Info
| Developer | bfintal |
| Plugin |  Stackable – Page Builder Gutenberg Blocks |
| Version | 1.1 |
| Comparing to | |
| See all releases | |
Code changes from version 1.0.1 to 1.1
- dist/blocks.build.js +1 -1
- dist/blocks.editor.build.css +1 -1
- dist/blocks.style.build.css +2 -2
- plugin.php +1 -1
- readme.txt +7 -1
- src/block/blockquote/index.js +26 -27
- src/block/button/button-edit.js +1 -5
- src/block/button/button-save.js +9 -3
- src/block/button/index.js +24 -30
- src/block/call-to-action/index.js +61 -68
- src/block/card/index.js +100 -106
- src/block/count-up/index.js +49 -50
- src/block/divider/index.js +11 -14
- src/block/expand/index.js +74 -97
- src/block/expand/style.scss +1 -1
- src/block/ghost-button/index.js +84 -83
- src/block/header/index.js +90 -97
- src/block/image-box/index.js +66 -72
- src/block/notification/index.js +69 -79
- src/block/number-box/index.js +173 -173
- src/block/number-box/style.scss +4 -69
- src/block/pricing-box/index.js +277 -293
- src/block/pullquote/index.js +27 -27
- src/block/spacer/index.js +11 -12
- src/block/team-member/index.js +200 -209
- src/block/testimonial/index.js +201 -201
- src/block/video-popup/editor.scss +4 -0
- src/block/video-popup/index.js +54 -56
- src/wp-imports.js +4 -0
dist/blocks.build.js
CHANGED
|
@@ -1 +1 @@
|
|
| 1 |
-
!function(e){function t(l){if(n[l])return n[l].exports;var r=n[l]={i:l,l:!1,exports:{}};return e[l].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,l){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:l})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=6)}([function(e,t,n){"use strict";n.d(t,"z",function(){return l}),n.d(t,"r",function(){return r}),n.d(t,"l",function(){return a}),n.d(t,"n",function(){return c}),n.d(t,"o",function(){return i}),n.d(t,"e",function(){return u}),n.d(t,"f",function(){return s}),n.d(t,"d",function(){return m}),n.d(t,"p",function(){return b}),n.d(t,"i",function(){return p}),n.d(t,"k",function(){return d}),n.d(t,"g",function(){return h}),n.d(t,"c",function(){return f}),n.d(t,"a",function(){return y}),n.d(t,"m",function(){return w}),n.d(t,"q",function(){return v}),n.d(t,"h",function(){return C}),n.d(t,"j",function(){return x}),n.d(t,"b",function(){return O}),n.d(t,"y",function(){return T}),n.d(t,"x",function(){return j}),n.d(t,"v",function(){return S}),n.d(t,"s",function(){return B}),n.d(t,"t",function(){return L}),n.d(t,"w",function(){return z}),n.d(t,"u",function(){return F});var l=wp.blocks.registerBlockType,r=wp.i18n.__,o=wp.components,a=o.RangeControl,c=o.SelectControl,i=(o.TextControl,o.ToggleControl),u=o.Dashicon,s=o.IconButton,m=o.Button,b=o.Toolbar,p=o.PanelBody,d=o.RadioControl,g=wp.editor.InspectorControls?wp.editor:wp.blocks,h=g.InspectorControls,f=g.BlockControls,y=(g.ColorPalette,g.AlignmentToolbar),w=g.RichText,v=g.URLInput,C=g.MediaUpload,E=wp.editor,x=E.PanelColorSettings,O=E.BlockAlignmentToolbar,k=lodash,T=k.omit,j=k.merge,N=wp.hooks,S=N.doAction,B=N.addAction,L=N.applyFilters,z=(N.addFilter,stackable.isPro),F=stackable.blockSrcUrl},function(e,t,n){"use strict";n.d(t,"g",function(){return c}),n.d(t,"a",function(){return i}),n.d(t,"e",function(){return u}),n.d(t,"c",function(){return s}),n.d(t,"k",function(){return m}),n.d(t,"l",function(){return b}),n.d(t,"n",function(){return p}),n.d(t,"b",function(){return d}),n.d(t,"m",function(){return g}),n.d(t,"d",function(){return h}),n.d(t,"h",function(){return f}),n.d(t,"f",function(){return y}),n.d(t,"i",function(){return w}),n.d(t,"o",function(){return v}),n.d(t,"j",function(){return C});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r=function(e){return wp.element.createElement("defs",null,wp.element.createElement("linearGradient",l({},e,{gradientTransform:"rotate(90)"}),wp.element.createElement("stop",{offset:"0%",stopColor:"#2FDDD1",stopOpacity:"1"}),wp.element.createElement("stop",{offset:"20%",stopColor:"#30A2E3",stopOpacity:"1"}),wp.element.createElement("stop",{offset:"50%",stopColor:"#F56FAE",stopOpacity:"1"}),wp.element.createElement("stop",{offset:"100%",stopColor:"#FFC58E",stopOpacity:"1"})))},o=1,a=function(){return"stk-icon-"+o++},c=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024",width:"20",height:"20"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M512 96c-111.118 0-215.584 43.272-294.156 121.844S96 400.882 96 512s43.272 215.584 121.844 294.156S400.882 928 512 928s215.584-43.272 294.156-121.844S928 623.118 928 512s-43.272-215.584-121.843-294.156S623.118 96 512 96zm0-96c282.77 0 512 229.23 512 512s-229.23 512-512 512S0 794.77 0 512 229.23 0 512 0zm-64 704h128v128H448zm0-512h128v384H448z"}))},i=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M17 5H3c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm1 7c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1V7c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v5z"}))},u=function(){return wp.element.createElement(i,null)},s=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M4 9h12v2H4V9z"}))},m=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M8.54 12.74c0-.87-.24-1.61-.72-2.22-.73-.92-2.14-1.03-2.96-.85-.34-1.93 1.3-4.39 3.42-5.45L6.65 1.94C3.45 3.46.31 6.96.85 11.37 1.19 14.16 2.8 16 5.08 16c1 0 1.83-.29 2.48-.88.66-.59.98-1.38.98-2.38zm9.43 0c0-.87-.24-1.61-.72-2.22-.73-.92-2.14-1.03-2.96-.85-.34-1.93 1.3-4.39 3.42-5.45l-1.63-2.28c-3.2 1.52-6.34 5.02-5.8 9.43.34 2.79 1.95 4.63 4.23 4.63 1 0 1.83-.29 2.48-.88.66-.59.98-1.38.98-2.38z"}))},b=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 14 32"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M0 29h5.833L0 23h5V9H0l5.833-6H0V0h14v3H8.167L14 9H9v14h5l-5.833 6H14v3H0v-3z"}))},p=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 13 12.916010856628418"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M5.68 12.916a.5.5 0 0 1-.397-.196L3.208 10H1.463C.656 10 0 9.428 0 8.621V1.463C0 .656.656 0 1.463 0h10.074C12.344 0 13 .656 13 1.463v7.158C13 9.428 12.344 10 11.537 10H8.151l-2.073 2.72a.504.504 0 0 1-.398.196zM1.463 1A.464.464 0 0 0 1 1.463v7.158c0 .255.208.463.463.463h1.993a.5.5 0 0 1 .397.196l1.827 2.312L7.507 9.28a.502.502 0 0 1 .397-.196h3.633A.464.464 0 0 0 12 8.621V1.463A.464.464 0 0 0 11.537 1H1.463zm1.193 2h7.828c.284.024.514.207.514.49a.498.498 0 0 1-.514.496H2.656a.499.499 0 0 1-.514-.496c.001-.283.231-.466.514-.49zm0 3h7.828c.284.024.514.207.514.49a.498.498 0 0 1-.514.496H2.656a.499.499 0 0 1-.514-.496c.001-.283.231-.466.514-.49z"}))},d=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 16 14"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M10 0c-.17 0-.36.05-.52.14C8.04 1.02 4.5 3.58 3 4c-1.38 0-3 .67-3 2.5S1.63 9 3 9c.3.08.64.23 1 .41V14h2v-3.45c1.34.86 2.69 1.83 3.48 2.31.16.09.34.14.52.14.52 0 1-.42 1-1V1c0-.58-.48-1-1-1zm0 12c-.38-.23-.89-.58-1.5-1-.16-.11-.33-.22-.5-.34V2.31c.16-.11.31-.2.47-.31.61-.41 1.16-.77 1.53-1v11zm2-6h4v1h-4V6zm0 2l4 2v1l-4-2V8zm4-6v1l-4 2V4l4-2z"}))},g=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 896 1023"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M821 491q-41-41-95-60 62-26 100-82t38-125q0-93-65.5-158.5T640 0q-71 0-128.5 41T430 147q-32-39-77-61t-97-22q-93 0-158.5 65.5T32 288q0 69 38 125t100 82q-54 19-95 60Q0 630 0 736v191q0 40 28 68t68 28h320q31 0 55.5-18t34.5-46h294q40 0 68-28t28-68V672q0-106-75-181zM527 111q47-47 113-47t113 47 47 113-47 113-113 47-113-47-47-113 47-113zM143 401q-47-47-47-113t47-113 113-47 113 47 47 113-47 113-113 47-113-47zm305 526q0 13-9.5 22.5T416 959H96q-13 0-22.5-9.5T64 927V736q0-79 56.5-135.5T256 544t136 56q1 2 2 3 54 55 54 133v191zm-27-387q-36-30-79-45 43-18 75.5-52t48.5-78q36 44 88 66-54 19-95 60-22 23-38 49zm411 323q0 13-9.5 22.5T800 895H512V736q0-80-46-146 15-30 38-53 57-57 136-57t135.5 56.5T832 672v191z"}))},h=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 32 8"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zM16 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"}))},f=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 21.027502059936523 10.284000396728516"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M3.028 10.284a1 1 0 0 1-1-1V2.902l-.553.276A1 1 0 1 1 .58 1.389l2-1a.998.998 0 0 1 1.447.895v8a1 1 0 0 1-1 1zm9 0h-5a1.002 1.002 0 0 1-.707-1.707l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001a1.33 1.33 0 0 0-.393.948 1 1 0 0 1-2 0c0-.894.348-1.733.98-2.364C8.273 0 10.472 0 11.735 1.264c.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.98 2.364L9.443 8.284h2.586a1 1 0 0 1 0 2zm7.955-5.623a2.725 2.725 0 0 0 .545-1.627 2.753 2.753 0 0 0-2.75-2.75 2.739 2.739 0 0 0-2.44 1.484 1 1 0 1 0 1.776.92.75.75 0 1 1 .664 1.096 1 1 0 0 0 0 2c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25a1 1 0 0 0-2 0c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25a3.23 3.23 0 0 0-1.045-2.373z"}))},y=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 32 38"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M0 0h32v38H0V0zm3 3v32h26V3H3zm2 2h22v7H5V5zm0 9h14v19H5V14zm16 19V14h6v19h-6zM6 6v5h20V6H6z"}))},w=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 1024 896"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M960 0H64Q38 0 19 19T0 64v768q0 26 19 45t45 19h896q26 0 45-19t19-45V64q0-26-19-45T960 0zM64 64h896v714L724 430q-7-12-21-14t-25 7L524 548 350 305q-10-14-28-13t-26 17L64 757V64zm855 768H97l231-447 184 255 179-145zM737 190q13 0 22.5 9.5T769 222t-9.5 22.5T737 254t-22.5-9.5T705 222t9.5-22.5T737 190zm0-64q-40 0-68 28t-28 68 28 68 68 28 68-28 28-68-28-68-68-28z"}))},v=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 38 26"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M2 0h34a2 2 0 0 1 2 2v22a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm5.77 4C6.24 4 5 5.511 5 7.375v11.25C5 20.489 6.24 22 7.77 22h15.46c1.53 0 2.77-1.511 2.77-3.375V16l6 5h1V5h-1l-6 5V7.375C26 5.511 24.76 4 23.23 4H7.77z"}))},C=function(){var e=a();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 448 448"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M416 32V0H256L0 288l160 160 23.471-23.904L208 448l240-272V32h-32zM160 425.371L22.39 288 262.621 16H400v137.377l-216.555 247.99-11.34 11.363L160 425.371zm272-255.994L208 425.371l-13.182-12.65L416 160V48h16v121.377z"}),wp.element.createElement("path",{d:"M320 128c17.645 0 32-14.355 32-32s-14.355-32-32-32-32 14.355-32 32 14.355 32 32 32zm0-48c8.836 0 16 7.163 16 16s-7.164 16-16 16-16-7.163-16-16 7.164-16 16-16z"}))}},function(e,t,n){"use strict";function l(e){var t=e.align,n=void 0===t?"center":t,l=e.size,o=void 0===l?"normal":l,a=e.color,c=e.text,i=void 0===c?"":c,u=e.backgroundColor,s=e.borderRadius,m=void 0===s?4:s,b=e.isSelected,p=void 0!==b&&b,d=e.onFocus,g=void 0===d?function(){}:d,h=e.onChange,f=void 0===h?function(){}:h;return wp.element.createElement("span",{className:"ugb-button ugb-button-"+n+" ugb-button-"+o,style:{backgroundColor:u,borderRadius:m+"px"}},wp.element.createElement(r.m,{tagName:"span",placeholder:Object(r.r)("Enter Text"),value:i,onChange:f,formattingControls:["bold","italic","strikethrough"],className:"ugb-button-inner",style:{color:a},onFocus:g,isSelected:p,keepPlaceholderOnFocus:!0}))}var r=n(0);t.a=l},function(e,t,n){"use strict";function l(e){var t=e.align,n=void 0===t?"center":t,l=e.size,r=void 0===l?"normal":l,o=e.url,a=void 0===o?"":o,c=e.color,i=e.text,u=e.backgroundColor,s=e.borderRadius,m={backgroundColor:u,borderRadius:s+"px"};return wp.element.createElement("div",{className:"ugb-button ugb-button-"+n+" ugb-button-"+r,style:m},wp.element.createElement("a",{href:a,className:"ugb-button-inner",style:{color:c}},i))}t.a=l},function(e,t,n){var l,r;!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var r=typeof l;if("string"===r||"number"===r)e.push(l);else if(Array.isArray(l)&&l.length){var a=n.apply(null,l);a&&e.push(a)}else if("object"===r)for(var c in l)o.call(l,c)&&l[c]&&e.push(c)}}return e.join(" ")}var o={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(n.default=n,e.exports=n):(l=[],void 0!==(r=function(){return n}.apply(t,l))&&(e.exports=r))}()},function(e,t){var n={utf8:{stringToBytes:function(e){return n.bin.stringToBytes(unescape(encodeURIComponent(e)))},bytesToString:function(e){return decodeURIComponent(escape(n.bin.bytesToString(e)))}},bin:{stringToBytes:function(e){for(var t=[],n=0;n<e.length;n++)t.push(255&e.charCodeAt(n));return t},bytesToString:function(e){for(var t=[],n=0;n<e.length;n++)t.push(String.fromCharCode(e[n]));return t.join("")}}};e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});n(7),n(10),n(13),n(21),n(25),n(31),n(35),n(39),n(43),n(46),n(49),n(52),n(55),n(59),n(63),n(66),n(69),n(72),n(76)},function(e,t,n){"use strict";var l=n(8),r=(n.n(l),n(9)),o=(n.n(r),n(1)),a=n(0),c=function(e){var t=e.attributes.height;return wp.element.createElement("div",{style:{height:t+"px"}})},i=function(e){var t=e.isSelected,n=e.attributes.height;return[!!t&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.l,{label:Object(a.r)("Height"),value:n,min:"30",max:"200",onChange:function(t){e.setAttributes({height:t})}}))),wp.element.createElement("div",{className:e.className,style:{height:n+"px"}})]};Object(a.z)("ugb/spacer",{title:Object(a.r)("Spacer"),icon:o.l,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.r)("Spacer"),Object(a.r)("Stackable")],attributes:{height:{default:50,type:"number"}},edit:i,save:c})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(11),r=(n.n(l),n(12)),o=(n.n(r),n(1)),a=n(0),c=function(e){var t=e.attributes,n=t.height,l=t.width,r=t.color,o=t.alignment;return wp.element.createElement("div",{className:"ugb-divider"},wp.element.createElement("hr",{align:o,style:{backgroundColor:r,width:l+"%",height:n}}))},i=function(e){var t=e.isSelected,n=e.attributes,l=n.height,r=n.width,o=n.color,c=n.alignment;return[t&&wp.element.createElement(a.c,{key:"controls"},wp.element.createElement(a.a,{value:c,onChange:function(t){e.setAttributes({alignment:t})}})),t&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.l,{label:Object(a.r)("Height"),value:l,min:"1",max:"10",onChange:function(t){e.setAttributes({height:t})}}),wp.element.createElement(a.l,{label:Object(a.r)("Width"),value:r,min:"10",max:"100",step:"0.1",onChange:function(t){e.setAttributes({width:t})}})),wp.element.createElement(a.j,{title:Object(a.r)("Color Settings"),colorSettings:[{value:o,onChange:function(t){return e.setAttributes({color:t})},label:Object(a.r)("Divider Color")}]})),wp.element.createElement("div",{className:"ugb-divider",style:{paddingTop:8,paddingBottom:8}},wp.element.createElement("hr",{align:c,style:{marginTop:0,marginBottom:0,backgroundColor:o,width:r+"%",height:l}}))]};Object(a.z)("ugb/divider",{title:Object(a.r)("Divider"),icon:o.c,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.r)("Divider"),Object(a.r)("Stackable")],attributes:{height:{default:1,type:"number"},width:{default:50,type:"number"},color:{type:"string",default:"#dddddd"},alignment:{type:"string",default:"center"}},edit:i,save:c})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(14),r=(n.n(l),n(15)),o=(n.n(r),n(1)),a=n(16),c=n(2),i=n(3),u=n(17),s=n(19),m=(n(20),n(0)),b=function(e){var t=e.isSelected,n=(e.className,e.setAttributes),l=e.attributes,r=l.url,o=l.text,a=l.color,i=l.textColor,b=l.size,p=l.align,d=l.cornerButtonRadius,g=l.design,h=[{value:"small",label:Object(m.r)("Small")},{value:"normal",label:Object(m.r)("Normal")},{value:"medium",label:Object(m.r)("Medium")},{value:"large",label:Object(m.r)("Large")}],f=wp.element.createElement(c.a,{onChange:function(e){return n({text:e})},isSelected:t,align:p,size:b,backgroundColor:a,color:i,text:o,borderRadius:d}),y=Object(m.t)("stackable.designs.button.edit",f,g,e);return[t&&wp.element.createElement(m.c,{key:"controls"},wp.element.createElement(m.b,{value:p,onChange:function(e){n({align:e})},controls:["left","center","right","full"]})),t&&wp.element.createElement(m.g,null,wp.element.createElement(u.a,{selected:g,options:[{label:wp.element.createElement(s.a,{imageFile:"button/images/test.jpg"}),title:"Basic",value:"basic"},{label:wp.element.createElement(s.a,{imageFile:"button/images/test.jpg",isPro:!0}),title:"Center",value:"center"},{label:wp.element.createElement(s.a,{imageFile:"https://via.placeholder.com/350x150",isPro:!0}),title:"Right",value:"right"},{label:wp.element.createElement(s.a,{imageFile:"https://via.placeholder.com/350x150",isPro:!0}),title:"Full",value:"full"}],onChange:function(e){n({design:e})}})),t&&wp.element.createElement(m.g,{key:"inspector"},wp.element.createElement(m.i,null,wp.element.createElement(m.n,{label:Object(m.r)("Size"),value:b,options:h.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(m.l,{label:Object(m.r)("Corner Radius"),value:d,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}})),wp.element.createElement(m.j,{title:Object(m.r)("Color Settings"),colorSettings:[{value:a,onChange:function(e){return n({color:e})},label:Object(m.r)("Background Color")},{value:i,onChange:function(e){return n({textColor:e})},label:Object(m.r)("Text Color")}]})),y,t&&wp.element.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link"},wp.element.createElement(m.e,{icon:"admin-links"}),wp.element.createElement(m.q,{value:r,onChange:function(e){return n({url:e})}}),wp.element.createElement(m.f,{icon:"editor-break",label:Object(m.r)("Apply"),type:"submit"}))]},p=function(e){var t=e.attributes,n=t.url,l=t.text,r=t.align,o=t.color,a=t.textColor,c=t.size,u=t.cornerButtonRadius,s=t.design,b=wp.element.createElement(i.a,{align:r,size:c,url:n,color:a,text:l,backgroundColor:o,borderRadius:u});return Object(m.t)("stackable.designs.button.save",b,s,e)},d={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},align:{type:"string",default:"center"},color:{type:"string",default:"#2091e1"},textColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},design:{type:"string",default:"basic"}};Object(m.z)("ugb/button",{title:Object(m.r)("Button"),icon:o.a,description:"Add customize button",category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(m.r)("Button"),Object(m.r)("Stackable")],attributes:d,deprecated:[{attributes:a.b,migrate:function(e){return Object(m.y)(Object(m.x)(e,{align:e.textAlignment}),["textAlignment"])},save:a.a}],edit:b,save:p})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return l}),n.d(t,"b",function(){return r});var l=function(e){var t=e.attributes,n=t.url,l=t.text,r=t.textAlignment,o=t.color,a=t.textColor,c=t.size,i=t.cornerButtonRadius,u={backgroundColor:o,color:a,borderRadius:i+"px"};return wp.element.createElement("div",{className:"ugb-button-"+r},wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+c,style:u},l))},r={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},align:{type:"string",default:"center"},color:{type:"string",default:"#2091e1"},textColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4}}},function(e,t,n){"use strict";function l(e){return null}var r=n(18),o=(n.n(r),n(0),n(4));n.n(o);t.a=l},function(e,t){},function(e,t,n){"use strict";function l(e){var t=e.isPro,n=e.imageFile,l=o()({"is-pro":t});return wp.element.createElement("span",{className:l},wp.element.createElement("img",{src:n.match(/https?:/i)?n:a.u+"/"+n}))}var r=n(4),o=n.n(r),a=n(0);t.a=l},function(e,t,n){"use strict"},function(e,t,n){"use strict";var l=n(22),r=(n.n(l),n(23)),o=(n.n(r),n(1)),a=n(24),c=n(0),i=function(e){var t=e.isSelected,n=e.setAttributes,l=e.attributes,r=l.url,o=l.text,a=l.color,i=l.size,u=l.align,s=l.cornerButtonRadius,m=l.borderThickness,b=[{value:"small",label:Object(c.r)("Small")},{value:"normal",label:Object(c.r)("Normal ")},{value:"medium",label:Object(c.r)("Medium")},{value:"large",label:Object(c.r)("Large")}];return[t&&wp.element.createElement(c.c,null,wp.element.createElement(c.b,{value:u,onChange:function(e){n({align:e})},controls:["left","center","right","full"]})),wp.element.createElement("span",{key:"button",className:"ugb-button ugb-ghost-button ugb-button-"+u+" ugb-button-"+i,style:{borderColor:a,borderRadius:s+"px",borderWidth:m+"px"}},wp.element.createElement(c.m,{tagName:"span",placeholder:Object(c.r)("Enter Text"),value:o,onChange:function(e){return n({text:e})},formattingControls:["bold","italic","strikethrough"],className:"ugb-button-inner",style:{color:a},isSelected:t,keepPlaceholderOnFocus:!0}),t&&wp.element.createElement(c.g,{key:"inspector"},wp.element.createElement(c.i,null,wp.element.createElement(c.n,{label:Object(c.r)("Size"),value:i,options:b.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(c.l,{label:Object(c.r)("Corner Radius"),value:s,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}}),wp.element.createElement(c.l,{label:Object(c.r)("Border Thickness"),value:m,min:"1",max:"10",onChange:function(e){return n({borderThickness:e})}})),wp.element.createElement(c.j,{title:Object(c.r)("Color Settings"),colorSettings:[{value:a,onChange:function(e){return n({color:e})},label:Object(c.r)("Button Color")}]}))),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link"},wp.element.createElement(c.e,{icon:"admin-links"}),wp.element.createElement(c.q,{value:r,onChange:function(e){return n({url:e})}}),wp.element.createElement(c.f,{icon:"editor-break",label:Object(c.r)("Apply"),type:"submit"}))]},u=function(e){var t=e.attributes,n=t.url,l=t.text,r=t.align,o=t.color,a=t.size,c=t.cornerButtonRadius,i=t.borderThickness,u={borderColor:o,borderRadius:c+"px",borderWidth:i+"px"};return wp.element.createElement("div",{className:"ugb-button ugb-ghost-button ugb-button-"+r+" ugb-button-"+a,style:u},wp.element.createElement("a",{href:n,className:"ugb-button-inner",style:{color:o}},l))},s={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},align:{type:"string",default:"center"},color:{type:"string"},textColor:{type:"string"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:"4"},borderThickness:{type:"number",default:"1"}};Object(c.z)("ugb/ghost-button",{title:Object(c.r)("Ghost Button"),icon:o.e,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.r)("Ghost Button"),Object(c.r)("Stackable")],attributes:s,deprecated:[{attributes:a.b,migrate:function(e){return Object(c.y)(Object(c.x)(e,{align:e.textAlignment}),["textAlignment"])},save:a.a}],edit:i,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return l}),n.d(t,"b",function(){return r});var l=function(e){var t=e.attributes,n=t.url,l=t.text,r=t.textAlignment,o=t.color,a=t.size,c=t.cornerButtonRadius,i=t.borderThickness,u={borderColor:o,color:o,borderRadius:c+"px",borderWidth:i+"px"};return wp.element.createElement("div",{className:"ugb-button-"+r},wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+a+" ugb-ghost-button",style:u},l))},r={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},textAlignment:{type:"string",default:"center"},color:{type:"string"},textColor:{type:"string"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:"4"},borderThickness:{type:"number",default:"1"}}},function(e,t,n){"use strict";var l=n(26),r=(n.n(l),n(27)),o=(n.n(r),n(28)),a=n.n(o),c=n(1),i=n(0),u=function(e){var t=[{value:"success",label:Object(i.r)("Success")},{value:"error",label:Object(i.r)("Error")},{value:"warning",label:Object(i.r)("Warning")},{value:"info",label:Object(i.r)("Information")}],n=e.isSelected,l=e.editable,r=e.setState,o=e.setAttributes,a=(e.className,e.attributes),c=a.text,u=a.color,s=a.textColor,m=a.notifType,b=a.dismissible;return[n&&wp.element.createElement(i.c,{key:"controls"}),wp.element.createElement("div",{key:"editable",className:"ugb-notification type-"+m+" dismissible-"+b},b&&wp.element.createElement("span",{key:"button",className:"close-button"},wp.element.createElement("svg",{viewBox:"0 0 28.3 28.3",style:{fill:s}},wp.element.createElement("path",{d:"M52.4-166.2c3.2,0,3.2-5,0-5C49.2-171.2,49.2-166.2,52.4-166.2L52.4-166.2z"}),wp.element.createElement("path",{d:"M16.8,13.9L26.9,3.8c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0L14.7,11.8L4.6,1.7C4,1.1,3.1,1.1,2.5,1.7s-0.6,1.5,0,2.1l10.1,10.1L2.5,24c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4L14.7,16l10.1,10.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L16.8,13.9z"}))),wp.element.createElement(i.m,{tagName:"p",placeholder:e.attributes.text.default,value:c,isSelected:n&&"content"===l,onFocus:function(e){return function(){r({editable:e})}}("content"),onChange:function(e){return o({text:e})},className:"wp-ugb-notif notif-"+m,style:{backgroundColor:u,color:s}}),n&&wp.element.createElement(i.g,{key:"inspector"},wp.element.createElement(i.i,null,wp.element.createElement(i.o,{label:Object(i.r)("Dismissible"),checked:b,onChange:function(){return o({dismissible:!b})}}),wp.element.createElement(i.n,{label:Object(i.r)("Notification Type"),value:m,options:t.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){o({notifType:e})}})),wp.element.createElement(i.j,{title:Object(i.r)("Color Settings"),colorSettings:[{value:u,onChange:function(e){return o({color:e})},label:Object(i.r)("Background Color")},{value:s,onChange:function(e){return o({textColor:e})},label:Object(i.r)("Text Color")}]})))]},s=function(e){var t=e.attributes,n=t.text,l=t.color,r=t.textColor,o=t.notifType,c=t.dismissible,i={backgroundColor:l,color:r},u=a()(n+o).substr(0,6);return wp.element.createElement("div",{className:"ugb-notification type-"+o+" dismissible-"+c,"data-uid":u},c&&wp.element.createElement("span",{key:"button",className:"close-button"},wp.element.createElement("svg",{viewBox:"0 0 28.3 28.3",style:{fill:r}},wp.element.createElement("path",{d:"M52.4-166.2c3.2,0,3.2-5,0-5C49.2-171.2,49.2-166.2,52.4-166.2L52.4-166.2z"}),wp.element.createElement("path",{d:"M16.8,13.9L26.9,3.8c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0L14.7,11.8L4.6,1.7C4,1.1,3.1,1.1,2.5,1.7s-0.6,1.5,0,2.1l10.1,10.1L2.5,24c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4L14.7,16l10.1,10.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L16.8,13.9z"}))),wp.element.createElement("p",{className:"wp-ugb-notif notif-"+o,style:i},n))};Object(i.z)("ugb/notification",{title:Object(i.r)("Notification"),icon:c.g,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.r)("Notification"),Object(i.r)("Stackable")],attributes:{text:{type:"array",source:"children",selector:"p",default:Object(i.r)("This is an informational alert, usually used for successful subscriptions, promo announcements, and the like.")},color:{type:"string"},textColor:{type:"string"},notifType:{type:"string",default:"success"},dismissible:{type:"boolean",default:!1}},edit:u,save:s})},function(e,t){},function(e,t){},function(e,t,n){!function(){var t=n(29),l=n(5).utf8,r=n(30),o=n(5).bin,a=function(e,n){e.constructor==String?e=n&&"binary"===n.encoding?o.stringToBytes(e):l.stringToBytes(e):r(e)?e=Array.prototype.slice.call(e,0):Array.isArray(e)||(e=e.toString());for(var c=t.bytesToWords(e),i=8*e.length,u=1732584193,s=-271733879,m=-1732584194,b=271733878,p=0;p<c.length;p++)c[p]=16711935&(c[p]<<8|c[p]>>>24)|4278255360&(c[p]<<24|c[p]>>>8);c[i>>>5]|=128<<i%32,c[14+(i+64>>>9<<4)]=i;for(var d=a._ff,g=a._gg,h=a._hh,f=a._ii,p=0;p<c.length;p+=16){var y=u,w=s,v=m,C=b;u=d(u,s,m,b,c[p+0],7,-680876936),b=d(b,u,s,m,c[p+1],12,-389564586),m=d(m,b,u,s,c[p+2],17,606105819),s=d(s,m,b,u,c[p+3],22,-1044525330),u=d(u,s,m,b,c[p+4],7,-176418897),b=d(b,u,s,m,c[p+5],12,1200080426),m=d(m,b,u,s,c[p+6],17,-1473231341),s=d(s,m,b,u,c[p+7],22,-45705983),u=d(u,s,m,b,c[p+8],7,1770035416),b=d(b,u,s,m,c[p+9],12,-1958414417),m=d(m,b,u,s,c[p+10],17,-42063),s=d(s,m,b,u,c[p+11],22,-1990404162),u=d(u,s,m,b,c[p+12],7,1804603682),b=d(b,u,s,m,c[p+13],12,-40341101),m=d(m,b,u,s,c[p+14],17,-1502002290),s=d(s,m,b,u,c[p+15],22,1236535329),u=g(u,s,m,b,c[p+1],5,-165796510),b=g(b,u,s,m,c[p+6],9,-1069501632),m=g(m,b,u,s,c[p+11],14,643717713),s=g(s,m,b,u,c[p+0],20,-373897302),u=g(u,s,m,b,c[p+5],5,-701558691),b=g(b,u,s,m,c[p+10],9,38016083),m=g(m,b,u,s,c[p+15],14,-660478335),s=g(s,m,b,u,c[p+4],20,-405537848),u=g(u,s,m,b,c[p+9],5,568446438),b=g(b,u,s,m,c[p+14],9,-1019803690),m=g(m,b,u,s,c[p+3],14,-187363961),s=g(s,m,b,u,c[p+8],20,1163531501),u=g(u,s,m,b,c[p+13],5,-1444681467),b=g(b,u,s,m,c[p+2],9,-51403784),m=g(m,b,u,s,c[p+7],14,1735328473),s=g(s,m,b,u,c[p+12],20,-1926607734),u=h(u,s,m,b,c[p+5],4,-378558),b=h(b,u,s,m,c[p+8],11,-2022574463),m=h(m,b,u,s,c[p+11],16,1839030562),s=h(s,m,b,u,c[p+14],23,-35309556),u=h(u,s,m,b,c[p+1],4,-1530992060),b=h(b,u,s,m,c[p+4],11,1272893353),m=h(m,b,u,s,c[p+7],16,-155497632),s=h(s,m,b,u,c[p+10],23,-1094730640),u=h(u,s,m,b,c[p+13],4,681279174),b=h(b,u,s,m,c[p+0],11,-358537222),m=h(m,b,u,s,c[p+3],16,-722521979),s=h(s,m,b,u,c[p+6],23,76029189),u=h(u,s,m,b,c[p+9],4,-640364487),b=h(b,u,s,m,c[p+12],11,-421815835),m=h(m,b,u,s,c[p+15],16,530742520),s=h(s,m,b,u,c[p+2],23,-995338651),u=f(u,s,m,b,c[p+0],6,-198630844),b=f(b,u,s,m,c[p+7],10,1126891415),m=f(m,b,u,s,c[p+14],15,-1416354905),s=f(s,m,b,u,c[p+5],21,-57434055),u=f(u,s,m,b,c[p+12],6,1700485571),b=f(b,u,s,m,c[p+3],10,-1894986606),m=f(m,b,u,s,c[p+10],15,-1051523),s=f(s,m,b,u,c[p+1],21,-2054922799),u=f(u,s,m,b,c[p+8],6,1873313359),b=f(b,u,s,m,c[p+15],10,-30611744),m=f(m,b,u,s,c[p+6],15,-1560198380),s=f(s,m,b,u,c[p+13],21,1309151649),u=f(u,s,m,b,c[p+4],6,-145523070),b=f(b,u,s,m,c[p+11],10,-1120210379),m=f(m,b,u,s,c[p+2],15,718787259),s=f(s,m,b,u,c[p+9],21,-343485551),u=u+y>>>0,s=s+w>>>0,m=m+v>>>0,b=b+C>>>0}return t.endian([u,s,m,b])};a._ff=function(e,t,n,l,r,o,a){var c=e+(t&n|~t&l)+(r>>>0)+a;return(c<<o|c>>>32-o)+t},a._gg=function(e,t,n,l,r,o,a){var c=e+(t&l|n&~l)+(r>>>0)+a;return(c<<o|c>>>32-o)+t},a._hh=function(e,t,n,l,r,o,a){var c=e+(t^n^l)+(r>>>0)+a;return(c<<o|c>>>32-o)+t},a._ii=function(e,t,n,l,r,o,a){var c=e+(n^(t|~l))+(r>>>0)+a;return(c<<o|c>>>32-o)+t},a._blocksize=16,a._digestsize=16,e.exports=function(e,n){if(void 0===e||null===e)throw new Error("Illegal argument "+e);var l=t.wordsToBytes(a(e,n));return n&&n.asBytes?l:n&&n.asString?o.bytesToString(l):t.bytesToHex(l)}}()},function(e,t){!function(){var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",n={rotl:function(e,t){return e<<t|e>>>32-t},rotr:function(e,t){return e<<32-t|e>>>t},endian:function(e){if(e.constructor==Number)return 16711935&n.rotl(e,8)|4278255360&n.rotl(e,24);for(var t=0;t<e.length;t++)e[t]=n.endian(e[t]);return e},randomBytes:function(e){for(var t=[];e>0;e--)t.push(Math.floor(256*Math.random()));return t},bytesToWords:function(e){for(var t=[],n=0,l=0;n<e.length;n++,l+=8)t[l>>>5]|=e[n]<<24-l%32;return t},wordsToBytes:function(e){for(var t=[],n=0;n<32*e.length;n+=8)t.push(e[n>>>5]>>>24-n%32&255);return t},bytesToHex:function(e){for(var t=[],n=0;n<e.length;n++)t.push((e[n]>>>4).toString(16)),t.push((15&e[n]).toString(16));return t.join("")},hexToBytes:function(e){for(var t=[],n=0;n<e.length;n+=2)t.push(parseInt(e.substr(n,2),16));return t},bytesToBase64:function(e){for(var n=[],l=0;l<e.length;l+=3)for(var r=e[l]<<16|e[l+1]<<8|e[l+2],o=0;o<4;o++)8*l+6*o<=8*e.length?n.push(t.charAt(r>>>6*(3-o)&63)):n.push("=");return n.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var n=[],l=0,r=0;l<e.length;r=++l%4)0!=r&&n.push((t.indexOf(e.charAt(l-1))&Math.pow(2,-2*r+8)-1)<<2*r|t.indexOf(e.charAt(l))>>>6-2*r);return n}};e.exports=n}()},function(e,t){function n(e){return!!e.constructor&&"function"===typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}function l(e){return"function"===typeof e.readFloatLE&&"function"===typeof e.slice&&n(e.slice(0,0))}e.exports=function(e){return null!=e&&(n(e)||l(e)||!!e._isBuffer)}},function(e,t,n){"use strict";var l=n(32),r=(n.n(l),n(33)),o=(n.n(r),n(1)),a=n(34),c=n(0),i=function(e){var t=e.isSelected,n=e.setAttributes,l=(e.className,e.attributes),r=l.color,o=l.text,a=l.quoteColor;return[wp.element.createElement("blockquote",{key:"quote",className:"ugb-blockquote",style:{"--quote-color":a}},wp.element.createElement(c.m,{tagName:"p",className:"ugb-blockquote-text",value:o,onChange:function(e){return n({text:e})},isSelected:t,style:{color:r}})),t&&wp.element.createElement(c.g,{key:"inspector"},wp.element.createElement(c.j,{title:Object(c.r)("Color Settings"),colorSettings:[{value:r,onChange:function(e){return n({color:e})},label:Object(c.r)("Text Color")},{value:a,onChange:function(e){return n({quoteColor:e})},label:Object(c.r)("Quote Color")}]}))]},u=function(e){var t=e.attributes,n=t.color,l=t.text,r=t.quoteColor;return wp.element.createElement("blockquote",{className:"ugb-blockquote",style:{"--quote-color":r}},wp.element.createElement("p",{style:{color:n}},l))},s={text:{type:"array",source:"children",selector:"p",default:Object(c.r)("It's okay to acknowledge that life can get complicated, but we musn't forget the beauty in its simplicity, too. From the multitude of stars above, to freshly mowed grass in the morning, life is simply wonderful.")},color:{type:"string",default:""},quoteColor:{type:"string",default:""}};Object(c.z)("ugb/blockquote",{title:Object(c.r)("Blockquote"),icon:o.k,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.r)("Blockquote"),Object(c.r)("Stackable")],attributes:s,deprecated:[{attributes:a.b,migrate:function(e){return Object(c.y)(Object(c.x)(e,{quoteColor:e.borderColor}),["borderColor"])},save:a.a}],edit:i,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"b",function(){return r}),n.d(t,"a",function(){return o});var l=n(0),r={text:{type:"array",source:"children",selector:"p",default:Object(l.r)("It's okay to acknowledge that life can get complicated, but we musn't forget the beauty in its simplicity, too. From the multitude of stars above, to freshly mowed grass in the morning, life is simply wonderful.")},color:{type:"string",default:"#424242"},borderColor:{type:"string",default:"#2091e1"}},o=function(e){var t=e.attributes,n=t.color,l=t.text,r=t.borderColor;return wp.element.createElement("blockquote",{className:"ugb-blockquote",style:{borderLeftColor:r}},wp.element.createElement("p",{style:{color:n}},l))}},function(e,t,n){"use strict";var l=n(36),r=(n.n(l),n(37)),o=(n.n(r),n(1)),a=n(38),c=n(0),i=function(e){var t=e.isSelected,n=e.setAttributes,l=(e.className,e.attributes),r=l.color,o=l.text,a=l.quoteColor;return[wp.element.createElement("blockquote",{key:"quote",className:"ugb-pullquote",style:{"--quote-color":a}},wp.element.createElement(c.m,{tagName:"p",className:"ugb-pullquote-text",value:o,onChange:function(e){return n({text:e})},placeholder:Object(c.r)("Write quote\u2026"),formattingControls:["bold","italic","strikethrough","link"],isSelected:t,keepPlaceholderOnFocus:!0,style:{color:r}})),t&&wp.element.createElement(c.g,null,wp.element.createElement(c.j,{title:Object(c.r)("Color Settings"),colorSettings:[{value:r,onChange:function(e){return n({color:e})},label:Object(c.r)("Text Color")},{value:a,onChange:function(e){return n({quoteColor:e})},label:Object(c.r)("Quote Color")}]}))]},u=function(e){var t=e.attributes,n=t.color,l=t.text,r=t.quoteColor;return wp.element.createElement("blockquote",{className:"ugb-pullquote",style:{"--quote-color":r}},wp.element.createElement("p",{style:{color:n}},l))},s={text:{type:"array",source:"children",selector:"p",default:Object(c.r)("It's okay to acknowledge that life can get complicated, but we musn't forget the beauty in its simplicity, too. From the multitude of stars above, to freshly mowed grass in the morning, life is simply wonderful.")},color:{type:"string",default:""},quoteColor:{type:"string",default:""}};Object(c.z)("ugb/pullquote",{title:Object(c.r)("Pullquote"),icon:o.k,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.r)("Pullquote"),Object(c.r)("Stackable")],attributes:s,deprecated:[{attributes:a.b,migrate:function(e){return Object(c.y)(Object(c.x)(e,{quoteColor:e.borderColor}),["borderColor"])},save:a.a}],edit:i,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return r}),n.d(t,"b",function(){return o});var l=n(0),r=function(e){var t=e.attributes,n=t.color,l=t.text,r=t.borderColor;return wp.element.createElement("blockquote",{className:"ugb-pullquote",style:{borderTopColor:r,borderBottomColor:r}},wp.element.createElement("p",{style:{color:n}},l))},o={text:{type:"array",source:"children",selector:"p",default:Object(l.r)("It's okay to acknowledge that life can get complicated, but we musn't forget the beauty in its simplicity, too. From the multitude of stars above, to freshly mowed grass in the morning, life is simply wonderful.")},color:{type:"string",default:"#2091e1"},borderColor:{type:"string",default:"#2091e1"}}},function(e,t,n){"use strict";var l=n(40),r=(n.n(l),n(41)),o=(n.n(r),n(1)),a=n(2),c=n(3),i=n(42),u=n(0),s=function(e){var t=e.isSelected,n=e.editable,l=e.setState,r=(e.className,e.setAttributes),o=e.attributes,c=o.url,i=o.buttonText,s=o.ctaTitle,m=o.bodyText,b=o.color,p=o.textColor,d=o.size,g=o.borderButtonRadius,h=o.bodyTextColor,f=o.titleColor,y=o.bgColor,w=[{value:"small",label:Object(u.r)("Small")},{value:"normal",label:Object(u.r)("Normal")},{value:"medium",label:Object(u.r)("Medium")},{value:"large",label:Object(u.r)("Large")}],v=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(u.g,{key:"inspector"},wp.element.createElement(u.i,null,wp.element.createElement(u.n,{label:Object(u.r)("Button Size"),value:d,options:w.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({size:e})}}),wp.element.createElement(u.l,{label:Object(u.r)("Button Border Radius"),value:g,min:"1",max:"50",onChange:function(e){return r({borderButtonRadius:e})}})),wp.element.createElement(u.j,{initialOpen:!1,title:Object(u.r)("Color Settings"),colorSettings:[{value:y,onChange:function(e){return r({bgColor:e})},label:Object(u.r)("Background Color")},{value:f,onChange:function(e){return r({titleColor:e})},label:Object(u.r)("Title Color")},{value:h,onChange:function(e){return r({bodyTextColor:e})},label:Object(u.r)("Body Text Color")}]}),wp.element.createElement(u.j,{title:Object(u.r)("Button Colors"),colorSettings:[{value:b,onChange:function(e){return r({color:e})},label:Object(u.r)("Button Background Color")},{value:p,onChange:function(e){return r({textColor:e})},label:Object(u.r)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-cta",style:{backgroundColor:y}},wp.element.createElement(u.m,{className:"ugb-cta-title",tagName:"h3",placeholder:Object(u.r)("Add Title"),value:s,onChange:function(e){return r({ctaTitle:e})},isSelected:t&&"ctaTitle"===n,onFocus:v("ctaTitle"),keepPlaceholderOnFocus:!0,style:{color:f}}),wp.element.createElement(u.m,{tagName:"p",value:m,className:"ugb-cta-bodyText",onChange:function(e){return r({bodyText:e})},isSelected:t&&"bodyText"===n,onFocus:v("bodyText"),placeholder:Object(u.r)("Write body text\u2026"),style:{color:h}}),wp.element.createElement(a.a,{size:d,color:p,backgroundColor:b,text:i,borderRadius:g,onChange:function(e){return r({buttonText:e})},isSelected:t&&"buttonText"===n,onFocus:v("buttonText")})),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link"},wp.element.createElement(u.e,{icon:"admin-links"}),wp.element.createElement(u.q,{value:c,onChange:function(e){return r({url:e})}}),wp.element.createElement(u.f,{icon:"editor-break",label:Object(u.r)("Apply"),type:"submit"}))]},m=function(e){var t=e.attributes,n=t.url,l=t.buttonText,r=t.ctaTitle,o=t.bodyText,a=t.color,i=t.textColor,u=t.size,s=t.borderButtonRadius,m=t.bodyTextColor,b=t.titleColor,p=t.bgColor;return wp.element.createElement("div",{className:"ugb-cta",style:{backgroundColor:p}},r&&!!r.length&&wp.element.createElement("h3",{className:"ugb-cta-title",style:{color:b}},r),o&&!!o.length&&wp.element.createElement("p",{className:"ugb-cta-bodyText",style:{color:m}},o),l&&!!l.length&&wp.element.createElement(c.a,{size:u,url:n,color:i,text:l,backgroundColor:a,borderRadius:s}))},b={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},ctaTitle:{type:"array",source:"children",selector:"h3",default:Object(u.r)("Get Started Today")},bodyText:{type:"array",source:"children",selector:"p",default:Object(u.r)("Get Stackable: Ultimate Gutenberg Blocks today.\xa0 Apart from adding new blocks, it gives Gutenberg users more options and settings to tinker with, expanding Gutenberg\u2019s functionality.")},buttonText:{type:"array",source:"children",selector:"a"},color:{type:"string",default:"#2091e1"},textColor:{type:"string",default:"#ffffff"},titleColor:{type:"string"},bodyTextColor:{type:"string"},bgColor:{type:"string"},size:{type:"string",default:"normal"},borderButtonRadius:{type:"number",default:4}};Object(u.z)("ugb/cta",{title:Object(u.r)("Call to Action"),icon:o.b,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(u.r)("Call to Action"),Object(u.r)("Stackable"),Object(u.r)("CTA")],attributes:b,supports:function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({align:!0},"align",["center","wide","full"]),deprecated:[{save:i.a}],edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return l});var l=function(e){var t=e.attributes,n=t.url,l=t.buttonText,r=t.ctaTitle,o=t.bodyText,a=t.color,c=t.textColor,i=t.size,u=t.borderButtonRadius,s=t.bodyTextColor,m=t.titleColor,b=t.bgColor,p={backgroundColor:a,color:c,borderRadius:u+"px"};return wp.element.createElement("div",{className:"ugb-cta",style:{backgroundColor:b}},r&&!!r.length&&wp.element.createElement("h3",{className:"ugb-cta-title",style:{color:m}},r),o&&!!o.length&&wp.element.createElement("p",{className:"ugb-cta-bodyText",style:{color:s}},o),l&&!!l.length&&wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-cta-button ugb-button-"+i,style:p},l))}},function(e,t,n){"use strict";var l=n(44),r=(n.n(l),n(45)),o=(n.n(r),n(1)),a=n(0),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,r=(e.className,e.setAttributes),o=e.attributes,c=o.testimonialTitle,i=o.testimonialTitleTwo,u=o.testimonialTitleThree,s=o.body,m=o.bodyTwo,b=o.bodyThree,p=o.position,d=o.positionTwo,g=o.positionThree,h=(o.href,o.hrefTwo,o.hrefThree,o.mediaID),f=o.mediaIDTwo,y=o.mediaIDThree,w=o.mediaURL,v=o.mediaURLTwo,C=o.mediaURLThree,E=o.columns,x=o.titleColor,O=o.posColor,k=o.bodyTextColor,T=o.iconColor,j=[{value:"1",label:Object(a.r)("One Column")},{value:"2",label:Object(a.r)("Two Column")},{value:"3",label:Object(a.r)("Three Column")}],N=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(a.c,null),t&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.n,{label:Object(a.r)("Column Number"),value:E,options:j.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({columns:e})}})),wp.element.createElement(a.j,{initialOpen:!1,title:Object(a.r)("Color Settings"),colorSettings:[{value:x,onChange:function(e){return r({titleColor:e})},label:Object(a.r)("Title Color")},{value:O,onChange:function(e){return r({posColor:e})},label:Object(a.r)("Position Color")},{value:k,onChange:function(e){return r({bodyTextColor:e})},label:Object(a.r)("Body Text Color")},{value:T,onChange:function(e){return r({iconColor:e})},label:Object(a.r)("Icon Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-testimonial column-"+E},wp.element.createElement("div",{className:"ugb-testimonial-column-one"},wp.element.createElement("div",null,wp.element.createElement(a.h,{onSelect:function(e){return r({mediaURL:e.url,mediaID:e.id})},type:"image",value:h,render:function(e){return wp.element.createElement(a.d,{className:h?"":"button button-large",onClick:e.open},h?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+w+")"}}):Object(a.r)("Upload Image"))}})),wp.element.createElement(a.m,{tagName:"h4",value:c,onChange:function(e){return r({testimonialTitle:e})},isSelected:t&&"testimonialTitle"===n,onFocus:N("testimonialTitle"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:p,className:"ugb-testimonial-position",onChange:function(e){return r({position:e})},isSelected:t&&"position"===n,onFocus:N("position"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:s,className:"ugb-testimonial-body",onChange:function(e){return r({body:e})},isSelected:t&&"body"===n,onFocus:N("body"),style:{color:k},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-testimonial-column-two"},wp.element.createElement("div",null,wp.element.createElement(a.h,{onSelect:function(e){return r({mediaURLTwo:e.url,mediaIDTwo:e.id})},type:"image",value:f,render:function(e){return wp.element.createElement(a.d,{className:f?"":"button button-large",onClick:e.open},f?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+v+")"}}):Object(a.r)("Upload Image"))}})),wp.element.createElement(a.m,{tagName:"h4",value:i,onChange:function(e){return r({testimonialTitleTwo:e})},isSelected:t&&"testimonialTitleTwo"===n,onFocus:N("testimonialTitleTwo"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:d,className:"ugb-testimonial-position-two",onChange:function(e){return r({positionTwo:e})},isSelected:t&&"positionTwo"===n,onFocus:N("positionTwo"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:m,className:"ugb-testimonial-body-two",onChange:function(e){return r({bodyTwo:e})},isSelected:t&&"bodyTwo"===n,onFocus:N("bodyTwo"),style:{color:k},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-testimonial-column-three"},wp.element.createElement("div",null,wp.element.createElement(a.h,{onSelect:function(e){return r({mediaURLThree:e.url,mediaIDThree:e.id})},type:"image",value:y,render:function(e){return wp.element.createElement(a.d,{className:y?"":"button button-large",onClick:e.open},y?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+C+")"}}):Object(a.r)("Upload Image"))}})),wp.element.createElement(a.m,{tagName:"h4",value:u,onChange:function(e){return r({testimonialTitleThree:e})},isSelected:t&&"testimonialTitleThree"===n,onFocus:N("testimonialTitleThree"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:g,className:"ugb-testimonial-position-three",onChange:function(e){return r({positionThree:e})},isSelected:t&&"positionThree"===n,onFocus:N("positionThree"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:b,className:"ugb-testimonial-body-three",onChange:function(e){return r({bodyThree:e})},isSelected:t&&"bodyThree"===n,onFocus:N("bodyThree"),style:{color:k},keepPlaceholderOnFocus:!0})))]},i=function(e){var t=e.attributes,n=t.testimonialTitle,l=t.testimonialTitleTwo,r=t.testimonialTitleThree,o=t.body,a=t.bodyTwo,c=t.bodyThree,i=t.position,u=t.positionTwo,s=t.positionThree,m=t.mediaURL,b=t.mediaURLTwo,p=t.mediaURLThree,d=(t.mediaID,t.mediaIDTwo,t.mediaIDThree,t.titleColor),g=t.posColor,h=t.bodyTextColor,f=t.iconColor,y=t.columns,w=wp.element.createElement("div",{key:"button",className:"quote-icon"},wp.element.createElement("svg",{viewBox:"0 0 246 187.5",style:{fill:f}},wp.element.createElement("path",{d:"M98.5,0h-93C2.5,0,0,2.5,0,5.5v93c0,3,2.5,5.5,5.5,5.5h39c-1.7,15.5-8.8,50-39,50c-3,0-5.5,2.5-5.5,5.5V182c0,3,2.5,5.5,5.5,5.5c5.2,0,98.5-4.5,98.5-89v-93C104,2.5,101.5,0,98.5,0z"}),wp.element.createElement("path",{d:"M240.5,0h-93c-3,0-5.5,2.5-5.5,5.5v93c0,3,2.5,5.5,5.5,5.5h39c-1.7,15.5-8.8,50-39,50c-3,0-5.5,2.5-5.5,5.5V182c0,3,2.5,5.5,5.5,5.5c5.2,0,98.5-4.5,98.5-89v-93C246,2.5,243.5,0,240.5,0z"}),wp.element.createElement("path",{d:"M161.3-86.3c3.2,0,3.2-5,0-5C158.1-91.3,158.1-86.3,161.3-86.3L161.3-86.3z"})));return wp.element.createElement("div",{className:"ugb-testimonial column-"+y},wp.element.createElement("div",{className:"ugb-testimonial-column-one"},m?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+m+")"},"data-src":m}):w,n&&!!n.length&&wp.element.createElement("h4",{style:{color:d}},n),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-testimonial-position",style:{color:g}},i),o&&!!o.length&&wp.element.createElement("p",{className:"ugb-testimonial-body",style:{color:h}},o)),y>1&&wp.element.createElement("div",{className:"ugb-testimonial-column-two"},b?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+b+")"},"data-src":b}):w,l&&!!l.length&&wp.element.createElement("h4",{style:{color:d}},l),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-testimonial-position-two",style:{color:g}},u),a&&!!a.length&&wp.element.createElement("p",{className:"ugb-testimonial-body-two",style:{color:h}},a)),y>2&&wp.element.createElement("div",{className:"ugb-testimonial-column-three"},p?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+p+")"},"data-src":p}):w,r&&!!r.length&&wp.element.createElement("h4",{style:{color:d}},r),s&&!!s.length&&wp.element.createElement("p",{className:"ugb-testimonial-position-three",style:{color:g}},s),c&&!!c.length&&wp.element.createElement("p",{className:"ugb-testimonial-body-three",style:{color:h}},c)))};Object(a.z)("ugb/testimonial",{title:Object(a.r)("Testimonial"),icon:o.n,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.r)("Testimonial"),Object(a.r)("Stackable")],attributes:{href:{type:"url"},hrefTwo:{type:"url"},hrefThree:{type:"url"},mediaID:{type:"number"},mediaIDTwo:{type:"number"},mediaIDThree:{type:"number"},mediaURL:{type:"string",source:"attribute",selector:".ugb-testimonial-column-one .testimonial-image",attribute:"data-src"},mediaURLTwo:{type:"string",source:"attribute",selector:".ugb-testimonial-column-two .testimonial-image",attribute:"data-src"},mediaURLThree:{type:"string",source:"attribute",selector:".ugb-testimonial-column-three .testimonial-image",attribute:"data-src"},testimonialTitle:{type:"array",source:"children",selector:".ugb-testimonial-column-one h4",default:Object(a.r)("Ben Adams")},testimonialTitleTwo:{type:"array",source:"children",selector:".ugb-testimonial-column-two h4",default:Object(a.r)("Alex Johnson")},testimonialTitleThree:{type:"array",source:"children",selector:".ugb-testimonial-column-three h4",default:Object(a.r)("Sammy Simpson")},position:{type:"array",source:"children",selector:".ugb-testimonial-position",default:Object(a.r)("Founder")},positionTwo:{type:"array",source:"children",selector:".ugb-testimonial-position-two",default:Object(a.r)("Editor")},positionThree:{type:"array",source:"children",selector:".ugb-testimonial-position-three",default:Object(a.r)("Programmer")},body:{type:"array",source:"children",selector:".ugb-testimonial-body",default:Object(a.r)("Stackable: Ultimate Blocks from Gutenberg has all the blocks I need to make a great webpage.")},bodyTwo:{type:"array",source:"children",selector:".ugb-testimonial-body-two",default:Object(a.r)("Stackable: Ultimate Blocks from Gutenberg has all the blocks I need to make a great webpage.")},bodyThree:{type:"array",source:"children",selector:".ugb-testimonial-body-three",default:Object(a.r)("Stackable: Ultimate Blocks from Gutenberg has all the blocks I need to make a great webpage.")},titleColor:{type:"string"},posColor:{type:"string"},bodyTextColor:{type:"string"},iconColor:{type:"string"},columns:{type:"select",default:"1"}},edit:c,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(47),r=(n.n(l),n(48)),o=(n.n(r),n(1)),a=n(0),c=function(e){var t=e.isSelected,n=e.editable,l=e.setState,r=(e.className,e.setAttributes),o=e.attributes,c=o.name,i=o.nameTwo,u=o.nameThree,s=o.des,m=o.desTwo,b=o.desThree,p=o.position,d=o.positionTwo,g=o.positionThree,h=(o.href,o.hrefTwo,o.hrefThree,o.mediaID),f=o.mediaIDTwo,y=o.mediaIDThree,w=o.mediaURL,v=o.mediaURLTwo,C=o.mediaURLThree,E=o.columns,x=o.nameColor,O=o.posColor,k=o.desColor,T=o.iconColor,j=o.shapes,N=[{value:"1",label:Object(a.r)("One Column")},{value:"2",label:Object(a.r)("Two Column")},{value:"3",label:Object(a.r)("Three Column")}],S=[{value:"square",label:Object(a.r)("Square")},{value:"circle",label:Object(a.r)("Circle")}],B=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(a.c,{key:"controls"}),t&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.n,{label:Object(a.r)("Image Shape"),value:j,options:S.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({shapes:e})}}),wp.element.createElement(a.n,{label:Object(a.r)("Column Number"),value:E,options:N.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({columns:e})}})),wp.element.createElement(a.j,{initialOpen:!1,title:Object(a.r)("Color Settings"),colorSettings:[{value:x,onChange:function(e){return r({nameColor:e})},label:Object(a.r)("Name Color")},{value:O,onChange:function(e){return r({posColor:e})},label:Object(a.r)("Position Color")},{value:k,onChange:function(e){return r({desColor:e})},label:Object(a.r)("Description Color")},{value:T,onChange:function(e){return r({iconColor:e})},label:Object(a.r)("Icon Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-team-member column-"+E+" image-"+j},wp.element.createElement("div",{className:"ugb-team-member-column-one"},wp.element.createElement("div",null,wp.element.createElement(a.h,{onSelect:function(e){return r({mediaURL:e.url,mediaID:e.id})},type:"image",value:h,render:function(e){return wp.element.createElement(a.d,{className:h?"":"button button-large",onClick:e.open},h?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+w+")"}}):Object(a.r)("Upload Image"))}})),wp.element.createElement(a.m,{tagName:"h4",value:c,onChange:function(e){return r({name:e})},isSelected:t&&"name"===n,onFocus:B("name"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:p,className:"ugb-team-member-position",onChange:function(e){return r({position:e})},isSelected:t&&"position"===n,onFocus:B("position"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:s,className:"ugb-team-member-des",onChange:function(e){return r({des:e})},isSelected:t&&"des"===n,onFocus:B("des"),style:{color:k},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-team-member-column-two"},wp.element.createElement("div",null,wp.element.createElement(a.h,{onSelect:function(e){return r({mediaURLTwo:e.url,mediaIDTwo:e.id})},type:"image",value:f,render:function(e){return wp.element.createElement(a.d,{className:f?"":"button button-large",onClick:e.open},f?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+v+")"}}):Object(a.r)("Upload Image"))}})),wp.element.createElement(a.m,{tagName:"h4",value:i,onChange:function(e){return r({nameTwo:e})},isSelected:t&&"nameTwo"===n,onFocus:B("nameTwo"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:d,className:"ugb-team-member-position",onChange:function(e){return r({positionTwo:e})},isSelected:t&&"positionTwo"===n,onFocus:B("positionTwo"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:m,className:"ugb-team-member-des-two",onChange:function(e){return r({desTwo:e})},isSelected:t&&"desTwo"===n,onFocus:B("desTwo"),style:{color:k},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-team-member-column-three"},wp.element.createElement("div",null,wp.element.createElement(a.h,{onSelect:function(e){return r({mediaURLThree:e.url,mediaIDThree:e.id})},type:"image",value:y,render:function(e){return wp.element.createElement(a.d,{className:y?"":"button button-large",onClick:e.open},y?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+C+")"}}):Object(a.r)("Upload Image"))}})),wp.element.createElement(a.m,{tagName:"h4",value:u,onChange:function(e){return r({nameThree:e})},isSelected:t&&"nameThree"===n,onFocus:B("nameThree"),style:{color:x},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:g,className:"ugb-team-member-position",onChange:function(e){return r({positionThree:e})},isSelected:t&&"positionThree"===n,onFocus:B("positionThree"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:b,className:"ugb-team-member-des-three",onChange:function(e){return r({desThree:e})},isSelected:t&&"desThree"===n,onFocus:B("desThree"),style:{color:k},keepPlaceholderOnFocus:!0})))]},i=function(e){var t=e.attributes,n=t.name,l=t.nameTwo,r=t.nameThree,o=t.shapes,a=t.des,c=t.desTwo,i=t.desThree,u=t.position,s=t.positionTwo,m=t.positionThree,b=t.mediaURL,p=t.mediaURLTwo,d=t.mediaURLThree,g=(t.mediaID,t.mediaIDTwo,t.mediaIDThree,t.nameColor),h=t.posColor,f=t.desColor,y=(t.iconColor,t.columns);return wp.element.createElement("div",{className:"ugb-team-member column-"+y+" image-"+o},wp.element.createElement("div",{className:"ugb-team-member-column-one"},b&&wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+b+")"},"data-src":b}),n&&!!n.length&&wp.element.createElement("h4",{style:{color:g}},n),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-team-member-position",style:{color:h}},u),a&&!!a.length&&wp.element.createElement("p",{className:"ugb-team-member-des",style:{color:f}},a)),y>1&&wp.element.createElement("div",{className:"ugb-team-member-column-two"},p&&wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+p+")"},"data-src":p}),l&&!!l.length&&wp.element.createElement("h4",{style:{color:g}},l),s&&!!s.length&&wp.element.createElement("p",{className:"ugb-team-member-position",style:{color:h}},s),c&&!!c.length&&wp.element.createElement("p",{className:"ugb-team-member-des-two",style:{color:f}},c)),y>2&&wp.element.createElement("div",{className:"ugb-team-member-column-three"},d&&wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+d+")"},"data-src":d}),r&&!!r.length&&wp.element.createElement("h4",{style:{color:g}},r),m&&!!m.length&&wp.element.createElement("p",{className:"ugb-team-member-position",style:{color:h}},m),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-team-member-des-three",style:{color:f}},i)))};Object(a.z)("ugb/team-member",{title:Object(a.r)("Team Member"),icon:o.m,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.r)("Team Member"),Object(a.r)("Stackable")],attributes:{href:{type:"url"},hrefTwo:{type:"url"},hrefThree:{type:"url"},mediaID:{type:"number"},mediaIDTwo:{type:"number"},mediaIDThree:{type:"number"},mediaURL:{type:"string",source:"attribute",selector:".ugb-team-member-column-one .team-member-image",attribute:"data-src"},mediaURLTwo:{type:"string",source:"attribute",selector:".ugb-team-member-column-two .team-member-image",attribute:"data-src"},mediaURLThree:{type:"string",source:"attribute",selector:".ugb-team-member-column-three .team-member-image",attribute:"data-src"},name:{type:"array",source:"children",selector:".ugb-team-member-column-one h4",default:Object(a.r)("Ben Adams")},nameTwo:{type:"array",source:"children",selector:".ugb-team-member-column-two h4",default:Object(a.r)("Alex Johnson")},nameThree:{type:"array",source:"children",selector:".ugb-team-member-column-three h4",default:Object(a.r)("Sammy Simpson")},position:{type:"array",source:"children",selector:".ugb-team-member-column-one .ugb-team-member-position",default:Object(a.r)("Founder")},positionTwo:{type:"array",source:"children",selector:".ugb-team-member-column-two .ugb-team-member-position",default:Object(a.r)("Editor")},positionThree:{type:"array",source:"children",selector:".ugb-team-member-column-three .ugb-team-member-position",default:Object(a.r)("Programmer")},des:{type:"array",source:"children",selector:".ugb-team-member-des",default:Object(a.r)("Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.")},desTwo:{type:"array",source:"children",selector:".ugb-team-member-des-two",default:Object(a.r)("Alex handles all written content. She enjoys painting and playing softball on the weekends.")},desThree:{type:"array",source:"children",selector:".ugb-team-member-des-three",default:Object(a.r)("Sammy is our programmer. You'll usually find her nose in a book. She has a cat named Skitty.")},nameColor:{type:"string"},posColor:{type:"string"},desColor:{type:"string"},iconColor:{type:"string"},columns:{type:"select",default:"1"},shapes:{type:"select",default:"square"}},edit:c,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var r=n(50),o=(n.n(r),n(51)),a=(n.n(o),n(1)),c=n(0),i=function(e){return e.map?e.map(function(e){return e.children}):""},u=function(e){return e.map?e.map(function(e){return{children:e}}):""},s=function(e){var t=(e.focus,e.setFocus,e.editable),n=e.setAttributes,r=e.setState,o=e.className,a=e.isSelected,s=function(e){return function(){r({editable:e})}},m=e.attributes,b=m.text,p=m.moreLabel,d=m.moreText,g=m.lessLabel;return[a&&wp.element.createElement(c.c,{key:"controls"}),wp.element.createElement("div",{key:"expand",className:o},a&&wp.element.createElement("label",{className:"ugb-editor-label"},"Less text"),wp.element.createElement(c.m,l({multiline:"p",placeholder:e.attributes.text.default,value:i(b),onChange:function(e){return n({text:u(e)})},isSelected:a&&"text"===t,onFocus:s("text"),className:"ugb-expand-less-text"},"placeholder",Object(c.r)("Some short text that can be expanded to show more details."))),wp.element.createElement(c.m,l({tagName:"a",placeholder:e.attributes.moreLabel.default,value:p,isSelected:a&&"moreLabel"===t,onFocus:s("moreLabel"),onChange:function(e){return n({moreLabel:e})},formattingControls:["bold","italic","strikethrough"],className:"ugb-expand-more"},"placeholder",Object(c.r)("Show more"))),a&&wp.element.createElement("label",{className:"ugb-editor-label"},"More text"),a&&wp.element.createElement(c.m,l({multiline:"p",placeholder:e.attributes.moreText.default,value:i(d),isSelected:a&&"moreText"===t,onFocus:s("moreText"),onChange:function(e){return n({moreText:u(e)})},className:"ugb-expand-more-text"},"placeholder",Object(c.r)("Some short text that can be expanded to show more details. Some additional text that can only be seen when expanded."))),a&&wp.element.createElement(c.m,l({tagName:"a",placeholder:e.attributes.lessLabel.default,value:g,isSelected:a&&"lessLabel"===t,onFocus:s("lessLabel"),onChange:function(e){return n({lessLabel:e})},formattingControls:["bold","italic","strikethrough"],className:"ugb-expand-less"},"placeholder",Object(c.r)("Show less"))))]},m=function(e){var t=e.attributes,n=t.text,l=t.moreLabel,r=t.moreText,o=t.lessLabel;return wp.element.createElement("div",null,wp.element.createElement("div",{className:"ugb-expand-less-text"},n.map&&n.map(function(e,t){return wp.element.createElement("p",{key:t},e.children&&e.children.props.children)})),wp.element.createElement("div",{className:"ugb-expand-more-text",style:{display:"none"}},r.map&&r.map(function(e,t){return wp.element.createElement("p",{key:t},e.children&&e.children.props.children)})),wp.element.createElement("a",{className:"ugb-expand-button",href:"#"},wp.element.createElement("span",{className:"ugb-expand-more"},l),wp.element.createElement("span",{className:"ugb-expand-less",style:{display:"none"}},o)))};Object(c.z)("ugb/expand",{title:Object(c.r)("Expand / Show More"),icon:a.d,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.r)("Expand"),Object(c.r)("Show more/less"),Object(c.r)("Stackable")],attributes:{text:{type:"array",source:"query",selector:".ugb-expand-less-text > p",query:{children:{source:"node"}},default:[]},moreText:{type:"array",source:"query",selector:".ugb-expand-more-text > p",query:{children:{source:"node"}},default:[]},moreLabel:{type:"array",source:"children",selector:".ugb-expand-more",default:Object(c.r)("Show more")},lessLabel:{type:"array",source:"children",selector:".ugb-expand-less",default:Object(c.r)("Show less")}},edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(53),r=(n.n(l),n(54)),o=(n.n(r),n(1)),a=n(0),c=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.editable,r=e.setState,o=e.attributes,c=o.numberBox,i=o.numberBoxTwo,u=o.numberBoxThree,s=o.body,m=o.bodyTwo,b=o.bodyThree,p=o.name,d=o.nameTwo,g=o.nameThree,h=o.columns,f=o.numberBoxColor,y=o.nameColor,w=o.bodyTextColor,v=o.numberBGColor,C=[{value:"1",label:Object(a.r)("One Column")},{value:"2",label:Object(a.r)("Two Column")},{value:"3",label:Object(a.r)("Three Column")}],E=function(e){return function(){r({editable:e})}};return[n&&wp.element.createElement(a.c,{key:"controls"}),n&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.n,{label:Object(a.r)("Column Number"),value:h,options:C.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({columns:e})}})),wp.element.createElement(a.j,{title:Object(a.r)("Color Settings"),colorSettings:[{value:f,onChange:function(e){return t({numberBoxColor:e})},label:Object(a.r)("Number Color")},{value:v,onChange:function(e){return t({numberBGColor:e})},label:Object(a.r)("Number Background Color")},{value:y,onChange:function(e){return t({nameColor:e})},label:Object(a.r)("Name Color")},{value:w,onChange:function(e){return t({bodyTextColor:e})},label:Object(a.r)("Body Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-number-box column-"+h},wp.element.createElement("div",{className:"ugb-number-box-column-one"},wp.element.createElement(a.m,{tagName:"span",placeholder:c?c.default:"",value:c,onChange:function(e){return t({numberBox:e})},isSelected:n&&"numberBox"===l,onFocus:E("numberBox"),style:{color:f,backgroundColor:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"h4",value:p,className:"ugb-number-box-name",onChange:function(e){return t({name:e})},isSelected:n&&"name"===l,onFocus:E("name"),placeholder:Object(a.r)("Add name\u2026"),style:{color:y},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:s,className:"ugb-number-box-body",onChange:function(e){return t({body:e})},isSelected:n&&"body"===l,onFocus:E("body"),placeholder:Object(a.r)("Add body\u2026"),style:{color:w},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-number-box-column-two"},wp.element.createElement(a.m,{tagName:"span",placeholder:i?i.default:"",value:i,onChange:function(e){return t({numberBoxTwo:e})},isSelected:n&&"numberBoxTwo"===l,onFocus:E("numberBoxTwo"),style:{color:f,backgroundColor:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"h4",value:d,className:"ugb-number-box-name-two",onChange:function(e){return t({nameTwo:e})},isSelected:n&&"nameTwo"===l,onFocus:E("nameTwo"),placeholder:Object(a.r)("Add name\u2026"),style:{color:y},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:m,className:"ugb-number-box-body-two",onChange:function(e){return t({bodyTwo:e})},isSelected:n&&"bodyTwo"===l,onFocus:E("bodyTwo"),placeholder:Object(a.r)("Add body\u2026"),style:{color:w},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-number-box-column-three"},wp.element.createElement(a.m,{tagName:"span",placeholder:u?u.default:"",value:u,onChange:function(e){return t({numberBoxThree:e})},isSelected:n&&"numberBoxThree"===l,onFocus:E("numberBoxThree"),style:{color:f,backgroundColor:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"h4",value:g,className:"ugb-number-box-name-three",onChange:function(e){return t({nameThree:e})},isSelected:n&&"nameThree"===l,onFocus:E("nameThree"),placeholder:Object(a.r)("Add name\u2026"),style:{color:y},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.m,{tagName:"p",value:b,className:"ugb-number-box-body-three",onChange:function(e){return t({bodyThree:e})},isSelected:n&&"bodyThree"===l,onFocus:E("bodyThree"),placeholder:Object(a.r)("Add body\u2026"),style:{color:w},keepPlaceholderOnFocus:!0})))]},i=function(e){var t=e.attributes,n=t.numberBox,l=t.numberBoxTwo,r=t.numberBoxThree,o=t.body,a=t.bodyTwo,c=t.bodyThree,i=t.name,u=t.nameTwo,s=t.nameThree,m=t.numberBoxColor,b=t.nameColor,p=t.bodyTextColor,d=t.numberBGColor,g=t.columns;return wp.element.createElement("div",{className:"ugb-number-box column-"+g},wp.element.createElement("div",{className:"ugb-number-box-column-one"},n&&!!n.length&&wp.element.createElement("span",{style:{color:m,backgroundColor:d}},n),i&&!!i.length&&wp.element.createElement("h4",{className:"ugb-number-box-name",style:{color:b}},i),o&&!!o.length&&wp.element.createElement("p",{className:"ugb-number-box-body",style:{color:p}},o)),g>1&&wp.element.createElement("div",{className:"ugb-number-box-column-two"},l&&!!l.length&&wp.element.createElement("span",{style:{color:m,backgroundColor:d}},l),u&&!!u.length&&wp.element.createElement("h4",{className:"ugb-number-box-name-two",style:{color:b}},u),a&&!!a.length&&wp.element.createElement("p",{className:"ugb-number-box-body-two",style:{color:p}},a)),g>2&&wp.element.createElement("div",{className:"ugb-number-box-column-three"},r&&!!r.length&&wp.element.createElement("span",{style:{color:m,backgroundColor:d}},r),s&&!!s.length&&wp.element.createElement("h4",{className:"ugb-number-box-name-three",style:{color:b}},s),c&&!!c.length&&wp.element.createElement("p",{className:"ugb-number-box-body-three",style:{color:p}},c)))};Object(a.z)("ugb/number-box",{title:Object(a.r)("Number Box"),icon:o.h,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.r)("Number Box"),Object(a.r)("Stackable")],attributes:{numberBox:{type:"array",source:"children",selector:".ugb-number-box-column-one span",default:Object(a.r)("01")},numberBoxTwo:{type:"array",source:"children",selector:".ugb-number-box-column-two span",default:Object(a.r)("02")},numberBoxThree:{type:"array",source:"children",selector:".ugb-number-box-column-three span",default:Object(a.r)("03")},name:{type:"array",source:"children",selector:".ugb-number-box-name",default:Object(a.r)("Registration")},nameTwo:{type:"array",source:"children",selector:".ugb-number-box-name-two",default:Object(a.r)("Waiting Period")},nameThree:{type:"array",source:"children",selector:".ugb-number-box-name-three",default:Object(a.r)("Delivery")},body:{type:"array",source:"children",selector:".ugb-number-box-body",default:Object(a.r)("This is just a sample write-up, but you can check out more info on Gutenberg on the WP repository.")},bodyTwo:{type:"array",source:"children",selector:".ugb-number-box-body-two",default:Object(a.r)("This is just a sample write-up, but you can check out more info on Gutenberg on the WP repository.")},bodyThree:{type:"array",source:"children",selector:".ugb-number-box-body-three",default:Object(a.r)("This is just a sample write-up, but you can check out more info on Gutenberg on the WP repository.")},numberBoxColor:{type:"string"},nameColor:{type:"string"},bodyTextColor:{type:"string"},numberBGColor:{type:"string"},columns:{type:"select",default:"1"}},edit:c,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(56),r=(n.n(l),n(57)),o=(n.n(r),n(1)),a=n(2),c=n(3),i=n(58),u=n(0),s=function(e){var t=e.isSelected,n=e.editable,l=e.setState,r=(e.className,e.setAttributes),o=e.attributes,c=o.url,i=(o.url2,o.url3,o.pricingBoxTitle),s=o.pricingBoxTitle2,m=o.pricingBoxTitle3,b=o.price,p=o.price2,d=o.price3,g=o.perMonthLabel,h=o.perMonthLabel2,f=o.perMonthLabel3,y=o.buttonText,w=o.buttonText2,v=o.buttonText3,C=o.featureList,E=o.featureList2,x=o.featureList3,O=o.pricingBoxColor,k=o.priceColor,T=o.perMonthLabelColor,j=o.buttonColor,N=o.buttonTextColor,S=o.featureListColor,B=o.columns,L=o.size,z=o.cornerButtonRadius,F=[{value:"1",label:Object(u.r)("One Column")},{value:"2",label:Object(u.r)("Two Column")},{value:"3",label:Object(u.r)("Three Column")}],R=[{value:"small",label:Object(u.r)("Small")},{value:"normal",label:Object(u.r)("Normal")},{value:"medium",label:Object(u.r)("Medium")},{value:"large",label:Object(u.r)("Large")}],A=function(e){return function(){l({editable:e})}};return[t&&wp.element.createElement(u.c,{key:"controls"}),t&&wp.element.createElement(u.g,{key:"inspector"},wp.element.createElement(u.i,null,wp.element.createElement(u.n,{label:Object(u.r)("Column Number"),value:B,options:F.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({columns:e})}}),wp.element.createElement(u.l,{label:Object(u.r)("Corner Radius"),value:z,min:"1",max:"50",onChange:function(e){return r({cornerButtonRadius:e})}}),wp.element.createElement(u.n,{label:Object(u.r)("Button Size"),value:L,options:R.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({size:e})}})),wp.element.createElement(u.j,{initialOpen:!1,title:Object(u.r)("Text Colors"),colorSettings:[{value:O,onChange:function(e){return r({pricingBoxColor:e})},label:Object(u.r)("Pricing Title Color")},{value:k,onChange:function(e){return r({priceColor:e})},label:Object(u.r)("Price Color")},{value:T,onChange:function(e){return r({perMonthLabelColor:e})},label:Object(u.r)("Per Month Label Color")},{value:S,onChange:function(e){return r({featureListColor:e})},label:Object(u.r)("Feature List Color")}]}),wp.element.createElement(u.j,{initialOpen:!1,title:Object(u.r)("Button Colors"),colorSettings:[{value:j,onChange:function(e){return r({buttonColor:e})},label:Object(u.r)("Button Color")},{value:N,onChange:function(e){return r({buttonTextColor:e})},label:Object(u.r)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-pricing-box column-"+B},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},wp.element.createElement(u.m,{tagName:"h3",value:i,onChange:function(e){return r({pricingBoxTitle:e})},isSelected:t&&"pricingBoxTitle"===n,onFocus:A("pricingBoxTitle"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(u.m,{tagName:"p",value:b,className:"ugb-pricing-box-pricing",onChange:function(e){return r({price:e})},isSelected:t&&"price"===n,onFocus:A("price"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(u.m,{tagName:"p",value:g,className:"ugb-pricing-box-per-month-label",onChange:function(e){return r({perMonthLabel:e})},focus:t&&"perMonthLabel"===n,onFocus:A("perMonthLabel"),style:{color:T},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.a,{size:L,color:N,backgroundColor:j,text:y,borderRadius:z,onChange:function(e){return r({buttonText:e})},isSelected:t&&"buttonText"===n,onFocus:A("buttonText")}),wp.element.createElement(u.m,{tagName:"p",value:C,className:"ugb-pricing-box-feature-list",onChange:function(e){return r({featureList:e})},focus:t&&"featureList"===n,onFocus:A("featureList"),style:{color:S},keepPlaceholderOnFocus:!0}),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link pricing-box"},wp.element.createElement(u.e,{icon:"admin-links"}),wp.element.createElement(u.q,{value:c,onChange:function(e){return r({url:e})}}),wp.element.createElement(u.f,{icon:"editor-break",label:Object(u.r)("Apply"),type:"submit"}))),wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},wp.element.createElement(u.m,{tagName:"h3",value:s,onChange:function(e){return r({pricingBoxTitle2:e})},isSelected:t&&"pricingBoxTitle2"===n,onFocus:A("pricingBoxTitle2"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(u.m,{tagName:"p",value:p,className:"ugb-pricing-box-pricing",onChange:function(e){return r({price2:e})},isSelected:t&&"price2"===n,onFocus:A("price2"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(u.m,{tagName:"p",value:h,className:"ugb-pricing-box-per-month-label",onChange:function(e){return r({perMonthLabel2:e})},focus:t&&"perMonthLabel2"===n,onFocus:A("perMonthLabel2"),style:{color:T},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.a,{size:L,color:N,backgroundColor:j,text:w,borderRadius:z,onChange:function(e){return r({buttonText2:e})},isSelected:t&&"buttonText2"===n,onFocus:A("buttonText2")}),wp.element.createElement(u.m,{tagName:"p",value:E,className:"ugb-pricing-box-feature-list",onChange:function(e){return r({featureList2:e})},focus:t&&"featureList2"===n,onFocus:A("featureList2"),style:{color:S},keepPlaceholderOnFocus:!0}),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link pricing-box"},wp.element.createElement(u.e,{icon:"admin-links"}),wp.element.createElement(u.q,{value:c,onChange:function(e){return r({url:e})}}),wp.element.createElement(u.f,{icon:"editor-break",label:Object(u.r)("Apply"),type:"submit"}))),wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},wp.element.createElement(u.m,{tagName:"h3",value:m,onChange:function(e){return r({pricingBoxTitle3:e})},isSelected:t&&"pricingBoxTitle3"===n,onFocus:A("pricingBoxTitle3"),style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(u.m,{tagName:"p",value:d,className:"ugb-pricing-box-pricing",onChange:function(e){return r({price3:e})},isSelected:t&&"price3"===n,onFocus:A("price3"),style:{color:k},keepPlaceholderOnFocus:!0}),wp.element.createElement(u.m,{tagName:"p",value:f,className:"ugb-pricing-box-per-month-label",onChange:function(e){return r({perMonthLabel3:e})},focus:t&&"perMonthLabel3"===n,onFocus:A("perMonthLabel3"),style:{color:T},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.a,{size:L,color:N,backgroundColor:j,text:v,borderRadius:z,onChange:function(e){return r({buttonText3:e})},isSelected:t&&"buttonText3"===n,onFocus:A("buttonText3")}),wp.element.createElement(u.m,{tagName:"p",value:x,className:"ugb-pricing-box-feature-list",onChange:function(e){return r({featureList3:e})},focus:t&&"featureList3"===n,onFocus:A("featureList3"),style:{color:S},keepPlaceholderOnFocus:!0}),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link pricing-box"},wp.element.createElement(u.e,{icon:"admin-links"}),wp.element.createElement(u.q,{value:c,onChange:function(e){return r({url:e})}}),wp.element.createElement(u.f,{icon:"editor-break",label:Object(u.r)("Apply"),type:"submit"}))))]},m=function(e){var t=e.attributes,n=t.url,l=t.url2,r=t.url3,o=t.pricingBoxTitle,a=t.pricingBoxTitle2,i=t.pricingBoxTitle3,u=t.price,s=t.price2,m=t.price3,b=t.perMonthLabel,p=t.perMonthLabel2,d=t.perMonthLabel3,g=t.buttonText,h=t.buttonText2,f=t.buttonText3,y=t.featureList,w=t.featureList2,v=t.featureList3,C=t.pricingBoxColor,E=t.priceColor,x=t.perMonthLabelColor,O=t.buttonColor,k=t.buttonTextColor,T=t.featureListColor,j=t.columns,N=t.size,S=t.cornerButtonRadius;return wp.element.createElement("div",{className:"ugb-pricing-box column-"+j},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},o&&!!o.length&&wp.element.createElement("h3",{style:{color:C}},o),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:E}},u),b&&!!b.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:x}},b),g&&!!g.length&&wp.element.createElement(c.a,{size:N,url:n,color:k,text:g,backgroundColor:O,borderRadius:S}),y&&!!y.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:T}},y)),j>1&&wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},a&&!!a.length&&wp.element.createElement("h3",{style:{color:C}},a),s&&!!s.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:E}},s),p&&!!p.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:x}},p),h&&!!h.length&&wp.element.createElement(c.a,{size:N,url:l,color:k,text:h,backgroundColor:O,borderRadius:S}),w&&!!w.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:T}},w)),j>2&&wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},i&&!!i.length&&wp.element.createElement("h3",{style:{color:C}},i),m&&!!m.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:E}},m),d&&!!d.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:x}},d),f&&!!f.length&&wp.element.createElement(c.a,{size:N,url:r,color:k,text:f,backgroundColor:O,borderRadius:S}),v&&!!v.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:T}},v)))},b={url:{type:"string",source:"attribute",selector:".ugb-pricing-box-column-one a",attribute:"href"},url2:{type:"string",source:"attribute",selector:".ugb-pricing-box-column-two a",attribute:"href"},url3:{type:"string",source:"attribute",selector:".ugb-pricing-box-column-three a",attribute:"href"},pricingBoxTitle:{type:"array",source:"children",selector:".ugb-pricing-box-column-one h3",default:Object(u.r)("Basic")},pricingBoxTitle2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two h3",default:Object(u.r)("Basic")},pricingBoxTitle3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three h3",default:Object(u.r)("Basic")},price:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-pricing",default:Object(u.r)("$9")},price2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-pricing",default:Object(u.r)("$9")},price3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-pricing",default:Object(u.r)("$9")},perMonthLabel:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-per-month-label",default:Object(u.r)("per month")},perMonthLabel2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-per-month-label",default:Object(u.r)("per month")},perMonthLabel3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-per-month-label",default:Object(u.r)("per month")},buttonText:{type:"array",source:"children",selector:".ugb-pricing-box-column-one a",default:Object(u.r)("Buy Now")},buttonText2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two a",default:Object(u.r)("Buy Now")},buttonText3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three a",default:Object(u.r)("Buy Now")},featureList:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-feature-list",default:Object(u.r)("Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec")},featureList2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-feature-list",default:Object(u.r)("Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec")},featureList3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-feature-list",default:Object(u.r)("Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec")},pricingBoxColor:{type:"string"},priceColor:{type:"string"},perMonthLabelColor:{type:"string"},buttonColor:{type:"string"},buttonTextColor:{type:"string"},featureListColor:{type:"string"},columns:{type:"select",default:"1"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4}};Object(u.z)("ugb/pricing-box",{title:Object(u.r)("Pricing Box"),icon:o.j,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(u.r)("Pricing Box"),Object(u.r)("Stackable")],attributes:b,deprecated:[{save:i.a}],edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return l});var l=function(e){var t=e.attributes,n=t.url,l=t.url2,r=t.url3,o=t.pricingBoxTitle,a=t.pricingBoxTitle2,c=t.pricingBoxTitle3,i=t.price,u=t.price2,s=t.price3,m=t.perMonthLabel,b=t.perMonthLabel2,p=t.perMonthLabel3,d=t.buttonText,g=t.buttonText2,h=t.buttonText3,f=t.featureList,y=t.featureList2,w=t.featureList3,v=t.pricingBoxColor,C=t.priceColor,E=t.perMonthLabelColor,x=t.buttonColor,O=t.buttonTextColor,k=t.featureListColor,T=t.columns,j=t.size,N=t.cornerButtonRadius,S={backgroundColor:x,color:O,borderRadius:N+"px"};return wp.element.createElement("div",{className:"ugb-pricing-box column-"+T},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},o&&!!o.length&&wp.element.createElement("h3",{style:{color:v}},o),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:C}},i),m&&!!m.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:E}},m),d&&!!d.length&&wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+j,style:S},d),f&&!!f.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:k}},f)),T>1&&wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},a&&!!a.length&&wp.element.createElement("h3",{style:{color:v}},a),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:C}},u),b&&!!b.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:E}},b),g&&!!g.length&&wp.element.createElement("a",{href:l,className:"wp-ugb-button ugb-button-"+j,style:S},g),y&&!!y.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:k}},y)),T>2&&wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},c&&!!c.length&&wp.element.createElement("h3",{style:{color:v}},c),s&&!!s.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:C}},s),p&&!!p.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:E}},p),h&&!!h.length&&wp.element.createElement("a",{href:r,className:"wp-ugb-button ugb-button-"+j,style:S},h),w&&!!w.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:k}},w)))}},function(e,t,n){"use strict";function l(e){return 0===e?null:"overlay-opacity-"+1*Math.round(e/1)}var r=n(4),o=n.n(r),a=n(60),c=(n.n(a),n(61)),i=(n.n(c),n(1)),u=n(2),s=n(3),m=n(62),b=n(0),p=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,r=e.editable,a=e.setState,c=e.attributes,i=c.url,s=c.buttonURL,m=c.buttonText,p=c.buttonColor,d=c.buttonTextColor,g=c.cornerButtonRadius,h=c.size,f=c.title,y=c.titleColor,w=c.subtitle,v=c.subtitleColor,C=c.contentAlign,E=c.id,x=c.backgroundColor,O=c.opacity,k=i?{backgroundImage:"url("+i+")"}:void 0,T=i?"has-image":"",j=o()(l(O),{"overlay-opacity":0!==O}),N=function(e){return function(){a({editable:e})}},S=[{value:"small",label:Object(b.r)("Small")},{value:"normal",label:Object(b.r)("Normal")},{value:"medium",label:Object(b.r)("Medium")},{value:"large",label:Object(b.r)("Large")}];return[n&&wp.element.createElement(b.c,{key:"controls"},wp.element.createElement(b.a,{value:C,onChange:function(e){return t({contentAlign:e})}}),wp.element.createElement(b.p,null,wp.element.createElement(b.h,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:E,render:function(e){var t=e.open;return wp.element.createElement(b.f,{className:"components-toolbar__control",label:Object(b.r)("Edit image"),icon:"edit",onClick:t})}}))),n&&wp.element.createElement(b.g,null,wp.element.createElement(b.i,{title:Object(b.r)("General")},wp.element.createElement(b.l,{label:Object(b.r)("Background Opacity"),value:O,min:0,max:10,step:1,onChange:function(e){return t({opacity:e})}}),wp.element.createElement(b.n,{label:Object(b.r)("Button Size"),value:h,options:S.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({size:e})}}),wp.element.createElement(b.l,{label:Object(b.r)("Corner Radius"),value:g,min:"1",max:"50",onChange:function(e){return t({cornerButtonRadius:e})}})),wp.element.createElement(b.j,{initialOpen:!1,title:Object(b.r)("Header Colors"),colorSettings:[{value:y,onChange:function(e){return t({titleColor:e})},label:Object(b.r)("Title Color")},{value:v,onChange:function(e){return t({subtitleColor:e})},label:Object(b.r)("Subtitle Color")},{value:x,onChange:function(e){return t({backgroundColor:e})},label:Object(b.r)("Heading Background Color")}]}),wp.element.createElement(b.j,{initialOpen:!1,title:Object(b.r)("Button Colors"),colorSettings:[{value:p,onChange:function(e){return t({buttonColor:e})},label:Object(b.r)("Button Color")},{value:d,onChange:function(e){return t({buttonTextColor:e})},label:Object(b.r)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-header "+T+" "},wp.element.createElement("div",{className:"ugb-header-overlay "+j,style:{backgroundColor:x}}),wp.element.createElement(b.h,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:E,render:function(e){return[!i&&wp.element.createElement(b.d,{className:E?"":"button button-large",onClick:e.open},Object(b.r)("Upload Image"))]}}),wp.element.createElement("section",{key:"preview","data-url":i,style:k,className:"ugb-header-section"},wp.element.createElement(b.m,{tagName:"h2",className:"ugb-header-title",placeholder:f.default,value:f,onChange:function(e){return t({title:e})},isSelected:n&&"title"===r,onFocus:N("title"),style:{textAlign:C,color:y}}),wp.element.createElement(b.m,{tagName:"p",className:"ugb-header-subtitle",placeholder:w.default,value:w,onChange:function(e){return t({subtitle:e})},isSelected:n&&"subtitle"===r,onFocus:N("subtitle"),style:{textAlign:C,color:v}}),wp.element.createElement(u.a,{size:h,align:C,color:d,backgroundColor:p,text:m,borderRadius:g,onChange:function(e){return t({buttonText:e})},isSelected:n&&"buttonText"===r,onFocus:N("buttonText")}))),n&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link ugb-button-"+C},wp.element.createElement(b.e,{icon:"admin-links"}),wp.element.createElement(b.q,{value:s,onChange:function(e){return t({buttonURL:e})}}),wp.element.createElement(b.f,{icon:"editor-break",label:Object(b.r)("Apply"),type:"submit"}))]},d=function(e){var t=e.attributes,n=t.url,r=t.buttonURL,a=t.buttonText,c=t.buttonColor,i=t.buttonTextColor,u=t.cornerButtonRadius,m=t.size,b=t.title,p=t.titleColor,d=t.subtitle,g=t.subtitleColor,h=t.contentAlign,f=(t.id,t.backgroundColor),y=t.opacity,w=n?{backgroundImage:"url("+n+")"}:void 0,v=n?"has-image":"",C=o()(l(y),{"overlay-opacity":0!==y}),E=b.length||d.length||a.length?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-header "+v+" "+E},wp.element.createElement("div",{className:"ugb-header-overlay "+C,style:{backgroundColor:f}}),wp.element.createElement("section",{key:"preview","data-url":n,style:w,className:"ugb-header-section"},b&&!!b.length&&wp.element.createElement("h2",{className:"ugb-header-title",style:{color:p}},b),d&&!!d.length&&wp.element.createElement("p",{className:"ugb-header-subtitle",style:{color:g}},d),a&&!!a.length&&wp.element.createElement(s.a,{size:m,url:r,align:h,color:i,text:a,backgroundColor:c,borderRadius:u})))},g={title:{type:"array",source:"children",selector:"h2",default:Object(b.r)("Heading Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(b.r)("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue tincidunt nisit ut pretium. Duis blandit, tortor et suscipit tincidunt, dolor metus mattis neque, ac varius magna nibh ac tortor.")},url:{type:"string",source:"attribute",selector:".ugb-header .ugb-header-section",attribute:"data-url"},buttonURL:{type:"string",source:"attribute",selector:".ugb-button-inner",attribute:"href"},titleColor:{type:"string",default:"#ffffff"},subtitleColor:{type:"string",default:"#ffffff"},buttonText:{type:"array",source:"children",selector:".ugb-button-inner",default:Object(b.r)("Button")},buttonColor:{type:"string",default:"#2091e1"},buttonTextColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},contentAlign:{type:"string",default:"center"},id:{type:"number"},backgroundColor:{type:"string",default:"#000000"},opacity:{type:"number",default:5}};Object(b.z)("ugb/header",{title:Object(b.r)("Header"),icon:i.f,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(b.r)("Header"),Object(b.r)("Stackable")],supports:function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({align:!0},"align",["center","wide","full"]),attributes:g,deprecated:[{attributes:m.b,save:m.a}],edit:p,save:d})},function(e,t){},function(e,t){},function(e,t,n){"use strict";function l(e){return 0===e?null:"overlay-opacity-"+1*Math.round(e/1)}n.d(t,"a",function(){return c}),n.d(t,"b",function(){return i});var r=n(4),o=n.n(r),a=n(0),c=function(e){var t=e.attributes,n=t.url,r=t.buttonURL,a=t.buttonText,c=t.buttonColor,i=t.buttonTextColor,u=t.cornerButtonRadius,s=t.size,m=t.title,b=t.titleColor,p=t.subtitle,d=t.subtitleColor,g=(t.contentAlign,t.id,t.backgroundColor),h=t.opacity,f={backgroundColor:c,color:i,borderRadius:u+"px"},y=n?{backgroundImage:"url("+n+")"}:void 0,w=n?"has-image":"",v=o()(l(h),{"overlay-opacity":0!==h}),C=m||p||a?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-header "+w+" "+C},wp.element.createElement("div",{className:"ugb-header-overlay "+v,style:{backgroundColor:g}}),wp.element.createElement("section",{key:"preview","data-url":n,style:y,className:"ugb-header-section"},m&&!!m.length&&wp.element.createElement("h2",{className:"ugb-header-title",style:{color:b}},m),p&&!!p.length&&wp.element.createElement("p",{className:"ugb-header-subtitle",style:{color:d}},p),a&&!!a.length&&wp.element.createElement("a",{href:r,className:"wp-ugb-button ugb-button-"+s,style:f},a)))},i={title:{type:"array",source:"children",selector:"h2",default:Object(a.r)("Heading Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(a.r)("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue tincidunt nisit ut pretium. Duis blandit, tortor et suscipit tincidunt, dolor metus mattis neque, ac varius magna nibh ac tortor.")},url:{type:"string",source:"attribute",selector:".ugb-header .ugb-header-section",attribute:"data-url"},buttonURL:{type:"string",source:"attribute",selector:"a",attribute:"href"},titleColor:{type:"string",default:"#ffffff"},subtitleColor:{type:"string",default:"#ffffff"},buttonText:{type:"array",source:"children",selector:".ugb-header a.wp-ugb-button",default:Object(a.r)("Button")},buttonColor:{type:"string",default:"#2091e1"},buttonTextColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},contentAlign:{type:"string",default:"center"},id:{type:"number"},backgroundColor:{type:"string",default:"#000000"},opacity:{type:"number",default:5}}},function(e,t,n){"use strict";var l=n(64),r=(n.n(l),n(65)),o=(n.n(r),n(1)),a=n(0),c=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.editable,r=e.setState,o=e.attributes,c=o.url,i=o.title,u=o.titleColor,s=o.subtitle,m=o.subtitleColor,b=o.overlayColor,p=o.id,d=o.height,g=o.width,h=o.verticalAlign,f=o.horizontalAlign,y=o.full,w=c?"has-image":"",v=y?"full-width":"",C=function(e){return function(){r({editable:e})}},E=[{value:"flex-start",label:Object(a.r)("Top")},{value:"center",label:Object(a.r)("Center")},{value:"flex-end",label:Object(a.r)("Bottom")}],x=[{value:"flex-start",label:Object(a.r)("Left")},{value:"center",label:Object(a.r)("Center")},{value:"flex-end",label:Object(a.r)("Right")}];return[n&&wp.element.createElement(a.c,{key:"controls"},c&&wp.element.createElement(a.p,null,wp.element.createElement(a.h,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:p,render:function(e){var t=e.open;return wp.element.createElement(a.f,{className:"components-toolbar__control",label:Object(a.r)("Edit image"),icon:"edit",onClick:t})}}))),n&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.o,{label:"Full-Width",checked:!!y,onChange:function(){return t({full:!y})}}),wp.element.createElement(a.l,{label:Object(a.r)("Height"),value:d,min:"135",max:"700",onChange:function(e){return t({height:e})}}),wp.element.createElement(a.l,{label:Object(a.r)("Width"),value:g,min:"400",max:"999",onChange:function(e){return t({width:e})}}),wp.element.createElement(a.n,{label:Object(a.r)("Vertical Alignment"),value:h,options:E.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({verticalAlign:e})}}),wp.element.createElement(a.n,{label:Object(a.r)("Horizontal Alignment"),value:f,options:x.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({horizontalAlign:e})}})),wp.element.createElement(a.j,{title:Object(a.r)("Color Settings"),colorSettings:[{value:b,onChange:function(e){return t({overlayColor:e})},label:Object(a.r)("Overlay Color")},{value:u,onChange:function(e){return t({titleColor:e})},label:Object(a.r)("Title Color")},{value:m,onChange:function(e){return t({subtitleColor:e})},label:Object(a.r)("Subtitle Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-image-box "+w+" "+v,"data-url":c,style:{width:g+"px",height:d+"px",backgroundImage:"url("+c+")",alignItems:f,justifyContent:h}},wp.element.createElement(a.h,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:p,render:function(e){return[!c&&wp.element.createElement(a.d,{className:p?"":"button button-large",onClick:e.open},Object(a.r)("Upload Image"))]}}),wp.element.createElement("a",{href:"#",style:{backgroundColor:b}}),wp.element.createElement(a.m,{tagName:"h4",placeholder:i.default,value:i,onChange:function(e){return t({title:e})},isSelected:n&&"title"===l,onFocus:C("title"),style:{color:u}}),wp.element.createElement(a.m,{tagName:"p",placeholder:s.default,value:s,onChange:function(e){return t({subtitle:e})},isSelected:n&&"subtitle"===l,onFocus:C("subtitle"),style:{color:m}}))]},i=function(e){var t=e.attributes,n=t.url,l=t.title,r=t.titleColor,o=t.subtitle,a=t.subtitleColor,c=t.overlayColor,i=(t.id,t.height),u=t.width,s=t.verticalAlign,m=t.horizontalAlign,b=t.full,p=n?"has-image":"",d=b?"full-width":"",g=l.length||o.length?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-image-box "+p+" "+g+" "+d,"data-url":n,style:{width:u+"px",height:i+"px",backgroundImage:"url("+n+")",alignItems:m,justifyContent:s}},wp.element.createElement("a",{href:"#",style:{backgroundColor:c}}),l&&!!l.length&&wp.element.createElement("h4",{style:{color:r}},l),o&&!!o.length&&wp.element.createElement("p",{style:{color:a}},o))};Object(a.z)("ugb/image-box",{title:Object(a.r)("Image Box"),icon:o.i,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.r)("Image Box"),Object(a.r)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h4",default:Object(a.r)("Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(a.r)("Subtitle goes here")},url:{type:"string",source:"attribute",selector:".ugb-image-box",attribute:"data-url"},titleColor:{type:"string",default:"#ffffff"},subtitleColor:{type:"string",default:"#ffffff"},overlayColor:{type:"string",default:"#42b078"},id:{type:"number"},width:{type:"number",default:"400"},height:{type:"number",default:"400"},verticalAlign:{type:"string",default:"center"},horizontalAlign:{type:"string",default:"center"},full:{type:"boolean",default:!1}},edit:c,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(67),r=(n.n(l),n(68)),o=(n.n(r),n(1)),a=n(0),c=function(e){var t=function(e){return function(){r({editable:e})}},n=e.isSelected,l=e.editable,r=e.setState,o=e.setAttributes,c=(e.className,e.attributes),i=c.color,u=c.headingColor,s=c.desColor,m=c.title,b=c.counter,p=c.des,d=c.fontSize;return[wp.element.createElement("div",{className:"ugb-countup"},wp.element.createElement(a.m,{tagName:"h4",value:m,onChange:function(e){return o({title:e})},isSelected:n&&"title"===l,onFocus:t("title"),style:{color:u}}),wp.element.createElement(a.m,{tagName:"div",className:"ugb-counter",placeholder:b.default,"data-duration":"1000","data-delay":"16",value:b,onChange:function(e){return o({counter:e})},isSelected:n&&"counter"===l,onFocus:t("counter"),style:{color:i,fontSize:d+"px"}}),wp.element.createElement(a.m,{tagName:"p",className:"ugb-counter-des",value:p,onChange:function(e){return o({des:e})},isSelected:n&&"des"===l,onFocus:t("des"),style:{color:s}})),n&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.j,{title:Object(a.r)("Color Settings"),colorSettings:[{value:u,onChange:function(e){return o({headingColor:e})},label:Object(a.r)("Heading Color")},{value:i,onChange:function(e){return o({color:e})},label:Object(a.r)("Number Color")},{value:s,onChange:function(e){return o({desColor:e})},label:Object(a.r)("Description Color")}]}),wp.element.createElement(a.i,null,wp.element.createElement(a.l,{label:Object(a.r)("Counter Text Font Size"),max:"100",min:"10",value:d,onChange:function(e){return o({fontSize:e})}})))]},i=function(e){var t=e.attributes,n=t.color,l=t.headingColor,r=t.desColor,o=t.title,a=t.counter,c=t.des,i=t.fontSize;return wp.element.createElement("div",{className:"ugb-countup"},wp.element.createElement("h4",{style:{color:l}}," ",o," "),wp.element.createElement("div",{className:"ugb-counter",style:{color:n,fontSize:i+"px"},"data-duration":"1000","data-delay":"16"},a),wp.element.createElement("p",{style:{color:r}}," ",c," "))};Object(a.z)("ugb/count-up",{title:Object(a.r)("Count Up"),icon:o.h,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.r)("Count Up"),Object(a.r)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h4",default:Object(a.r)("Happy Customers")},counter:{type:"array",source:"children",selector:".ugb-counter",default:"12,345"},des:{type:"array",source:"children",selector:"p",default:Object(a.r)("and counting")},fontSize:{type:"number",default:"60"},headingColor:{type:"string"},desColor:{type:"string"},color:{type:"string"}},edit:c,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(70),r=(n.n(l),n(71)),o=(n.n(r),n(1)),a=n(0),c={normal:wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 256 320"},wp.element.createElement("path",{d:"M0 0v320l256-160L0 0z"})),circle:wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"50",height:"50",viewBox:"0 0 40 40"},wp.element.createElement("path",{d:"M16 29l12-9-12-9v18zm4-29C8.95 0 0 8.95 0 20s8.95 20 20 20 20-8.95 20-20S31.05 0 20 0zm0 36c-8.82 0-16-7.18-16-16S11.18 4 20 4s16 7.18 16 16-7.18 16-16 16z"})),outline:wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"50",height:"50",viewBox:"0 0 34 34"},wp.element.createElement("path",{d:"M17 34C7.6 34 0 26.4 0 17S7.6 0 17 0s17 7.6 17 17-7.6 17-17 17zm0-32C8.7 2 2 8.7 2 17s6.7 15 15 15 15-6.7 15-15S25.3 2 17 2z"}),wp.element.createElement("path",{d:"M12 25.7V8.3L27 17l-15 8.7zm2-14v10.5l9-5.3-9-5.2z"}))},i=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.attributes,r=l.videoLink,o=l.mediaLink,i=l.overlayColor,u=l.playButtonType,s=l.mediaID,m=[{value:"normal",label:Object(a.r)("Normal Play Button")},{value:"circle",label:Object(a.r)("Play Button with Circle")},{value:"outline",label:Object(a.r)("Outline Play Button")}];return[n&&wp.element.createElement(a.c,{key:"controls"},o&&wp.element.createElement(a.p,null,wp.element.createElement(a.h,{onSelect:function(e){return t({mediaLink:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(a.f,{className:"components-toolbar__control",label:Object(a.r)("Edit image"),icon:"edit",onClick:t})}}))),n&&wp.element.createElement(a.g,{key:"inspector"},wp.element.createElement(a.i,null,wp.element.createElement(a.n,{label:Object(a.r)("Play Button Style"),value:u,options:m.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({playButtonType:e})}})),wp.element.createElement(a.j,{initialOpen:!1,title:Object(a.r)("Color Settings"),colorSettings:[{value:i,onChange:function(e){return t({overlayColor:e})},label:Object(a.r)("Background / Overlay Color")}]})),wp.element.createElement("div",{className:"ugb-video-popup","data-video":r,style:{backgroundColor:i}},wp.element.createElement("div",{className:"ugb-video-preview",style:{backgroundImage:"url("+o+")"}}),wp.element.createElement("div",{className:"ugb-video-wrapper"},wp.element.createElement(a.h,{onSelect:function(e){return t({mediaLink:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){return[!o&&wp.element.createElement(a.d,{className:s?"":"button button-large",onClick:e.open},Object(a.r)("Upload Image"))]}}),wp.element.createElement("div",{className:"ugb-video-overlay",style:{backgroundColor:i}}),wp.element.createElement("span",{className:"ugb-play-button"},c[u]))),n&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"ugb-video-popup-link blocks-button__inline-link"},wp.element.createElement(a.e,{icon:"admin-links"}),wp.element.createElement(a.q,{value:r,onChange:function(e){return t({videoLink:e})}}),wp.element.createElement(a.f,{icon:"editor-break",label:Object(a.r)("Apply"),type:"submit"}),wp.element.createElement("p",null,wp.element.createElement("i",null,"Youtube/Vimeo ID only")))]},u=function(e){var t=e.attributes,n=t.videoLink,l=t.mediaLink,r=t.overlayColor,o=t.playButtonType;t.mediaID;return wp.element.createElement("div",{className:"ugb-video-popup","data-video":n,style:{backgroundColor:r}},wp.element.createElement("div",{className:"ugb-video-preview",style:{backgroundImage:"url("+l+")"},"data-url":l}),wp.element.createElement("div",{className:"ugb-video-wrapper"},wp.element.createElement("a",{href:"#",style:{backgroundColor:r}}),wp.element.createElement("span",{className:"ugb-play-button"},c[o])))};Object(a.z)("ugb/video-popup",{title:Object(a.r)("Video Popup"),icon:o.o,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(a.r)("Video Popup"),Object(a.r)("Stackable")],attributes:{videoLink:{type:"string",source:"attribute",selector:".ugb-video-popup",attribute:"data-video"},mediaLink:{type:"string",source:"attribute",selector:".ugb-video-preview",attribute:"data-url"},mediaID:{type:"number"},overlayColor:{type:"string",default:"#000000"},playButtonType:{type:"string",default:"normal"}},edit:i,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(73),r=(n.n(l),n(74)),o=(n.n(r),n(1)),a=n(2),c=n(3),i=n(75),u=n(0),s=function(e){var t=e.isSelected,n=e.editable,l=e.setState,r=(e.className,e.setAttributes),o=e.attributes,c=o.heading,i=o.tagline,s=o.des,m=o.mediaID,b=o.mediaURL,p=o.headingColor,d=o.taglineColor,g=o.desColor,h=o.buttonURL,f=o.buttonText,y=o.buttonColor,w=o.buttonTextColor,v=o.size,C=o.cornerButtonRadius,E=o.contentAlign,x=function(e){return function(){l({editable:e})}},O=b?"has-image":"",k=[{value:"small",label:Object(u.r)("Small")},{value:"normal",label:Object(u.r)("Normal")},{value:"medium",label:Object(u.r)("Medium")},{value:"large",label:Object(u.r)("Large")}];return[t&&wp.element.createElement(u.c,{key:"controls"},wp.element.createElement(u.a,{value:E,onChange:function(e){return r({contentAlign:e})}}),wp.element.createElement(u.p,null,wp.element.createElement(u.h,{onSelect:function(e){return r({mediaURL:e.url,mediaID:e.id})},type:"image",value:m,render:function(e){var t=e.open;return wp.element.createElement(u.f,{className:"components-toolbar__control",label:Object(u.r)("Edit image"),icon:"edit",onClick:t})}}))),t&&wp.element.createElement(u.g,{key:"inspector"},wp.element.createElement(u.j,{title:Object(u.r)("Text Colors"),colorSettings:[{value:p,onChange:function(e){return r({headingColor:e})},label:Object(u.r)("Heading Color")},{value:d,onChange:function(e){return r({taglineColor:e})},label:Object(u.r)("Tagline Color")},{value:g,onChange:function(e){return r({desColor:e})},label:Object(u.r)("Description Color")}]}),wp.element.createElement(u.i,{initialOpen:!1,title:Object(u.r)("Button Size")},wp.element.createElement(u.n,{label:Object(u.r)("Button Size"),value:v,options:k.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){r({size:e})}}),wp.element.createElement(u.l,{label:Object(u.r)("Corner Radius"),value:C,min:"1",max:"50",onChange:function(e){return r({cornerButtonRadius:e})}})),wp.element.createElement(u.j,{initialOpen:!1,title:Object(u.r)("Button Colors"),colorSettings:[{value:y,onChange:function(e){return r({buttonColor:e})},label:Object(u.r)("Button Color")},{value:w,onChange:function(e){return r({buttonTextColor:e})},label:Object(u.r)("Button Text Color")}]})),wp.element.createElement("div",{key:"editable",className:"ugb-card "+O},wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+b+")",textAlign:E}},wp.element.createElement(u.h,{onSelect:function(e){return r({mediaURL:e.url,mediaID:e.id})},type:"image",value:m,render:function(e){return[!b&&wp.element.createElement(u.d,{className:m?"":"button button-large",onClick:e.open},Object(u.r)("Upload Image"))]}})),wp.element.createElement(u.m,{tagName:"h4",value:c,className:"ugb-card-heading",onChange:function(e){return r({heading:e})},isSelected:t&&"heading"===n,onFocus:x("heading"),style:{color:p,textAlign:E},keepPlaceholderOnFocus:!0}),wp.element.createElement(u.m,{tagName:"p",value:i,className:"ugb-tagline",onChange:function(e){return r({tagline:e})},isSelected:t&&"tagline"===n,onFocus:x("tagline"),style:{color:d,textAlign:E},keepPlaceholderOnFocus:!0}),wp.element.createElement(u.m,{tagName:"p",value:s,className:"ugb-card-des",onChange:function(e){return r({des:e})},isSelected:t&&"des"===n,onFocus:x("des"),style:{color:g,textAlign:E},keepPlaceholderOnFocus:!0}),wp.element.createElement(a.a,{size:v,align:E,color:w,backgroundColor:y,text:f,borderRadius:C,onChange:function(e){return r({buttonText:e})},isSelected:t&&"buttonText"===n,onFocus:x("buttonText")})),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link ugb-button-"+E,style:{marginTop:10}},wp.element.createElement(u.e,{icon:"admin-links"}),wp.element.createElement(u.q,{value:h,onChange:function(e){return r({buttonURL:e})}}),wp.element.createElement(u.f,{icon:"editor-break",label:Object(u.r)("Apply"),type:"submit"}))]},m=function(e){var t=e.attributes,n=t.heading,l=t.tagline,r=t.des,o=t.mediaURL,a=(t.mediaID,t.headingColor),i=t.taglineColor,u=t.desColor,s=t.buttonURL,m=t.buttonText,b=t.buttonColor,p=t.buttonTextColor,d=t.size,g=t.cornerButtonRadius,h=t.contentAlign,f=o?"has-image":"";return wp.element.createElement("div",{className:"ugb-card "+f},o&&wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+o+")",textAlign:h},"data-src":o}),n&&!!n.length&&wp.element.createElement("h4",{style:{color:a,textAlign:h}},n),l&&!!l.length&&wp.element.createElement("p",{className:"ugb-tagline",style:{color:i,textAlign:h}},l),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-card-des",style:{color:u,textAlign:h}},r),m&&!!m.length&&wp.element.createElement(c.a,{size:d,url:s,align:h,color:p,text:m,backgroundColor:b,borderRadius:g}))},b={mediaID:{type:"number"},mediaURL:{type:"string",source:"attribute",selector:".ugb-card-image-container",attribute:"data-src"},heading:{type:"array",source:"children",selector:".ugb-card h4",default:Object(u.r)("Ben Adams")},tagline:{type:"array",source:"children",selector:".ugb-tagline",default:Object(u.r)("Ben is the head of our small team")},des:{type:"array",source:"children",selector:".ugb-card-des",default:Object(u.r)("Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.")},headingColor:{type:"string"},taglineColor:{type:"string"},desColor:{type:"string"},buttonURL:{type:"string",source:"attribute",selector:".ugb-button-inner",attribute:"href"},buttonText:{type:"array",source:"children",selector:".ugb-button-inner",default:Object(u.r)("Button")},buttonColor:{type:"string",default:"#2091e1"},buttonTextColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},contentAlign:{type:"string",default:"left"}};Object(u.z)("ugb/card",{title:Object(u.r)("Card"),icon:o.m,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(u.r)("Card"),Object(u.r)("Stackable")],attributes:b,deprecated:[{attributes:i.b,save:i.a}],edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return r}),n.d(t,"b",function(){return o});var l=n(0),r=function(e){var t=e.attributes,n=t.heading,l=t.tagline,r=t.des,o=t.mediaURL,a=(t.mediaID,t.headingColor),c=t.taglineColor,i=t.desColor,u=t.buttonURL,s=t.buttonText,m=t.buttonColor,b=t.buttonTextColor,p=t.size,d=t.cornerButtonRadius,g=t.contentAlign,h={backgroundColor:m,color:b,borderRadius:d+"px"},f=o?"has-image":"",y=n||l||r||s?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-card "+f+" "+y},o&&wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+o+")",textAlign:g},"data-src":o}),n&&!!n.length&&wp.element.createElement("h4",{style:{color:a,textAlign:g}},n),l&&!!l.length&&wp.element.createElement("p",{className:"ugb-tagline",style:{color:c,textAlign:g}},l),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-card-des",style:{color:i,textAlign:g}},r),s&&!!s.length&&wp.element.createElement("a",{href:u,className:"wp-ugb-button wp-block-button ugb-button-"+p+" ugb-button-"+g,style:h},s))},o={mediaID:{type:"number"},mediaURL:{type:"string",source:"attribute",selector:".ugb-card-image-container",attribute:"data-src"},heading:{type:"array",source:"children",selector:".ugb-card h4",default:Object(l.r)("Ben Adams")},tagline:{type:"array",source:"children",selector:".ugb-tagline",default:Object(l.r)("Ben is the head of our small team")},des:{type:"array",source:"children",selector:".ugb-card-des",default:Object(l.r)("Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.")},headingColor:{type:"string"},taglineColor:{type:"string"},desColor:{type:"string"},buttonURL:{type:"string",source:"attribute",selector:".wp-ugb-button",attribute:"href"},buttonText:{type:"array",source:"children",selector:".wp-block-button",default:Object(l.r)("Button")},buttonColor:{type:"string",default:"#2091e1"},buttonTextColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},contentAlign:{type:"string",default:"left"}}},function(e,t,n){"use strict";var l=n(0);Object(l.s)("stackable.get_pro","core",function(){})}]);
|
| 1 |
+
!function(e){function t(l){if(n[l])return n[l].exports;var r=n[l]={i:l,l:!1,exports:{}};return e[l].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,l){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:l})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=6)}([function(e,t,n){"use strict";n.d(t,"A",function(){return l}),n.d(t,"s",function(){return r}),n.d(t,"m",function(){return o}),n.d(t,"o",function(){return c}),n.d(t,"p",function(){return u}),n.d(t,"e",function(){return i}),n.d(t,"g",function(){return s}),n.d(t,"d",function(){return m}),n.d(t,"q",function(){return b}),n.d(t,"j",function(){return p}),n.d(t,"l",function(){return g}),n.d(t,"h",function(){return h}),n.d(t,"c",function(){return f}),n.d(t,"a",function(){return y}),n.d(t,"n",function(){return w}),n.d(t,"r",function(){return v}),n.d(t,"i",function(){return C}),n.d(t,"k",function(){return x}),n.d(t,"b",function(){return O}),n.d(t,"f",function(){return N}),n.d(t,"z",function(){return k}),n.d(t,"y",function(){return T}),n.d(t,"w",function(){return S}),n.d(t,"t",function(){return L}),n.d(t,"u",function(){return z}),n.d(t,"x",function(){return A}),n.d(t,"v",function(){return R});var l=wp.blocks.registerBlockType,r=wp.i18n.__,a=wp.components,o=a.RangeControl,c=a.SelectControl,u=(a.TextControl,a.ToggleControl),i=a.Dashicon,s=a.IconButton,m=a.Button,b=a.Toolbar,p=a.PanelBody,g=a.RadioControl,d=wp.editor.InspectorControls?wp.editor:wp.blocks,h=d.InspectorControls,f=d.BlockControls,y=(d.ColorPalette,d.AlignmentToolbar),w=d.RichText,v=d.URLInput,C=d.MediaUpload,E=wp.editor,x=E.PanelColorSettings,O=E.BlockAlignmentToolbar,N=wp.element.Fragment,j=lodash,k=j.omit,T=j.merge,B=wp.hooks,S=B.doAction,L=B.addAction,z=B.applyFilters,A=(B.addFilter,stackable.isPro),R=stackable.blockSrcUrl},function(e,t,n){"use strict";n.d(t,"g",function(){return c}),n.d(t,"a",function(){return u}),n.d(t,"e",function(){return i}),n.d(t,"c",function(){return s}),n.d(t,"k",function(){return m}),n.d(t,"l",function(){return b}),n.d(t,"n",function(){return p}),n.d(t,"b",function(){return g}),n.d(t,"m",function(){return d}),n.d(t,"d",function(){return h}),n.d(t,"h",function(){return f}),n.d(t,"f",function(){return y}),n.d(t,"i",function(){return w}),n.d(t,"o",function(){return v}),n.d(t,"j",function(){return C});var l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r=function(e){return wp.element.createElement("defs",null,wp.element.createElement("linearGradient",l({},e,{gradientTransform:"rotate(90)"}),wp.element.createElement("stop",{offset:"0%",stopColor:"#2FDDD1",stopOpacity:"1"}),wp.element.createElement("stop",{offset:"20%",stopColor:"#30A2E3",stopOpacity:"1"}),wp.element.createElement("stop",{offset:"50%",stopColor:"#F56FAE",stopOpacity:"1"}),wp.element.createElement("stop",{offset:"100%",stopColor:"#FFC58E",stopOpacity:"1"})))},a=1,o=function(){return"stk-icon-"+a++},c=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024",width:"20",height:"20"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M512 96c-111.118 0-215.584 43.272-294.156 121.844S96 400.882 96 512s43.272 215.584 121.844 294.156S400.882 928 512 928s215.584-43.272 294.156-121.844S928 623.118 928 512s-43.272-215.584-121.843-294.156S623.118 96 512 96zm0-96c282.77 0 512 229.23 512 512s-229.23 512-512 512S0 794.77 0 512 229.23 0 512 0zm-64 704h128v128H448zm0-512h128v384H448z"}))},u=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M17 5H3c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm1 7c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1V7c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v5z"}))},i=function(){return wp.element.createElement(u,null)},s=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M4 9h12v2H4V9z"}))},m=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M8.54 12.74c0-.87-.24-1.61-.72-2.22-.73-.92-2.14-1.03-2.96-.85-.34-1.93 1.3-4.39 3.42-5.45L6.65 1.94C3.45 3.46.31 6.96.85 11.37 1.19 14.16 2.8 16 5.08 16c1 0 1.83-.29 2.48-.88.66-.59.98-1.38.98-2.38zm9.43 0c0-.87-.24-1.61-.72-2.22-.73-.92-2.14-1.03-2.96-.85-.34-1.93 1.3-4.39 3.42-5.45l-1.63-2.28c-3.2 1.52-6.34 5.02-5.8 9.43.34 2.79 1.95 4.63 4.23 4.63 1 0 1.83-.29 2.48-.88.66-.59.98-1.38.98-2.38z"}))},b=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 14 32"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M0 29h5.833L0 23h5V9H0l5.833-6H0V0h14v3H8.167L14 9H9v14h5l-5.833 6H14v3H0v-3z"}))},p=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 13 12.916010856628418"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M5.68 12.916a.5.5 0 0 1-.397-.196L3.208 10H1.463C.656 10 0 9.428 0 8.621V1.463C0 .656.656 0 1.463 0h10.074C12.344 0 13 .656 13 1.463v7.158C13 9.428 12.344 10 11.537 10H8.151l-2.073 2.72a.504.504 0 0 1-.398.196zM1.463 1A.464.464 0 0 0 1 1.463v7.158c0 .255.208.463.463.463h1.993a.5.5 0 0 1 .397.196l1.827 2.312L7.507 9.28a.502.502 0 0 1 .397-.196h3.633A.464.464 0 0 0 12 8.621V1.463A.464.464 0 0 0 11.537 1H1.463zm1.193 2h7.828c.284.024.514.207.514.49a.498.498 0 0 1-.514.496H2.656a.499.499 0 0 1-.514-.496c.001-.283.231-.466.514-.49zm0 3h7.828c.284.024.514.207.514.49a.498.498 0 0 1-.514.496H2.656a.499.499 0 0 1-.514-.496c.001-.283.231-.466.514-.49z"}))},g=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 16 14"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M10 0c-.17 0-.36.05-.52.14C8.04 1.02 4.5 3.58 3 4c-1.38 0-3 .67-3 2.5S1.63 9 3 9c.3.08.64.23 1 .41V14h2v-3.45c1.34.86 2.69 1.83 3.48 2.31.16.09.34.14.52.14.52 0 1-.42 1-1V1c0-.58-.48-1-1-1zm0 12c-.38-.23-.89-.58-1.5-1-.16-.11-.33-.22-.5-.34V2.31c.16-.11.31-.2.47-.31.61-.41 1.16-.77 1.53-1v11zm2-6h4v1h-4V6zm0 2l4 2v1l-4-2V8zm4-6v1l-4 2V4l4-2z"}))},d=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 896 1023"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M821 491q-41-41-95-60 62-26 100-82t38-125q0-93-65.5-158.5T640 0q-71 0-128.5 41T430 147q-32-39-77-61t-97-22q-93 0-158.5 65.5T32 288q0 69 38 125t100 82q-54 19-95 60Q0 630 0 736v191q0 40 28 68t68 28h320q31 0 55.5-18t34.5-46h294q40 0 68-28t28-68V672q0-106-75-181zM527 111q47-47 113-47t113 47 47 113-47 113-113 47-113-47-47-113 47-113zM143 401q-47-47-47-113t47-113 113-47 113 47 47 113-47 113-113 47-113-47zm305 526q0 13-9.5 22.5T416 959H96q-13 0-22.5-9.5T64 927V736q0-79 56.5-135.5T256 544t136 56q1 2 2 3 54 55 54 133v191zm-27-387q-36-30-79-45 43-18 75.5-52t48.5-78q36 44 88 66-54 19-95 60-22 23-38 49zm411 323q0 13-9.5 22.5T800 895H512V736q0-80-46-146 15-30 38-53 57-57 136-57t135.5 56.5T832 672v191z"}))},h=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 32 8"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm24 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zM16 0c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z"}))},f=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 21.027502059936523 10.284000396728516"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M3.028 10.284a1 1 0 0 1-1-1V2.902l-.553.276A1 1 0 1 1 .58 1.389l2-1a.998.998 0 0 1 1.447.895v8a1 1 0 0 1-1 1zm9 0h-5a1.002 1.002 0 0 1-.707-1.707l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001a1.33 1.33 0 0 0-.393.948 1 1 0 0 1-2 0c0-.894.348-1.733.98-2.364C8.273 0 10.472 0 11.735 1.264c.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.98 2.364L9.443 8.284h2.586a1 1 0 0 1 0 2zm7.955-5.623a2.725 2.725 0 0 0 .545-1.627 2.753 2.753 0 0 0-2.75-2.75 2.739 2.739 0 0 0-2.44 1.484 1 1 0 1 0 1.776.92.75.75 0 1 1 .664 1.096 1 1 0 0 0 0 2c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25a1 1 0 0 0-2 0c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25a3.23 3.23 0 0 0-1.045-2.373z"}))},y=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 32 38"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M0 0h32v38H0V0zm3 3v32h26V3H3zm2 2h22v7H5V5zm0 9h14v19H5V14zm16 19V14h6v19h-6zM6 6v5h20V6H6z"}))},w=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 1024 896"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M960 0H64Q38 0 19 19T0 64v768q0 26 19 45t45 19h896q26 0 45-19t19-45V64q0-26-19-45T960 0zM64 64h896v714L724 430q-7-12-21-14t-25 7L524 548 350 305q-10-14-28-13t-26 17L64 757V64zm855 768H97l231-447 184 255 179-145zM737 190q13 0 22.5 9.5T769 222t-9.5 22.5T737 254t-22.5-9.5T705 222t9.5-22.5T737 190zm0-64q-40 0-68 28t-28 68 28 68 68 28 68-28 28-68-28-68-68-28z"}))},v=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 38 26"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M2 0h34a2 2 0 0 1 2 2v22a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2zm5.77 4C6.24 4 5 5.511 5 7.375v11.25C5 20.489 6.24 22 7.77 22h15.46c1.53 0 2.77-1.511 2.77-3.375V16l6 5h1V5h-1l-6 5V7.375C26 5.511 24.76 4 23.23 4H7.77z"}))},C=function(){var e=o();return wp.element.createElement("svg",{className:"dashicon",role:"img",focusable:"false",xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 448 448"},wp.element.createElement(r,{id:e}),wp.element.createElement("path",{fill:"url(#"+e+")",d:"M416 32V0H256L0 288l160 160 23.471-23.904L208 448l240-272V32h-32zM160 425.371L22.39 288 262.621 16H400v137.377l-216.555 247.99-11.34 11.363L160 425.371zm272-255.994L208 425.371l-13.182-12.65L416 160V48h16v121.377z"}),wp.element.createElement("path",{d:"M320 128c17.645 0 32-14.355 32-32s-14.355-32-32-32-32 14.355-32 32 14.355 32 32 32zm0-48c8.836 0 16 7.163 16 16s-7.164 16-16 16-16-7.163-16-16 7.164-16 16-16z"}))}},function(e,t,n){"use strict";function l(e){var t=e.align,n=void 0===t?"center":t,l=e.size,a=void 0===l?"normal":l,o=e.color,c=e.text,u=void 0===c?"":c,i=e.backgroundColor,s=e.borderRadius,m=void 0===s?4:s,b=e.isSelected,p=void 0===b?null:b,g=e.onFocus,d=void 0===g?function(){}:g,h=e.onChange,f=void 0===h?function(){}:h;return wp.element.createElement("span",{className:"ugb-button ugb-button-"+n+" ugb-button-"+a,style:{backgroundColor:i,borderRadius:m+"px"}},wp.element.createElement(r.n,{tagName:"span",placeholder:Object(r.s)("Enter Text"),value:u,onChange:f,formattingControls:["bold","italic","strikethrough"],className:"ugb-button-inner",style:{color:o},onFocus:d,isSelected:p,keepPlaceholderOnFocus:!0}))}var r=n(0);t.a=l},function(e,t,n){"use strict";function l(e){var t=e.align,n=void 0===t?"center":t,l=e.size,a=void 0===l?"normal":l,o=e.url,c=void 0===o?"":o,u=e.color,i=e.text,s=e.backgroundColor,m=e.borderRadius,b={backgroundColor:s,borderRadius:m+"px"};return wp.element.createElement("div",{className:"ugb-button ugb-button-"+n+" ugb-button-"+a,style:b},wp.element.createElement(r.n.Content,{tagName:"a",className:"ugb-button-inner",href:c,style:{color:u},value:i}))}var r=n(0);t.a=l},function(e,t,n){var l,r;!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var r=typeof l;if("string"===r||"number"===r)e.push(l);else if(Array.isArray(l)&&l.length){var o=n.apply(null,l);o&&e.push(o)}else if("object"===r)for(var c in l)a.call(l,c)&&l[c]&&e.push(c)}}return e.join(" ")}var a={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(n.default=n,e.exports=n):(l=[],void 0!==(r=function(){return n}.apply(t,l))&&(e.exports=r))}()},function(e,t){var n={utf8:{stringToBytes:function(e){return n.bin.stringToBytes(unescape(encodeURIComponent(e)))},bytesToString:function(e){return decodeURIComponent(escape(n.bin.bytesToString(e)))}},bin:{stringToBytes:function(e){for(var t=[],n=0;n<e.length;n++)t.push(255&e.charCodeAt(n));return t},bytesToString:function(e){for(var t=[],n=0;n<e.length;n++)t.push(String.fromCharCode(e[n]));return t.join("")}}};e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});n(7),n(10),n(13),n(21),n(25),n(31),n(35),n(39),n(43),n(46),n(49),n(52),n(55),n(59),n(63),n(66),n(69),n(72),n(76)},function(e,t,n){"use strict";var l=n(8),r=(n.n(l),n(9)),a=(n.n(r),n(1)),o=n(0),c=function(e){var t=e.attributes.height;return wp.element.createElement("div",{style:{height:t+"px"}})},u=function(e){var t=(e.isSelected,e.attributes.height);return wp.element.createElement(o.f,null,wp.element.createElement(o.h,null,wp.element.createElement(o.j,null,wp.element.createElement(o.m,{label:Object(o.s)("Height"),value:t,min:"30",max:"200",onChange:function(t){e.setAttributes({height:t})}}))),wp.element.createElement("div",{className:e.className,style:{height:t+"px"}}))};Object(o.A)("ugb/spacer",{title:Object(o.s)("Spacer"),icon:a.l,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(o.s)("Spacer"),Object(o.s)("Stackable")],attributes:{height:{default:50,type:"number"}},edit:u,save:c})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(11),r=(n.n(l),n(12)),a=(n.n(r),n(1)),o=n(0),c=function(e){var t=e.attributes,n=t.height,l=t.width,r=t.color,a=t.alignment;return wp.element.createElement("div",{className:"ugb-divider"},wp.element.createElement("hr",{align:a,style:{backgroundColor:r,width:l+"%",height:n}}))},u=function(e){var t=(e.isSelected,e.attributes),n=t.height,l=t.width,r=t.color,a=t.alignment;return wp.element.createElement(o.f,null,wp.element.createElement(o.c,null,wp.element.createElement(o.a,{value:a,onChange:function(t){e.setAttributes({alignment:t})}})),wp.element.createElement(o.h,null,wp.element.createElement(o.j,null,wp.element.createElement(o.m,{label:Object(o.s)("Height"),value:n,min:"1",max:"10",onChange:function(t){e.setAttributes({height:t})}}),wp.element.createElement(o.m,{label:Object(o.s)("Width"),value:l,min:"10",max:"100",step:"0.1",onChange:function(t){e.setAttributes({width:t})}})),wp.element.createElement(o.k,{title:Object(o.s)("Color Settings"),colorSettings:[{value:r,onChange:function(t){return e.setAttributes({color:t})},label:Object(o.s)("Divider Color")}]})),wp.element.createElement("div",{className:"ugb-divider",style:{paddingTop:8,paddingBottom:8}},wp.element.createElement("hr",{align:a,style:{marginTop:0,marginBottom:0,backgroundColor:r,width:l+"%",height:n}})))};Object(o.A)("ugb/divider",{title:Object(o.s)("Divider"),icon:a.c,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(o.s)("Divider"),Object(o.s)("Stackable")],attributes:{height:{default:1,type:"number"},width:{default:50,type:"number"},color:{type:"string",default:"#dddddd"},alignment:{type:"string",default:"center"}},edit:u,save:c})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(14),r=(n.n(l),n(15)),a=(n.n(r),n(1)),o=n(16),c=n(2),u=n(3),i=n(17),s=n(19),m=(n(20),n(0)),b=function(e){var t=e.isSelected,n=(e.className,e.setAttributes),l=e.attributes,r=l.url,a=l.text,o=l.color,u=l.textColor,b=l.size,p=l.align,g=l.cornerButtonRadius,d=l.design,h=[{value:"small",label:Object(m.s)("Small")},{value:"normal",label:Object(m.s)("Normal")},{value:"medium",label:Object(m.s)("Medium")},{value:"large",label:Object(m.s)("Large")}],f=wp.element.createElement(c.a,{onChange:function(e){return n({text:e})},align:p,size:b,backgroundColor:o,color:u,text:a,borderRadius:g}),y=Object(m.u)("stackable.designs.button.edit",f,d,e);return wp.element.createElement(m.f,null,wp.element.createElement(m.c,null,wp.element.createElement(m.b,{value:p,onChange:function(e){n({align:e})},controls:["left","center","right","full"]})),wp.element.createElement(m.h,null,wp.element.createElement(i.a,{selected:d,options:[{label:wp.element.createElement(s.a,{imageFile:"button/images/test.jpg"}),title:"Basic",value:"basic"},{label:wp.element.createElement(s.a,{imageFile:"button/images/test.jpg",isPro:!0}),title:"Center",value:"center"},{label:wp.element.createElement(s.a,{imageFile:"https://via.placeholder.com/350x150",isPro:!0}),title:"Right",value:"right"},{label:wp.element.createElement(s.a,{imageFile:"https://via.placeholder.com/350x150",isPro:!0}),title:"Full",value:"full"}],onChange:function(e){n({design:e})}})),wp.element.createElement(m.h,null,wp.element.createElement(m.j,null,wp.element.createElement(m.o,{label:Object(m.s)("Size"),value:b,options:h.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(m.m,{label:Object(m.s)("Corner Radius"),value:g,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}})),wp.element.createElement(m.k,{title:Object(m.s)("Color Settings"),colorSettings:[{value:o,onChange:function(e){return n({color:e})},label:Object(m.s)("Background Color")},{value:u,onChange:function(e){return n({textColor:e})},label:Object(m.s)("Text Color")}]})),y,t&&wp.element.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link"},wp.element.createElement(m.e,{icon:"admin-links"}),wp.element.createElement(m.r,{value:r,onChange:function(e){return n({url:e})}}),wp.element.createElement(m.g,{icon:"editor-break",label:Object(m.s)("Apply"),type:"submit"})))},p=function(e){var t=e.attributes,n=t.url,l=t.text,r=t.align,a=t.color,o=t.textColor,c=t.size,i=t.cornerButtonRadius,s=t.design,b=wp.element.createElement(u.a,{align:r,size:c,url:n,color:o,text:l,backgroundColor:a,borderRadius:i});return Object(m.u)("stackable.designs.button.save",b,s,e)},g={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},align:{type:"string",default:"center"},color:{type:"string",default:"#2091e1"},textColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},design:{type:"string",default:"basic"}};Object(m.A)("ugb/button",{title:Object(m.s)("Button"),icon:a.a,description:"Add customize button",category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(m.s)("Button"),Object(m.s)("Stackable")],attributes:g,deprecated:[{attributes:o.b,migrate:function(e){return Object(m.z)(Object(m.y)(e,{align:e.textAlignment}),["textAlignment"])},save:o.a}],edit:b,save:p})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return l}),n.d(t,"b",function(){return r});var l=function(e){var t=e.attributes,n=t.url,l=t.text,r=t.textAlignment,a=t.color,o=t.textColor,c=t.size,u=t.cornerButtonRadius,i={backgroundColor:a,color:o,borderRadius:u+"px"};return wp.element.createElement("div",{className:"ugb-button-"+r},wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+c,style:i},l))},r={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},align:{type:"string",default:"center"},color:{type:"string",default:"#2091e1"},textColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4}}},function(e,t,n){"use strict";function l(e){return null}var r=n(18),a=(n.n(r),n(0),n(4));n.n(a);t.a=l},function(e,t){},function(e,t,n){"use strict";function l(e){var t=e.isPro,n=e.imageFile,l=a()({"is-pro":t});return wp.element.createElement("span",{className:l},wp.element.createElement("img",{src:n.match(/https?:/i)?n:o.v+"/"+n}))}var r=n(4),a=n.n(r),o=n(0);t.a=l},function(e,t,n){"use strict"},function(e,t,n){"use strict";var l=n(22),r=(n.n(l),n(23)),a=(n.n(r),n(1)),o=n(24),c=n(0),u=function(e){var t=e.isSelected,n=e.setAttributes,l=e.attributes,r=l.url,a=l.text,o=l.color,u=l.size,i=l.align,s=l.cornerButtonRadius,m=l.borderThickness,b=[{value:"small",label:Object(c.s)("Small")},{value:"normal",label:Object(c.s)("Normal ")},{value:"medium",label:Object(c.s)("Medium")},{value:"large",label:Object(c.s)("Large")}];return wp.element.createElement(c.f,null,wp.element.createElement(c.c,null,wp.element.createElement(c.b,{value:i,onChange:function(e){n({align:e})},controls:["left","center","right","full"]})),wp.element.createElement(c.h,null,wp.element.createElement(c.j,null,wp.element.createElement(c.o,{label:Object(c.s)("Size"),value:u,options:b.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(c.m,{label:Object(c.s)("Corner Radius"),value:s,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}}),wp.element.createElement(c.m,{label:Object(c.s)("Border Thickness"),value:m,min:"1",max:"10",onChange:function(e){return n({borderThickness:e})}})),wp.element.createElement(c.k,{title:Object(c.s)("Color Settings"),colorSettings:[{value:o,onChange:function(e){return n({color:e})},label:Object(c.s)("Button Color")}]})),wp.element.createElement("span",{className:"ugb-button ugb-ghost-button ugb-button-"+i+" ugb-button-"+u,style:{borderColor:o,borderRadius:s+"px",borderWidth:m+"px"}},wp.element.createElement(c.n,{tagName:"span",placeholder:Object(c.s)("Enter Text"),value:a,onChange:function(e){return n({text:e})},formattingControls:["bold","italic","strikethrough"],className:"ugb-button-inner",style:{color:o},keepPlaceholderOnFocus:!0})),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link"},wp.element.createElement(c.e,{icon:"admin-links"}),wp.element.createElement(c.r,{value:r,onChange:function(e){return n({url:e})}}),wp.element.createElement(c.g,{icon:"editor-break",label:Object(c.s)("Apply"),type:"submit"})))},i=function(e){var t=e.attributes,n=t.url,l=t.text,r=t.align,a=t.color,o=t.size,u=t.cornerButtonRadius,i=t.borderThickness,s={borderColor:a,borderRadius:u+"px",borderWidth:i+"px"};return wp.element.createElement("div",{className:"ugb-button ugb-ghost-button ugb-button-"+r+" ugb-button-"+o,style:s},wp.element.createElement(c.n.Content,{className:"ugb-button-inner",tagName:"a",value:l,href:n,style:{color:a}}))},s={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},align:{type:"string",default:"center"},color:{type:"string"},textColor:{type:"string"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:"4"},borderThickness:{type:"number",default:"1"}};Object(c.A)("ugb/ghost-button",{title:Object(c.s)("Ghost Button"),icon:a.e,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.s)("Ghost Button"),Object(c.s)("Stackable")],attributes:s,deprecated:[{attributes:o.b,migrate:function(e){return Object(c.z)(Object(c.y)(e,{align:e.textAlignment}),["textAlignment"])},save:o.a}],edit:u,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return l}),n.d(t,"b",function(){return r});var l=function(e){var t=e.attributes,n=t.url,l=t.text,r=t.textAlignment,a=t.color,o=t.size,c=t.cornerButtonRadius,u=t.borderThickness,i={borderColor:a,color:a,borderRadius:c+"px",borderWidth:u+"px"};return wp.element.createElement("div",{className:"ugb-button-"+r},wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+o+" ugb-ghost-button",style:i},l))},r={url:{type:"string",source:"attribute",selector:"a",attribute:"href"},text:{type:"array",source:"children",selector:"a"},textAlignment:{type:"string",default:"center"},color:{type:"string"},textColor:{type:"string"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:"4"},borderThickness:{type:"number",default:"1"}}},function(e,t,n){"use strict";var l=n(26),r=(n.n(l),n(27)),a=(n.n(r),n(28)),o=n.n(a),c=n(1),u=n(0),i=function(e){var t=[{value:"success",label:Object(u.s)("Success")},{value:"error",label:Object(u.s)("Error")},{value:"warning",label:Object(u.s)("Warning")},{value:"info",label:Object(u.s)("Information")}],n=(e.isSelected,e.editable,e.setState,e.setAttributes),l=(e.className,e.attributes),r=l.text,a=l.color,o=l.textColor,c=l.notifType,i=l.dismissible;return wp.element.createElement(u.f,null,wp.element.createElement(u.h,null,wp.element.createElement(u.j,null,wp.element.createElement(u.p,{label:Object(u.s)("Dismissible"),checked:i,onChange:function(){return n({dismissible:!i})}}),wp.element.createElement(u.o,{label:Object(u.s)("Notification Type"),value:c,options:t.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({notifType:e})}})),wp.element.createElement(u.k,{title:Object(u.s)("Color Settings"),colorSettings:[{value:a,onChange:function(e){return n({color:e})},label:Object(u.s)("Background Color")},{value:o,onChange:function(e){return n({textColor:e})},label:Object(u.s)("Text Color")}]})),wp.element.createElement("div",{className:"ugb-notification type-"+c+" dismissible-"+i},i&&wp.element.createElement("span",{key:"button",className:"close-button"},wp.element.createElement("svg",{viewBox:"0 0 28.3 28.3",style:{fill:o}},wp.element.createElement("path",{d:"M52.4-166.2c3.2,0,3.2-5,0-5C49.2-171.2,49.2-166.2,52.4-166.2L52.4-166.2z"}),wp.element.createElement("path",{d:"M16.8,13.9L26.9,3.8c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0L14.7,11.8L4.6,1.7C4,1.1,3.1,1.1,2.5,1.7s-0.6,1.5,0,2.1l10.1,10.1L2.5,24c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4L14.7,16l10.1,10.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L16.8,13.9z"}))),wp.element.createElement(u.n,{tagName:"p",placeholder:e.attributes.text.default,value:r,onChange:function(e){return n({text:e})},className:"wp-ugb-notif notif-"+c,style:{backgroundColor:a,color:o}})))},s=function(e){var t=e.attributes,n=t.text,l=t.color,r=t.textColor,a=t.notifType,c=t.dismissible,i={backgroundColor:l,color:r},s=o()(n+a).substr(0,6);return wp.element.createElement("div",{className:"ugb-notification type-"+a+" dismissible-"+c,"data-uid":s},c&&wp.element.createElement("span",{key:"button",className:"close-button"},wp.element.createElement("svg",{viewBox:"0 0 28.3 28.3",style:{fill:r}},wp.element.createElement("path",{d:"M52.4-166.2c3.2,0,3.2-5,0-5C49.2-171.2,49.2-166.2,52.4-166.2L52.4-166.2z"}),wp.element.createElement("path",{d:"M16.8,13.9L26.9,3.8c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0L14.7,11.8L4.6,1.7C4,1.1,3.1,1.1,2.5,1.7s-0.6,1.5,0,2.1l10.1,10.1L2.5,24c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4L14.7,16l10.1,10.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L16.8,13.9z"}))),wp.element.createElement(u.n.Content,{tagName:"p",className:"wp-ugb-notif notif-"+a,style:i,value:n}))};Object(u.A)("ugb/notification",{title:Object(u.s)("Notification"),icon:c.g,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(u.s)("Notification"),Object(u.s)("Stackable")],attributes:{text:{type:"array",source:"children",selector:"p",default:Object(u.s)("This is an informational alert, usually used for successful subscriptions, promo announcements, and the like.")},color:{type:"string"},textColor:{type:"string"},notifType:{type:"string",default:"success"},dismissible:{type:"boolean",default:!1}},edit:i,save:s})},function(e,t){},function(e,t){},function(e,t,n){!function(){var t=n(29),l=n(5).utf8,r=n(30),a=n(5).bin,o=function(e,n){e.constructor==String?e=n&&"binary"===n.encoding?a.stringToBytes(e):l.stringToBytes(e):r(e)?e=Array.prototype.slice.call(e,0):Array.isArray(e)||(e=e.toString());for(var c=t.bytesToWords(e),u=8*e.length,i=1732584193,s=-271733879,m=-1732584194,b=271733878,p=0;p<c.length;p++)c[p]=16711935&(c[p]<<8|c[p]>>>24)|4278255360&(c[p]<<24|c[p]>>>8);c[u>>>5]|=128<<u%32,c[14+(u+64>>>9<<4)]=u;for(var g=o._ff,d=o._gg,h=o._hh,f=o._ii,p=0;p<c.length;p+=16){var y=i,w=s,v=m,C=b;i=g(i,s,m,b,c[p+0],7,-680876936),b=g(b,i,s,m,c[p+1],12,-389564586),m=g(m,b,i,s,c[p+2],17,606105819),s=g(s,m,b,i,c[p+3],22,-1044525330),i=g(i,s,m,b,c[p+4],7,-176418897),b=g(b,i,s,m,c[p+5],12,1200080426),m=g(m,b,i,s,c[p+6],17,-1473231341),s=g(s,m,b,i,c[p+7],22,-45705983),i=g(i,s,m,b,c[p+8],7,1770035416),b=g(b,i,s,m,c[p+9],12,-1958414417),m=g(m,b,i,s,c[p+10],17,-42063),s=g(s,m,b,i,c[p+11],22,-1990404162),i=g(i,s,m,b,c[p+12],7,1804603682),b=g(b,i,s,m,c[p+13],12,-40341101),m=g(m,b,i,s,c[p+14],17,-1502002290),s=g(s,m,b,i,c[p+15],22,1236535329),i=d(i,s,m,b,c[p+1],5,-165796510),b=d(b,i,s,m,c[p+6],9,-1069501632),m=d(m,b,i,s,c[p+11],14,643717713),s=d(s,m,b,i,c[p+0],20,-373897302),i=d(i,s,m,b,c[p+5],5,-701558691),b=d(b,i,s,m,c[p+10],9,38016083),m=d(m,b,i,s,c[p+15],14,-660478335),s=d(s,m,b,i,c[p+4],20,-405537848),i=d(i,s,m,b,c[p+9],5,568446438),b=d(b,i,s,m,c[p+14],9,-1019803690),m=d(m,b,i,s,c[p+3],14,-187363961),s=d(s,m,b,i,c[p+8],20,1163531501),i=d(i,s,m,b,c[p+13],5,-1444681467),b=d(b,i,s,m,c[p+2],9,-51403784),m=d(m,b,i,s,c[p+7],14,1735328473),s=d(s,m,b,i,c[p+12],20,-1926607734),i=h(i,s,m,b,c[p+5],4,-378558),b=h(b,i,s,m,c[p+8],11,-2022574463),m=h(m,b,i,s,c[p+11],16,1839030562),s=h(s,m,b,i,c[p+14],23,-35309556),i=h(i,s,m,b,c[p+1],4,-1530992060),b=h(b,i,s,m,c[p+4],11,1272893353),m=h(m,b,i,s,c[p+7],16,-155497632),s=h(s,m,b,i,c[p+10],23,-1094730640),i=h(i,s,m,b,c[p+13],4,681279174),b=h(b,i,s,m,c[p+0],11,-358537222),m=h(m,b,i,s,c[p+3],16,-722521979),s=h(s,m,b,i,c[p+6],23,76029189),i=h(i,s,m,b,c[p+9],4,-640364487),b=h(b,i,s,m,c[p+12],11,-421815835),m=h(m,b,i,s,c[p+15],16,530742520),s=h(s,m,b,i,c[p+2],23,-995338651),i=f(i,s,m,b,c[p+0],6,-198630844),b=f(b,i,s,m,c[p+7],10,1126891415),m=f(m,b,i,s,c[p+14],15,-1416354905),s=f(s,m,b,i,c[p+5],21,-57434055),i=f(i,s,m,b,c[p+12],6,1700485571),b=f(b,i,s,m,c[p+3],10,-1894986606),m=f(m,b,i,s,c[p+10],15,-1051523),s=f(s,m,b,i,c[p+1],21,-2054922799),i=f(i,s,m,b,c[p+8],6,1873313359),b=f(b,i,s,m,c[p+15],10,-30611744),m=f(m,b,i,s,c[p+6],15,-1560198380),s=f(s,m,b,i,c[p+13],21,1309151649),i=f(i,s,m,b,c[p+4],6,-145523070),b=f(b,i,s,m,c[p+11],10,-1120210379),m=f(m,b,i,s,c[p+2],15,718787259),s=f(s,m,b,i,c[p+9],21,-343485551),i=i+y>>>0,s=s+w>>>0,m=m+v>>>0,b=b+C>>>0}return t.endian([i,s,m,b])};o._ff=function(e,t,n,l,r,a,o){var c=e+(t&n|~t&l)+(r>>>0)+o;return(c<<a|c>>>32-a)+t},o._gg=function(e,t,n,l,r,a,o){var c=e+(t&l|n&~l)+(r>>>0)+o;return(c<<a|c>>>32-a)+t},o._hh=function(e,t,n,l,r,a,o){var c=e+(t^n^l)+(r>>>0)+o;return(c<<a|c>>>32-a)+t},o._ii=function(e,t,n,l,r,a,o){var c=e+(n^(t|~l))+(r>>>0)+o;return(c<<a|c>>>32-a)+t},o._blocksize=16,o._digestsize=16,e.exports=function(e,n){if(void 0===e||null===e)throw new Error("Illegal argument "+e);var l=t.wordsToBytes(o(e,n));return n&&n.asBytes?l:n&&n.asString?a.bytesToString(l):t.bytesToHex(l)}}()},function(e,t){!function(){var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",n={rotl:function(e,t){return e<<t|e>>>32-t},rotr:function(e,t){return e<<32-t|e>>>t},endian:function(e){if(e.constructor==Number)return 16711935&n.rotl(e,8)|4278255360&n.rotl(e,24);for(var t=0;t<e.length;t++)e[t]=n.endian(e[t]);return e},randomBytes:function(e){for(var t=[];e>0;e--)t.push(Math.floor(256*Math.random()));return t},bytesToWords:function(e){for(var t=[],n=0,l=0;n<e.length;n++,l+=8)t[l>>>5]|=e[n]<<24-l%32;return t},wordsToBytes:function(e){for(var t=[],n=0;n<32*e.length;n+=8)t.push(e[n>>>5]>>>24-n%32&255);return t},bytesToHex:function(e){for(var t=[],n=0;n<e.length;n++)t.push((e[n]>>>4).toString(16)),t.push((15&e[n]).toString(16));return t.join("")},hexToBytes:function(e){for(var t=[],n=0;n<e.length;n+=2)t.push(parseInt(e.substr(n,2),16));return t},bytesToBase64:function(e){for(var n=[],l=0;l<e.length;l+=3)for(var r=e[l]<<16|e[l+1]<<8|e[l+2],a=0;a<4;a++)8*l+6*a<=8*e.length?n.push(t.charAt(r>>>6*(3-a)&63)):n.push("=");return n.join("")},base64ToBytes:function(e){e=e.replace(/[^A-Z0-9+\/]/gi,"");for(var n=[],l=0,r=0;l<e.length;r=++l%4)0!=r&&n.push((t.indexOf(e.charAt(l-1))&Math.pow(2,-2*r+8)-1)<<2*r|t.indexOf(e.charAt(l))>>>6-2*r);return n}};e.exports=n}()},function(e,t){function n(e){return!!e.constructor&&"function"===typeof e.constructor.isBuffer&&e.constructor.isBuffer(e)}function l(e){return"function"===typeof e.readFloatLE&&"function"===typeof e.slice&&n(e.slice(0,0))}e.exports=function(e){return null!=e&&(n(e)||l(e)||!!e._isBuffer)}},function(e,t,n){"use strict";var l=n(32),r=(n.n(l),n(33)),a=(n.n(r),n(1)),o=n(34),c=n(0),u=function(e){var t=e.isSelected,n=e.setAttributes,l=(e.className,e.attributes),r=l.color,a=l.text,o=l.quoteColor;return wp.element.createElement(c.f,null,wp.element.createElement("blockquote",{className:"ugb-blockquote",style:{"--quote-color":o}},wp.element.createElement(c.n,{className:"ugb-blockquote-text",value:a,onChange:function(e){return n({text:e})},isSelected:t,style:{color:r}})),wp.element.createElement(c.h,null,wp.element.createElement(c.k,{title:Object(c.s)("Color Settings"),colorSettings:[{value:r,onChange:function(e){return n({color:e})},label:Object(c.s)("Text Color")},{value:o,onChange:function(e){return n({quoteColor:e})},label:Object(c.s)("Quote Color")}]})))},i=function(e){var t=e.attributes,n=t.color,l=t.text,r=t.quoteColor;return wp.element.createElement("blockquote",{className:"ugb-blockquote",style:{"--quote-color":r}},wp.element.createElement(c.n.Content,{tagName:"p",style:{color:n},value:l}))},s={text:{type:"array",source:"children",selector:"p",default:Object(c.s)("It's okay to acknowledge that life can get complicated, but we musn't forget the beauty in its simplicity, too. From the multitude of stars above, to freshly mowed grass in the morning, life is simply wonderful.")},color:{type:"string",default:""},quoteColor:{type:"string",default:""}};Object(c.A)("ugb/blockquote",{title:Object(c.s)("Blockquote"),icon:a.k,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.s)("Blockquote"),Object(c.s)("Stackable")],attributes:s,deprecated:[{attributes:o.b,migrate:function(e){return Object(c.z)(Object(c.y)(e,{quoteColor:e.borderColor}),["borderColor"])},save:o.a}],edit:u,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"b",function(){return r}),n.d(t,"a",function(){return a});var l=n(0),r={text:{type:"array",source:"children",selector:"p",default:Object(l.s)("It's okay to acknowledge that life can get complicated, but we musn't forget the beauty in its simplicity, too. From the multitude of stars above, to freshly mowed grass in the morning, life is simply wonderful.")},color:{type:"string",default:"#424242"},borderColor:{type:"string",default:"#2091e1"}},a=function(e){var t=e.attributes,n=t.color,l=t.text,r=t.borderColor;return wp.element.createElement("blockquote",{className:"ugb-blockquote",style:{borderLeftColor:r}},wp.element.createElement("p",{style:{color:n}},l))}},function(e,t,n){"use strict";var l=n(36),r=(n.n(l),n(37)),a=(n.n(r),n(1)),o=n(38),c=n(0),u=function(e){var t=e.isSelected,n=e.setAttributes,l=(e.className,e.attributes),r=l.color,a=l.text,o=l.quoteColor;return wp.element.createElement(c.f,null,wp.element.createElement("blockquote",{className:"ugb-pullquote",style:{"--quote-color":o}},wp.element.createElement(c.n,{tagName:"p",className:"ugb-pullquote-text",value:a,onChange:function(e){return n({text:e})},placeholder:Object(c.s)("Write quote\u2026"),formattingControls:["bold","italic","strikethrough","link"],isSelected:t,keepPlaceholderOnFocus:!0,style:{color:r}})),wp.element.createElement(c.h,null,wp.element.createElement(c.k,{title:Object(c.s)("Color Settings"),colorSettings:[{value:r,onChange:function(e){return n({color:e})},label:Object(c.s)("Text Color")},{value:o,onChange:function(e){return n({quoteColor:e})},label:Object(c.s)("Quote Color")}]})))},i=function(e){var t=e.attributes,n=t.color,l=t.text,r=t.quoteColor;return wp.element.createElement("blockquote",{className:"ugb-pullquote",style:{"--quote-color":r}},wp.element.createElement(c.n.Content,{tagName:"p",style:{color:n},value:l}))},s={text:{type:"array",source:"children",selector:"p",default:Object(c.s)("It's okay to acknowledge that life can get complicated, but we musn't forget the beauty in its simplicity, too. From the multitude of stars above, to freshly mowed grass in the morning, life is simply wonderful.")},color:{type:"string",default:""},quoteColor:{type:"string",default:""}};Object(c.A)("ugb/pullquote",{title:Object(c.s)("Pullquote"),icon:a.k,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.s)("Pullquote"),Object(c.s)("Stackable")],attributes:s,deprecated:[{attributes:o.b,migrate:function(e){return Object(c.z)(Object(c.y)(e,{quoteColor:e.borderColor}),["borderColor"])},save:o.a}],edit:u,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return r}),n.d(t,"b",function(){return a});var l=n(0),r=function(e){var t=e.attributes,n=t.color,l=t.text,r=t.borderColor;return wp.element.createElement("blockquote",{className:"ugb-pullquote",style:{borderTopColor:r,borderBottomColor:r}},wp.element.createElement("p",{style:{color:n}},l))},a={text:{type:"array",source:"children",selector:"p",default:Object(l.s)("It's okay to acknowledge that life can get complicated, but we musn't forget the beauty in its simplicity, too. From the multitude of stars above, to freshly mowed grass in the morning, life is simply wonderful.")},color:{type:"string",default:"#2091e1"},borderColor:{type:"string",default:"#2091e1"}}},function(e,t,n){"use strict";var l=n(40),r=(n.n(l),n(41)),a=(n.n(r),n(1)),o=n(2),c=n(3),u=n(42),i=n(0),s=function(e){var t=e.isSelected,n=(e.editable,e.setState,e.className,e.setAttributes),l=e.attributes,r=l.url,a=l.buttonText,c=l.ctaTitle,u=l.bodyText,s=l.color,m=l.textColor,b=l.size,p=l.borderButtonRadius,g=l.bodyTextColor,d=l.titleColor,h=l.bgColor,f=[{value:"small",label:Object(i.s)("Small")},{value:"normal",label:Object(i.s)("Normal")},{value:"medium",label:Object(i.s)("Medium")},{value:"large",label:Object(i.s)("Large")}];return wp.element.createElement(i.f,null,wp.element.createElement(i.h,null,wp.element.createElement(i.j,null,wp.element.createElement(i.o,{label:Object(i.s)("Button Size"),value:b,options:f.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(i.m,{label:Object(i.s)("Button Border Radius"),value:p,min:"1",max:"50",onChange:function(e){return n({borderButtonRadius:e})}})),wp.element.createElement(i.k,{initialOpen:!1,title:Object(i.s)("Color Settings"),colorSettings:[{value:h,onChange:function(e){return n({bgColor:e})},label:Object(i.s)("Background Color")},{value:d,onChange:function(e){return n({titleColor:e})},label:Object(i.s)("Title Color")},{value:g,onChange:function(e){return n({bodyTextColor:e})},label:Object(i.s)("Body Text Color")}]}),wp.element.createElement(i.k,{title:Object(i.s)("Button Colors"),colorSettings:[{value:s,onChange:function(e){return n({color:e})},label:Object(i.s)("Button Background Color")},{value:m,onChange:function(e){return n({textColor:e})},label:Object(i.s)("Button Text Color")}]})),wp.element.createElement("div",{className:"ugb-cta",style:{backgroundColor:h}},wp.element.createElement(i.n,{className:"ugb-cta-title",tagName:"h3",placeholder:Object(i.s)("Add Title"),value:c,onChange:function(e){return n({ctaTitle:e})},keepPlaceholderOnFocus:!0,style:{color:d}}),wp.element.createElement(i.n,{tagName:"p",value:u,className:"ugb-cta-bodyText",onChange:function(e){return n({bodyText:e})},placeholder:Object(i.s)("Write body text\u2026"),style:{color:g}}),wp.element.createElement(o.a,{size:b,color:m,backgroundColor:s,text:a,borderRadius:p,onChange:function(e){return n({buttonText:e})}})),t&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link"},wp.element.createElement(i.e,{icon:"admin-links"}),wp.element.createElement(i.r,{value:r,onChange:function(e){return n({url:e})}}),wp.element.createElement(i.g,{icon:"editor-break",label:Object(i.s)("Apply"),type:"submit"})))},m=function(e){var t=e.attributes,n=t.url,l=t.buttonText,r=t.ctaTitle,a=t.bodyText,o=t.color,u=t.textColor,s=t.size,m=t.borderButtonRadius,b=t.bodyTextColor,p=t.titleColor,g=t.bgColor;return wp.element.createElement("div",{className:"ugb-cta",style:{backgroundColor:g}},r&&!!r.length&&wp.element.createElement(i.n.Content,{tagName:"h3",className:"ugb-cta-title",style:{color:p},value:r}),a&&!!a.length&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-cta-bodyText",style:{color:b},value:a}),l&&!!l.length&&wp.element.createElement(c.a,{size:s,url:n,color:u,text:l,backgroundColor:o,borderRadius:m}))},b={url:{type:"string",source:"attribute",selector:".ugb-button a",attribute:"href"},ctaTitle:{type:"array",source:"children",selector:"h3",default:Object(i.s)("Get Started Today")},bodyText:{type:"array",source:"children",selector:"p",default:Object(i.s)("Get Stackable: Ultimate Gutenberg Blocks today.\xa0 Apart from adding new blocks, it gives Gutenberg users more options and settings to tinker with, expanding Gutenberg\u2019s functionality.")},buttonText:{type:"array",source:"children",selector:".ugb-button a"},color:{type:"string",default:"#2091e1"},textColor:{type:"string",default:"#ffffff"},titleColor:{type:"string"},bodyTextColor:{type:"string"},bgColor:{type:"string"},size:{type:"string",default:"normal"},borderButtonRadius:{type:"number",default:4}};Object(i.A)("ugb/cta",{title:Object(i.s)("Call to Action"),icon:a.b,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.s)("Call to Action"),Object(i.s)("Stackable"),Object(i.s)("CTA")],attributes:b,supports:function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({align:!0},"align",["center","wide","full"]),deprecated:[{save:u.a}],edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return l});var l=function(e){var t=e.attributes,n=t.url,l=t.buttonText,r=t.ctaTitle,a=t.bodyText,o=t.color,c=t.textColor,u=t.size,i=t.borderButtonRadius,s=t.bodyTextColor,m=t.titleColor,b=t.bgColor,p={backgroundColor:o,color:c,borderRadius:i+"px"};return wp.element.createElement("div",{className:"ugb-cta",style:{backgroundColor:b}},r&&!!r.length&&wp.element.createElement("h3",{className:"ugb-cta-title",style:{color:m}},r),a&&!!a.length&&wp.element.createElement("p",{className:"ugb-cta-bodyText",style:{color:s}},a),l&&!!l.length&&wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-cta-button ugb-button-"+u,style:p},l))}},function(e,t,n){"use strict";var l=n(44),r=(n.n(l),n(45)),a=(n.n(r),n(1)),o=n(0),c=function(e){var t=(e.isSelected,e.editable,e.setState,e.className,e.setAttributes),n=e.attributes,l=n.testimonialTitle,r=n.testimonialTitleTwo,a=n.testimonialTitleThree,c=n.body,u=n.bodyTwo,i=n.bodyThree,s=n.position,m=n.positionTwo,b=n.positionThree,p=(n.href,n.hrefTwo,n.hrefThree,n.mediaID),g=n.mediaIDTwo,d=n.mediaIDThree,h=n.mediaURL,f=n.mediaURLTwo,y=n.mediaURLThree,w=n.columns,v=n.titleColor,C=n.posColor,E=n.bodyTextColor,x=n.iconColor,O=[{value:"1",label:Object(o.s)("One Column")},{value:"2",label:Object(o.s)("Two Column")},{value:"3",label:Object(o.s)("Three Column")}];return wp.element.createElement(o.f,null,wp.element.createElement(o.h,null,wp.element.createElement(o.j,null,wp.element.createElement(o.o,{label:Object(o.s)("Column Number"),value:w,options:O.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({columns:e})}})),wp.element.createElement(o.k,{initialOpen:!1,title:Object(o.s)("Color Settings"),colorSettings:[{value:v,onChange:function(e){return t({titleColor:e})},label:Object(o.s)("Title Color")},{value:C,onChange:function(e){return t({posColor:e})},label:Object(o.s)("Position Color")},{value:E,onChange:function(e){return t({bodyTextColor:e})},label:Object(o.s)("Body Text Color")},{value:x,onChange:function(e){return t({iconColor:e})},label:Object(o.s)("Icon Color")}]})),wp.element.createElement("div",{className:"ugb-testimonial column-"+w},wp.element.createElement("div",{className:"ugb-testimonial-column-one"},wp.element.createElement("div",null,wp.element.createElement(o.i,{onSelect:function(e){return t({mediaURL:e.url,mediaID:e.id})},type:"image",value:p,render:function(e){return wp.element.createElement(o.d,{className:p?"":"button button-large",onClick:e.open},p?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+h+")"}}):Object(o.s)("Upload Image"))}})),wp.element.createElement(o.n,{tagName:"h4",value:l,onChange:function(e){return t({testimonialTitle:e})},style:{color:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:s,className:"ugb-testimonial-position",onChange:function(e){return t({position:e})},style:{color:C},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:c,className:"ugb-testimonial-body",onChange:function(e){return t({body:e})},style:{color:E},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-testimonial-column-two"},wp.element.createElement("div",null,wp.element.createElement(o.i,{onSelect:function(e){return t({mediaURLTwo:e.url,mediaIDTwo:e.id})},type:"image",value:g,render:function(e){return wp.element.createElement(o.d,{className:g?"":"button button-large",onClick:e.open},g?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+f+")"}}):Object(o.s)("Upload Image"))}})),wp.element.createElement(o.n,{tagName:"h4",value:r,onChange:function(e){return t({testimonialTitleTwo:e})},style:{color:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:m,className:"ugb-testimonial-position-two",onChange:function(e){return t({positionTwo:e})},style:{color:C},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:u,className:"ugb-testimonial-body-two",onChange:function(e){return t({bodyTwo:e})},style:{color:E},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-testimonial-column-three"},wp.element.createElement("div",null,wp.element.createElement(o.i,{onSelect:function(e){return t({mediaURLThree:e.url,mediaIDThree:e.id})},type:"image",value:d,render:function(e){return wp.element.createElement(o.d,{className:d?"":"button button-large",onClick:e.open},d?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+y+")"}}):Object(o.s)("Upload Image"))}})),wp.element.createElement(o.n,{tagName:"h4",value:a,onChange:function(e){return t({testimonialTitleThree:e})},style:{color:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:b,className:"ugb-testimonial-position-three",onChange:function(e){return t({positionThree:e})},style:{color:C},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:i,className:"ugb-testimonial-body-three",onChange:function(e){return t({bodyThree:e})},style:{color:E},keepPlaceholderOnFocus:!0}))))},u=function(e){var t=e.attributes,n=t.testimonialTitle,l=t.testimonialTitleTwo,r=t.testimonialTitleThree,a=t.body,c=t.bodyTwo,u=t.bodyThree,i=t.position,s=t.positionTwo,m=t.positionThree,b=t.mediaURL,p=t.mediaURLTwo,g=t.mediaURLThree,d=(t.mediaID,t.mediaIDTwo,t.mediaIDThree,t.titleColor),h=t.posColor,f=t.bodyTextColor,y=t.iconColor,w=t.columns,v=wp.element.createElement("div",{className:"quote-icon"},wp.element.createElement("svg",{viewBox:"0 0 246 187.5",style:{fill:y}},wp.element.createElement("path",{d:"M98.5,0h-93C2.5,0,0,2.5,0,5.5v93c0,3,2.5,5.5,5.5,5.5h39c-1.7,15.5-8.8,50-39,50c-3,0-5.5,2.5-5.5,5.5V182c0,3,2.5,5.5,5.5,5.5c5.2,0,98.5-4.5,98.5-89v-93C104,2.5,101.5,0,98.5,0z"}),wp.element.createElement("path",{d:"M240.5,0h-93c-3,0-5.5,2.5-5.5,5.5v93c0,3,2.5,5.5,5.5,5.5h39c-1.7,15.5-8.8,50-39,50c-3,0-5.5,2.5-5.5,5.5V182c0,3,2.5,5.5,5.5,5.5c5.2,0,98.5-4.5,98.5-89v-93C246,2.5,243.5,0,240.5,0z"}),wp.element.createElement("path",{d:"M161.3-86.3c3.2,0,3.2-5,0-5C158.1-91.3,158.1-86.3,161.3-86.3L161.3-86.3z"})));return wp.element.createElement("div",{className:"ugb-testimonial column-"+w},wp.element.createElement("div",{className:"ugb-testimonial-column-one"},b?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+b+")"},"data-src":b}):v,!o.n.isEmpty(n)&&wp.element.createElement(o.n.Content,{tagName:"h4",style:{color:d},value:n}),!o.n.isEmpty(i)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-testimonial-position",style:{color:h},value:i}),!o.n.isEmpty(a)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-testimonial-body",style:{color:f},value:a})),w>1&&wp.element.createElement("div",{className:"ugb-testimonial-column-two"},p?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+p+")"},"data-src":p}):v,!o.n.isEmpty(l)&&wp.element.createElement(o.n.Content,{tagName:"h4",style:{color:d},value:l}),!o.n.isEmpty(s)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-testimonial-position-two",style:{color:h},value:s}),!o.n.isEmpty(c)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-testimonial-body-two",style:{color:f},value:c})),w>2&&wp.element.createElement("div",{className:"ugb-testimonial-column-three"},g?wp.element.createElement("div",{className:"testimonial-image",style:{backgroundImage:"url("+g+")"},"data-src":g}):v,!o.n.isEmpty(r)&&wp.element.createElement(o.n.Content,{tagName:"h4",style:{color:d},value:r}),!o.n.isEmpty(m)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-testimonial-position-three",style:{color:h},value:m}),!o.n.isEmpty(u)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-testimonial-body-three",style:{color:f},value:u})))};Object(o.A)("ugb/testimonial",{title:Object(o.s)("Testimonial"),icon:a.n,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(o.s)("Testimonial"),Object(o.s)("Stackable")],attributes:{href:{type:"url"},hrefTwo:{type:"url"},hrefThree:{type:"url"},mediaID:{type:"number"},mediaIDTwo:{type:"number"},mediaIDThree:{type:"number"},mediaURL:{type:"string",source:"attribute",selector:".ugb-testimonial-column-one .testimonial-image",attribute:"data-src"},mediaURLTwo:{type:"string",source:"attribute",selector:".ugb-testimonial-column-two .testimonial-image",attribute:"data-src"},mediaURLThree:{type:"string",source:"attribute",selector:".ugb-testimonial-column-three .testimonial-image",attribute:"data-src"},testimonialTitle:{type:"array",source:"children",selector:".ugb-testimonial-column-one h4",default:Object(o.s)("Ben Adams")},testimonialTitleTwo:{type:"array",source:"children",selector:".ugb-testimonial-column-two h4",default:Object(o.s)("Alex Johnson")},testimonialTitleThree:{type:"array",source:"children",selector:".ugb-testimonial-column-three h4",default:Object(o.s)("Sammy Simpson")},position:{type:"array",source:"children",selector:".ugb-testimonial-position",default:Object(o.s)("Founder")},positionTwo:{type:"array",source:"children",selector:".ugb-testimonial-position-two",default:Object(o.s)("Editor")},positionThree:{type:"array",source:"children",selector:".ugb-testimonial-position-three",default:Object(o.s)("Programmer")},body:{type:"array",source:"children",selector:".ugb-testimonial-body",default:Object(o.s)("Stackable: Ultimate Blocks from Gutenberg has all the blocks I need to make a great webpage.")},bodyTwo:{type:"array",source:"children",selector:".ugb-testimonial-body-two",default:Object(o.s)("Stackable: Ultimate Blocks from Gutenberg has all the blocks I need to make a great webpage.")},bodyThree:{type:"array",source:"children",selector:".ugb-testimonial-body-three",default:Object(o.s)("Stackable: Ultimate Blocks from Gutenberg has all the blocks I need to make a great webpage.")},titleColor:{type:"string"},posColor:{type:"string"},bodyTextColor:{type:"string"},iconColor:{type:"string"},columns:{type:"select",default:"1"}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(47),r=(n.n(l),n(48)),a=(n.n(r),n(1)),o=n(0),c=function(e){var t=(e.isSelected,e.editable,e.setState,e.className,e.setAttributes),n=e.attributes,l=n.name,r=n.nameTwo,a=n.nameThree,c=n.des,u=n.desTwo,i=n.desThree,s=n.position,m=n.positionTwo,b=n.positionThree,p=(n.href,n.hrefTwo,n.hrefThree,n.mediaID),g=n.mediaIDTwo,d=n.mediaIDThree,h=n.mediaURL,f=n.mediaURLTwo,y=n.mediaURLThree,w=n.columns,v=n.nameColor,C=n.posColor,E=n.desColor,x=n.iconColor,O=n.shapes,N=[{value:"1",label:Object(o.s)("One Column")},{value:"2",label:Object(o.s)("Two Column")},{value:"3",label:Object(o.s)("Three Column")}],j=[{value:"square",label:Object(o.s)("Square")},{value:"circle",label:Object(o.s)("Circle")}];return wp.element.createElement(o.f,null,wp.element.createElement(o.h,null,wp.element.createElement(o.j,null,wp.element.createElement(o.o,{label:Object(o.s)("Image Shape"),value:O,options:j.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({shapes:e})}}),wp.element.createElement(o.o,{label:Object(o.s)("Column Number"),value:w,options:N.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({columns:e})}})),wp.element.createElement(o.k,{initialOpen:!1,title:Object(o.s)("Color Settings"),colorSettings:[{value:v,onChange:function(e){return t({nameColor:e})},label:Object(o.s)("Name Color")},{value:C,onChange:function(e){return t({posColor:e})},label:Object(o.s)("Position Color")},{value:E,onChange:function(e){return t({desColor:e})},label:Object(o.s)("Description Color")},{value:x,onChange:function(e){return t({iconColor:e})},label:Object(o.s)("Icon Color")}]})),wp.element.createElement("div",{className:"ugb-team-member column-"+w+" image-"+O},wp.element.createElement("div",{className:"ugb-team-member-column-one"},wp.element.createElement("div",null,wp.element.createElement(o.i,{onSelect:function(e){return t({mediaURL:e.url,mediaID:e.id})},type:"image",value:p,render:function(e){return wp.element.createElement(o.d,{className:p?"":"button button-large",onClick:e.open},p?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+h+")"}}):Object(o.s)("Upload Image"))}})),wp.element.createElement(o.n,{tagName:"h4",value:l,onChange:function(e){return t({name:e})},style:{color:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:s,className:"ugb-team-member-position",onChange:function(e){return t({position:e})},style:{color:C},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:c,className:"ugb-team-member-des",onChange:function(e){return t({des:e})},style:{color:E},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-team-member-column-two"},wp.element.createElement("div",null,wp.element.createElement(o.i,{onSelect:function(e){return t({mediaURLTwo:e.url,mediaIDTwo:e.id})},type:"image",value:g,render:function(e){return wp.element.createElement(o.d,{className:g?"":"button button-large",onClick:e.open},g?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+f+")"}}):Object(o.s)("Upload Image"))}})),wp.element.createElement(o.n,{tagName:"h4",value:r,onChange:function(e){return t({nameTwo:e})},style:{color:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:m,className:"ugb-team-member-position",onChange:function(e){return t({positionTwo:e})},style:{color:C},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:u,className:"ugb-team-member-des-two",onChange:function(e){return t({desTwo:e})},style:{color:E},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",{className:"ugb-team-member-column-three"},wp.element.createElement("div",null,wp.element.createElement(o.i,{onSelect:function(e){return t({mediaURLThree:e.url,mediaIDThree:e.id})},type:"image",value:d,render:function(e){return wp.element.createElement(o.d,{className:d?"":"button button-large",onClick:e.open},d?wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+y+")"}}):Object(o.s)("Upload Image"))}})),wp.element.createElement(o.n,{tagName:"h4",value:a,onChange:function(e){return t({nameThree:e})},style:{color:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:b,className:"ugb-team-member-position",onChange:function(e){return t({positionThree:e})},style:{color:C},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:i,className:"ugb-team-member-des-three",onChange:function(e){return t({desThree:e})},style:{color:E},keepPlaceholderOnFocus:!0}))))},u=function(e){var t=e.attributes,n=t.name,l=t.nameTwo,r=t.nameThree,a=t.shapes,c=t.des,u=t.desTwo,i=t.desThree,s=t.position,m=t.positionTwo,b=t.positionThree,p=t.mediaURL,g=t.mediaURLTwo,d=t.mediaURLThree,h=(t.mediaID,t.mediaIDTwo,t.mediaIDThree,t.nameColor),f=t.posColor,y=t.desColor,w=(t.iconColor,t.columns);return wp.element.createElement("div",{className:"ugb-team-member column-"+w+" image-"+a},wp.element.createElement("div",{className:"ugb-team-member-column-one"},p&&wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+p+")"},"data-src":p}),!o.n.isEmpty(n)&&wp.element.createElement(o.n.Content,{tagName:"h4",style:{color:h},value:n}),!o.n.isEmpty(s)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-team-member-position",style:{color:f},value:s}),!o.n.isEmpty(c)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-team-member-des",style:{color:y},value:c})),w>1&&wp.element.createElement("div",{className:"ugb-team-member-column-two"},g&&wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+g+")"},"data-src":g}),!o.n.isEmpty(l)&&wp.element.createElement(o.n.Content,{tagName:"h4",style:{color:h},value:l}),!o.n.isEmpty(m)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-team-member-position",style:{color:f},value:m}),!o.n.isEmpty(u)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-team-member-des-two",style:{color:y},value:u})),w>2&&wp.element.createElement("div",{className:"ugb-team-member-column-three"},d&&wp.element.createElement("div",{className:"team-member-image",style:{backgroundImage:"url("+d+")"},"data-src":d}),!o.n.isEmpty(r)&&wp.element.createElement(o.n.Content,{tagName:"h4",style:{color:h},value:r}),!o.n.isEmpty(b)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-team-member-position",style:{color:f},value:b}),!o.n.isEmpty(i)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-team-member-des-three",style:{color:y},value:i})))};Object(o.A)("ugb/team-member",{title:Object(o.s)("Team Member"),icon:a.m,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(o.s)("Team Member"),Object(o.s)("Stackable")],attributes:{href:{type:"url"},hrefTwo:{type:"url"},hrefThree:{type:"url"},mediaID:{type:"number"},mediaIDTwo:{type:"number"},mediaIDThree:{type:"number"},mediaURL:{type:"string",source:"attribute",selector:".ugb-team-member-column-one .team-member-image",attribute:"data-src"},mediaURLTwo:{type:"string",source:"attribute",selector:".ugb-team-member-column-two .team-member-image",attribute:"data-src"},mediaURLThree:{type:"string",source:"attribute",selector:".ugb-team-member-column-three .team-member-image",attribute:"data-src"},name:{type:"array",source:"children",selector:".ugb-team-member-column-one h4",default:Object(o.s)("Ben Adams")},nameTwo:{type:"array",source:"children",selector:".ugb-team-member-column-two h4",default:Object(o.s)("Alex Johnson")},nameThree:{type:"array",source:"children",selector:".ugb-team-member-column-three h4",default:Object(o.s)("Sammy Simpson")},position:{type:"array",source:"children",selector:".ugb-team-member-column-one .ugb-team-member-position",default:Object(o.s)("Founder")},positionTwo:{type:"array",source:"children",selector:".ugb-team-member-column-two .ugb-team-member-position",default:Object(o.s)("Editor")},positionThree:{type:"array",source:"children",selector:".ugb-team-member-column-three .ugb-team-member-position",default:Object(o.s)("Programmer")},des:{type:"array",source:"children",selector:".ugb-team-member-des",default:Object(o.s)("Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.")},desTwo:{type:"array",source:"children",selector:".ugb-team-member-des-two",default:Object(o.s)("Alex handles all written content. She enjoys painting and playing softball on the weekends.")},desThree:{type:"array",source:"children",selector:".ugb-team-member-des-three",default:Object(o.s)("Sammy is our programmer. You'll usually find her nose in a book. She has a cat named Skitty.")},nameColor:{type:"string"},posColor:{type:"string"},desColor:{type:"string"},iconColor:{type:"string"},columns:{type:"select",default:"1"},shapes:{type:"select",default:"square"}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var r=n(50),a=(n.n(r),n(51)),o=(n.n(a),n(1)),c=n(0),u=function(e){var t=(e.focus,e.setFocus,e.editable,e.setAttributes),n=(e.setState,e.className),r=e.isSelected,a=e.attributes,o=a.text,u=a.moreLabel,i=a.moreText,s=a.lessLabel;return wp.element.createElement(c.f,null,wp.element.createElement("div",{className:n},r&&wp.element.createElement("label",{className:"ugb-editor-label"},"Less text"),wp.element.createElement(c.n,l({multiline:"p",placeholder:e.attributes.text.default,value:o,onChange:function(e){return t({text:e})},className:"ugb-expand-less-text"},"placeholder",Object(c.s)("Some short text that can be expanded to show more details."))),wp.element.createElement(c.n,l({tagName:"a",placeholder:e.attributes.moreLabel.default,value:u,onChange:function(e){return t({moreLabel:e})},formattingControls:["bold","italic","strikethrough"],className:"ugb-expand-more"},"placeholder",Object(c.s)("Show more"))),r&&wp.element.createElement("label",{className:"ugb-editor-label"},"More text"),r&&wp.element.createElement(c.n,l({multiline:"p",placeholder:e.attributes.moreText.default,value:i,onChange:function(e){return t({moreText:e})},className:"ugb-expand-more-text"},"placeholder",Object(c.s)("Some short text that can be expanded to show more details. Some additional text that can only be seen when expanded."))),r&&wp.element.createElement(c.n,l({tagName:"a",placeholder:e.attributes.lessLabel.default,value:s,onChange:function(e){return t({lessLabel:e})},formattingControls:["bold","italic","strikethrough"],className:"ugb-expand-less"},"placeholder",Object(c.s)("Show less")))))},i=function(e){var t=e.attributes,n=t.text,l=t.moreLabel,r=t.moreText,a=t.lessLabel;return wp.element.createElement("div",null,wp.element.createElement("div",{className:"ugb-expand-less-text"},!c.n.isEmpty(n)&&wp.element.createElement(c.n.Content,{multiline:"p",value:n})),wp.element.createElement("div",{className:"ugb-expand-more-text",style:{display:"none"}},!c.n.isEmpty(r)&&wp.element.createElement(c.n.Content,{multiline:"p",value:r})),wp.element.createElement("a",{className:"ugb-expand-button",href:"#"},wp.element.createElement(c.n.Content,{className:"ugb-expand-more",tagName:"span",value:l}),wp.element.createElement(c.n.Content,{className:"ugb-expand-less",tagName:"span",value:a,style:{display:"none"}})))};Object(c.A)("ugb/expand",{title:Object(c.s)("Expand / Show More"),icon:o.d,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(c.s)("Expand"),Object(c.s)("Show more/less"),Object(c.s)("Stackable")],attributes:{text:{type:"array",source:"children",selector:".ugb-expand-less-text",multiline:"p",default:""},moreText:{type:"array",source:"children",selector:".ugb-expand-more-text",multiline:"p",default:""},moreLabel:{type:"array",source:"children",selector:".ugb-expand-more",default:Object(c.s)("Show more")},lessLabel:{type:"array",source:"children",selector:".ugb-expand-less",default:Object(c.s)("Show less")}},edit:u,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(53),r=(n.n(l),n(54)),a=(n.n(r),n(1)),o=n(0),c=function(e){var t=(e.className,e.setAttributes),n=(e.isSelected,e.editable,e.setState,e.attributes),l=n.numberBox,r=n.numberBoxTwo,a=n.numberBoxThree,c=n.body,u=n.bodyTwo,i=n.bodyThree,s=n.name,m=n.nameTwo,b=n.nameThree,p=n.columns,g=n.numberBoxColor,d=n.nameColor,h=n.bodyTextColor,f=n.numberBGColor,y=[{value:"1",label:Object(o.s)("One Column")},{value:"2",label:Object(o.s)("Two Column")},{value:"3",label:Object(o.s)("Three Column")}];return wp.element.createElement(o.f,null,wp.element.createElement(o.h,null,wp.element.createElement(o.j,null,wp.element.createElement(o.o,{label:Object(o.s)("Column Number"),value:p,options:y.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({columns:e})}})),wp.element.createElement(o.k,{title:Object(o.s)("Color Settings"),colorSettings:[{value:g,onChange:function(e){return t({numberBoxColor:e})},label:Object(o.s)("Number Color")},{value:f,onChange:function(e){return t({numberBGColor:e})},label:Object(o.s)("Number Background Color")},{value:d,onChange:function(e){return t({nameColor:e})},label:Object(o.s)("Name Color")},{value:h,onChange:function(e){return t({bodyTextColor:e})},label:Object(o.s)("Body Text Color")}]})),wp.element.createElement("div",{className:"ugb-number-box column-"+p},wp.element.createElement("div",null,wp.element.createElement(o.n,{tagName:"span",placeholder:l?l.default:"",value:l,onChange:function(e){return t({numberBox:e})},style:{color:g,backgroundColor:f},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"h4",value:s,className:"ugb-number-box-name",onChange:function(e){return t({name:e})},placeholder:Object(o.s)("Add name\u2026"),style:{color:d},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:c,className:"ugb-number-box-body",onChange:function(e){return t({body:e})},placeholder:Object(o.s)("Add body\u2026"),style:{color:h},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",null,wp.element.createElement(o.n,{tagName:"span",placeholder:r?r.default:"",value:r,onChange:function(e){return t({numberBoxTwo:e})},style:{color:g,backgroundColor:f},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"h4",value:m,className:"ugb-number-box-name-two",onChange:function(e){return t({nameTwo:e})},placeholder:Object(o.s)("Add name\u2026"),style:{color:d},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:u,className:"ugb-number-box-body-two",onChange:function(e){return t({bodyTwo:e})},placeholder:Object(o.s)("Add body\u2026"),style:{color:h},keepPlaceholderOnFocus:!0})),wp.element.createElement("div",null,wp.element.createElement(o.n,{tagName:"span",placeholder:a?a.default:"",value:a,onChange:function(e){return t({numberBoxThree:e})},style:{color:g,backgroundColor:f},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"h4",value:b,className:"ugb-number-box-name-three",onChange:function(e){return t({nameThree:e})},placeholder:Object(o.s)("Add name\u2026"),style:{color:d},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.n,{tagName:"p",value:i,className:"ugb-number-box-body-three",onChange:function(e){return t({bodyThree:e})},placeholder:Object(o.s)("Add body\u2026"),style:{color:h},keepPlaceholderOnFocus:!0}))))},u=function(e){var t=e.attributes,n=t.numberBox,l=t.numberBoxTwo,r=t.numberBoxThree,a=t.body,c=t.bodyTwo,u=t.bodyThree,i=t.name,s=t.nameTwo,m=t.nameThree,b=t.numberBoxColor,p=t.nameColor,g=t.bodyTextColor,d=t.numberBGColor,h=t.columns;return wp.element.createElement("div",{className:"ugb-number-box column-"+h},wp.element.createElement("div",{className:"ugb-number-box-column-one"},!o.n.isEmpty(n)&&wp.element.createElement(o.n.Content,{tagName:"span",style:{color:b,backgroundColor:d},value:n}),!o.n.isEmpty(i)&&wp.element.createElement(o.n.Content,{tagName:"h4",className:"ugb-number-box-name",style:{color:p},value:i}),!o.n.isEmpty(a)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-number-box-body",style:{color:g},value:a})),h>1&&wp.element.createElement("div",{className:"ugb-number-box-column-two"},!o.n.isEmpty(l)&&wp.element.createElement(o.n.Content,{tagName:"span",style:{color:b,backgroundColor:d},value:l}),!o.n.isEmpty(s)&&wp.element.createElement(o.n.Content,{tagName:"h4",className:"ugb-number-box-name-two",style:{color:p},value:s}),!o.n.isEmpty(c)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-number-box-body-two",style:{color:g},value:c})),h>2&&wp.element.createElement("div",{className:"ugb-number-box-column-three"},!o.n.isEmpty(r)&&wp.element.createElement(o.n.Content,{tagName:"span",style:{color:b,backgroundColor:d},value:r}),!o.n.isEmpty(m)&&wp.element.createElement(o.n.Content,{tagName:"h4",className:"ugb-number-box-name-three",style:{color:p},value:m}),!o.n.isEmpty(u)&&wp.element.createElement(o.n.Content,{tagName:"p",className:"ugb-number-box-body-three",style:{color:g},value:u})))};Object(o.A)("ugb/number-box",{title:Object(o.s)("Number Box"),icon:a.h,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(o.s)("Number Box"),Object(o.s)("Stackable")],attributes:{numberBox:{type:"array",source:"children",selector:".ugb-number-box-column-one span",default:Object(o.s)("01")},numberBoxTwo:{type:"array",source:"children",selector:".ugb-number-box-column-two span",default:Object(o.s)("02")},numberBoxThree:{type:"array",source:"children",selector:".ugb-number-box-column-three span",default:Object(o.s)("03")},name:{type:"array",source:"children",selector:".ugb-number-box-name",default:Object(o.s)("Registration")},nameTwo:{type:"array",source:"children",selector:".ugb-number-box-name-two",default:Object(o.s)("Waiting Period")},nameThree:{type:"array",source:"children",selector:".ugb-number-box-name-three",default:Object(o.s)("Delivery")},body:{type:"array",source:"children",selector:".ugb-number-box-body",default:Object(o.s)("This is just a sample write-up, but you can check out more info on Gutenberg on the WP repository.")},bodyTwo:{type:"array",source:"children",selector:".ugb-number-box-body-two",default:Object(o.s)("This is just a sample write-up, but you can check out more info on Gutenberg on the WP repository.")},bodyThree:{type:"array",source:"children",selector:".ugb-number-box-body-three",default:Object(o.s)("This is just a sample write-up, but you can check out more info on Gutenberg on the WP repository.")},numberBoxColor:{type:"string"},nameColor:{type:"string"},bodyTextColor:{type:"string"},numberBGColor:{type:"string"},columns:{type:"select",default:"1"}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(56),r=(n.n(l),n(57)),a=(n.n(r),n(1)),o=n(2),c=n(3),u=n(58),i=n(0),s=function(e){var t=e.isSelected,n=(e.editable,e.setState,e.className,e.setAttributes),l=e.attributes,r=l.url,a=l.url2,c=l.url3,u=l.pricingBoxTitle,s=l.pricingBoxTitle2,m=l.pricingBoxTitle3,b=l.price,p=l.price2,g=l.price3,d=l.perMonthLabel,h=l.perMonthLabel2,f=l.perMonthLabel3,y=l.buttonText,w=l.buttonText2,v=l.buttonText3,C=l.featureList,E=l.featureList2,x=l.featureList3,O=l.pricingBoxColor,N=l.priceColor,j=l.perMonthLabelColor,k=l.buttonColor,T=l.buttonTextColor,B=l.featureListColor,S=l.columns,L=l.size,z=l.cornerButtonRadius,A=[{value:"1",label:Object(i.s)("One Column")},{value:"2",label:Object(i.s)("Two Column")},{value:"3",label:Object(i.s)("Three Column")}],R=[{value:"small",label:Object(i.s)("Small")},{value:"normal",label:Object(i.s)("Normal")},{value:"medium",label:Object(i.s)("Medium")},{value:"large",label:Object(i.s)("Large")}];return wp.element.createElement(i.f,null,wp.element.createElement(i.h,null,wp.element.createElement(i.j,null,wp.element.createElement(i.o,{label:Object(i.s)("Column Number"),value:S,options:A.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({columns:e})}}),wp.element.createElement(i.m,{label:Object(i.s)("Corner Radius"),value:z,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}}),wp.element.createElement(i.o,{label:Object(i.s)("Button Size"),value:L,options:R.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}})),wp.element.createElement(i.k,{initialOpen:!1,title:Object(i.s)("Text Colors"),colorSettings:[{value:O,onChange:function(e){return n({pricingBoxColor:e})},label:Object(i.s)("Pricing Title Color")},{value:N,onChange:function(e){return n({priceColor:e})},label:Object(i.s)("Price Color")},{value:j,onChange:function(e){return n({perMonthLabelColor:e})},label:Object(i.s)("Per Month Label Color")},{value:B,onChange:function(e){return n({featureListColor:e})},label:Object(i.s)("Feature List Color")}]}),wp.element.createElement(i.k,{initialOpen:!1,title:Object(i.s)("Button Colors"),colorSettings:[{value:k,onChange:function(e){return n({buttonColor:e})},label:Object(i.s)("Button Color")},{value:T,onChange:function(e){return n({buttonTextColor:e})},label:Object(i.s)("Button Text Color")}]})),wp.element.createElement("div",{className:"ugb-pricing-box column-"+S},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},wp.element.createElement(i.n,{tagName:"h3",value:u,onChange:function(e){return n({pricingBoxTitle:e})},style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.n,{tagName:"p",value:b,className:"ugb-pricing-box-pricing",onChange:function(e){return n({price:e})},style:{color:N},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.n,{tagName:"p",value:d,className:"ugb-pricing-box-per-month-label",onChange:function(e){return n({perMonthLabel:e})},style:{color:j},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.a,{size:L,color:T,backgroundColor:k,text:y,borderRadius:z,onChange:function(e){return n({buttonText:e})}}),wp.element.createElement(i.n,{tagName:"p",value:C,className:"ugb-pricing-box-feature-list",onChange:function(e){return n({featureList:e})},style:{color:B},keepPlaceholderOnFocus:!0}),t&&wp.element.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link pricing-box"},wp.element.createElement(i.e,{icon:"admin-links"}),wp.element.createElement(i.r,{value:r,onChange:function(e){return n({url:e})}}),wp.element.createElement(i.g,{icon:"editor-break",label:Object(i.s)("Apply"),type:"submit"}))),wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},wp.element.createElement(i.n,{tagName:"h3",value:s,onChange:function(e){return n({pricingBoxTitle2:e})},style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.n,{tagName:"p",value:p,className:"ugb-pricing-box-pricing",onChange:function(e){return n({price2:e})},style:{color:N},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.n,{tagName:"p",value:h,className:"ugb-pricing-box-per-month-label",onChange:function(e){return n({perMonthLabel2:e})},style:{color:j},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.a,{size:L,color:T,backgroundColor:k,text:w,borderRadius:z,onChange:function(e){return n({buttonText2:e})}}),wp.element.createElement(i.n,{tagName:"p",value:E,className:"ugb-pricing-box-feature-list",onChange:function(e){return n({featureList2:e})},style:{color:B},keepPlaceholderOnFocus:!0}),t&&wp.element.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link pricing-box"},wp.element.createElement(i.e,{icon:"admin-links"}),wp.element.createElement(i.r,{value:a,onChange:function(e){return n({url2:e})}}),wp.element.createElement(i.g,{icon:"editor-break",label:Object(i.s)("Apply"),type:"submit"}))),wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},wp.element.createElement(i.n,{tagName:"h3",value:m,onChange:function(e){return n({pricingBoxTitle3:e})},style:{color:O},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.n,{tagName:"p",value:g,className:"ugb-pricing-box-pricing",onChange:function(e){return n({price3:e})},style:{color:N},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.n,{tagName:"p",value:f,className:"ugb-pricing-box-per-month-label",onChange:function(e){return n({perMonthLabel3:e})},style:{color:j},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.a,{size:L,color:T,backgroundColor:k,text:v,borderRadius:z,onChange:function(e){return n({buttonText3:e})}}),wp.element.createElement(i.n,{tagName:"p",value:x,className:"ugb-pricing-box-feature-list",onChange:function(e){return n({featureList3:e})},style:{color:B},keepPlaceholderOnFocus:!0}),t&&wp.element.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link pricing-box"},wp.element.createElement(i.e,{icon:"admin-links"}),wp.element.createElement(i.r,{value:c,onChange:function(e){return n({url3:e})}}),wp.element.createElement(i.g,{icon:"editor-break",label:Object(i.s)("Apply"),type:"submit"})))))},m=function(e){var t=e.attributes,n=t.url,l=t.url2,r=t.url3,a=t.pricingBoxTitle,o=t.pricingBoxTitle2,u=t.pricingBoxTitle3,s=t.price,m=t.price2,b=t.price3,p=t.perMonthLabel,g=t.perMonthLabel2,d=t.perMonthLabel3,h=t.buttonText,f=t.buttonText2,y=t.buttonText3,w=t.featureList,v=t.featureList2,C=t.featureList3,E=t.pricingBoxColor,x=t.priceColor,O=t.perMonthLabelColor,N=t.buttonColor,j=t.buttonTextColor,k=t.featureListColor,T=t.columns,B=t.size,S=t.cornerButtonRadius;return wp.element.createElement("div",{className:"ugb-pricing-box column-"+T},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},!i.n.isEmpty(a)&&wp.element.createElement(i.n.Content,{tagName:"h3",style:{color:E},value:a}),!i.n.isEmpty(s)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-pricing",style:{color:x},value:s}),!i.n.isEmpty(p)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-per-month-label",style:{color:O},value:p}),h&&!!h.length&&wp.element.createElement(c.a,{size:B,url:n,color:j,text:h,backgroundColor:N,borderRadius:S}),!i.n.isEmpty(w)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-feature-list",style:{color:k},value:w})),T>1&&wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},!i.n.isEmpty(o)&&wp.element.createElement(i.n.Content,{tagName:"h3",style:{color:E},value:o}),!i.n.isEmpty(m)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-pricing",style:{color:x},value:m}),!i.n.isEmpty(g)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-per-month-label",style:{color:O},value:g}),f&&!!f.length&&wp.element.createElement(c.a,{size:B,url:l,color:j,text:f,backgroundColor:N,borderRadius:S}),!i.n.isEmpty(v)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-feature-list",style:{color:k},value:v})),T>2&&wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},!i.n.isEmpty(u)&&wp.element.createElement(i.n.Content,{tagName:"h3",style:{color:E},value:u}),!i.n.isEmpty(b)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-pricing",style:{color:x},value:b}),!i.n.isEmpty(d)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-per-month-label",style:{color:O},value:d}),y&&!!y.length&&wp.element.createElement(c.a,{size:B,url:r,color:j,text:y,backgroundColor:N,borderRadius:S}),!i.n.isEmpty(C)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-pricing-box-feature-list",style:{color:k},value:C})))},b={url:{type:"string",source:"attribute",selector:".ugb-pricing-box-column-one .ugb-button a",attribute:"href"},url2:{type:"string",source:"attribute",selector:".ugb-pricing-box-column-two .ugb-button a",attribute:"href"},url3:{type:"string",source:"attribute",selector:".ugb-pricing-box-column-three .ugb-button a",attribute:"href"},pricingBoxTitle:{type:"array",source:"children",selector:".ugb-pricing-box-column-one h3",default:Object(i.s)("Basic")},pricingBoxTitle2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two h3",default:Object(i.s)("Basic")},pricingBoxTitle3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three h3",default:Object(i.s)("Basic")},price:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-pricing",default:Object(i.s)("$9")},price2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-pricing",default:Object(i.s)("$9")},price3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-pricing",default:Object(i.s)("$9")},perMonthLabel:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-per-month-label",default:Object(i.s)("per month")},perMonthLabel2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-per-month-label",default:Object(i.s)("per month")},perMonthLabel3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-per-month-label",default:Object(i.s)("per month")},buttonText:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-button a",default:Object(i.s)("Buy Now")},buttonText2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-button a",default:Object(i.s)("Buy Now")},buttonText3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-button a",default:Object(i.s)("Buy Now")},featureList:{type:"array",source:"children",selector:".ugb-pricing-box-column-one .ugb-pricing-box-feature-list",default:Object(i.s)("Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec")},featureList2:{type:"array",source:"children",selector:".ugb-pricing-box-column-two .ugb-pricing-box-feature-list",default:Object(i.s)("Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec")},featureList3:{type:"array",source:"children",selector:".ugb-pricing-box-column-three .ugb-pricing-box-feature-list",default:Object(i.s)("Consectetur adipiscing elit Suspendisse at pretium tortor Vestibulum ante ipsum primis In faucibus orci luctus et Ultrices posuere cubilia cura Aenean consectetur nec")},pricingBoxColor:{type:"string"},priceColor:{type:"string"},perMonthLabelColor:{type:"string"},buttonColor:{type:"string"},buttonTextColor:{type:"string"},featureListColor:{type:"string"},columns:{type:"select",default:"1"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4}};Object(i.A)("ugb/pricing-box",{title:Object(i.s)("Pricing Box"),icon:a.j,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.s)("Pricing Box"),Object(i.s)("Stackable")],attributes:b,deprecated:[{save:u.a}],edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return l});var l=function(e){var t=e.attributes,n=t.url,l=t.url2,r=t.url3,a=t.pricingBoxTitle,o=t.pricingBoxTitle2,c=t.pricingBoxTitle3,u=t.price,i=t.price2,s=t.price3,m=t.perMonthLabel,b=t.perMonthLabel2,p=t.perMonthLabel3,g=t.buttonText,d=t.buttonText2,h=t.buttonText3,f=t.featureList,y=t.featureList2,w=t.featureList3,v=t.pricingBoxColor,C=t.priceColor,E=t.perMonthLabelColor,x=t.buttonColor,O=t.buttonTextColor,N=t.featureListColor,j=t.columns,k=t.size,T=t.cornerButtonRadius,B={backgroundColor:x,color:O,borderRadius:T+"px"};return wp.element.createElement("div",{className:"ugb-pricing-box column-"+j},wp.element.createElement("div",{className:"ugb-pricing-box-column-one"},a&&!!a.length&&wp.element.createElement("h3",{style:{color:v}},a),u&&!!u.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:C}},u),m&&!!m.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:E}},m),g&&!!g.length&&wp.element.createElement("a",{href:n,className:"wp-ugb-button ugb-button-"+k,style:B},g),f&&!!f.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:N}},f)),j>1&&wp.element.createElement("div",{className:"ugb-pricing-box-column-two"},o&&!!o.length&&wp.element.createElement("h3",{style:{color:v}},o),i&&!!i.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:C}},i),b&&!!b.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:E}},b),d&&!!d.length&&wp.element.createElement("a",{href:l,className:"wp-ugb-button ugb-button-"+k,style:B},d),y&&!!y.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:N}},y)),j>2&&wp.element.createElement("div",{className:"ugb-pricing-box-column-three"},c&&!!c.length&&wp.element.createElement("h3",{style:{color:v}},c),s&&!!s.length&&wp.element.createElement("p",{className:"ugb-pricing-box-pricing",style:{color:C}},s),p&&!!p.length&&wp.element.createElement("p",{className:"ugb-pricing-box-per-month-label",style:{color:E}},p),h&&!!h.length&&wp.element.createElement("a",{href:r,className:"wp-ugb-button ugb-button-"+k,style:B},h),w&&!!w.length&&wp.element.createElement("p",{className:"ugb-pricing-box-feature-list",style:{color:N}},w)))}},function(e,t,n){"use strict";function l(e){return 0===e?null:"overlay-opacity-"+1*Math.round(e/1)}var r=n(4),a=n.n(r),o=n(60),c=(n.n(o),n(61)),u=(n.n(c),n(1)),i=n(2),s=n(3),m=n(62),b=n(0),p=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,r=(e.editable,e.setState,e.attributes),o=r.url,c=r.buttonURL,u=r.buttonText,s=r.buttonColor,m=r.buttonTextColor,p=r.cornerButtonRadius,g=r.size,d=r.title,h=r.titleColor,f=r.subtitle,y=r.subtitleColor,w=r.contentAlign,v=r.id,C=r.backgroundColor,E=r.opacity,x=o?{backgroundImage:"url("+o+")"}:void 0,O=o?"has-image":"",N=a()(l(E),{"overlay-opacity":0!==E}),j=[{value:"small",label:Object(b.s)("Small")},{value:"normal",label:Object(b.s)("Normal")},{value:"medium",label:Object(b.s)("Medium")},{value:"large",label:Object(b.s)("Large")}];return wp.element.createElement(b.f,null,wp.element.createElement(b.c,null,wp.element.createElement(b.a,{value:w,onChange:function(e){return t({contentAlign:e})}}),wp.element.createElement(b.q,null,wp.element.createElement(b.i,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:v,render:function(e){var t=e.open;return wp.element.createElement(b.g,{className:"components-toolbar__control",label:Object(b.s)("Edit image"),icon:"edit",onClick:t})}}))),wp.element.createElement(b.h,null,wp.element.createElement(b.j,{title:Object(b.s)("General")},wp.element.createElement(b.m,{label:Object(b.s)("Background Opacity"),value:E,min:0,max:10,step:1,onChange:function(e){return t({opacity:e})}}),wp.element.createElement(b.o,{label:Object(b.s)("Button Size"),value:g,options:j.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({size:e})}}),wp.element.createElement(b.m,{label:Object(b.s)("Corner Radius"),value:p,min:"1",max:"50",onChange:function(e){return t({cornerButtonRadius:e})}})),wp.element.createElement(b.k,{initialOpen:!1,title:Object(b.s)("Header Colors"),colorSettings:[{value:h,onChange:function(e){return t({titleColor:e})},label:Object(b.s)("Title Color")},{value:y,onChange:function(e){return t({subtitleColor:e})},label:Object(b.s)("Subtitle Color")},{value:C,onChange:function(e){return t({backgroundColor:e})},label:Object(b.s)("Heading Background Color")}]}),wp.element.createElement(b.k,{initialOpen:!1,title:Object(b.s)("Button Colors"),colorSettings:[{value:s,onChange:function(e){return t({buttonColor:e})},label:Object(b.s)("Button Color")},{value:m,onChange:function(e){return t({buttonTextColor:e})},label:Object(b.s)("Button Text Color")}]})),wp.element.createElement("div",{className:"ugb-header "+O+" "},wp.element.createElement("div",{className:"ugb-header-overlay "+N,style:{backgroundColor:C}}),wp.element.createElement(b.i,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:v,render:function(e){return[!o&&wp.element.createElement(b.d,{className:v?"":"button button-large",onClick:e.open},Object(b.s)("Upload Image"))]}}),wp.element.createElement("section",{"data-url":o,style:x,className:"ugb-header-section"},wp.element.createElement(b.n,{tagName:"h2",className:"ugb-header-title",placeholder:d.default,value:d,onChange:function(e){return t({title:e})},style:{textAlign:w,color:h}}),wp.element.createElement(b.n,{tagName:"p",className:"ugb-header-subtitle",placeholder:f.default,value:f,onChange:function(e){return t({subtitle:e})},style:{textAlign:w,color:y}}),wp.element.createElement(i.a,{size:g,align:w,color:m,backgroundColor:s,text:u,borderRadius:p,onChange:function(e){return t({buttonText:e})}}))),n&&wp.element.createElement("form",{key:"form-link",onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link ugb-button-"+w},wp.element.createElement(b.e,{icon:"admin-links"}),wp.element.createElement(b.r,{value:c,onChange:function(e){return t({buttonURL:e})}}),wp.element.createElement(b.g,{icon:"editor-break",label:Object(b.s)("Apply"),type:"submit"})))},g=function(e){var t=e.attributes,n=t.url,r=t.buttonURL,o=t.buttonText,c=t.buttonColor,u=t.buttonTextColor,i=t.cornerButtonRadius,m=t.size,p=t.title,g=t.titleColor,d=t.subtitle,h=t.subtitleColor,f=t.contentAlign,y=(t.id,t.backgroundColor),w=t.opacity,v=n?{backgroundImage:"url("+n+")"}:void 0,C=n?"has-image":"",E=a()(l(w),{"overlay-opacity":0!==w}),x=p.length||d.length||o.length?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-header "+C+" "+x},wp.element.createElement("div",{className:"ugb-header-overlay "+E,style:{backgroundColor:y}}),wp.element.createElement("section",{key:"preview","data-url":n,style:v,className:"ugb-header-section"},!b.n.isEmpty(p)&&wp.element.createElement(b.n.Content,{tagName:"h2",className:"ugb-header-title",style:{color:g},value:p}),!b.n.isEmpty(d)&&wp.element.createElement(b.n.Content,{tagName:"p",className:"ugb-header-subtitle",style:{color:h},value:d}),o&&!!o.length&&wp.element.createElement(s.a,{size:m,url:r,align:f,color:u,text:o,backgroundColor:c,borderRadius:i})))},d={title:{type:"array",source:"children",selector:"h2",default:Object(b.s)("Heading Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(b.s)("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue tincidunt nisit ut pretium. Duis blandit, tortor et suscipit tincidunt, dolor metus mattis neque, ac varius magna nibh ac tortor.")},url:{type:"string",source:"attribute",selector:".ugb-header .ugb-header-section",attribute:"data-url"},buttonURL:{type:"string",source:"attribute",selector:".ugb-button-inner",attribute:"href"},titleColor:{type:"string",default:"#ffffff"},subtitleColor:{type:"string",default:"#ffffff"},buttonText:{type:"array",source:"children",selector:".ugb-button-inner",default:Object(b.s)("Button")},buttonColor:{type:"string",default:"#2091e1"},buttonTextColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},contentAlign:{type:"string",default:"center"},id:{type:"number"},backgroundColor:{type:"string",default:"#000000"},opacity:{type:"number",default:5}};Object(b.A)("ugb/header",{title:Object(b.s)("Header"),icon:u.f,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(b.s)("Header"),Object(b.s)("Stackable")],supports:function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}({align:!0},"align",["center","wide","full"]),attributes:d,deprecated:[{attributes:m.b,save:m.a}],edit:p,save:g})},function(e,t){},function(e,t){},function(e,t,n){"use strict";function l(e){return 0===e?null:"overlay-opacity-"+1*Math.round(e/1)}n.d(t,"a",function(){return c}),n.d(t,"b",function(){return u});var r=n(4),a=n.n(r),o=n(0),c=function(e){var t=e.attributes,n=t.url,r=t.buttonURL,o=t.buttonText,c=t.buttonColor,u=t.buttonTextColor,i=t.cornerButtonRadius,s=t.size,m=t.title,b=t.titleColor,p=t.subtitle,g=t.subtitleColor,d=(t.contentAlign,t.id,t.backgroundColor),h=t.opacity,f={backgroundColor:c,color:u,borderRadius:i+"px"},y=n?{backgroundImage:"url("+n+")"}:void 0,w=n?"has-image":"",v=a()(l(h),{"overlay-opacity":0!==h}),C=m||p||o?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-header "+w+" "+C},wp.element.createElement("div",{className:"ugb-header-overlay "+v,style:{backgroundColor:d}}),wp.element.createElement("section",{key:"preview","data-url":n,style:y,className:"ugb-header-section"},m&&!!m.length&&wp.element.createElement("h2",{className:"ugb-header-title",style:{color:b}},m),p&&!!p.length&&wp.element.createElement("p",{className:"ugb-header-subtitle",style:{color:g}},p),o&&!!o.length&&wp.element.createElement("a",{href:r,className:"wp-ugb-button ugb-button-"+s,style:f},o)))},u={title:{type:"array",source:"children",selector:"h2",default:Object(o.s)("Heading Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(o.s)("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue tincidunt nisit ut pretium. Duis blandit, tortor et suscipit tincidunt, dolor metus mattis neque, ac varius magna nibh ac tortor.")},url:{type:"string",source:"attribute",selector:".ugb-header .ugb-header-section",attribute:"data-url"},buttonURL:{type:"string",source:"attribute",selector:"a",attribute:"href"},titleColor:{type:"string",default:"#ffffff"},subtitleColor:{type:"string",default:"#ffffff"},buttonText:{type:"array",source:"children",selector:".ugb-header a.wp-ugb-button",default:Object(o.s)("Button")},buttonColor:{type:"string",default:"#2091e1"},buttonTextColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},contentAlign:{type:"string",default:"center"},id:{type:"number"},backgroundColor:{type:"string",default:"#000000"},opacity:{type:"number",default:5}}},function(e,t,n){"use strict";var l=n(64),r=(n.n(l),n(65)),a=(n.n(r),n(1)),o=n(0),c=function(e){var t=(e.className,e.setAttributes),n=(e.isSelected,e.editable,e.setState,e.attributes),l=n.url,r=n.title,a=n.titleColor,c=n.subtitle,u=n.subtitleColor,i=n.overlayColor,s=n.id,m=n.height,b=n.width,p=n.verticalAlign,g=n.horizontalAlign,d=n.full,h=l?"has-image":"",f=d?"full-width":"",y=[{value:"flex-start",label:Object(o.s)("Top")},{value:"center",label:Object(o.s)("Center")},{value:"flex-end",label:Object(o.s)("Bottom")}],w=[{value:"flex-start",label:Object(o.s)("Left")},{value:"center",label:Object(o.s)("Center")},{value:"flex-end",label:Object(o.s)("Right")}];return wp.element.createElement(o.f,null,wp.element.createElement(o.c,null,l&&wp.element.createElement(o.q,null,wp.element.createElement(o.i,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(o.g,{className:"components-toolbar__control",label:Object(o.s)("Edit image"),icon:"edit",onClick:t})}}))),wp.element.createElement(o.h,null,wp.element.createElement(o.j,null,wp.element.createElement(o.p,{label:"Full-Width",checked:!!d,onChange:function(){return t({full:!d})}}),wp.element.createElement(o.m,{label:Object(o.s)("Height"),value:m,min:"135",max:"700",onChange:function(e){return t({height:e})}}),wp.element.createElement(o.m,{label:Object(o.s)("Width"),value:b,min:"400",max:"999",onChange:function(e){return t({width:e})}}),wp.element.createElement(o.o,{label:Object(o.s)("Vertical Alignment"),value:p,options:y.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({verticalAlign:e})}}),wp.element.createElement(o.o,{label:Object(o.s)("Horizontal Alignment"),value:g,options:w.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({horizontalAlign:e})}})),wp.element.createElement(o.k,{title:Object(o.s)("Color Settings"),colorSettings:[{value:i,onChange:function(e){return t({overlayColor:e})},label:Object(o.s)("Overlay Color")},{value:a,onChange:function(e){return t({titleColor:e})},label:Object(o.s)("Title Color")},{value:u,onChange:function(e){return t({subtitleColor:e})},label:Object(o.s)("Subtitle Color")}]})),wp.element.createElement("div",{className:"ugb-image-box "+h+" "+f,"data-url":l,style:{width:b+"px",height:m+"px",backgroundImage:"url("+l+")",alignItems:g,justifyContent:p}},wp.element.createElement(o.i,{onSelect:function(e){return t({url:e.url,id:e.id})},type:"image",value:s,render:function(e){return[!l&&wp.element.createElement(o.d,{className:s?"":"button button-large",onClick:e.open},Object(o.s)("Upload Image"))]}}),wp.element.createElement("a",{href:"#",style:{backgroundColor:i}}),wp.element.createElement(o.n,{tagName:"h4",placeholder:r.default,value:r,onChange:function(e){return t({title:e})},style:{color:a}}),wp.element.createElement(o.n,{tagName:"p",placeholder:c.default,value:c,onChange:function(e){return t({subtitle:e})},style:{color:u}})))},u=function(e){var t=e.attributes,n=t.url,l=t.title,r=t.titleColor,a=t.subtitle,c=t.subtitleColor,u=t.overlayColor,i=(t.id,t.height),s=t.width,m=t.verticalAlign,b=t.horizontalAlign,p=t.full,g=n?"has-image":"",d=p?"full-width":"",h=l.length||a.length?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-image-box "+g+" "+h+" "+d,"data-url":n,style:{width:s+"px",height:i+"px",backgroundImage:"url("+n+")",alignItems:b,justifyContent:m}},wp.element.createElement("a",{href:"#",style:{backgroundColor:u}}),!o.n.isEmpty(l)&&wp.element.createElement(o.n.Content,{tagName:"h4",style:{color:r},value:l}),!o.n.isEmpty(a)&&wp.element.createElement(o.n.Content,{tagName:"p",style:{color:c},value:a}))};Object(o.A)("ugb/image-box",{title:Object(o.s)("Image Box"),icon:a.i,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(o.s)("Image Box"),Object(o.s)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h4",default:Object(o.s)("Title")},subtitle:{type:"array",source:"children",selector:"p",default:Object(o.s)("Subtitle goes here")},url:{type:"string",source:"attribute",selector:".ugb-image-box",attribute:"data-url"},titleColor:{type:"string",default:"#ffffff"},subtitleColor:{type:"string",default:"#ffffff"},overlayColor:{type:"string",default:"#42b078"},id:{type:"number"},width:{type:"number",default:"400"},height:{type:"number",default:"400"},verticalAlign:{type:"string",default:"center"},horizontalAlign:{type:"string",default:"center"},full:{type:"boolean",default:!1}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(67),r=(n.n(l),n(68)),a=(n.n(r),n(1)),o=n(0),c=function(e){var t=(e.isSelected,e.editable,e.setState,e.setAttributes),n=(e.className,e.attributes),l=n.color,r=n.headingColor,a=n.desColor,c=n.title,u=n.counter,i=n.des,s=n.fontSize;return wp.element.createElement(o.f,null,wp.element.createElement("div",{className:"ugb-countup"},wp.element.createElement(o.n,{tagName:"h4",value:c,onChange:function(e){return t({title:e})},style:{color:r}}),wp.element.createElement(o.n,{tagName:"div",className:"ugb-counter",placeholder:u.default,"data-duration":"1000","data-delay":"16",value:u,onChange:function(e){return t({counter:e})},style:{color:l,fontSize:s+"px"}}),wp.element.createElement(o.n,{tagName:"p",className:"ugb-counter-des",value:i,onChange:function(e){return t({des:e})},style:{color:a}})),wp.element.createElement(o.h,null,wp.element.createElement(o.k,{title:Object(o.s)("Color Settings"),colorSettings:[{value:r,onChange:function(e){return t({headingColor:e})},label:Object(o.s)("Heading Color")},{value:l,onChange:function(e){return t({color:e})},label:Object(o.s)("Number Color")},{value:a,onChange:function(e){return t({desColor:e})},label:Object(o.s)("Description Color")}]}),wp.element.createElement(o.j,null,wp.element.createElement(o.m,{label:Object(o.s)("Counter Text Font Size"),max:"100",min:"10",value:s,onChange:function(e){return t({fontSize:e})}}))))},u=function(e){var t=e.attributes,n=t.color,l=t.headingColor,r=t.desColor,a=t.title,c=t.counter,u=t.des,i=t.fontSize;return wp.element.createElement("div",{className:"ugb-countup"},wp.element.createElement(o.n.Content,{tagName:"h4",style:{color:l},value:a}),wp.element.createElement(o.n.Content,{tagName:"div",className:"ugb-counter",style:{color:n,fontSize:i+"px"},value:c,"data-duration":"1000","data-delay":"16"}),wp.element.createElement(o.n.Content,{tagName:"p",style:{color:r},value:u}))};Object(o.A)("ugb/count-up",{title:Object(o.s)("Count Up"),icon:a.h,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(o.s)("Count Up"),Object(o.s)("Stackable")],attributes:{title:{type:"array",source:"children",selector:"h4",default:Object(o.s)("Happy Customers")},counter:{type:"array",source:"children",selector:".ugb-counter",default:"12,345"},des:{type:"array",source:"children",selector:"p",default:Object(o.s)("and counting")},fontSize:{type:"number",default:"60"},headingColor:{type:"string"},desColor:{type:"string"},color:{type:"string"}},edit:c,save:u})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(70),r=(n.n(l),n(71)),a=(n.n(r),n(1)),o=n(0),c={normal:wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"30",height:"30",viewBox:"0 0 256 320"},wp.element.createElement("path",{d:"M0 0v320l256-160L0 0z"})),circle:wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"50",height:"50",viewBox:"0 0 40 40"},wp.element.createElement("path",{d:"M16 29l12-9-12-9v18zm4-29C8.95 0 0 8.95 0 20s8.95 20 20 20 20-8.95 20-20S31.05 0 20 0zm0 36c-8.82 0-16-7.18-16-16S11.18 4 20 4s16 7.18 16 16-7.18 16-16 16z"})),outline:wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"50",height:"50",viewBox:"0 0 34 34"},wp.element.createElement("path",{d:"M17 34C7.6 34 0 26.4 0 17S7.6 0 17 0s17 7.6 17 17-7.6 17-17 17zm0-32C8.7 2 2 8.7 2 17s6.7 15 15 15 15-6.7 15-15S25.3 2 17 2z"}),wp.element.createElement("path",{d:"M12 25.7V8.3L27 17l-15 8.7zm2-14v10.5l9-5.3-9-5.2z"}))},u=function(e){var t=(e.className,e.setAttributes),n=e.isSelected,l=e.attributes,r=l.videoLink,a=l.mediaLink,u=l.overlayColor,i=l.playButtonType,s=l.mediaID,m=[{value:"normal",label:Object(o.s)("Normal Play Button")},{value:"circle",label:Object(o.s)("Play Button with Circle")},{value:"outline",label:Object(o.s)("Outline Play Button")}];return wp.element.createElement(o.f,null,wp.element.createElement(o.c,null,a&&wp.element.createElement(o.q,null,wp.element.createElement(o.i,{onSelect:function(e){return t({mediaLink:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){var t=e.open;return wp.element.createElement(o.g,{className:"components-toolbar__control",label:Object(o.s)("Edit image"),icon:"edit",onClick:t})}}))),wp.element.createElement(o.h,null,wp.element.createElement(o.j,null,wp.element.createElement(o.o,{label:Object(o.s)("Play Button Style"),value:i,options:m.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){t({playButtonType:e})}})),wp.element.createElement(o.k,{initialOpen:!1,title:Object(o.s)("Color Settings"),colorSettings:[{value:u,onChange:function(e){return t({overlayColor:e})},label:Object(o.s)("Background / Overlay Color")}]})),wp.element.createElement("div",{className:"ugb-video-popup","data-video":r,style:{backgroundColor:u}},wp.element.createElement("div",{className:"ugb-video-preview",style:{backgroundImage:"url("+a+")"}}),wp.element.createElement("div",{className:"ugb-video-wrapper"},wp.element.createElement(o.i,{onSelect:function(e){return t({mediaLink:e.url,mediaID:e.id})},type:"image",value:s,render:function(e){return[!a&&wp.element.createElement(o.d,{className:s?"":"button button-large",onClick:e.open},Object(o.s)("Upload Image"))]}}),wp.element.createElement("div",{className:"ugb-video-overlay",style:{backgroundColor:u}}),wp.element.createElement("span",{className:"ugb-play-button"},c[i]))),n&&wp.element.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"ugb-video-popup-link blocks-button__inline-link"},wp.element.createElement(o.e,{icon:"admin-links"}),wp.element.createElement(o.r,{value:r,onChange:function(e){return t({videoLink:e})}}),wp.element.createElement(o.g,{icon:"editor-break",label:Object(o.s)("Apply"),type:"submit"}),wp.element.createElement("p",{className:"ugb-video-popup-link-desc"},wp.element.createElement("i",null,"Youtube/Vimeo ID only"))))},i=function(e){var t=e.attributes,n=t.videoLink,l=t.mediaLink,r=t.overlayColor,a=t.playButtonType;t.mediaID;return wp.element.createElement("div",{className:"ugb-video-popup","data-video":n,style:{backgroundColor:r}},wp.element.createElement("div",{className:"ugb-video-preview",style:{backgroundImage:"url("+l+")"},"data-url":l}),wp.element.createElement("div",{className:"ugb-video-wrapper"},wp.element.createElement("a",{href:"#",style:{backgroundColor:r}}),wp.element.createElement("span",{className:"ugb-play-button"},c[a])))};Object(o.A)("ugb/video-popup",{title:Object(o.s)("Video Popup"),icon:a.o,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(o.s)("Video Popup"),Object(o.s)("Stackable")],attributes:{videoLink:{type:"string",source:"attribute",selector:".ugb-video-popup",attribute:"data-video"},mediaLink:{type:"string",source:"attribute",selector:".ugb-video-preview",attribute:"data-url"},mediaID:{type:"number"},overlayColor:{type:"string",default:"#000000"},playButtonType:{type:"string",default:"normal"}},edit:u,save:i})},function(e,t){},function(e,t){},function(e,t,n){"use strict";var l=n(73),r=(n.n(l),n(74)),a=(n.n(r),n(1)),o=n(2),c=n(3),u=n(75),i=n(0),s=function(e){var t=e.isSelected,n=(e.editable,e.setState,e.className,e.setAttributes),l=e.attributes,r=l.heading,a=l.tagline,c=l.des,u=l.mediaID,s=l.mediaURL,m=l.headingColor,b=l.taglineColor,p=l.desColor,g=l.buttonURL,d=l.buttonText,h=l.buttonColor,f=l.buttonTextColor,y=l.size,w=l.cornerButtonRadius,v=l.contentAlign,C=s?"has-image":"",E=[{value:"small",label:Object(i.s)("Small")},{value:"normal",label:Object(i.s)("Normal")},{value:"medium",label:Object(i.s)("Medium")},{value:"large",label:Object(i.s)("Large")}];return wp.element.createElement(i.f,null,wp.element.createElement(i.c,null,wp.element.createElement(i.a,{value:v,onChange:function(e){return n({contentAlign:e})}}),wp.element.createElement(i.q,null,wp.element.createElement(i.i,{onSelect:function(e){return n({mediaURL:e.url,mediaID:e.id})},type:"image",value:u,render:function(e){var t=e.open;return wp.element.createElement(i.g,{className:"components-toolbar__control",label:Object(i.s)("Edit image"),icon:"edit",onClick:t})}}))),wp.element.createElement(i.h,null,wp.element.createElement(i.k,{title:Object(i.s)("Text Colors"),colorSettings:[{value:m,onChange:function(e){return n({headingColor:e})},label:Object(i.s)("Heading Color")},{value:b,onChange:function(e){return n({taglineColor:e})},label:Object(i.s)("Tagline Color")},{value:p,onChange:function(e){return n({desColor:e})},label:Object(i.s)("Description Color")}]}),wp.element.createElement(i.j,{initialOpen:!1,title:Object(i.s)("Button Size")},wp.element.createElement(i.o,{label:Object(i.s)("Button Size"),value:y,options:E.map(function(e){return{value:e.value,label:e.label}}),onChange:function(e){n({size:e})}}),wp.element.createElement(i.m,{label:Object(i.s)("Corner Radius"),value:w,min:"1",max:"50",onChange:function(e){return n({cornerButtonRadius:e})}})),wp.element.createElement(i.k,{initialOpen:!1,title:Object(i.s)("Button Colors"),colorSettings:[{value:h,onChange:function(e){return n({buttonColor:e})},label:Object(i.s)("Button Color")},{value:f,onChange:function(e){return n({buttonTextColor:e})},label:Object(i.s)("Button Text Color")}]})),wp.element.createElement("div",{className:"ugb-card "+C},wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+s+")",textAlign:v}},wp.element.createElement(i.i,{onSelect:function(e){return n({mediaURL:e.url,mediaID:e.id})},type:"image",value:u,render:function(e){return[!s&&wp.element.createElement(i.d,{className:u?"":"button button-large",onClick:e.open},Object(i.s)("Upload Image"))]}})),wp.element.createElement(i.n,{tagName:"h4",value:r,className:"ugb-card-heading",onChange:function(e){return n({heading:e})},style:{color:m,textAlign:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.n,{tagName:"p",value:a,className:"ugb-tagline",onChange:function(e){return n({tagline:e})},style:{color:b,textAlign:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(i.n,{tagName:"p",value:c,className:"ugb-card-des",onChange:function(e){return n({des:e})},style:{color:p,textAlign:v},keepPlaceholderOnFocus:!0}),wp.element.createElement(o.a,{size:y,align:v,color:f,backgroundColor:h,text:d,borderRadius:w,onChange:function(e){return n({buttonText:e})}})),t&&wp.element.createElement("form",{onSubmit:function(e){return e.preventDefault()},className:"blocks-button__inline-link ugb-button-"+v,style:{marginTop:10}},wp.element.createElement(i.e,{icon:"admin-links"}),wp.element.createElement(i.r,{value:g,onChange:function(e){return n({buttonURL:e})}}),wp.element.createElement(i.g,{icon:"editor-break",label:Object(i.s)("Apply"),type:"submit"})))},m=function(e){var t=e.attributes,n=t.heading,l=t.tagline,r=t.des,a=t.mediaURL,o=(t.mediaID,t.headingColor),u=t.taglineColor,s=t.desColor,m=t.buttonURL,b=t.buttonText,p=t.buttonColor,g=t.buttonTextColor,d=t.size,h=t.cornerButtonRadius,f=t.contentAlign,y=a?"has-image":"";return wp.element.createElement("div",{className:"ugb-card "+y},a&&wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+a+")",textAlign:f},"data-src":a}),!i.n.isEmpty(n)&&wp.element.createElement(i.n.Content,{tagName:"h4",style:{color:o,textAlign:f},value:n}),!i.n.isEmpty(l)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-tagline",style:{color:u,textAlign:f},value:l}),!i.n.isEmpty(r)&&wp.element.createElement(i.n.Content,{tagName:"p",className:"ugb-card-des",style:{color:s,textAlign:f},value:r}),b&&!!b.length&&wp.element.createElement(c.a,{size:d,url:m,align:f,color:g,text:b,backgroundColor:p,borderRadius:h}))},b={mediaID:{type:"number"},mediaURL:{type:"string",source:"attribute",selector:".ugb-card-image-container",attribute:"data-src"},heading:{type:"array",source:"children",selector:".ugb-card h4",default:Object(i.s)("Ben Adams")},tagline:{type:"array",source:"children",selector:".ugb-tagline",default:Object(i.s)("Ben is the head of our small team")},des:{type:"array",source:"children",selector:".ugb-card-des",default:Object(i.s)("Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.")},headingColor:{type:"string"},taglineColor:{type:"string"},desColor:{type:"string"},buttonURL:{type:"string",source:"attribute",selector:".ugb-button-inner",attribute:"href"},buttonText:{type:"array",source:"children",selector:".ugb-button-inner",default:Object(i.s)("Button")},buttonColor:{type:"string",default:"#2091e1"},buttonTextColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},contentAlign:{type:"string",default:"left"}};Object(i.A)("ugb/card",{title:Object(i.s)("Card"),icon:a.m,category:"stackable-ultimate-gutenberg-blocks",keywords:[Object(i.s)("Card"),Object(i.s)("Stackable")],attributes:b,deprecated:[{attributes:u.b,save:u.a}],edit:s,save:m})},function(e,t){},function(e,t){},function(e,t,n){"use strict";n.d(t,"a",function(){return r}),n.d(t,"b",function(){return a});var l=n(0),r=function(e){var t=e.attributes,n=t.heading,l=t.tagline,r=t.des,a=t.mediaURL,o=(t.mediaID,t.headingColor),c=t.taglineColor,u=t.desColor,i=t.buttonURL,s=t.buttonText,m=t.buttonColor,b=t.buttonTextColor,p=t.size,g=t.cornerButtonRadius,d=t.contentAlign,h={backgroundColor:m,color:b,borderRadius:g+"px"},f=a?"has-image":"",y=n||l||r||s?"has-content":"has-no-content";return wp.element.createElement("div",{className:"ugb-card "+f+" "+y},a&&wp.element.createElement("div",{className:"ugb-card-image-container",style:{backgroundImage:"url("+a+")",textAlign:d},"data-src":a}),n&&!!n.length&&wp.element.createElement("h4",{style:{color:o,textAlign:d}},n),l&&!!l.length&&wp.element.createElement("p",{className:"ugb-tagline",style:{color:c,textAlign:d}},l),r&&!!r.length&&wp.element.createElement("p",{className:"ugb-card-des",style:{color:u,textAlign:d}},r),s&&!!s.length&&wp.element.createElement("a",{href:i,className:"wp-ugb-button wp-block-button ugb-button-"+p+" ugb-button-"+d,style:h},s))},a={mediaID:{type:"number"},mediaURL:{type:"string",source:"attribute",selector:".ugb-card-image-container",attribute:"data-src"},heading:{type:"array",source:"children",selector:".ugb-card h4",default:Object(l.s)("Ben Adams")},tagline:{type:"array",source:"children",selector:".ugb-tagline",default:Object(l.s)("Ben is the head of our small team")},des:{type:"array",source:"children",selector:".ugb-card-des",default:Object(l.s)("Ben is the head of our small team. He loves walking his dog, Walter, when he has some free time.")},headingColor:{type:"string"},taglineColor:{type:"string"},desColor:{type:"string"},buttonURL:{type:"string",source:"attribute",selector:".wp-ugb-button",attribute:"href"},buttonText:{type:"array",source:"children",selector:".wp-block-button",default:Object(l.s)("Button")},buttonColor:{type:"string",default:"#2091e1"},buttonTextColor:{type:"string",default:"#ffffff"},size:{type:"string",default:"normal"},cornerButtonRadius:{type:"number",default:4},contentAlign:{type:"string",default:"left"}}},function(e,t,n){"use strict";var l=n(0);Object(l.t)("stackable.get_pro","core",function(){})}]);
|
dist/blocks.editor.build.css
CHANGED
|
@@ -15,5 +15,5 @@
|
|
| 15 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}
|
| 16 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}
|
| 17 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}
|
| 18 |
-
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}form.ugb-video-popup-link{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:5px auto}form.ugb-video-popup-link>svg,form.ugb-video-popup-link>button{-ms-flex-negative:0;flex-shrink:0}form.ugb-video-popup-link .editor-url-input{-ms-flex:1;flex:1}form.ugb-video-popup-link>p{width:100%;-ms-flex-positive:1;flex-grow:1;font-size:.8em;margin:0 0 0 30px}
|
| 19 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.edit-post-visual-editor .ugb-card{margin:0 !important}.edit-post-visual-editor .ugb-card .ugb-card-image-container{padding:0}.edit-post-visual-editor .ugb-card.has-image button{width:100%;height:300px;padding:0}
|
| 15 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}
|
| 16 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}
|
| 17 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}
|
| 18 |
+
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}form.ugb-video-popup-link{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:5px auto}form.ugb-video-popup-link>svg,form.ugb-video-popup-link>button{-ms-flex-negative:0;flex-shrink:0}form.ugb-video-popup-link .editor-url-input{-ms-flex:1;flex:1}form.ugb-video-popup-link>p{width:100%;-ms-flex-positive:1;flex-grow:1;font-size:.8em;margin:0 0 0 30px}.ugb-video-popup-link .ugb-video-popup-link-desc{text-align:center;margin:0}
|
| 19 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.edit-post-visual-editor .ugb-card{margin:0 !important}.edit-post-visual-editor .ugb-card .ugb-card-image-container{padding:0}.edit-post-visual-editor .ugb-card.has-image button{width:100%;height:300px;padding:0}
|
dist/blocks.style.build.css
CHANGED
|
@@ -8,8 +8,8 @@
|
|
| 8 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}div.ugb-cta{text-align:center;background-color:#f4f4f4;margin-top:1.5em;margin-bottom:1.5em;-webkit-box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);border-radius:12px;padding:60px 35px}div.ugb-cta>*{margin-top:0 !important;margin-bottom:1rem !important}div.ugb-cta>*:first-child{margin-top:0 !important}div.ugb-cta>*:last-child{margin-bottom:0 !important}.wp-block-ugb-button .wp-ugb-button:hover{color:white}[data-align="full"] div.ugb-cta{border-radius:0 !important}
|
| 9 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-testimonial{margin-top:1.5em;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -17.5px}.ugb-testimonial>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-testimonial>*:first-child{margin-top:0 !important}.ugb-testimonial>*:last-child{margin-bottom:0 !important}.ugb-testimonial .testimonial-image{height:75px;width:75px;background-size:cover;background-position:center;border-radius:100%;margin:0 auto 1.3rem}.ugb-testimonial .quote-icon{height:75px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ugb-testimonial .quote-icon svg{height:50px;width:auto;fill:#e6e6e6}.ugb-testimonial>div{text-align:center;margin-top:1.5em;margin-bottom:1.5em;-ms-flex:1;flex:1;min-width:250px}.ugb-testimonial>div>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-testimonial>div>*:first-child{margin-top:0 !important}.ugb-testimonial>div>*:last-child{margin-bottom:0 !important}.ugb-testimonial>div p{text-align:center}.ugb-testimonial>div,.ugb-testimonial>div:first-child,.ugb-testimonial>div:last-child{margin:17.5px !important}.ugb-testimonial h4{margin:0 0 .5rem !important;padding-top:0}.ugb-testimonial .ugb-testimonial-position,.ugb-testimonial .ugb-testimonial-position-two,.ugb-testimonial .ugb-testimonial-position-three{opacity:.3;font-size:.75em;margin:0 0 1rem;text-transform:uppercase}.ugb-testimonial .ugb-testimonial-body,.ugb-testimonial .ugb-testimonial-body-two,.ugb-testimonial .ugb-testimonial-body-three{opacity:.5;margin:0 0 1rem;left:0}.ugb-testimonial.column-1 .ugb-testimonial-column-two,.ugb-testimonial.column-1 .ugb-testimonial-column-three{display:none}.ugb-testimonial.column-2 .ugb-testimonial-column-three{display:none}
|
| 10 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-team-member{margin-top:1.5em;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -17.5px}.ugb-team-member>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-team-member>*:first-child{margin-top:0 !important}.ugb-team-member>*:last-child{margin-bottom:0 !important}.ugb-team-member .team-member-image{width:300px;height:300px;background-size:cover;background-position:center;margin:0 auto 1.3rem}.ugb-team-member.image-circle .team-member-image{border-radius:100%}.ugb-team-member.column-2 .team-member-image{width:220px;height:220px}.ugb-team-member.column-3 .team-member-image{width:150px;height:150px}.ugb-team-member>div{text-align:center;margin-top:1.5em;margin-bottom:1.5em;-ms-flex:1;flex:1;min-width:250px}.ugb-team-member>div>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-team-member>div>*:first-child{margin-top:0 !important}.ugb-team-member>div>*:last-child{margin-bottom:0 !important}.ugb-team-member>div p{text-align:center}.ugb-team-member>div,.ugb-team-member>div:first-child,.ugb-team-member>div:last-child{margin:17.5px !important}.ugb-team-member h4{margin:0 0 .5rem !important;padding-top:0}.ugb-team-member .ugb-team-member-position{margin:0 0 1rem}.ugb-team-member .ugb-team-member-position{opacity:.3;font-size:.75em;text-transform:uppercase}.ugb-team-member .ugb-team-member-des,.ugb-team-member .ugb-team-member-des-two,.ugb-team-member .ugb-team-member-des-three{opacity:.5;margin:0 0 1rem;left:0}.ugb-team-member.column-1 .ugb-team-member-column-two,.ugb-team-member.column-1 .ugb-team-member-column-three{display:none}.ugb-team-member.column-2 .ugb-team-member-column-three{display:none}.team-member-social a{color:#000000;opacity:.30;padding:0 3px}
|
| 11 |
-
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.wp-block-ugb-expand{margin-top:1.5em;margin-bottom:1.5em}.wp-block-ugb-expand>*{margin-top:0 !important;margin-bottom:1rem !important}.wp-block-ugb-expand>*:first-child{margin-top:0 !important}.wp-block-ugb-expand>*:last-child{margin-bottom:0 !important}.wp-block-ugb-expand p:last-child{margin-bottom:0}.wp-block-ugb-expand.ugb-more .ugb-expand-less-text,.wp-block-ugb-expand.ugb-more .ugb-expand-more{display:none}.wp-block-ugb-expand.ugb-more .ugb-expand-more-text,.wp-block-ugb-expand.ugb-more .ugb-expand-less{display:
|
| 12 |
-
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-number-box{margin-top:1.5em;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -17.5px}.ugb-number-box>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-number-box>*:first-child{margin-top:0 !important}.ugb-number-box>*:last-child{margin-bottom:0 !important}.ugb-number-box span,.ugb-number-box .blocks-rich-text span{background-color:#ddd;border-radius:100%;font-size:3em;display:block;padding:0;text-align:center;overflow:hidden;margin:0 auto;height:2.5em;width:2.5em;line-height:2.5em !important}.ugb-number-box>div{text-align:center;margin-top:1.5em;margin-bottom:1.5em;-webkit-box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);border-radius:12px;padding:60px 35px;-ms-flex:1;flex:1;min-width:250px}.ugb-number-box>div>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-number-box>div>*:first-child{margin-top:0 !important}.ugb-number-box>div>*:last-child{margin-bottom:0 !important}.ugb-number-box>div,.ugb-number-box>div:first-child,.ugb-number-box>div:last-child{margin:17.5px !important}.ugb-number-box>div p{text-align:center}.ugb-number-box.column-1
|
| 13 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-pricing-box{margin-top:1.5em;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -17.5px}.ugb-pricing-box>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-pricing-box>*:first-child{margin-top:0 !important}.ugb-pricing-box>*:last-child{margin-bottom:0 !important}.ugb-pricing-box>div{text-align:center;margin-top:1.5em;margin-bottom:1.5em;-webkit-box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);border-radius:12px;padding:60px 35px;-ms-flex:1;flex:1;min-width:250px}.ugb-pricing-box>div>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-pricing-box>div>*:first-child{margin-top:0 !important}.ugb-pricing-box>div>*:last-child{margin-bottom:0 !important}.ugb-pricing-box>div,.ugb-pricing-box>div:first-child,.ugb-pricing-box>div:last-child{margin:17.5px !important}.ugb-pricing-box h3{line-height:100% !important}.ugb-pricing-box .ugb-pricing-box-pricing{font-size:3.5em;line-height:100% !important}.ugb-pricing-box .ugb-pricing-box-per-month-label{font-size:.75em;opacity:.3;text-transform:uppercase;line-height:100% !important}.blocks-button__inline-link.pricing-box{margin:5px auto 0px auto}.ugb-pricing-box.column-1 .ugb-pricing-box-column-two,.ugb-pricing-box.column-1 .ugb-pricing-box-column-three{display:none}.ugb-pricing-box.column-2 .ugb-pricing-box-column-three{display:none}
|
| 14 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-header.has-image{padding:0}.ugb-header.has-image .ugb-header-section{padding:9.5rem 4rem;background-size:cover;background-repeat:no-repeat;background-position:center}.ugb-header{margin-top:1.5em;margin-bottom:1.5em;text-align:center;padding:9.5rem 4rem;position:relative}.ugb-header>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-header>*:first-child{margin-top:0 !important}.ugb-header>*:last-child{margin-bottom:0 !important}.ugb-header .ugb-header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 !important}.ugb-header .header-image{height:400px;width:600px;background-size:cover;background-repeat:no-repeat;background-position:center}.ugb-header .wp-block-button.ugb-button-center{left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);margin-bottom:1.5em}.ugb-header .wp-block-button.ugb-button-right{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;margin-bottom:1.5em}.ugb-header .wp-block-button.ugb-button-left{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);left:-50%;margin-bottom:1.5em}.ugb-header .ugb-header-title{margin-bottom:1rem;padding-bottom:0;margin-top:0;position:relative}.ugb-header .ugb-header-subtitle{margin-bottom:2rem;padding-bottom:0;position:relative}.ugb-header button.components-button{margin-bottom:.5em;position:relative}.ugb-header .ugb-button{position:relative}.ugb-header-overlay.overlay-opacity.overlay-opacity-1{opacity:.1}.ugb-header-overlay.overlay-opacity.overlay-opacity-2{opacity:.2}.ugb-header-overlay.overlay-opacity.overlay-opacity-3{opacity:.3}.ugb-header-overlay.overlay-opacity.overlay-opacity-4{opacity:.4}.ugb-header-overlay.overlay-opacity.overlay-opacity-5{opacity:.5}.ugb-header-overlay.overlay-opacity.overlay-opacity-6{opacity:.6}.ugb-header-overlay.overlay-opacity.overlay-opacity-7{opacity:.7}.ugb-header-overlay.overlay-opacity.overlay-opacity-8{opacity:.8}.ugb-header-overlay.overlay-opacity.overlay-opacity-9{opacity:.9}.ugb-header-overlay.overlay-opacity.overlay-opacity-10{opacity:1}.wp-block-ugb-header.has-no-content{display:none}
|
| 15 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-image-box{background-size:cover;background-position:center;padding:2rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;background-color:#999;margin-top:1.5em;margin-bottom:1.5em;-webkit-box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);border-radius:12px;padding:60px 35px;margin-left:auto;margin-right:auto}.ugb-image-box>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-image-box>*:first-child{margin-top:0 !important}.ugb-image-box>*:last-child{margin-bottom:0 !important}.ugb-image-box *{-webkit-transition:all .4s ease-in-out !important;-o-transition:all .4s ease-in-out !important;transition:all .4s ease-in-out !important;border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ugb-image-box button.components-button{z-index:3;margin-bottom:1em}.ugb-image-box a{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none;margin:0 !important}.ugb-image-box h4,.ugb-image-box p{z-index:3}.ugb-image-box h4{margin:0 0 0.5em !important}.ugb-image-box p{margin:0 !important;opacity:0;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.ugb-image-box:hover a{opacity:.7}.ugb-image-box:hover p{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ugb-image-box.full-width{width:100% !important}.wp-block-ugb-image-box.has-no-content{display:none}
|
| 8 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}div.ugb-cta{text-align:center;background-color:#f4f4f4;margin-top:1.5em;margin-bottom:1.5em;-webkit-box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);border-radius:12px;padding:60px 35px}div.ugb-cta>*{margin-top:0 !important;margin-bottom:1rem !important}div.ugb-cta>*:first-child{margin-top:0 !important}div.ugb-cta>*:last-child{margin-bottom:0 !important}.wp-block-ugb-button .wp-ugb-button:hover{color:white}[data-align="full"] div.ugb-cta{border-radius:0 !important}
|
| 9 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-testimonial{margin-top:1.5em;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -17.5px}.ugb-testimonial>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-testimonial>*:first-child{margin-top:0 !important}.ugb-testimonial>*:last-child{margin-bottom:0 !important}.ugb-testimonial .testimonial-image{height:75px;width:75px;background-size:cover;background-position:center;border-radius:100%;margin:0 auto 1.3rem}.ugb-testimonial .quote-icon{height:75px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ugb-testimonial .quote-icon svg{height:50px;width:auto;fill:#e6e6e6}.ugb-testimonial>div{text-align:center;margin-top:1.5em;margin-bottom:1.5em;-ms-flex:1;flex:1;min-width:250px}.ugb-testimonial>div>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-testimonial>div>*:first-child{margin-top:0 !important}.ugb-testimonial>div>*:last-child{margin-bottom:0 !important}.ugb-testimonial>div p{text-align:center}.ugb-testimonial>div,.ugb-testimonial>div:first-child,.ugb-testimonial>div:last-child{margin:17.5px !important}.ugb-testimonial h4{margin:0 0 .5rem !important;padding-top:0}.ugb-testimonial .ugb-testimonial-position,.ugb-testimonial .ugb-testimonial-position-two,.ugb-testimonial .ugb-testimonial-position-three{opacity:.3;font-size:.75em;margin:0 0 1rem;text-transform:uppercase}.ugb-testimonial .ugb-testimonial-body,.ugb-testimonial .ugb-testimonial-body-two,.ugb-testimonial .ugb-testimonial-body-three{opacity:.5;margin:0 0 1rem;left:0}.ugb-testimonial.column-1 .ugb-testimonial-column-two,.ugb-testimonial.column-1 .ugb-testimonial-column-three{display:none}.ugb-testimonial.column-2 .ugb-testimonial-column-three{display:none}
|
| 10 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-team-member{margin-top:1.5em;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -17.5px}.ugb-team-member>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-team-member>*:first-child{margin-top:0 !important}.ugb-team-member>*:last-child{margin-bottom:0 !important}.ugb-team-member .team-member-image{width:300px;height:300px;background-size:cover;background-position:center;margin:0 auto 1.3rem}.ugb-team-member.image-circle .team-member-image{border-radius:100%}.ugb-team-member.column-2 .team-member-image{width:220px;height:220px}.ugb-team-member.column-3 .team-member-image{width:150px;height:150px}.ugb-team-member>div{text-align:center;margin-top:1.5em;margin-bottom:1.5em;-ms-flex:1;flex:1;min-width:250px}.ugb-team-member>div>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-team-member>div>*:first-child{margin-top:0 !important}.ugb-team-member>div>*:last-child{margin-bottom:0 !important}.ugb-team-member>div p{text-align:center}.ugb-team-member>div,.ugb-team-member>div:first-child,.ugb-team-member>div:last-child{margin:17.5px !important}.ugb-team-member h4{margin:0 0 .5rem !important;padding-top:0}.ugb-team-member .ugb-team-member-position{margin:0 0 1rem}.ugb-team-member .ugb-team-member-position{opacity:.3;font-size:.75em;text-transform:uppercase}.ugb-team-member .ugb-team-member-des,.ugb-team-member .ugb-team-member-des-two,.ugb-team-member .ugb-team-member-des-three{opacity:.5;margin:0 0 1rem;left:0}.ugb-team-member.column-1 .ugb-team-member-column-two,.ugb-team-member.column-1 .ugb-team-member-column-three{display:none}.ugb-team-member.column-2 .ugb-team-member-column-three{display:none}.team-member-social a{color:#000000;opacity:.30;padding:0 3px}
|
| 11 |
+
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.wp-block-ugb-expand{margin-top:1.5em;margin-bottom:1.5em}.wp-block-ugb-expand>*{margin-top:0 !important;margin-bottom:1rem !important}.wp-block-ugb-expand>*:first-child{margin-top:0 !important}.wp-block-ugb-expand>*:last-child{margin-bottom:0 !important}.wp-block-ugb-expand p:last-child{margin-bottom:0}.wp-block-ugb-expand.ugb-more .ugb-expand-less-text,.wp-block-ugb-expand.ugb-more .ugb-expand-more{display:none}.wp-block-ugb-expand.ugb-more .ugb-expand-more-text,.wp-block-ugb-expand.ugb-more .ugb-expand-less{display:block !important}
|
| 12 |
+
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-number-box{margin-top:1.5em;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -17.5px}.ugb-number-box>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-number-box>*:first-child{margin-top:0 !important}.ugb-number-box>*:last-child{margin-bottom:0 !important}.ugb-number-box span,.ugb-number-box .blocks-rich-text span{background-color:#ddd;border-radius:100%;font-size:3em;display:block;padding:0;text-align:center;overflow:hidden;margin:0 auto;height:2.5em;width:2.5em;line-height:2.5em !important}.ugb-number-box>div{text-align:center;margin-top:1.5em;margin-bottom:1.5em;-webkit-box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);border-radius:12px;padding:60px 35px;-ms-flex:1;flex:1;min-width:250px}.ugb-number-box>div>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-number-box>div>*:first-child{margin-top:0 !important}.ugb-number-box>div>*:last-child{margin-bottom:0 !important}.ugb-number-box>div,.ugb-number-box>div:first-child,.ugb-number-box>div:last-child{margin:17.5px !important}.ugb-number-box>div p{text-align:center}.ugb-number-box.column-1>div:nth-child(2),.ugb-number-box.column-1>div:nth-child(3){display:none}.ugb-number-box.column-2>div:nth-child(3){display:none}
|
| 13 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-pricing-box{margin-top:1.5em;margin-bottom:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -17.5px}.ugb-pricing-box>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-pricing-box>*:first-child{margin-top:0 !important}.ugb-pricing-box>*:last-child{margin-bottom:0 !important}.ugb-pricing-box>div{text-align:center;margin-top:1.5em;margin-bottom:1.5em;-webkit-box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);border-radius:12px;padding:60px 35px;-ms-flex:1;flex:1;min-width:250px}.ugb-pricing-box>div>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-pricing-box>div>*:first-child{margin-top:0 !important}.ugb-pricing-box>div>*:last-child{margin-bottom:0 !important}.ugb-pricing-box>div,.ugb-pricing-box>div:first-child,.ugb-pricing-box>div:last-child{margin:17.5px !important}.ugb-pricing-box h3{line-height:100% !important}.ugb-pricing-box .ugb-pricing-box-pricing{font-size:3.5em;line-height:100% !important}.ugb-pricing-box .ugb-pricing-box-per-month-label{font-size:.75em;opacity:.3;text-transform:uppercase;line-height:100% !important}.blocks-button__inline-link.pricing-box{margin:5px auto 0px auto}.ugb-pricing-box.column-1 .ugb-pricing-box-column-two,.ugb-pricing-box.column-1 .ugb-pricing-box-column-three{display:none}.ugb-pricing-box.column-2 .ugb-pricing-box-column-three{display:none}
|
| 14 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-header.has-image{padding:0}.ugb-header.has-image .ugb-header-section{padding:9.5rem 4rem;background-size:cover;background-repeat:no-repeat;background-position:center}.ugb-header{margin-top:1.5em;margin-bottom:1.5em;text-align:center;padding:9.5rem 4rem;position:relative}.ugb-header>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-header>*:first-child{margin-top:0 !important}.ugb-header>*:last-child{margin-bottom:0 !important}.ugb-header .ugb-header-overlay{position:absolute;top:0;left:0;right:0;bottom:0;margin:0 !important}.ugb-header .header-image{height:400px;width:600px;background-size:cover;background-repeat:no-repeat;background-position:center}.ugb-header .wp-block-button.ugb-button-center{left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);margin-bottom:1.5em}.ugb-header .wp-block-button.ugb-button-right{-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;margin-bottom:1.5em}.ugb-header .wp-block-button.ugb-button-left{-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);left:-50%;margin-bottom:1.5em}.ugb-header .ugb-header-title{margin-bottom:1rem;padding-bottom:0;margin-top:0;position:relative}.ugb-header .ugb-header-subtitle{margin-bottom:2rem;padding-bottom:0;position:relative}.ugb-header button.components-button{margin-bottom:.5em;position:relative}.ugb-header .ugb-button{position:relative}.ugb-header-overlay.overlay-opacity.overlay-opacity-1{opacity:.1}.ugb-header-overlay.overlay-opacity.overlay-opacity-2{opacity:.2}.ugb-header-overlay.overlay-opacity.overlay-opacity-3{opacity:.3}.ugb-header-overlay.overlay-opacity.overlay-opacity-4{opacity:.4}.ugb-header-overlay.overlay-opacity.overlay-opacity-5{opacity:.5}.ugb-header-overlay.overlay-opacity.overlay-opacity-6{opacity:.6}.ugb-header-overlay.overlay-opacity.overlay-opacity-7{opacity:.7}.ugb-header-overlay.overlay-opacity.overlay-opacity-8{opacity:.8}.ugb-header-overlay.overlay-opacity.overlay-opacity-9{opacity:.9}.ugb-header-overlay.overlay-opacity.overlay-opacity-10{opacity:1}.wp-block-ugb-header.has-no-content{display:none}
|
| 15 |
.gutenberg .ugb-editor-label{font-size:12px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#8e979e;padding:2em 0 0;background:#fff;border:none;-webkit-box-shadow:none;box-shadow:none;white-space:nowrap;display:block}.gutenberg .ugb-editor-label:first-child{padding-top:0}[class*="ugb-"] form[class*="-link"],form[class*="ugb-"][class*="-link"],[class*="ugb-"]+form[class*="-link"]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}[class*="ugb-"].alignfull{border-radius:0 !important}.ugb-image-box{background-size:cover;background-position:center;padding:2rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;overflow:hidden;background-color:#999;margin-top:1.5em;margin-bottom:1.5em;-webkit-box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);box-shadow:0 5px 5px 0 rgba(233,240,243,0.5),0 0 0 1px rgba(176,181,193,0.2);border-radius:12px;padding:60px 35px;margin-left:auto;margin-right:auto}.ugb-image-box>*{margin-top:0 !important;margin-bottom:1rem !important}.ugb-image-box>*:first-child{margin-top:0 !important}.ugb-image-box>*:last-child{margin-bottom:0 !important}.ugb-image-box *{-webkit-transition:all .4s ease-in-out !important;-o-transition:all .4s ease-in-out !important;transition:all .4s ease-in-out !important;border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.ugb-image-box button.components-button{z-index:3;margin-bottom:1em}.ugb-image-box a{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;opacity:0;pointer-events:none;margin:0 !important}.ugb-image-box h4,.ugb-image-box p{z-index:3}.ugb-image-box h4{margin:0 0 0.5em !important}.ugb-image-box p{margin:0 !important;opacity:0;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.ugb-image-box:hover a{opacity:.7}.ugb-image-box:hover p{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ugb-image-box.full-width{width:100% !important}.wp-block-ugb-image-box.has-no-content{display:none}
|
plugin.php
CHANGED
|
@@ -5,7 +5,7 @@
|
|
| 5 |
* Description: Essential Gutenberg blocks in one plugin. Simple, flexible, and customizable.
|
| 6 |
* Author: Gambit Technologies, Inc
|
| 7 |
* Author URI: http://gambit.ph
|
| 8 |
-
* Version: 1.
|
| 9 |
*
|
| 10 |
* @package Stackable
|
| 11 |
*/
|
| 5 |
* Description: Essential Gutenberg blocks in one plugin. Simple, flexible, and customizable.
|
| 6 |
* Author: Gambit Technologies, Inc
|
| 7 |
* Author URI: http://gambit.ph
|
| 8 |
+
* Version: 1.1
|
| 9 |
*
|
| 10 |
* @package Stackable
|
| 11 |
*/
|
readme.txt
CHANGED
|
@@ -4,7 +4,7 @@ Tags: gutenberg, blocks, gutenberg blocks, editor, addon, add on, add-on, gutenb
|
|
| 4 |
Requires at least: 4.8
|
| 5 |
Tested up to: 4.9.8
|
| 6 |
Requires PHP: 5.3
|
| 7 |
-
Stable tag: 1.
|
| 8 |
License: GPLv3
|
| 9 |
License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
| 10 |
|
|
@@ -161,6 +161,12 @@ Nope. Stackable only works with Gutenberg.
|
|
| 161 |
|
| 162 |
== Changelog ==
|
| 163 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 164 |
= 1.0.1 =
|
| 165 |
* Fixed: Button background setting doesn't get applied.
|
| 166 |
|
| 4 |
Requires at least: 4.8
|
| 5 |
Tested up to: 4.9.8
|
| 6 |
Requires PHP: 5.3
|
| 7 |
+
Stable tag: 1.1
|
| 8 |
License: GPLv3
|
| 9 |
License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
| 10 |
|
| 161 |
|
| 162 |
== Changelog ==
|
| 163 |
|
| 164 |
+
= 1.1 =
|
| 165 |
+
* Fixed: Inline formatting toolbars now show up properly across all blocks
|
| 166 |
+
* Fixed: Possible fix for buggy saving of button labels - RichText edit methods now use RichText.Content save methods.
|
| 167 |
+
* Fixed: Pricing box button urls are the same for every column
|
| 168 |
+
* Fixed: Margin bottom of expand block's more text
|
| 169 |
+
|
| 170 |
= 1.0.1 =
|
| 171 |
* Fixed: Button background setting doesn't get applied.
|
| 172 |
|
src/block/blockquote/index.js
CHANGED
|
@@ -20,38 +20,33 @@ import {
|
|
| 20 |
ColorPalette,
|
| 21 |
omit,
|
| 22 |
merge,
|
|
|
|
| 23 |
} from '../../wp-imports'
|
| 24 |
|
| 25 |
export const edit = ( props ) => {
|
| 26 |
|
| 27 |
-
const onSetActiveEditable = ( newEditable ) => () => {
|
| 28 |
-
setState( { editable: newEditable } )
|
| 29 |
-
}
|
| 30 |
-
|
| 31 |
const { isSelected, setAttributes, className } = props
|
| 32 |
|
| 33 |
const { color, text, quoteColor } = props.attributes
|
| 34 |
|
| 35 |
-
return
|
| 36 |
-
<
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
style={ {
|
| 40 |
-
'--quote-color': quoteColor
|
| 41 |
-
} }>
|
| 42 |
-
<RichText
|
| 43 |
-
tagName={ 'p' }
|
| 44 |
-
className={ 'ugb-blockquote-text' }
|
| 45 |
-
value={ text }
|
| 46 |
-
onChange={ ( nextValue ) => setAttributes( { text: nextValue } ) }
|
| 47 |
-
isSelected={ isSelected }
|
| 48 |
style={ {
|
| 49 |
-
color:
|
| 50 |
-
} }
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 55 |
<PanelColorSettings
|
| 56 |
title={ __( 'Color Settings' ) }
|
| 57 |
colorSettings={ [
|
|
@@ -69,8 +64,8 @@ export const edit = ( props ) => {
|
|
| 69 |
>
|
| 70 |
</PanelColorSettings>
|
| 71 |
</InspectorControls>
|
| 72 |
-
|
| 73 |
-
|
| 74 |
}
|
| 75 |
|
| 76 |
export const save = ( props ) => {
|
|
@@ -81,9 +76,13 @@ export const save = ( props ) => {
|
|
| 81 |
<blockquote
|
| 82 |
className={ 'ugb-blockquote' }
|
| 83 |
style={ { '--quote-color': quoteColor } }>
|
| 84 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
| 85 |
</blockquote>
|
| 86 |
-
)
|
| 87 |
}
|
| 88 |
|
| 89 |
const schema = {
|
| 20 |
ColorPalette,
|
| 21 |
omit,
|
| 22 |
merge,
|
| 23 |
+
Fragment,
|
| 24 |
} from '../../wp-imports'
|
| 25 |
|
| 26 |
export const edit = ( props ) => {
|
| 27 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 28 |
const { isSelected, setAttributes, className } = props
|
| 29 |
|
| 30 |
const { color, text, quoteColor } = props.attributes
|
| 31 |
|
| 32 |
+
return (
|
| 33 |
+
<Fragment>
|
| 34 |
+
<blockquote
|
| 35 |
+
className={ 'ugb-blockquote' }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 36 |
style={ {
|
| 37 |
+
'--quote-color': quoteColor
|
| 38 |
+
} }>
|
| 39 |
+
<RichText
|
| 40 |
+
className='ugb-blockquote-text'
|
| 41 |
+
value={ text }
|
| 42 |
+
onChange={ ( nextValue ) => setAttributes( { text: nextValue } ) }
|
| 43 |
+
isSelected={ isSelected }
|
| 44 |
+
style={ {
|
| 45 |
+
color: color,
|
| 46 |
+
} }
|
| 47 |
+
/>
|
| 48 |
+
</blockquote>
|
| 49 |
+
<InspectorControls>
|
| 50 |
<PanelColorSettings
|
| 51 |
title={ __( 'Color Settings' ) }
|
| 52 |
colorSettings={ [
|
| 64 |
>
|
| 65 |
</PanelColorSettings>
|
| 66 |
</InspectorControls>
|
| 67 |
+
</Fragment>
|
| 68 |
+
)
|
| 69 |
}
|
| 70 |
|
| 71 |
export const save = ( props ) => {
|
| 76 |
<blockquote
|
| 77 |
className={ 'ugb-blockquote' }
|
| 78 |
style={ { '--quote-color': quoteColor } }>
|
| 79 |
+
<RichText.Content
|
| 80 |
+
tagName="p"
|
| 81 |
+
style={ { color } }
|
| 82 |
+
value={ text }
|
| 83 |
+
/>
|
| 84 |
</blockquote>
|
| 85 |
+
)
|
| 86 |
}
|
| 87 |
|
| 88 |
const schema = {
|
src/block/button/button-edit.js
CHANGED
|
@@ -11,15 +11,11 @@ function ButtonEdit( props ) {
|
|
| 11 |
text = '',
|
| 12 |
backgroundColor,
|
| 13 |
borderRadius = 4,
|
| 14 |
-
isSelected =
|
| 15 |
onFocus = () => {},
|
| 16 |
onChange = () => {},
|
| 17 |
} = props
|
| 18 |
|
| 19 |
-
// const onFocus = editableName ? () => {
|
| 20 |
-
// onSetActiveEditable( editableName )
|
| 21 |
-
// } : null
|
| 22 |
-
|
| 23 |
return (
|
| 24 |
<span
|
| 25 |
className={ `ugb-button ugb-button-${align} ugb-button-${size}` }
|
| 11 |
text = '',
|
| 12 |
backgroundColor,
|
| 13 |
borderRadius = 4,
|
| 14 |
+
isSelected = null,
|
| 15 |
onFocus = () => {},
|
| 16 |
onChange = () => {},
|
| 17 |
} = props
|
| 18 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
return (
|
| 20 |
<span
|
| 21 |
className={ `ugb-button ugb-button-${align} ugb-button-${size}` }
|
src/block/button/button-save.js
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
|
|
|
|
|
| 1 |
function ButtonSave( props ) {
|
| 2 |
const {
|
| 3 |
align = 'center',
|
|
@@ -11,9 +13,13 @@ function ButtonSave( props ) {
|
|
| 11 |
|
| 12 |
return (
|
| 13 |
<div className={ `ugb-button ugb-button-${align} ugb-button-${size}` } style={ buttonStyle }>
|
| 14 |
-
<
|
| 15 |
-
|
| 16 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 17 |
</div>
|
| 18 |
);
|
| 19 |
}
|
| 1 |
+
import { RichText } from '../../wp-imports'
|
| 2 |
+
|
| 3 |
function ButtonSave( props ) {
|
| 4 |
const {
|
| 5 |
align = 'center',
|
| 13 |
|
| 14 |
return (
|
| 15 |
<div className={ `ugb-button ugb-button-${align} ugb-button-${size}` } style={ buttonStyle }>
|
| 16 |
+
<RichText.Content
|
| 17 |
+
tagName="a"
|
| 18 |
+
className={ `ugb-button-inner` }
|
| 19 |
+
href={ url }
|
| 20 |
+
style={ { color } }
|
| 21 |
+
value={ text }
|
| 22 |
+
/>
|
| 23 |
</div>
|
| 24 |
);
|
| 25 |
}
|
src/block/button/index.js
CHANGED
|
@@ -23,7 +23,6 @@ import {
|
|
| 23 |
BlockControls,
|
| 24 |
AlignmentToolbar,
|
| 25 |
BlockAlignmentToolbar,
|
| 26 |
-
RichText,
|
| 27 |
ColorPalette,
|
| 28 |
PanelColorSettings,
|
| 29 |
Dashicon,
|
|
@@ -33,6 +32,7 @@ import {
|
|
| 33 |
URLInput,
|
| 34 |
PanelBody,
|
| 35 |
applyFilters,
|
|
|
|
| 36 |
omit,
|
| 37 |
merge,
|
| 38 |
} from '../../wp-imports'
|
|
@@ -53,15 +53,14 @@ export const edit = ( props ) => {
|
|
| 53 |
const defaultEditDesign = (
|
| 54 |
<ButtonEdit
|
| 55 |
onChange={ (text) => setAttributes( { text } ) }
|
| 56 |
-
isSelected={ isSelected }
|
| 57 |
align={ align } size={ size } backgroundColor={ color } color={ textColor } text={ text } borderRadius={ cornerButtonRadius } />
|
| 58 |
)
|
| 59 |
|
| 60 |
const editDesign = applyFilters( 'stackable.designs.button.edit', defaultEditDesign, design, props )
|
| 61 |
|
| 62 |
-
return
|
| 63 |
-
|
| 64 |
-
<BlockControls
|
| 65 |
<BlockAlignmentToolbar
|
| 66 |
value={ align }
|
| 67 |
onChange={ ( align ) => {
|
|
@@ -70,8 +69,6 @@ export const edit = ( props ) => {
|
|
| 70 |
controls={ [ 'left', 'center', 'right', 'full' ] }
|
| 71 |
/>
|
| 72 |
</BlockControls>
|
| 73 |
-
),
|
| 74 |
-
isSelected && (
|
| 75 |
<InspectorControls>
|
| 76 |
<DesignPanelBody
|
| 77 |
selected={ design }
|
|
@@ -84,9 +81,7 @@ export const edit = ( props ) => {
|
|
| 84 |
onChange={ ( design ) => { setAttributes( { design } ) } }
|
| 85 |
/>
|
| 86 |
</InspectorControls>
|
| 87 |
-
|
| 88 |
-
isSelected && (
|
| 89 |
-
<InspectorControls key={ 'inspector' }>
|
| 90 |
<PanelBody>
|
| 91 |
<SelectControl
|
| 92 |
label={ __( 'Size' ) }
|
|
@@ -121,27 +116,26 @@ export const edit = ( props ) => {
|
|
| 121 |
] }
|
| 122 |
>
|
| 123 |
</PanelColorSettings>
|
| 124 |
-
|
| 125 |
</InspectorControls>
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
}
|
| 146 |
|
| 147 |
export const save = ( props ) => {
|
| 23 |
BlockControls,
|
| 24 |
AlignmentToolbar,
|
| 25 |
BlockAlignmentToolbar,
|
|
|
|
| 26 |
ColorPalette,
|
| 27 |
PanelColorSettings,
|
| 28 |
Dashicon,
|
| 32 |
URLInput,
|
| 33 |
PanelBody,
|
| 34 |
applyFilters,
|
| 35 |
+
Fragment,
|
| 36 |
omit,
|
| 37 |
merge,
|
| 38 |
} from '../../wp-imports'
|
| 53 |
const defaultEditDesign = (
|
| 54 |
<ButtonEdit
|
| 55 |
onChange={ (text) => setAttributes( { text } ) }
|
|
|
|
| 56 |
align={ align } size={ size } backgroundColor={ color } color={ textColor } text={ text } borderRadius={ cornerButtonRadius } />
|
| 57 |
)
|
| 58 |
|
| 59 |
const editDesign = applyFilters( 'stackable.designs.button.edit', defaultEditDesign, design, props )
|
| 60 |
|
| 61 |
+
return (
|
| 62 |
+
<Fragment>
|
| 63 |
+
<BlockControls>
|
| 64 |
<BlockAlignmentToolbar
|
| 65 |
value={ align }
|
| 66 |
onChange={ ( align ) => {
|
| 69 |
controls={ [ 'left', 'center', 'right', 'full' ] }
|
| 70 |
/>
|
| 71 |
</BlockControls>
|
|
|
|
|
|
|
| 72 |
<InspectorControls>
|
| 73 |
<DesignPanelBody
|
| 74 |
selected={ design }
|
| 81 |
onChange={ ( design ) => { setAttributes( { design } ) } }
|
| 82 |
/>
|
| 83 |
</InspectorControls>
|
| 84 |
+
<InspectorControls>
|
|
|
|
|
|
|
| 85 |
<PanelBody>
|
| 86 |
<SelectControl
|
| 87 |
label={ __( 'Size' ) }
|
| 116 |
] }
|
| 117 |
>
|
| 118 |
</PanelColorSettings>
|
|
|
|
| 119 |
</InspectorControls>
|
| 120 |
+
{ editDesign }
|
| 121 |
+
{ isSelected && (
|
| 122 |
+
<form
|
| 123 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 124 |
+
className={ `blocks-button__inline-link` }>
|
| 125 |
+
<Dashicon icon={ 'admin-links' } />
|
| 126 |
+
<URLInput
|
| 127 |
+
value={ url }
|
| 128 |
+
onChange={ ( value ) => setAttributes( { url: value } ) }
|
| 129 |
+
/>
|
| 130 |
+
<IconButton
|
| 131 |
+
icon={ 'editor-break' }
|
| 132 |
+
label={ __( 'Apply' ) }
|
| 133 |
+
type={ 'submit' }
|
| 134 |
+
/>
|
| 135 |
+
</form>
|
| 136 |
+
) }
|
| 137 |
+
</Fragment>
|
| 138 |
+
)
|
| 139 |
}
|
| 140 |
|
| 141 |
export const save = ( props ) => {
|
src/block/call-to-action/index.js
CHANGED
|
@@ -27,6 +27,7 @@ import {
|
|
| 27 |
ColorPalette,
|
| 28 |
PanelBody,
|
| 29 |
URLInput,
|
|
|
|
| 30 |
} from '../../wp-imports'
|
| 31 |
|
| 32 |
export const edit = ( props ) => {
|
|
@@ -60,13 +61,9 @@ export const edit = ( props ) => {
|
|
| 60 |
{ value: 'large', label: __( 'Large' ) },
|
| 61 |
];
|
| 62 |
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
return [
|
| 68 |
-
isSelected && (
|
| 69 |
-
<InspectorControls key={ 'inspector' }>
|
| 70 |
<PanelBody>
|
| 71 |
<SelectControl
|
| 72 |
label={ __( 'Button Size' ) }
|
|
@@ -108,8 +105,8 @@ export const edit = ( props ) => {
|
|
| 108 |
>
|
| 109 |
</PanelColorSettings>
|
| 110 |
<PanelColorSettings
|
| 111 |
-
|
| 112 |
-
|
| 113 |
{
|
| 114 |
value: color,
|
| 115 |
onChange: ( colorValue ) => setAttributes( { color: colorValue } ),
|
|
@@ -124,57 +121,51 @@ export const edit = ( props ) => {
|
|
| 124 |
>
|
| 125 |
</PanelColorSettings>
|
| 126 |
</InspectorControls>
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
style={ {
|
| 139 |
-
color: titleColor,
|
| 140 |
-
} }
|
| 141 |
-
/>
|
| 142 |
-
<RichText
|
| 143 |
-
tagName={'p'}
|
| 144 |
-
value={ bodyText }
|
| 145 |
-
className={ 'ugb-cta-bodyText' }
|
| 146 |
-
onChange={ (text) => setAttributes( { bodyText: text } ) }
|
| 147 |
-
isSelected={ isSelected && editable === 'bodyText' }
|
| 148 |
-
onFocus={ onSetActiveEditable( 'bodyText' ) }
|
| 149 |
-
placeholder={ __( 'Write body text…' ) }
|
| 150 |
-
style={ {
|
| 151 |
-
color: bodyTextColor,
|
| 152 |
-
} }
|
| 153 |
-
/>
|
| 154 |
-
<ButtonEdit size={ size } color={ textColor } backgroundColor={ color } text={ buttonText } borderRadius={ borderButtonRadius }
|
| 155 |
-
onChange={ (text) => setAttributes( { buttonText: text } ) }
|
| 156 |
-
isSelected={ isSelected && editable === 'buttonText' }
|
| 157 |
-
onFocus={ onSetActiveEditable( 'buttonText' ) }
|
| 158 |
-
/>
|
| 159 |
-
</div>,
|
| 160 |
-
isSelected && (
|
| 161 |
-
<form
|
| 162 |
-
key={ 'form-link' }
|
| 163 |
-
onSubmit={ ( event ) => event.preventDefault() }
|
| 164 |
-
className={ `blocks-button__inline-link`}>
|
| 165 |
-
<Dashicon icon={ 'admin-links' } />
|
| 166 |
-
<URLInput
|
| 167 |
-
value={ url }
|
| 168 |
-
onChange={ ( value ) => setAttributes( { url: value } ) }
|
| 169 |
/>
|
| 170 |
-
<
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 174 |
/>
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 178 |
}
|
| 179 |
|
| 180 |
export const save = ( props ) => {
|
|
@@ -196,18 +187,20 @@ export const save = ( props ) => {
|
|
| 196 |
return (
|
| 197 |
<div className={ `ugb-cta` } style={ { backgroundColor: bgColor } }>
|
| 198 |
{ ctaTitle && !! ctaTitle.length && (
|
| 199 |
-
<
|
|
|
|
| 200 |
className={ 'ugb-cta-title' }
|
| 201 |
-
style={ { color: titleColor } }
|
| 202 |
-
{ctaTitle}
|
| 203 |
-
|
| 204 |
) }
|
| 205 |
{ bodyText && !! bodyText.length && (
|
| 206 |
-
<
|
|
|
|
| 207 |
className={ 'ugb-cta-bodyText' }
|
| 208 |
-
style={ { color: bodyTextColor } }
|
| 209 |
-
{bodyText}
|
| 210 |
-
|
| 211 |
) }
|
| 212 |
{ buttonText && !! buttonText.length && (
|
| 213 |
<ButtonSave size={ size } url={ url } color={ textColor } text={ buttonText } backgroundColor={ color } borderRadius={ borderButtonRadius } />
|
|
@@ -220,7 +213,7 @@ const schema = {
|
|
| 220 |
url: {
|
| 221 |
type: 'string',
|
| 222 |
source: 'attribute',
|
| 223 |
-
selector: 'a',
|
| 224 |
attribute: 'href',
|
| 225 |
},
|
| 226 |
ctaTitle: {
|
|
@@ -238,7 +231,7 @@ const schema = {
|
|
| 238 |
buttonText: {
|
| 239 |
type: 'array',
|
| 240 |
source: 'children',
|
| 241 |
-
selector: 'a',
|
| 242 |
},
|
| 243 |
color: {
|
| 244 |
type: 'string',
|
| 27 |
ColorPalette,
|
| 28 |
PanelBody,
|
| 29 |
URLInput,
|
| 30 |
+
Fragment,
|
| 31 |
} from '../../wp-imports'
|
| 32 |
|
| 33 |
export const edit = ( props ) => {
|
| 61 |
{ value: 'large', label: __( 'Large' ) },
|
| 62 |
];
|
| 63 |
|
| 64 |
+
return (
|
| 65 |
+
<Fragment>
|
| 66 |
+
<InspectorControls>
|
|
|
|
|
|
|
|
|
|
|
|
|
| 67 |
<PanelBody>
|
| 68 |
<SelectControl
|
| 69 |
label={ __( 'Button Size' ) }
|
| 105 |
>
|
| 106 |
</PanelColorSettings>
|
| 107 |
<PanelColorSettings
|
| 108 |
+
title={ __( 'Button Colors' ) }
|
| 109 |
+
colorSettings={ [
|
| 110 |
{
|
| 111 |
value: color,
|
| 112 |
onChange: ( colorValue ) => setAttributes( { color: colorValue } ),
|
| 121 |
>
|
| 122 |
</PanelColorSettings>
|
| 123 |
</InspectorControls>
|
| 124 |
+
<div className={ 'ugb-cta' } style={ { backgroundColor: bgColor } }>
|
| 125 |
+
<RichText
|
| 126 |
+
className={ 'ugb-cta-title' }
|
| 127 |
+
tagName={ 'h3' }
|
| 128 |
+
placeholder={ __('Add Title') }
|
| 129 |
+
value={ ctaTitle }
|
| 130 |
+
onChange={ (text) => setAttributes( { ctaTitle: text } ) }
|
| 131 |
+
keepPlaceholderOnFocus
|
| 132 |
+
style={ {
|
| 133 |
+
color: titleColor,
|
| 134 |
+
} }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 135 |
/>
|
| 136 |
+
<RichText
|
| 137 |
+
tagName={'p'}
|
| 138 |
+
value={ bodyText }
|
| 139 |
+
className={ 'ugb-cta-bodyText' }
|
| 140 |
+
onChange={ (text) => setAttributes( { bodyText: text } ) }
|
| 141 |
+
placeholder={ __( 'Write body text…' ) }
|
| 142 |
+
style={ {
|
| 143 |
+
color: bodyTextColor,
|
| 144 |
+
} }
|
| 145 |
/>
|
| 146 |
+
<ButtonEdit size={ size } color={ textColor } backgroundColor={ color } text={ buttonText } borderRadius={ borderButtonRadius }
|
| 147 |
+
onChange={ (text) => setAttributes( { buttonText: text } ) }
|
| 148 |
+
/>
|
| 149 |
+
</div>
|
| 150 |
+
{ isSelected && (
|
| 151 |
+
<form
|
| 152 |
+
key={ 'form-link' }
|
| 153 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 154 |
+
className={ `blocks-button__inline-link`}>
|
| 155 |
+
<Dashicon icon={ 'admin-links' } />
|
| 156 |
+
<URLInput
|
| 157 |
+
value={ url }
|
| 158 |
+
onChange={ ( value ) => setAttributes( { url: value } ) }
|
| 159 |
+
/>
|
| 160 |
+
<IconButton
|
| 161 |
+
icon={ 'editor-break' }
|
| 162 |
+
label={ __( 'Apply' ) }
|
| 163 |
+
type={ 'submit' }
|
| 164 |
+
/>
|
| 165 |
+
</form>
|
| 166 |
+
) }
|
| 167 |
+
</Fragment>
|
| 168 |
+
)
|
| 169 |
}
|
| 170 |
|
| 171 |
export const save = ( props ) => {
|
| 187 |
return (
|
| 188 |
<div className={ `ugb-cta` } style={ { backgroundColor: bgColor } }>
|
| 189 |
{ ctaTitle && !! ctaTitle.length && (
|
| 190 |
+
<RichText.Content
|
| 191 |
+
tagName="h3"
|
| 192 |
className={ 'ugb-cta-title' }
|
| 193 |
+
style={ { color: titleColor } }
|
| 194 |
+
value={ ctaTitle }
|
| 195 |
+
/>
|
| 196 |
) }
|
| 197 |
{ bodyText && !! bodyText.length && (
|
| 198 |
+
<RichText.Content
|
| 199 |
+
tagName="p"
|
| 200 |
className={ 'ugb-cta-bodyText' }
|
| 201 |
+
style={ { color: bodyTextColor } }
|
| 202 |
+
value={ bodyText }
|
| 203 |
+
/>
|
| 204 |
) }
|
| 205 |
{ buttonText && !! buttonText.length && (
|
| 206 |
<ButtonSave size={ size } url={ url } color={ textColor } text={ buttonText } backgroundColor={ color } borderRadius={ borderButtonRadius } />
|
| 213 |
url: {
|
| 214 |
type: 'string',
|
| 215 |
source: 'attribute',
|
| 216 |
+
selector: '.ugb-button a',
|
| 217 |
attribute: 'href',
|
| 218 |
},
|
| 219 |
ctaTitle: {
|
| 231 |
buttonText: {
|
| 232 |
type: 'array',
|
| 233 |
source: 'children',
|
| 234 |
+
selector: '.ugb-button a',
|
| 235 |
},
|
| 236 |
color: {
|
| 237 |
type: 'string',
|
src/block/card/index.js
CHANGED
|
@@ -30,7 +30,8 @@ import {
|
|
| 30 |
BlockControls,
|
| 31 |
AlignmentToolbar,
|
| 32 |
URLInput,
|
| 33 |
-
PanelBody
|
|
|
|
| 34 |
} from '../../wp-imports'
|
| 35 |
|
| 36 |
export const edit = ( props ) => {
|
|
@@ -61,10 +62,6 @@ export const edit = ( props ) => {
|
|
| 61 |
contentAlign
|
| 62 |
} = props.attributes;
|
| 63 |
|
| 64 |
-
const onSetActiveEditable = ( newEditable ) => () => {
|
| 65 |
-
setState( { editable: newEditable } )
|
| 66 |
-
}
|
| 67 |
-
|
| 68 |
const imageClass = mediaURL ? 'has-image' : ''
|
| 69 |
|
| 70 |
const buttonSizes = [
|
|
@@ -74,9 +71,9 @@ export const edit = ( props ) => {
|
|
| 74 |
{ value: 'large', label: __( 'Large' ) },
|
| 75 |
];
|
| 76 |
|
| 77 |
-
return
|
| 78 |
-
|
| 79 |
-
<BlockControls
|
| 80 |
<AlignmentToolbar
|
| 81 |
value={ contentAlign }
|
| 82 |
onChange={ ( newAlign ) => setAttributes( { contentAlign: newAlign } ) }
|
|
@@ -97,9 +94,7 @@ export const edit = ( props ) => {
|
|
| 97 |
/>
|
| 98 |
</Toolbar>
|
| 99 |
</BlockControls>
|
| 100 |
-
|
| 101 |
-
isSelected && (
|
| 102 |
-
<InspectorControls key={ 'inspector' }>
|
| 103 |
<PanelColorSettings
|
| 104 |
title={ __( 'Text Colors' ) }
|
| 105 |
colorSettings={ [
|
|
@@ -160,92 +155,83 @@ export const edit = ( props ) => {
|
|
| 160 |
>
|
| 161 |
</PanelColorSettings>
|
| 162 |
</InspectorControls>
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 181 |
} }
|
|
|
|
| 182 |
/>
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
textAlign: contentAlign
|
| 194 |
-
} }
|
| 195 |
-
keepPlaceholderOnFocus
|
| 196 |
-
/>
|
| 197 |
-
<RichText
|
| 198 |
-
tagName={'p'}
|
| 199 |
-
value={ tagline }
|
| 200 |
-
className={ 'ugb-tagline' }
|
| 201 |
-
onChange={ (text) => setAttributes( { tagline: text } ) }
|
| 202 |
-
isSelected={ isSelected && editable === 'tagline' }
|
| 203 |
-
onFocus={ onSetActiveEditable( 'tagline' ) }
|
| 204 |
-
style={ {
|
| 205 |
-
color: taglineColor,
|
| 206 |
-
textAlign: contentAlign
|
| 207 |
-
} }
|
| 208 |
-
keepPlaceholderOnFocus
|
| 209 |
-
/>
|
| 210 |
-
<RichText
|
| 211 |
-
tagName={'p'}
|
| 212 |
-
value={ des }
|
| 213 |
-
className={ 'ugb-card-des' }
|
| 214 |
-
onChange={ (text) => setAttributes( { des: text } ) }
|
| 215 |
-
isSelected={ isSelected && editable === 'des' }
|
| 216 |
-
onFocus={ onSetActiveEditable( 'des' ) }
|
| 217 |
-
style={ {
|
| 218 |
-
color: desColor,
|
| 219 |
-
textAlign: contentAlign
|
| 220 |
-
} }
|
| 221 |
-
keepPlaceholderOnFocus
|
| 222 |
-
/>
|
| 223 |
-
<ButtonEdit size={ size } align={ contentAlign } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText } borderRadius={ cornerButtonRadius }
|
| 224 |
-
onChange={ (text) => setAttributes( { buttonText: text } ) }
|
| 225 |
-
isSelected={ isSelected && editable === 'buttonText' }
|
| 226 |
-
onFocus={ onSetActiveEditable( 'buttonText' ) }
|
| 227 |
/>
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 249 |
}
|
| 250 |
|
| 251 |
export const save = ( props ) => {
|
|
@@ -273,20 +259,28 @@ export const save = ( props ) => {
|
|
| 273 |
return (
|
| 274 |
<div className={ `ugb-card ${imageClass}` }>
|
| 275 |
{ mediaURL && <div className="ugb-card-image-container" style={{ backgroundImage: `url(${mediaURL})`, textAlign: contentAlign }} data-src={mediaURL}></div> }
|
| 276 |
-
{
|
| 277 |
-
<
|
| 278 |
-
|
| 279 |
-
|
|
|
|
|
|
|
| 280 |
) }
|
| 281 |
-
{
|
| 282 |
-
<
|
| 283 |
-
|
| 284 |
-
|
|
|
|
|
|
|
|
|
|
| 285 |
) }
|
| 286 |
-
{
|
| 287 |
-
<
|
| 288 |
-
|
| 289 |
-
|
|
|
|
|
|
|
|
|
|
| 290 |
) }
|
| 291 |
{ buttonText && !! buttonText.length && (
|
| 292 |
<ButtonSave size={ size } url={ buttonURL } align={ contentAlign } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
| 30 |
BlockControls,
|
| 31 |
AlignmentToolbar,
|
| 32 |
URLInput,
|
| 33 |
+
PanelBody,
|
| 34 |
+
Fragment,
|
| 35 |
} from '../../wp-imports'
|
| 36 |
|
| 37 |
export const edit = ( props ) => {
|
| 62 |
contentAlign
|
| 63 |
} = props.attributes;
|
| 64 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 65 |
const imageClass = mediaURL ? 'has-image' : ''
|
| 66 |
|
| 67 |
const buttonSizes = [
|
| 71 |
{ value: 'large', label: __( 'Large' ) },
|
| 72 |
];
|
| 73 |
|
| 74 |
+
return (
|
| 75 |
+
<Fragment>
|
| 76 |
+
<BlockControls>
|
| 77 |
<AlignmentToolbar
|
| 78 |
value={ contentAlign }
|
| 79 |
onChange={ ( newAlign ) => setAttributes( { contentAlign: newAlign } ) }
|
| 94 |
/>
|
| 95 |
</Toolbar>
|
| 96 |
</BlockControls>
|
| 97 |
+
<InspectorControls>
|
|
|
|
|
|
|
| 98 |
<PanelColorSettings
|
| 99 |
title={ __( 'Text Colors' ) }
|
| 100 |
colorSettings={ [
|
| 155 |
>
|
| 156 |
</PanelColorSettings>
|
| 157 |
</InspectorControls>
|
| 158 |
+
<div className={ `ugb-card ${imageClass}` }>
|
| 159 |
+
<div className='ugb-card-image-container' style={{ backgroundImage: `url(${mediaURL})`, textAlign: contentAlign }}>
|
| 160 |
+
<MediaUpload
|
| 161 |
+
onSelect={ ( media ) => setAttributes( { mediaURL: media.url, mediaID: media.id } ) }
|
| 162 |
+
type={'image'}
|
| 163 |
+
value={mediaID}
|
| 164 |
+
render={ function( obj ) {
|
| 165 |
+
return [
|
| 166 |
+
! mediaURL && (
|
| 167 |
+
<Button
|
| 168 |
+
className={ mediaID ? '' : 'button button-large' }
|
| 169 |
+
onClick={ obj.open }
|
| 170 |
+
>
|
| 171 |
+
{__('Upload Image')}
|
| 172 |
+
</Button>
|
| 173 |
+
)
|
| 174 |
+
]
|
| 175 |
+
} }
|
| 176 |
+
/>
|
| 177 |
+
</div>
|
| 178 |
+
<RichText
|
| 179 |
+
tagName={ 'h4' }
|
| 180 |
+
value={ heading }
|
| 181 |
+
className={ 'ugb-card-heading' }
|
| 182 |
+
onChange={ (text) => setAttributes( { heading: text } ) }
|
| 183 |
+
style={ {
|
| 184 |
+
color: headingColor,
|
| 185 |
+
textAlign: contentAlign
|
| 186 |
} }
|
| 187 |
+
keepPlaceholderOnFocus
|
| 188 |
/>
|
| 189 |
+
<RichText
|
| 190 |
+
tagName={'p'}
|
| 191 |
+
value={ tagline }
|
| 192 |
+
className={ 'ugb-tagline' }
|
| 193 |
+
onChange={ (text) => setAttributes( { tagline: text } ) }
|
| 194 |
+
style={ {
|
| 195 |
+
color: taglineColor,
|
| 196 |
+
textAlign: contentAlign
|
| 197 |
+
} }
|
| 198 |
+
keepPlaceholderOnFocus
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 199 |
/>
|
| 200 |
+
<RichText
|
| 201 |
+
tagName={'p'}
|
| 202 |
+
value={ des }
|
| 203 |
+
className={ 'ugb-card-des' }
|
| 204 |
+
onChange={ (text) => setAttributes( { des: text } ) }
|
| 205 |
+
style={ {
|
| 206 |
+
color: desColor,
|
| 207 |
+
textAlign: contentAlign
|
| 208 |
+
} }
|
| 209 |
+
keepPlaceholderOnFocus
|
| 210 |
+
/>
|
| 211 |
+
<ButtonEdit size={ size } align={ contentAlign } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText } borderRadius={ cornerButtonRadius }
|
| 212 |
+
onChange={ (text) => setAttributes( { buttonText: text } ) }
|
| 213 |
+
/>
|
| 214 |
+
</div>
|
| 215 |
+
{ isSelected && (
|
| 216 |
+
<form
|
| 217 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 218 |
+
className={ `blocks-button__inline-link ugb-button-${contentAlign}` }
|
| 219 |
+
style={{ marginTop: 10 }}
|
| 220 |
+
>
|
| 221 |
+
<Dashicon icon={ 'admin-links' } />
|
| 222 |
+
<URLInput
|
| 223 |
+
value={ buttonURL }
|
| 224 |
+
onChange={ ( value ) => setAttributes( { buttonURL: value } ) }
|
| 225 |
+
/>
|
| 226 |
+
<IconButton
|
| 227 |
+
icon={ 'editor-break' }
|
| 228 |
+
label={ __( 'Apply' ) }
|
| 229 |
+
type={ 'submit' }
|
| 230 |
+
/>
|
| 231 |
+
</form>
|
| 232 |
+
) }
|
| 233 |
+
</Fragment>
|
| 234 |
+
)
|
| 235 |
}
|
| 236 |
|
| 237 |
export const save = ( props ) => {
|
| 259 |
return (
|
| 260 |
<div className={ `ugb-card ${imageClass}` }>
|
| 261 |
{ mediaURL && <div className="ugb-card-image-container" style={{ backgroundImage: `url(${mediaURL})`, textAlign: contentAlign }} data-src={mediaURL}></div> }
|
| 262 |
+
{ ! RichText.isEmpty( heading ) && (
|
| 263 |
+
<RichText.Content
|
| 264 |
+
tagName="h4"
|
| 265 |
+
style={ { color: headingColor, textAlign: contentAlign } }
|
| 266 |
+
value={ heading }
|
| 267 |
+
/>
|
| 268 |
) }
|
| 269 |
+
{ ! RichText.isEmpty( tagline ) && (
|
| 270 |
+
<RichText.Content
|
| 271 |
+
tagName="p"
|
| 272 |
+
className={ 'ugb-tagline' }
|
| 273 |
+
style={ { color: taglineColor, textAlign: contentAlign } }
|
| 274 |
+
value={ tagline }
|
| 275 |
+
/>
|
| 276 |
) }
|
| 277 |
+
{ ! RichText.isEmpty( des ) && (
|
| 278 |
+
<RichText.Content
|
| 279 |
+
tagName="p"
|
| 280 |
+
className={ 'ugb-card-des' }
|
| 281 |
+
style={ { color: desColor, textAlign: contentAlign } }
|
| 282 |
+
value={ des }
|
| 283 |
+
/>
|
| 284 |
) }
|
| 285 |
{ buttonText && !! buttonText.length && (
|
| 286 |
<ButtonSave size={ size } url={ buttonURL } align={ contentAlign } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
src/block/count-up/index.js
CHANGED
|
@@ -18,56 +18,47 @@ import {
|
|
| 18 |
InspectorControls,
|
| 19 |
RichText,
|
| 20 |
ColorPalette,
|
| 21 |
-
PanelBody
|
|
|
|
| 22 |
} from '../../wp-imports'
|
| 23 |
|
| 24 |
export const edit = ( props ) => {
|
| 25 |
|
| 26 |
-
const onSetActiveEditable = ( newEditable ) => () => {
|
| 27 |
-
setState( { editable: newEditable } )
|
| 28 |
-
}
|
| 29 |
-
|
| 30 |
const { isSelected, editable, setState, setAttributes, className } = props
|
| 31 |
|
| 32 |
const { color, headingColor, desColor, title, counter, des, fontSize } = props.attributes
|
| 33 |
|
| 34 |
-
return
|
| 35 |
-
<
|
| 36 |
-
<
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
onFocus={ onSetActiveEditable( 'des' ) }
|
| 66 |
-
style={{ color: desColor }}
|
| 67 |
-
/>
|
| 68 |
-
</div>,
|
| 69 |
-
isSelected && (
|
| 70 |
-
<InspectorControls key='inspector'>
|
| 71 |
<PanelColorSettings
|
| 72 |
title={ __( 'Color Settings' ) }
|
| 73 |
colorSettings={ [
|
|
@@ -100,8 +91,8 @@ export const edit = ( props ) => {
|
|
| 100 |
</RangeControl>
|
| 101 |
</PanelBody>
|
| 102 |
</InspectorControls>
|
| 103 |
-
|
| 104 |
-
|
| 105 |
}
|
| 106 |
|
| 107 |
export const save = ( props ) => {
|
|
@@ -110,16 +101,24 @@ export const save = ( props ) => {
|
|
| 110 |
|
| 111 |
return (
|
| 112 |
<div className={ 'ugb-countup' }>
|
| 113 |
-
<
|
| 114 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 115 |
className={ 'ugb-counter' }
|
| 116 |
style={ { color: color, fontSize: fontSize + 'px' } }
|
|
|
|
| 117 |
data-duration="1000"
|
| 118 |
data-delay="16"
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
|
|
|
|
|
|
| 123 |
</div>
|
| 124 |
);
|
| 125 |
}
|
| 18 |
InspectorControls,
|
| 19 |
RichText,
|
| 20 |
ColorPalette,
|
| 21 |
+
PanelBody,
|
| 22 |
+
Fragment,
|
| 23 |
} from '../../wp-imports'
|
| 24 |
|
| 25 |
export const edit = ( props ) => {
|
| 26 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 27 |
const { isSelected, editable, setState, setAttributes, className } = props
|
| 28 |
|
| 29 |
const { color, headingColor, desColor, title, counter, des, fontSize } = props.attributes
|
| 30 |
|
| 31 |
+
return (
|
| 32 |
+
<Fragment>
|
| 33 |
+
<div className={ 'ugb-countup' }>
|
| 34 |
+
<RichText
|
| 35 |
+
tagName={ 'h4' }
|
| 36 |
+
value={ title }
|
| 37 |
+
onChange={ ( nextValue ) => setAttributes( { title: nextValue } ) }
|
| 38 |
+
style={{ color: headingColor }}
|
| 39 |
+
/>
|
| 40 |
+
<RichText
|
| 41 |
+
tagName={ 'div' }
|
| 42 |
+
className={ 'ugb-counter' }
|
| 43 |
+
placeholder={ counter.default }
|
| 44 |
+
data-duration="1000"
|
| 45 |
+
data-delay="16"
|
| 46 |
+
value={ counter }
|
| 47 |
+
onChange={ ( nextValue ) => setAttributes( { counter: nextValue } ) }
|
| 48 |
+
style={ {
|
| 49 |
+
color: color,
|
| 50 |
+
fontSize: fontSize + 'px'
|
| 51 |
+
} }
|
| 52 |
+
/>
|
| 53 |
+
<RichText
|
| 54 |
+
tagName={ 'p' }
|
| 55 |
+
className={ 'ugb-counter-des' }
|
| 56 |
+
value={ des }
|
| 57 |
+
onChange={ ( nextValue ) => setAttributes( { des: nextValue } ) }
|
| 58 |
+
style={{ color: desColor }}
|
| 59 |
+
/>
|
| 60 |
+
</div>
|
| 61 |
+
<InspectorControls>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 62 |
<PanelColorSettings
|
| 63 |
title={ __( 'Color Settings' ) }
|
| 64 |
colorSettings={ [
|
| 91 |
</RangeControl>
|
| 92 |
</PanelBody>
|
| 93 |
</InspectorControls>
|
| 94 |
+
</Fragment>
|
| 95 |
+
)
|
| 96 |
}
|
| 97 |
|
| 98 |
export const save = ( props ) => {
|
| 101 |
|
| 102 |
return (
|
| 103 |
<div className={ 'ugb-countup' }>
|
| 104 |
+
<RichText.Content
|
| 105 |
+
tagName="h4"
|
| 106 |
+
style={ { color: headingColor } }
|
| 107 |
+
value={ title }
|
| 108 |
+
/>
|
| 109 |
+
<RichText.Content
|
| 110 |
+
tagName="div"
|
| 111 |
className={ 'ugb-counter' }
|
| 112 |
style={ { color: color, fontSize: fontSize + 'px' } }
|
| 113 |
+
value={ counter }
|
| 114 |
data-duration="1000"
|
| 115 |
data-delay="16"
|
| 116 |
+
/>
|
| 117 |
+
<RichText.Content
|
| 118 |
+
tagName="p"
|
| 119 |
+
style={ { color: desColor } }
|
| 120 |
+
value={ des }
|
| 121 |
+
/>
|
| 122 |
</div>
|
| 123 |
);
|
| 124 |
}
|
src/block/divider/index.js
CHANGED
|
@@ -19,7 +19,8 @@ import {
|
|
| 19 |
AlignmentToolbar,
|
| 20 |
PanelColorSettings,
|
| 21 |
RangeControl,
|
| 22 |
-
PanelBody
|
|
|
|
| 23 |
} from '../../wp-imports'
|
| 24 |
|
| 25 |
export const save = ( props ) => {
|
|
@@ -37,9 +38,9 @@ export const edit = ( props ) => {
|
|
| 37 |
|
| 38 |
const { height, width, color, alignment } = props.attributes;
|
| 39 |
|
| 40 |
-
return
|
| 41 |
-
|
| 42 |
-
<BlockControls
|
| 43 |
<AlignmentToolbar
|
| 44 |
value={alignment}
|
| 45 |
onChange={function( alignment ) {
|
|
@@ -47,9 +48,7 @@ export const edit = ( props ) => {
|
|
| 47 |
}}
|
| 48 |
/>
|
| 49 |
</BlockControls>
|
| 50 |
-
|
| 51 |
-
isSelected && (
|
| 52 |
-
<InspectorControls key='inspector'>
|
| 53 |
<PanelBody>
|
| 54 |
<RangeControl
|
| 55 |
label={__('Height')}
|
|
@@ -71,7 +70,6 @@ export const edit = ( props ) => {
|
|
| 71 |
}}
|
| 72 |
/>
|
| 73 |
</PanelBody>
|
| 74 |
-
|
| 75 |
<PanelColorSettings
|
| 76 |
title={ __( 'Color Settings' ) }
|
| 77 |
colorSettings={ [
|
|
@@ -84,12 +82,11 @@ export const edit = ( props ) => {
|
|
| 84 |
>
|
| 85 |
</PanelColorSettings>
|
| 86 |
</InspectorControls>
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
]
|
| 93 |
}
|
| 94 |
|
| 95 |
|
| 19 |
AlignmentToolbar,
|
| 20 |
PanelColorSettings,
|
| 21 |
RangeControl,
|
| 22 |
+
PanelBody,
|
| 23 |
+
Fragment,
|
| 24 |
} from '../../wp-imports'
|
| 25 |
|
| 26 |
export const save = ( props ) => {
|
| 38 |
|
| 39 |
const { height, width, color, alignment } = props.attributes;
|
| 40 |
|
| 41 |
+
return (
|
| 42 |
+
<Fragment>
|
| 43 |
+
<BlockControls>
|
| 44 |
<AlignmentToolbar
|
| 45 |
value={alignment}
|
| 46 |
onChange={function( alignment ) {
|
| 48 |
}}
|
| 49 |
/>
|
| 50 |
</BlockControls>
|
| 51 |
+
<InspectorControls>
|
|
|
|
|
|
|
| 52 |
<PanelBody>
|
| 53 |
<RangeControl
|
| 54 |
label={__('Height')}
|
| 70 |
}}
|
| 71 |
/>
|
| 72 |
</PanelBody>
|
|
|
|
| 73 |
<PanelColorSettings
|
| 74 |
title={ __( 'Color Settings' ) }
|
| 75 |
colorSettings={ [
|
| 82 |
>
|
| 83 |
</PanelColorSettings>
|
| 84 |
</InspectorControls>
|
| 85 |
+
<div className={ 'ugb-divider' } style={{ paddingTop: 8, paddingBottom: 8 }}>
|
| 86 |
+
<hr align={alignment} style={{marginTop: 0, marginBottom: 0, backgroundColor:color, width:width + '%', height:height}} />
|
| 87 |
+
</div>
|
| 88 |
+
</Fragment>
|
| 89 |
+
)
|
|
|
|
| 90 |
}
|
| 91 |
|
| 92 |
|
src/block/expand/index.js
CHANGED
|
@@ -14,26 +14,9 @@ import {
|
|
| 14 |
registerBlockType,
|
| 15 |
__,
|
| 16 |
RichText,
|
| 17 |
-
|
| 18 |
} from '../../wp-imports'
|
| 19 |
|
| 20 |
-
const toRichTextMultilineValue = value => {
|
| 21 |
-
if ( value.map ) {
|
| 22 |
-
return value.map( ( subValue => subValue.children ) );
|
| 23 |
-
}
|
| 24 |
-
return ''
|
| 25 |
-
}
|
| 26 |
-
|
| 27 |
-
const fromRichTextMultilineValue = value => {
|
| 28 |
-
if ( value.map ) {
|
| 29 |
-
return value.map( ( subValue ) => ( {
|
| 30 |
-
children: subValue,
|
| 31 |
-
} ) );
|
| 32 |
-
}
|
| 33 |
-
return ''
|
| 34 |
-
}
|
| 35 |
-
|
| 36 |
-
|
| 37 |
export const edit = ( props ) => {
|
| 38 |
|
| 39 |
const {
|
|
@@ -46,10 +29,6 @@ export const edit = ( props ) => {
|
|
| 46 |
isSelected,
|
| 47 |
} = props
|
| 48 |
|
| 49 |
-
const onSetActiveEditable = ( newEditable ) => () => {
|
| 50 |
-
setState( { editable: newEditable } );
|
| 51 |
-
};
|
| 52 |
-
|
| 53 |
const {
|
| 54 |
text,
|
| 55 |
moreLabel,
|
|
@@ -57,62 +36,53 @@ export const edit = ( props ) => {
|
|
| 57 |
lessLabel,
|
| 58 |
} = props.attributes
|
| 59 |
|
| 60 |
-
return
|
| 61 |
-
|
| 62 |
-
<
|
| 63 |
-
|
| 64 |
-
<div key='expand' className={ className }>
|
| 65 |
-
{ isSelected && <label className="ugb-editor-label">Less text</label> }
|
| 66 |
-
<RichText
|
| 67 |
-
multiline='p'
|
| 68 |
-
placeholder={ props.attributes.text.default }
|
| 69 |
-
value={ toRichTextMultilineValue( text ) }
|
| 70 |
-
onChange={ (text) => setAttributes( { text: fromRichTextMultilineValue( text ) } ) }
|
| 71 |
-
isSelected={ isSelected && editable === 'text' }
|
| 72 |
-
onFocus={ onSetActiveEditable( 'text' ) }
|
| 73 |
-
className={`ugb-expand-less-text`}
|
| 74 |
-
placeholder={ __( 'Some short text that can be expanded to show more details.' ) }
|
| 75 |
-
/>
|
| 76 |
-
<RichText
|
| 77 |
-
tagName='a'
|
| 78 |
-
placeholder={ props.attributes.moreLabel.default }
|
| 79 |
-
value={ moreLabel }
|
| 80 |
-
isSelected={ isSelected && editable === 'moreLabel' }
|
| 81 |
-
onFocus={ onSetActiveEditable( 'moreLabel' ) }
|
| 82 |
-
onChange={ (text) => setAttributes( { moreLabel: text } ) }
|
| 83 |
-
formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
|
| 84 |
-
className={`ugb-expand-more`}
|
| 85 |
-
placeholder={ __( 'Show more' ) }
|
| 86 |
-
/>
|
| 87 |
-
{ isSelected && <label className="ugb-editor-label">More text</label> }
|
| 88 |
-
{
|
| 89 |
-
isSelected &&
|
| 90 |
<RichText
|
| 91 |
multiline='p'
|
| 92 |
-
placeholder={ props.attributes.
|
| 93 |
-
value={
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
className={`ugb-expand-more-text`}
|
| 98 |
-
placeholder={ __( 'Some short text that can be expanded to show more details. Some additional text that can only be seen when expanded.' ) }
|
| 99 |
/>
|
| 100 |
-
}
|
| 101 |
-
{ isSelected &&
|
| 102 |
<RichText
|
| 103 |
tagName='a'
|
| 104 |
-
placeholder={ props.attributes.
|
| 105 |
-
value={
|
| 106 |
-
|
| 107 |
-
onFocus={ onSetActiveEditable( 'lessLabel' ) }
|
| 108 |
-
onChange={ (text) => setAttributes( { lessLabel: text } ) }
|
| 109 |
formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
|
| 110 |
-
className={`ugb-expand-
|
| 111 |
-
placeholder={ __( 'Show
|
| 112 |
/>
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 116 |
}
|
| 117 |
|
| 118 |
export const save = ( props ) => {
|
|
@@ -126,19 +96,34 @@ export const save = ( props ) => {
|
|
| 126 |
|
| 127 |
return (
|
| 128 |
<div>
|
| 129 |
-
<div className=
|
| 130 |
-
{
|
| 131 |
-
<
|
| 132 |
-
|
|
|
|
|
|
|
|
|
|
| 133 |
</div>
|
| 134 |
-
<div className='ugb-expand-more-text' style={{ display: 'none' }}>
|
| 135 |
-
{
|
| 136 |
-
<
|
| 137 |
-
|
|
|
|
|
|
|
|
|
|
| 138 |
</div>
|
| 139 |
<a className='ugb-expand-button' href="#">
|
| 140 |
-
<
|
| 141 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 142 |
</a>
|
| 143 |
</div>
|
| 144 |
)
|
|
@@ -172,25 +157,17 @@ registerBlockType( 'ugb/expand', {
|
|
| 172 |
// Multilines.
|
| 173 |
text: {
|
| 174 |
type: 'array',
|
| 175 |
-
source: '
|
| 176 |
-
selector: '.ugb-expand-less-text
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
source: 'node',
|
| 180 |
-
},
|
| 181 |
-
},
|
| 182 |
-
default: [],
|
| 183 |
},
|
| 184 |
moreText: {
|
| 185 |
type: 'array',
|
| 186 |
-
source: '
|
| 187 |
-
selector: '.ugb-expand-more-text
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
source: 'node',
|
| 191 |
-
},
|
| 192 |
-
},
|
| 193 |
-
default: [],
|
| 194 |
},
|
| 195 |
|
| 196 |
// Single lines.
|
| 14 |
registerBlockType,
|
| 15 |
__,
|
| 16 |
RichText,
|
| 17 |
+
Fragment,
|
| 18 |
} from '../../wp-imports'
|
| 19 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 20 |
export const edit = ( props ) => {
|
| 21 |
|
| 22 |
const {
|
| 29 |
isSelected,
|
| 30 |
} = props
|
| 31 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 32 |
const {
|
| 33 |
text,
|
| 34 |
moreLabel,
|
| 36 |
lessLabel,
|
| 37 |
} = props.attributes
|
| 38 |
|
| 39 |
+
return (
|
| 40 |
+
<Fragment>
|
| 41 |
+
<div className={ className }>
|
| 42 |
+
{ isSelected && <label className="ugb-editor-label">Less text</label> }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 43 |
<RichText
|
| 44 |
multiline='p'
|
| 45 |
+
placeholder={ props.attributes.text.default }
|
| 46 |
+
value={ text }
|
| 47 |
+
onChange={ (text) => setAttributes( { text } ) }
|
| 48 |
+
className={`ugb-expand-less-text`}
|
| 49 |
+
placeholder={ __( 'Some short text that can be expanded to show more details.' ) }
|
|
|
|
|
|
|
| 50 |
/>
|
|
|
|
|
|
|
| 51 |
<RichText
|
| 52 |
tagName='a'
|
| 53 |
+
placeholder={ props.attributes.moreLabel.default }
|
| 54 |
+
value={ moreLabel }
|
| 55 |
+
onChange={ (text) => setAttributes( { moreLabel: text } ) }
|
|
|
|
|
|
|
| 56 |
formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
|
| 57 |
+
className={`ugb-expand-more`}
|
| 58 |
+
placeholder={ __( 'Show more' ) }
|
| 59 |
/>
|
| 60 |
+
{ isSelected && <label className="ugb-editor-label">More text</label> }
|
| 61 |
+
{
|
| 62 |
+
isSelected &&
|
| 63 |
+
<RichText
|
| 64 |
+
multiline='p'
|
| 65 |
+
placeholder={ props.attributes.moreText.default }
|
| 66 |
+
value={ moreText }
|
| 67 |
+
onChange={ (text) => setAttributes( { moreText: text } ) }
|
| 68 |
+
className={`ugb-expand-more-text`}
|
| 69 |
+
placeholder={ __( 'Some short text that can be expanded to show more details. Some additional text that can only be seen when expanded.' ) }
|
| 70 |
+
/>
|
| 71 |
+
}
|
| 72 |
+
{ isSelected &&
|
| 73 |
+
<RichText
|
| 74 |
+
tagName='a'
|
| 75 |
+
placeholder={ props.attributes.lessLabel.default }
|
| 76 |
+
value={ lessLabel }
|
| 77 |
+
onChange={ (text) => setAttributes( { lessLabel: text } ) }
|
| 78 |
+
formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
|
| 79 |
+
className={`ugb-expand-less`}
|
| 80 |
+
placeholder={ __( 'Show less' ) }
|
| 81 |
+
/>
|
| 82 |
+
}
|
| 83 |
+
</div>
|
| 84 |
+
</Fragment>
|
| 85 |
+
)
|
| 86 |
}
|
| 87 |
|
| 88 |
export const save = ( props ) => {
|
| 96 |
|
| 97 |
return (
|
| 98 |
<div>
|
| 99 |
+
<div className="ugb-expand-less-text">
|
| 100 |
+
{ ! RichText.isEmpty( text ) && (
|
| 101 |
+
<RichText.Content
|
| 102 |
+
multiline="p"
|
| 103 |
+
value={ text }
|
| 104 |
+
/>
|
| 105 |
+
) }
|
| 106 |
</div>
|
| 107 |
+
<div className='ugb-expand-more-text' style={ { display: 'none' } }>
|
| 108 |
+
{ ! RichText.isEmpty( moreText ) && (
|
| 109 |
+
<RichText.Content
|
| 110 |
+
multiline="p"
|
| 111 |
+
value={ moreText }
|
| 112 |
+
/>
|
| 113 |
+
) }
|
| 114 |
</div>
|
| 115 |
<a className='ugb-expand-button' href="#">
|
| 116 |
+
<RichText.Content
|
| 117 |
+
className='ugb-expand-more'
|
| 118 |
+
tagName="span"
|
| 119 |
+
value={ moreLabel }
|
| 120 |
+
/>
|
| 121 |
+
<RichText.Content
|
| 122 |
+
className='ugb-expand-less'
|
| 123 |
+
tagName="span"
|
| 124 |
+
value={ lessLabel }
|
| 125 |
+
style={ { display: 'none' } }
|
| 126 |
+
/>
|
| 127 |
</a>
|
| 128 |
</div>
|
| 129 |
)
|
| 157 |
// Multilines.
|
| 158 |
text: {
|
| 159 |
type: 'array',
|
| 160 |
+
source: 'children',
|
| 161 |
+
selector: '.ugb-expand-less-text',
|
| 162 |
+
multiline: 'p',
|
| 163 |
+
default: '',
|
|
|
|
|
|
|
|
|
|
|
|
|
| 164 |
},
|
| 165 |
moreText: {
|
| 166 |
type: 'array',
|
| 167 |
+
source: 'children',
|
| 168 |
+
selector: '.ugb-expand-more-text',
|
| 169 |
+
multiline: 'p',
|
| 170 |
+
default: '',
|
|
|
|
|
|
|
|
|
|
|
|
|
| 171 |
},
|
| 172 |
|
| 173 |
// Single lines.
|
src/block/expand/style.scss
CHANGED
|
@@ -14,7 +14,7 @@
|
|
| 14 |
display: none;
|
| 15 |
}
|
| 16 |
.ugb-expand-more-text, .ugb-expand-less {
|
| 17 |
-
display:
|
| 18 |
}
|
| 19 |
}
|
| 20 |
}
|
| 14 |
display: none;
|
| 15 |
}
|
| 16 |
.ugb-expand-more-text, .ugb-expand-less {
|
| 17 |
+
display: block !important;
|
| 18 |
}
|
| 19 |
}
|
| 20 |
}
|
src/block/ghost-button/index.js
CHANGED
|
@@ -28,6 +28,7 @@ import {
|
|
| 28 |
PanelBody,
|
| 29 |
omit,
|
| 30 |
merge,
|
|
|
|
| 31 |
} from '../../wp-imports'
|
| 32 |
|
| 33 |
export const edit = ( props ) => {
|
|
@@ -53,8 +54,8 @@ export const edit = ( props ) => {
|
|
| 53 |
{ value: 'large', label: __( 'Large' ) },
|
| 54 |
]
|
| 55 |
|
| 56 |
-
return
|
| 57 |
-
|
| 58 |
<BlockControls>
|
| 59 |
<BlockAlignmentToolbar
|
| 60 |
value={ align }
|
|
@@ -64,85 +65,81 @@ export const edit = ( props ) => {
|
|
| 64 |
controls={ [ 'left', 'center', 'right', 'full' ] }
|
| 65 |
/>
|
| 66 |
</BlockControls>
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
|
| 85 |
-
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
|
| 91 |
-
|
| 92 |
-
|
| 93 |
-
|
| 94 |
-
|
| 95 |
-
|
| 96 |
-
|
| 97 |
-
|
| 98 |
-
|
| 99 |
-
|
| 100 |
-
|
| 101 |
-
|
| 102 |
-
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
},
|
| 122 |
-
] }
|
| 123 |
-
>
|
| 124 |
-
</PanelColorSettings>
|
| 125 |
-
</InspectorControls>
|
| 126 |
-
}
|
| 127 |
-
</span>,
|
| 128 |
-
isSelected && (
|
| 129 |
-
<form
|
| 130 |
-
key={ 'form-link' }
|
| 131 |
-
onSubmit={ ( event ) => event.preventDefault() }
|
| 132 |
-
className={ `blocks-button__inline-link`}>
|
| 133 |
-
<Dashicon icon={ 'admin-links' } />
|
| 134 |
-
<URLInput
|
| 135 |
-
value={ url }
|
| 136 |
-
onChange={ ( value ) => setAttributes( { url: value } ) }
|
| 137 |
-
/>
|
| 138 |
-
<IconButton
|
| 139 |
-
icon={ 'editor-break' }
|
| 140 |
-
label={ __( 'Apply' ) }
|
| 141 |
-
type={ 'submit' }
|
| 142 |
/>
|
| 143 |
-
</
|
| 144 |
-
|
| 145 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 146 |
}
|
| 147 |
|
| 148 |
export const save = ( props ) => {
|
|
@@ -165,9 +162,13 @@ export const save = ( props ) => {
|
|
| 165 |
|
| 166 |
return (
|
| 167 |
<div className={ `ugb-button ugb-ghost-button ugb-button-${align} ugb-button-${size}` } style={ buttonStyle }>
|
| 168 |
-
<
|
| 169 |
-
|
| 170 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 171 |
</div>
|
| 172 |
);
|
| 173 |
}
|
| 28 |
PanelBody,
|
| 29 |
omit,
|
| 30 |
merge,
|
| 31 |
+
Fragment,
|
| 32 |
} from '../../wp-imports'
|
| 33 |
|
| 34 |
export const edit = ( props ) => {
|
| 54 |
{ value: 'large', label: __( 'Large' ) },
|
| 55 |
]
|
| 56 |
|
| 57 |
+
return (
|
| 58 |
+
<Fragment>
|
| 59 |
<BlockControls>
|
| 60 |
<BlockAlignmentToolbar
|
| 61 |
value={ align }
|
| 65 |
controls={ [ 'left', 'center', 'right', 'full' ] }
|
| 66 |
/>
|
| 67 |
</BlockControls>
|
| 68 |
+
<InspectorControls>
|
| 69 |
+
<PanelBody>
|
| 70 |
+
<SelectControl
|
| 71 |
+
label={ __( 'Size' ) }
|
| 72 |
+
value={ size }
|
| 73 |
+
options={ buttonSizes.map( ( { value, label } ) => ( {
|
| 74 |
+
value: value,
|
| 75 |
+
label: label,
|
| 76 |
+
} ) ) }
|
| 77 |
+
onChange={ ( newSize ) => { setAttributes( { size: newSize } ) } }
|
| 78 |
+
/>
|
| 79 |
+
<RangeControl
|
| 80 |
+
label={ __( 'Corner Radius' ) }
|
| 81 |
+
value={ cornerButtonRadius }
|
| 82 |
+
min='1'
|
| 83 |
+
max='50'
|
| 84 |
+
onChange={ ( cornerRad ) => setAttributes( { cornerButtonRadius: cornerRad } ) }
|
| 85 |
+
/>
|
| 86 |
+
<RangeControl
|
| 87 |
+
label={ __( 'Border Thickness' ) }
|
| 88 |
+
value={ borderThickness }
|
| 89 |
+
min='1'
|
| 90 |
+
max='10'
|
| 91 |
+
onChange={ ( borderThick ) => setAttributes( { borderThickness: borderThick } ) }
|
| 92 |
+
/>
|
| 93 |
+
</PanelBody>
|
| 94 |
+
<PanelColorSettings
|
| 95 |
+
title={ __( 'Color Settings' ) }
|
| 96 |
+
colorSettings={ [
|
| 97 |
+
{
|
| 98 |
+
value: color,
|
| 99 |
+
onChange: ( colorValue ) => setAttributes( { color: colorValue } ),
|
| 100 |
+
label: __( 'Button Color' ),
|
| 101 |
+
},
|
| 102 |
+
] }
|
| 103 |
+
>
|
| 104 |
+
</PanelColorSettings>
|
| 105 |
+
</InspectorControls>
|
| 106 |
+
<span
|
| 107 |
+
className={ `ugb-button ugb-ghost-button ugb-button-${align} ugb-button-${size}` }
|
| 108 |
+
style={ {
|
| 109 |
+
borderColor: color,
|
| 110 |
+
borderRadius: cornerButtonRadius + 'px',
|
| 111 |
+
borderWidth: borderThickness + 'px',
|
| 112 |
+
} } >
|
| 113 |
+
<RichText
|
| 114 |
+
tagName={ 'span' }
|
| 115 |
+
placeholder={ __( 'Enter Text' ) }
|
| 116 |
+
value={ text }
|
| 117 |
+
onChange={ ( text ) => setAttributes( { text: text } ) }
|
| 118 |
+
formattingControls={ [ 'bold', 'italic', 'strikethrough' ] }
|
| 119 |
+
className={ `ugb-button-inner` }
|
| 120 |
+
style={ { color } }
|
| 121 |
+
keepPlaceholderOnFocus
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 122 |
/>
|
| 123 |
+
</span>
|
| 124 |
+
{ isSelected && (
|
| 125 |
+
<form
|
| 126 |
+
key={ 'form-link' }
|
| 127 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 128 |
+
className={ `blocks-button__inline-link`}>
|
| 129 |
+
<Dashicon icon={ 'admin-links' } />
|
| 130 |
+
<URLInput
|
| 131 |
+
value={ url }
|
| 132 |
+
onChange={ ( value ) => setAttributes( { url: value } ) }
|
| 133 |
+
/>
|
| 134 |
+
<IconButton
|
| 135 |
+
icon={ 'editor-break' }
|
| 136 |
+
label={ __( 'Apply' ) }
|
| 137 |
+
type={ 'submit' }
|
| 138 |
+
/>
|
| 139 |
+
</form>
|
| 140 |
+
) }
|
| 141 |
+
</Fragment>
|
| 142 |
+
)
|
| 143 |
}
|
| 144 |
|
| 145 |
export const save = ( props ) => {
|
| 162 |
|
| 163 |
return (
|
| 164 |
<div className={ `ugb-button ugb-ghost-button ugb-button-${align} ugb-button-${size}` } style={ buttonStyle }>
|
| 165 |
+
<RichText.Content
|
| 166 |
+
className='ugb-button-inner'
|
| 167 |
+
tagName="a"
|
| 168 |
+
value={ text }
|
| 169 |
+
href={ url }
|
| 170 |
+
style={ { color } }
|
| 171 |
+
/>
|
| 172 |
</div>
|
| 173 |
);
|
| 174 |
}
|
src/block/header/index.js
CHANGED
|
@@ -32,7 +32,8 @@ import {
|
|
| 32 |
InspectorControls,
|
| 33 |
ColorPalette,
|
| 34 |
PanelBody,
|
| 35 |
-
URLInput
|
|
|
|
| 36 |
} from '../../wp-imports'
|
| 37 |
|
| 38 |
export const edit = ( props ) => {
|
|
@@ -74,10 +75,6 @@ export const edit = ( props ) => {
|
|
| 74 |
}
|
| 75 |
);
|
| 76 |
|
| 77 |
-
const onSetActiveEditable = ( newEditable ) => () => {
|
| 78 |
-
setState( { editable: newEditable } )
|
| 79 |
-
}
|
| 80 |
-
|
| 81 |
const buttonSizes = [
|
| 82 |
{ value: 'small', label: __( 'Small' ) },
|
| 83 |
{ value: 'normal', label: __( 'Normal' ) },
|
|
@@ -85,9 +82,9 @@ export const edit = ( props ) => {
|
|
| 85 |
{ value: 'large', label: __( 'Large' ) },
|
| 86 |
];
|
| 87 |
|
| 88 |
-
return
|
| 89 |
-
|
| 90 |
-
<BlockControls
|
| 91 |
<AlignmentToolbar
|
| 92 |
value={ contentAlign }
|
| 93 |
onChange={ ( newAlign ) => setAttributes( { contentAlign: newAlign } ) }
|
|
@@ -108,8 +105,6 @@ export const edit = ( props ) => {
|
|
| 108 |
/>
|
| 109 |
</Toolbar>
|
| 110 |
</BlockControls>
|
| 111 |
-
),
|
| 112 |
-
isSelected && (
|
| 113 |
<InspectorControls>
|
| 114 |
<PanelBody
|
| 115 |
title={ __( 'General' ) }
|
|
@@ -179,90 +174,82 @@ export const edit = ( props ) => {
|
|
| 179 |
>
|
| 180 |
</PanelColorSettings>
|
| 181 |
</InspectorControls>
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
className={ `ugb-header ${imageClass} ` }
|
| 185 |
-
>
|
| 186 |
-
<div className={ `ugb-header-overlay ${opacityClass}` }
|
| 187 |
-
style={ {
|
| 188 |
-
backgroundColor: backgroundColor,
|
| 189 |
-
} }
|
| 190 |
-
>
|
| 191 |
-
</div>
|
| 192 |
-
<MediaUpload
|
| 193 |
-
onSelect={ ( media ) => setAttributes( { url: media.url, id: media.id } ) }
|
| 194 |
-
type={'image'}
|
| 195 |
-
value={id}
|
| 196 |
-
render={ function( obj ) {
|
| 197 |
-
return [
|
| 198 |
-
! url && (
|
| 199 |
-
<Button
|
| 200 |
-
className={ id ? '' : 'button button-large' }
|
| 201 |
-
onClick={ obj.open }
|
| 202 |
-
>
|
| 203 |
-
{__('Upload Image')}
|
| 204 |
-
</Button>
|
| 205 |
-
)
|
| 206 |
-
]
|
| 207 |
-
} }
|
| 208 |
-
/>
|
| 209 |
-
<section
|
| 210 |
-
key="preview"
|
| 211 |
-
data-url={ url }
|
| 212 |
-
style={ style }
|
| 213 |
-
className={ 'ugb-header-section' }
|
| 214 |
-
>
|
| 215 |
-
<RichText
|
| 216 |
-
tagName="h2"
|
| 217 |
-
className={ 'ugb-header-title' }
|
| 218 |
-
placeholder={ title.default }
|
| 219 |
-
value={ title }
|
| 220 |
-
onChange={ ( value ) => setAttributes( { title: value } ) }
|
| 221 |
-
isSelected={ isSelected && editable === 'title' }
|
| 222 |
-
onFocus={ onSetActiveEditable( 'title' ) }
|
| 223 |
style={ {
|
| 224 |
-
|
| 225 |
-
color: titleColor
|
| 226 |
} }
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
value={
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 239 |
} }
|
| 240 |
/>
|
| 241 |
-
<
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 245 |
/>
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
|
| 250 |
-
|
| 251 |
-
|
| 252 |
-
|
| 253 |
-
|
| 254 |
-
|
| 255 |
-
|
| 256 |
-
|
| 257 |
-
|
| 258 |
-
|
| 259 |
-
|
| 260 |
-
|
| 261 |
-
|
| 262 |
-
|
| 263 |
-
|
| 264 |
-
|
| 265 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 266 |
}
|
| 267 |
|
| 268 |
export const save = ( props ) => {
|
|
@@ -308,15 +295,21 @@ export const save = ( props ) => {
|
|
| 308 |
data-url={ url }
|
| 309 |
style={ style }
|
| 310 |
className={ 'ugb-header-section' }>
|
| 311 |
-
{
|
| 312 |
-
<
|
| 313 |
-
|
| 314 |
-
|
|
|
|
|
|
|
|
|
|
| 315 |
) }
|
| 316 |
-
{
|
| 317 |
-
<
|
| 318 |
-
|
| 319 |
-
|
|
|
|
|
|
|
|
|
|
| 320 |
) }
|
| 321 |
{ buttonText && !! buttonText.length && (
|
| 322 |
<ButtonSave size={ size } url={ buttonURL } align={ contentAlign } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
| 32 |
InspectorControls,
|
| 33 |
ColorPalette,
|
| 34 |
PanelBody,
|
| 35 |
+
URLInput,
|
| 36 |
+
Fragment,
|
| 37 |
} from '../../wp-imports'
|
| 38 |
|
| 39 |
export const edit = ( props ) => {
|
| 75 |
}
|
| 76 |
);
|
| 77 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 78 |
const buttonSizes = [
|
| 79 |
{ value: 'small', label: __( 'Small' ) },
|
| 80 |
{ value: 'normal', label: __( 'Normal' ) },
|
| 82 |
{ value: 'large', label: __( 'Large' ) },
|
| 83 |
];
|
| 84 |
|
| 85 |
+
return (
|
| 86 |
+
<Fragment>
|
| 87 |
+
<BlockControls>
|
| 88 |
<AlignmentToolbar
|
| 89 |
value={ contentAlign }
|
| 90 |
onChange={ ( newAlign ) => setAttributes( { contentAlign: newAlign } ) }
|
| 105 |
/>
|
| 106 |
</Toolbar>
|
| 107 |
</BlockControls>
|
|
|
|
|
|
|
| 108 |
<InspectorControls>
|
| 109 |
<PanelBody
|
| 110 |
title={ __( 'General' ) }
|
| 174 |
>
|
| 175 |
</PanelColorSettings>
|
| 176 |
</InspectorControls>
|
| 177 |
+
<div className={ `ugb-header ${imageClass} ` } >
|
| 178 |
+
<div className={ `ugb-header-overlay ${opacityClass}` }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 179 |
style={ {
|
| 180 |
+
backgroundColor: backgroundColor,
|
|
|
|
| 181 |
} }
|
| 182 |
+
>
|
| 183 |
+
</div>
|
| 184 |
+
<MediaUpload
|
| 185 |
+
onSelect={ ( media ) => setAttributes( { url: media.url, id: media.id } ) }
|
| 186 |
+
type={'image'}
|
| 187 |
+
value={id}
|
| 188 |
+
render={ function( obj ) {
|
| 189 |
+
return [
|
| 190 |
+
! url && (
|
| 191 |
+
<Button
|
| 192 |
+
className={ id ? '' : 'button button-large' }
|
| 193 |
+
onClick={ obj.open }
|
| 194 |
+
>
|
| 195 |
+
{__('Upload Image')}
|
| 196 |
+
</Button>
|
| 197 |
+
)
|
| 198 |
+
]
|
| 199 |
} }
|
| 200 |
/>
|
| 201 |
+
<section
|
| 202 |
+
data-url={ url }
|
| 203 |
+
style={ style }
|
| 204 |
+
className={ 'ugb-header-section' }
|
| 205 |
+
>
|
| 206 |
+
<RichText
|
| 207 |
+
tagName="h2"
|
| 208 |
+
className={ 'ugb-header-title' }
|
| 209 |
+
placeholder={ title.default }
|
| 210 |
+
value={ title }
|
| 211 |
+
onChange={ ( value ) => setAttributes( { title: value } ) }
|
| 212 |
+
style={ {
|
| 213 |
+
textAlign: contentAlign,
|
| 214 |
+
color: titleColor
|
| 215 |
+
} }
|
| 216 |
/>
|
| 217 |
+
<RichText
|
| 218 |
+
tagName="p"
|
| 219 |
+
className={ 'ugb-header-subtitle' }
|
| 220 |
+
placeholder={ subtitle.default }
|
| 221 |
+
value={ subtitle }
|
| 222 |
+
onChange={ ( value ) => setAttributes( { subtitle: value } ) }
|
| 223 |
+
style={ {
|
| 224 |
+
textAlign: contentAlign,
|
| 225 |
+
color: subtitleColor
|
| 226 |
+
} }
|
| 227 |
+
/>
|
| 228 |
+
<ButtonEdit size={ size } align={ contentAlign } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText } borderRadius={ cornerButtonRadius }
|
| 229 |
+
onChange={ (text) => setAttributes( { buttonText: text } ) }
|
| 230 |
+
/>
|
| 231 |
+
</section>
|
| 232 |
+
</div>
|
| 233 |
+
{ isSelected && (
|
| 234 |
+
<form
|
| 235 |
+
key={ 'form-link' }
|
| 236 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 237 |
+
className={ `blocks-button__inline-link ugb-button-${contentAlign}`}
|
| 238 |
+
>
|
| 239 |
+
<Dashicon icon={ 'admin-links' } />
|
| 240 |
+
<URLInput
|
| 241 |
+
value={ buttonURL }
|
| 242 |
+
onChange={ ( value ) => setAttributes( { buttonURL: value } ) }
|
| 243 |
+
/>
|
| 244 |
+
<IconButton
|
| 245 |
+
icon={ 'editor-break' }
|
| 246 |
+
label={ __( 'Apply' ) }
|
| 247 |
+
type={ 'submit' }
|
| 248 |
+
/>
|
| 249 |
+
</form>
|
| 250 |
+
) }
|
| 251 |
+
</Fragment>
|
| 252 |
+
)
|
| 253 |
}
|
| 254 |
|
| 255 |
export const save = ( props ) => {
|
| 295 |
data-url={ url }
|
| 296 |
style={ style }
|
| 297 |
className={ 'ugb-header-section' }>
|
| 298 |
+
{ ! RichText.isEmpty( title ) && (
|
| 299 |
+
<RichText.Content
|
| 300 |
+
tagName='h2'
|
| 301 |
+
className='ugb-header-title'
|
| 302 |
+
style={ { color: titleColor } }
|
| 303 |
+
value={ title }
|
| 304 |
+
/>
|
| 305 |
) }
|
| 306 |
+
{ ! RichText.isEmpty( subtitle ) && (
|
| 307 |
+
<RichText.Content
|
| 308 |
+
tagName='p'
|
| 309 |
+
className='ugb-header-subtitle'
|
| 310 |
+
style={ { color: subtitleColor } }
|
| 311 |
+
value={ subtitle }
|
| 312 |
+
/>
|
| 313 |
) }
|
| 314 |
{ buttonText && !! buttonText.length && (
|
| 315 |
<ButtonSave size={ size } url={ buttonURL } align={ contentAlign } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
src/block/image-box/index.js
CHANGED
|
@@ -25,7 +25,8 @@ import {
|
|
| 25 |
BlockControls,
|
| 26 |
InspectorControls,
|
| 27 |
ColorPalette,
|
| 28 |
-
PanelBody
|
|
|
|
| 29 |
} from '../../wp-imports'
|
| 30 |
|
| 31 |
export const edit = ( props ) => {
|
|
@@ -57,10 +58,6 @@ export const edit = ( props ) => {
|
|
| 57 |
|
| 58 |
const fullWidth = full ? 'full-width': ''
|
| 59 |
|
| 60 |
-
const onSetActiveEditable = ( newEditable ) => () => {
|
| 61 |
-
setState( { editable: newEditable } )
|
| 62 |
-
}
|
| 63 |
-
|
| 64 |
const vertical = [
|
| 65 |
{ value: 'flex-start', label: __( 'Top' ) },
|
| 66 |
{ value: 'center', label: __( 'Center' ) },
|
|
@@ -73,9 +70,9 @@ export const edit = ( props ) => {
|
|
| 73 |
{ value: 'flex-end', label: __( 'Right' ) },
|
| 74 |
];
|
| 75 |
|
| 76 |
-
return
|
| 77 |
-
|
| 78 |
-
<BlockControls
|
| 79 |
{ url && (
|
| 80 |
<Toolbar>
|
| 81 |
<MediaUpload
|
|
@@ -94,9 +91,7 @@ export const edit = ( props ) => {
|
|
| 94 |
</Toolbar>
|
| 95 |
)}
|
| 96 |
</BlockControls>
|
| 97 |
-
|
| 98 |
-
isSelected && (
|
| 99 |
-
<InspectorControls key={ 'inspector' }>
|
| 100 |
<PanelBody>
|
| 101 |
<ToggleControl
|
| 102 |
label='Full-Width'
|
|
@@ -158,60 +153,55 @@ export const edit = ( props ) => {
|
|
| 158 |
>
|
| 159 |
</PanelColorSettings>
|
| 160 |
</InspectorControls>
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
className={ `ugb-image-box ${imageClass} ${fullWidth}` }
|
| 164 |
-
data-url={ url }
|
| 165 |
-
style={ {
|
| 166 |
-
width: width + 'px',
|
| 167 |
-
height: height + 'px',
|
| 168 |
-
backgroundImage: `url(${url})`,
|
| 169 |
-
alignItems: horizontalAlign,
|
| 170 |
-
justifyContent: verticalAlign
|
| 171 |
-
} }
|
| 172 |
-
>
|
| 173 |
-
<MediaUpload
|
| 174 |
-
onSelect={ ( media ) => setAttributes( { url: media.url, id: media.id } ) }
|
| 175 |
-
type={'image'}
|
| 176 |
-
value={id}
|
| 177 |
-
render={ function( obj ) {
|
| 178 |
-
return [
|
| 179 |
-
! url && (
|
| 180 |
-
<Button
|
| 181 |
-
className={ id ? '' : 'button button-large' }
|
| 182 |
-
onClick={ obj.open }
|
| 183 |
-
>
|
| 184 |
-
{__('Upload Image')}
|
| 185 |
-
</Button>
|
| 186 |
-
)
|
| 187 |
-
]
|
| 188 |
-
} }
|
| 189 |
-
/>
|
| 190 |
-
<a href="#" style={ { backgroundColor: overlayColor } } />
|
| 191 |
-
<RichText
|
| 192 |
-
tagName="h4"
|
| 193 |
-
placeholder={ title.default }
|
| 194 |
-
value={ title }
|
| 195 |
-
onChange={ ( value ) => setAttributes( { title: value } ) }
|
| 196 |
-
isSelected={ isSelected && editable === 'title' }
|
| 197 |
-
onFocus={ onSetActiveEditable( 'title' ) }
|
| 198 |
-
style={ {
|
| 199 |
-
color: titleColor
|
| 200 |
-
} }
|
| 201 |
-
/>
|
| 202 |
-
<RichText
|
| 203 |
-
tagName="p"
|
| 204 |
-
placeholder={ subtitle.default }
|
| 205 |
-
value={ subtitle }
|
| 206 |
-
onChange={ ( value ) => setAttributes( { subtitle: value } ) }
|
| 207 |
-
isSelected={ isSelected && editable === 'subtitle' }
|
| 208 |
-
onFocus={ onSetActiveEditable( 'subtitle' ) }
|
| 209 |
style={ {
|
| 210 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
| 211 |
} }
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 215 |
}
|
| 216 |
|
| 217 |
export const save = ( props ) => {
|
|
@@ -246,17 +236,21 @@ export const save = ( props ) => {
|
|
| 246 |
alignItems: horizontalAlign,
|
| 247 |
justifyContent: verticalAlign
|
| 248 |
} }
|
| 249 |
-
|
| 250 |
<a href="#" style={ { backgroundColor: overlayColor } } />
|
| 251 |
-
{
|
| 252 |
-
<
|
| 253 |
-
|
| 254 |
-
|
|
|
|
|
|
|
| 255 |
) }
|
| 256 |
-
{
|
| 257 |
-
<
|
| 258 |
-
|
| 259 |
-
|
|
|
|
|
|
|
| 260 |
) }
|
| 261 |
</div>
|
| 262 |
);
|
| 25 |
BlockControls,
|
| 26 |
InspectorControls,
|
| 27 |
ColorPalette,
|
| 28 |
+
PanelBody,
|
| 29 |
+
Fragment,
|
| 30 |
} from '../../wp-imports'
|
| 31 |
|
| 32 |
export const edit = ( props ) => {
|
| 58 |
|
| 59 |
const fullWidth = full ? 'full-width': ''
|
| 60 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 61 |
const vertical = [
|
| 62 |
{ value: 'flex-start', label: __( 'Top' ) },
|
| 63 |
{ value: 'center', label: __( 'Center' ) },
|
| 70 |
{ value: 'flex-end', label: __( 'Right' ) },
|
| 71 |
];
|
| 72 |
|
| 73 |
+
return (
|
| 74 |
+
<Fragment>
|
| 75 |
+
<BlockControls>
|
| 76 |
{ url && (
|
| 77 |
<Toolbar>
|
| 78 |
<MediaUpload
|
| 91 |
</Toolbar>
|
| 92 |
)}
|
| 93 |
</BlockControls>
|
| 94 |
+
<InspectorControls>
|
|
|
|
|
|
|
| 95 |
<PanelBody>
|
| 96 |
<ToggleControl
|
| 97 |
label='Full-Width'
|
| 153 |
>
|
| 154 |
</PanelColorSettings>
|
| 155 |
</InspectorControls>
|
| 156 |
+
<div className={ `ugb-image-box ${imageClass} ${fullWidth}` }
|
| 157 |
+
data-url={ url }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 158 |
style={ {
|
| 159 |
+
width: width + 'px',
|
| 160 |
+
height: height + 'px',
|
| 161 |
+
backgroundImage: `url(${url})`,
|
| 162 |
+
alignItems: horizontalAlign,
|
| 163 |
+
justifyContent: verticalAlign
|
| 164 |
} }
|
| 165 |
+
>
|
| 166 |
+
<MediaUpload
|
| 167 |
+
onSelect={ ( media ) => setAttributes( { url: media.url, id: media.id } ) }
|
| 168 |
+
type={'image'}
|
| 169 |
+
value={id}
|
| 170 |
+
render={ function( obj ) {
|
| 171 |
+
return [
|
| 172 |
+
! url && (
|
| 173 |
+
<Button
|
| 174 |
+
className={ id ? '' : 'button button-large' }
|
| 175 |
+
onClick={ obj.open }
|
| 176 |
+
>
|
| 177 |
+
{__('Upload Image')}
|
| 178 |
+
</Button>
|
| 179 |
+
)
|
| 180 |
+
]
|
| 181 |
+
} }
|
| 182 |
+
/>
|
| 183 |
+
<a href="#" style={ { backgroundColor: overlayColor } } />
|
| 184 |
+
<RichText
|
| 185 |
+
tagName="h4"
|
| 186 |
+
placeholder={ title.default }
|
| 187 |
+
value={ title }
|
| 188 |
+
onChange={ ( value ) => setAttributes( { title: value } ) }
|
| 189 |
+
style={ {
|
| 190 |
+
color: titleColor
|
| 191 |
+
} }
|
| 192 |
+
/>
|
| 193 |
+
<RichText
|
| 194 |
+
tagName="p"
|
| 195 |
+
placeholder={ subtitle.default }
|
| 196 |
+
value={ subtitle }
|
| 197 |
+
onChange={ ( value ) => setAttributes( { subtitle: value } ) }
|
| 198 |
+
style={ {
|
| 199 |
+
color: subtitleColor
|
| 200 |
+
} }
|
| 201 |
+
/>
|
| 202 |
+
</div>
|
| 203 |
+
</Fragment>
|
| 204 |
+
)
|
| 205 |
}
|
| 206 |
|
| 207 |
export const save = ( props ) => {
|
| 236 |
alignItems: horizontalAlign,
|
| 237 |
justifyContent: verticalAlign
|
| 238 |
} }
|
| 239 |
+
>
|
| 240 |
<a href="#" style={ { backgroundColor: overlayColor } } />
|
| 241 |
+
{ ! RichText.isEmpty( title ) && (
|
| 242 |
+
<RichText.Content
|
| 243 |
+
tagName='h4'
|
| 244 |
+
style={ { color: titleColor } }
|
| 245 |
+
value={ title }
|
| 246 |
+
/>
|
| 247 |
) }
|
| 248 |
+
{ ! RichText.isEmpty( subtitle ) && (
|
| 249 |
+
<RichText.Content
|
| 250 |
+
tagName='p'
|
| 251 |
+
style={ { color: subtitleColor } }
|
| 252 |
+
value={ subtitle }
|
| 253 |
+
/>
|
| 254 |
) }
|
| 255 |
</div>
|
| 256 |
);
|
src/block/notification/index.js
CHANGED
|
@@ -21,15 +21,12 @@ import {
|
|
| 21 |
RichText,
|
| 22 |
ColorPalette,
|
| 23 |
BlockControls,
|
| 24 |
-
PanelBody
|
|
|
|
| 25 |
} from '../../wp-imports'
|
| 26 |
|
| 27 |
export const edit = ( props ) => {
|
| 28 |
|
| 29 |
-
const onSetActiveEditable = ( newEditable ) => () => {
|
| 30 |
-
setState( { editable: newEditable } );
|
| 31 |
-
};
|
| 32 |
-
|
| 33 |
const notifAlert = [
|
| 34 |
{ value: 'success', label: __( 'Success' ) },
|
| 35 |
{ value: 'error', label: __( 'Error' ) },
|
|
@@ -53,73 +50,65 @@ export const edit = ( props ) => {
|
|
| 53 |
dismissible
|
| 54 |
} = props.attributes
|
| 55 |
|
| 56 |
-
return
|
| 57 |
-
|
| 58 |
-
<
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 63 |
<span key='button' className={ 'close-button' }>
|
| 64 |
<svg viewBox="0 0 28.3 28.3" style={ { fill: textColor } }>
|
| 65 |
<path d="M52.4-166.2c3.2,0,3.2-5,0-5C49.2-171.2,49.2-166.2,52.4-166.2L52.4-166.2z"/>
|
| 66 |
<path d="M16.8,13.9L26.9,3.8c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0L14.7,11.8L4.6,1.7C4,1.1,3.1,1.1,2.5,1.7s-0.6,1.5,0,2.1l10.1,10.1L2.5,24c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4L14.7,16l10.1,10.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L16.8,13.9z"/>
|
| 67 |
</svg>
|
| 68 |
</span>
|
| 69 |
-
)
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
-
|
| 81 |
-
|
| 82 |
-
|
| 83 |
-
|
| 84 |
-
{
|
| 85 |
-
isSelected &&
|
| 86 |
-
<InspectorControls key={ 'inspector' }>
|
| 87 |
-
<PanelBody>
|
| 88 |
-
<ToggleControl
|
| 89 |
-
label={ __( 'Dismissible' ) }
|
| 90 |
-
checked={ dismissible }
|
| 91 |
-
onChange={ () => setAttributes( { dismissible: ! dismissible } ) }
|
| 92 |
-
/>
|
| 93 |
-
<SelectControl
|
| 94 |
-
label={ __( 'Notification Type' ) }
|
| 95 |
-
value={ notifType }
|
| 96 |
-
options={ notifAlert.map( ({ value, label }) => ( {
|
| 97 |
-
value: value,
|
| 98 |
-
label: label,
|
| 99 |
-
} ) ) }
|
| 100 |
-
onChange={ ( newSize ) => { setAttributes( { notifType: newSize } ) } }
|
| 101 |
-
/>
|
| 102 |
-
</PanelBody>
|
| 103 |
-
<PanelColorSettings
|
| 104 |
-
title={ __( 'Color Settings' ) }
|
| 105 |
-
colorSettings={ [
|
| 106 |
-
{
|
| 107 |
-
value: color,
|
| 108 |
-
onChange: ( colorValue ) => setAttributes( { color: colorValue } ),
|
| 109 |
-
label: __( 'Background Color' ),
|
| 110 |
-
},
|
| 111 |
-
{
|
| 112 |
-
value: textColor,
|
| 113 |
-
onChange: ( colorValue ) => setAttributes( { textColor: colorValue } ),
|
| 114 |
-
label: __( 'Text Color' ),
|
| 115 |
-
},
|
| 116 |
-
] }
|
| 117 |
-
>
|
| 118 |
-
</PanelColorSettings>
|
| 119 |
-
</InspectorControls>
|
| 120 |
-
}
|
| 121 |
-
</div>
|
| 122 |
-
) ]
|
| 123 |
}
|
| 124 |
|
| 125 |
export const save = ( props ) => {
|
|
@@ -143,19 +132,20 @@ export const save = ( props ) => {
|
|
| 143 |
|
| 144 |
return (
|
| 145 |
<div className={ `ugb-notification type-${notifType} dismissible-${dismissible}` } data-uid={uid}>
|
| 146 |
-
{
|
| 147 |
-
|
| 148 |
-
<
|
| 149 |
-
<
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
{
|
| 158 |
-
|
|
|
|
| 159 |
</div>
|
| 160 |
)
|
| 161 |
}
|
| 21 |
RichText,
|
| 22 |
ColorPalette,
|
| 23 |
BlockControls,
|
| 24 |
+
PanelBody,
|
| 25 |
+
Fragment,
|
| 26 |
} from '../../wp-imports'
|
| 27 |
|
| 28 |
export const edit = ( props ) => {
|
| 29 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 30 |
const notifAlert = [
|
| 31 |
{ value: 'success', label: __( 'Success' ) },
|
| 32 |
{ value: 'error', label: __( 'Error' ) },
|
| 50 |
dismissible
|
| 51 |
} = props.attributes
|
| 52 |
|
| 53 |
+
return (
|
| 54 |
+
<Fragment>
|
| 55 |
+
<InspectorControls>
|
| 56 |
+
<PanelBody>
|
| 57 |
+
<ToggleControl
|
| 58 |
+
label={ __( 'Dismissible' ) }
|
| 59 |
+
checked={ dismissible }
|
| 60 |
+
onChange={ () => setAttributes( { dismissible: ! dismissible } ) }
|
| 61 |
+
/>
|
| 62 |
+
<SelectControl
|
| 63 |
+
label={ __( 'Notification Type' ) }
|
| 64 |
+
value={ notifType }
|
| 65 |
+
options={ notifAlert.map( ({ value, label }) => ( {
|
| 66 |
+
value: value,
|
| 67 |
+
label: label,
|
| 68 |
+
} ) ) }
|
| 69 |
+
onChange={ ( newSize ) => { setAttributes( { notifType: newSize } ) } }
|
| 70 |
+
/>
|
| 71 |
+
</PanelBody>
|
| 72 |
+
<PanelColorSettings
|
| 73 |
+
title={ __( 'Color Settings' ) }
|
| 74 |
+
colorSettings={ [
|
| 75 |
+
{
|
| 76 |
+
value: color,
|
| 77 |
+
onChange: ( colorValue ) => setAttributes( { color: colorValue } ),
|
| 78 |
+
label: __( 'Background Color' ),
|
| 79 |
+
},
|
| 80 |
+
{
|
| 81 |
+
value: textColor,
|
| 82 |
+
onChange: ( colorValue ) => setAttributes( { textColor: colorValue } ),
|
| 83 |
+
label: __( 'Text Color' ),
|
| 84 |
+
},
|
| 85 |
+
] }
|
| 86 |
+
>
|
| 87 |
+
</PanelColorSettings>
|
| 88 |
+
</InspectorControls>
|
| 89 |
+
<div className={ `ugb-notification type-${notifType} dismissible-${dismissible}` }>
|
| 90 |
+
{ dismissible && (
|
| 91 |
<span key='button' className={ 'close-button' }>
|
| 92 |
<svg viewBox="0 0 28.3 28.3" style={ { fill: textColor } }>
|
| 93 |
<path d="M52.4-166.2c3.2,0,3.2-5,0-5C49.2-171.2,49.2-166.2,52.4-166.2L52.4-166.2z"/>
|
| 94 |
<path d="M16.8,13.9L26.9,3.8c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0L14.7,11.8L4.6,1.7C4,1.1,3.1,1.1,2.5,1.7s-0.6,1.5,0,2.1l10.1,10.1L2.5,24c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4L14.7,16l10.1,10.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L16.8,13.9z"/>
|
| 95 |
</svg>
|
| 96 |
</span>
|
| 97 |
+
) }
|
| 98 |
+
<RichText
|
| 99 |
+
tagName='p'
|
| 100 |
+
placeholder={ props.attributes.text.default }
|
| 101 |
+
value={ text }
|
| 102 |
+
onChange={ (text) => setAttributes( { text: text } ) }
|
| 103 |
+
className={`wp-ugb-notif notif-${notifType}`}
|
| 104 |
+
style={ {
|
| 105 |
+
backgroundColor: color,
|
| 106 |
+
color: textColor,
|
| 107 |
+
} }
|
| 108 |
+
/>
|
| 109 |
+
</div>
|
| 110 |
+
</Fragment>
|
| 111 |
+
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 112 |
}
|
| 113 |
|
| 114 |
export const save = ( props ) => {
|
| 132 |
|
| 133 |
return (
|
| 134 |
<div className={ `ugb-notification type-${notifType} dismissible-${dismissible}` } data-uid={uid}>
|
| 135 |
+
{ dismissible && (
|
| 136 |
+
<span key='button' className={ 'close-button' }>
|
| 137 |
+
<svg viewBox="0 0 28.3 28.3" style={ { fill: textColor } }>
|
| 138 |
+
<path d="M52.4-166.2c3.2,0,3.2-5,0-5C49.2-171.2,49.2-166.2,52.4-166.2L52.4-166.2z"/>
|
| 139 |
+
<path d="M16.8,13.9L26.9,3.8c0.6-0.6,0.6-1.5,0-2.1s-1.5-0.6-2.1,0L14.7,11.8L4.6,1.7C4,1.1,3.1,1.1,2.5,1.7s-0.6,1.5,0,2.1l10.1,10.1L2.5,24c-0.6,0.6-0.6,1.5,0,2.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4L14.7,16l10.1,10.1c0.3,0.3,0.7,0.4,1.1,0.4s0.8-0.1,1.1-0.4c0.6-0.6,0.6-1.5,0-2.1L16.8,13.9z"/>
|
| 140 |
+
</svg>
|
| 141 |
+
</span>
|
| 142 |
+
) }
|
| 143 |
+
<RichText.Content
|
| 144 |
+
tagName='p'
|
| 145 |
+
className={ `wp-ugb-notif notif-${notifType}` }
|
| 146 |
+
style={ buttonStyle }
|
| 147 |
+
value={ text }
|
| 148 |
+
/>
|
| 149 |
</div>
|
| 150 |
)
|
| 151 |
}
|
src/block/number-box/index.js
CHANGED
|
@@ -19,7 +19,8 @@ import {
|
|
| 19 |
RichText,
|
| 20 |
ColorPalette,
|
| 21 |
BlockControls,
|
| 22 |
-
PanelBody
|
|
|
|
| 23 |
} from '../../wp-imports'
|
| 24 |
|
| 25 |
export const edit = ( props ) => {
|
|
@@ -55,16 +56,9 @@ export const edit = ( props ) => {
|
|
| 55 |
{ value: '3', label: __( 'Three Column' ) },
|
| 56 |
];
|
| 57 |
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
return [
|
| 63 |
-
isSelected && (
|
| 64 |
-
<BlockControls key="controls"/>
|
| 65 |
-
),
|
| 66 |
-
isSelected && (
|
| 67 |
-
<InspectorControls key={ 'inspector' }>
|
| 68 |
<PanelBody>
|
| 69 |
<SelectControl
|
| 70 |
label={ __( 'Column Number' ) }
|
|
@@ -103,133 +97,115 @@ export const edit = ( props ) => {
|
|
| 103 |
>
|
| 104 |
</PanelColorSettings>
|
| 105 |
</InspectorControls>
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
style={ {
|
| 213 |
-
color: nameColor
|
| 214 |
-
} }
|
| 215 |
-
keepPlaceholderOnFocus
|
| 216 |
-
/>
|
| 217 |
-
<RichText
|
| 218 |
-
tagName={'p'}
|
| 219 |
-
value={ bodyThree }
|
| 220 |
-
className={ 'ugb-number-box-body-three' }
|
| 221 |
-
onChange={ (text) => setAttributes( { bodyThree: text } ) }
|
| 222 |
-
isSelected={ isSelected && editable === 'bodyThree' }
|
| 223 |
-
onFocus={ onSetActiveEditable( 'bodyThree' ) }
|
| 224 |
-
placeholder={ __( 'Add body…' ) }
|
| 225 |
-
style={ {
|
| 226 |
-
color: bodyTextColor
|
| 227 |
-
} }
|
| 228 |
-
keepPlaceholderOnFocus
|
| 229 |
-
/>
|
| 230 |
</div>
|
| 231 |
-
</
|
| 232 |
-
|
| 233 |
}
|
| 234 |
|
| 235 |
export const save = ( props ) => {
|
|
@@ -253,57 +229,81 @@ export const save = ( props ) => {
|
|
| 253 |
return (
|
| 254 |
<div className={ `ugb-number-box column-${columns}` }>
|
| 255 |
<div className={ 'ugb-number-box-column-one' }>
|
| 256 |
-
{
|
| 257 |
-
<
|
| 258 |
-
|
| 259 |
-
|
|
|
|
|
|
|
| 260 |
) }
|
| 261 |
-
{
|
| 262 |
-
<
|
| 263 |
-
|
| 264 |
-
|
|
|
|
|
|
|
|
|
|
| 265 |
) }
|
| 266 |
-
{
|
| 267 |
-
<
|
| 268 |
-
|
| 269 |
-
|
|
|
|
|
|
|
|
|
|
| 270 |
) }
|
| 271 |
</div>
|
| 272 |
{ columns > 1 && (
|
| 273 |
<div className={ 'ugb-number-box-column-two' }>
|
| 274 |
-
{
|
| 275 |
-
<
|
| 276 |
-
|
| 277 |
-
|
|
|
|
|
|
|
| 278 |
) }
|
| 279 |
-
{
|
| 280 |
-
<
|
| 281 |
-
|
| 282 |
-
|
|
|
|
|
|
|
|
|
|
| 283 |
) }
|
| 284 |
-
{
|
| 285 |
-
<
|
| 286 |
-
|
| 287 |
-
|
|
|
|
|
|
|
|
|
|
| 288 |
) }
|
| 289 |
</div>
|
| 290 |
) }
|
| 291 |
{ columns > 2 && (
|
| 292 |
<div className={ 'ugb-number-box-column-three' }>
|
| 293 |
-
{
|
| 294 |
-
<
|
| 295 |
-
|
| 296 |
-
|
|
|
|
|
|
|
| 297 |
) }
|
| 298 |
-
{
|
| 299 |
-
<
|
| 300 |
-
|
| 301 |
-
|
|
|
|
|
|
|
|
|
|
| 302 |
) }
|
| 303 |
-
{
|
| 304 |
-
<
|
| 305 |
-
|
| 306 |
-
|
|
|
|
|
|
|
|
|
|
| 307 |
) }
|
| 308 |
</div>
|
| 309 |
) }
|
| 19 |
RichText,
|
| 20 |
ColorPalette,
|
| 21 |
BlockControls,
|
| 22 |
+
PanelBody,
|
| 23 |
+
Fragment,
|
| 24 |
} from '../../wp-imports'
|
| 25 |
|
| 26 |
export const edit = ( props ) => {
|
| 56 |
{ value: '3', label: __( 'Three Column' ) },
|
| 57 |
];
|
| 58 |
|
| 59 |
+
return (
|
| 60 |
+
<Fragment>
|
| 61 |
+
<InspectorControls>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 62 |
<PanelBody>
|
| 63 |
<SelectControl
|
| 64 |
label={ __( 'Column Number' ) }
|
| 97 |
>
|
| 98 |
</PanelColorSettings>
|
| 99 |
</InspectorControls>
|
| 100 |
+
<div className={ `ugb-number-box column-${columns}` }>
|
| 101 |
+
<div>
|
| 102 |
+
<RichText
|
| 103 |
+
tagName={ 'span' }
|
| 104 |
+
placeholder={ numberBox ? numberBox.default : '' }
|
| 105 |
+
value={ numberBox }
|
| 106 |
+
onChange={ (text) => setAttributes( { numberBox: text } ) }
|
| 107 |
+
style={ {
|
| 108 |
+
color: numberBoxColor,
|
| 109 |
+
backgroundColor: numberBGColor
|
| 110 |
+
} }
|
| 111 |
+
keepPlaceholderOnFocus
|
| 112 |
+
/>
|
| 113 |
+
<RichText
|
| 114 |
+
tagName={'h4'}
|
| 115 |
+
value={ name }
|
| 116 |
+
className={ 'ugb-number-box-name' }
|
| 117 |
+
onChange={ (text) => setAttributes( { name: text } ) }
|
| 118 |
+
placeholder={ __( 'Add name…' ) }
|
| 119 |
+
style={ {
|
| 120 |
+
color: nameColor
|
| 121 |
+
} }
|
| 122 |
+
keepPlaceholderOnFocus
|
| 123 |
+
/>
|
| 124 |
+
<RichText
|
| 125 |
+
tagName={'p'}
|
| 126 |
+
value={ body }
|
| 127 |
+
className={ 'ugb-number-box-body' }
|
| 128 |
+
onChange={ (text) => setAttributes( { body: text } ) }
|
| 129 |
+
placeholder={ __( 'Add body…' ) }
|
| 130 |
+
style={ {
|
| 131 |
+
color: bodyTextColor
|
| 132 |
+
} }
|
| 133 |
+
keepPlaceholderOnFocus
|
| 134 |
+
/>
|
| 135 |
+
</div>
|
| 136 |
+
<div>
|
| 137 |
+
<RichText
|
| 138 |
+
tagName={ 'span' }
|
| 139 |
+
placeholder={ numberBoxTwo ? numberBoxTwo.default : '' }
|
| 140 |
+
value={ numberBoxTwo }
|
| 141 |
+
onChange={ (text) => setAttributes( { numberBoxTwo: text } ) }
|
| 142 |
+
style={ {
|
| 143 |
+
color: numberBoxColor,
|
| 144 |
+
backgroundColor: numberBGColor
|
| 145 |
+
} }
|
| 146 |
+
keepPlaceholderOnFocus
|
| 147 |
+
/>
|
| 148 |
+
<RichText
|
| 149 |
+
tagName={'h4'}
|
| 150 |
+
value={ nameTwo }
|
| 151 |
+
className={ 'ugb-number-box-name-two' }
|
| 152 |
+
onChange={ (text) => setAttributes( { nameTwo: text } ) }
|
| 153 |
+
placeholder={ __( 'Add name…' ) }
|
| 154 |
+
style={ {
|
| 155 |
+
color: nameColor
|
| 156 |
+
} }
|
| 157 |
+
keepPlaceholderOnFocus
|
| 158 |
+
/>
|
| 159 |
+
<RichText
|
| 160 |
+
tagName={'p'}
|
| 161 |
+
value={ bodyTwo }
|
| 162 |
+
className={ 'ugb-number-box-body-two' }
|
| 163 |
+
onChange={ (text) => setAttributes( { bodyTwo: text } ) }
|
| 164 |
+
placeholder={ __( 'Add body…' ) }
|
| 165 |
+
style={ {
|
| 166 |
+
color: bodyTextColor
|
| 167 |
+
} }
|
| 168 |
+
keepPlaceholderOnFocus
|
| 169 |
+
/>
|
| 170 |
+
</div>
|
| 171 |
+
<div>
|
| 172 |
+
<RichText
|
| 173 |
+
tagName={ 'span' }
|
| 174 |
+
placeholder={ numberBoxThree ? numberBoxThree.default : '' }
|
| 175 |
+
value={ numberBoxThree }
|
| 176 |
+
onChange={ (text) => setAttributes( { numberBoxThree: text } ) }
|
| 177 |
+
style={ {
|
| 178 |
+
color: numberBoxColor,
|
| 179 |
+
backgroundColor: numberBGColor
|
| 180 |
+
} }
|
| 181 |
+
keepPlaceholderOnFocus
|
| 182 |
+
/>
|
| 183 |
+
<RichText
|
| 184 |
+
tagName={'h4'}
|
| 185 |
+
value={ nameThree }
|
| 186 |
+
className={ 'ugb-number-box-name-three' }
|
| 187 |
+
onChange={ (text) => setAttributes( { nameThree: text } ) }
|
| 188 |
+
placeholder={ __( 'Add name…' ) }
|
| 189 |
+
style={ {
|
| 190 |
+
color: nameColor
|
| 191 |
+
} }
|
| 192 |
+
keepPlaceholderOnFocus
|
| 193 |
+
/>
|
| 194 |
+
<RichText
|
| 195 |
+
tagName={'p'}
|
| 196 |
+
value={ bodyThree }
|
| 197 |
+
className={ 'ugb-number-box-body-three' }
|
| 198 |
+
onChange={ (text) => setAttributes( { bodyThree: text } ) }
|
| 199 |
+
placeholder={ __( 'Add body…' ) }
|
| 200 |
+
style={ {
|
| 201 |
+
color: bodyTextColor
|
| 202 |
+
} }
|
| 203 |
+
keepPlaceholderOnFocus
|
| 204 |
+
/>
|
| 205 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 206 |
</div>
|
| 207 |
+
</Fragment>
|
| 208 |
+
)
|
| 209 |
}
|
| 210 |
|
| 211 |
export const save = ( props ) => {
|
| 229 |
return (
|
| 230 |
<div className={ `ugb-number-box column-${columns}` }>
|
| 231 |
<div className={ 'ugb-number-box-column-one' }>
|
| 232 |
+
{ ! RichText.isEmpty( numberBox ) && (
|
| 233 |
+
<RichText.Content
|
| 234 |
+
tagName='span'
|
| 235 |
+
style={ { color: numberBoxColor, backgroundColor: numberBGColor } }
|
| 236 |
+
value={ numberBox }
|
| 237 |
+
/>
|
| 238 |
) }
|
| 239 |
+
{ ! RichText.isEmpty( name ) && (
|
| 240 |
+
<RichText.Content
|
| 241 |
+
tagName='h4'
|
| 242 |
+
className='ugb-number-box-name'
|
| 243 |
+
style={ { color: nameColor } }
|
| 244 |
+
value={ name }
|
| 245 |
+
/>
|
| 246 |
) }
|
| 247 |
+
{ ! RichText.isEmpty( body ) && (
|
| 248 |
+
<RichText.Content
|
| 249 |
+
tagName='p'
|
| 250 |
+
className='ugb-number-box-body'
|
| 251 |
+
style={ { color: bodyTextColor } }
|
| 252 |
+
value={ body }
|
| 253 |
+
/>
|
| 254 |
) }
|
| 255 |
</div>
|
| 256 |
{ columns > 1 && (
|
| 257 |
<div className={ 'ugb-number-box-column-two' }>
|
| 258 |
+
{ ! RichText.isEmpty( numberBoxTwo ) && (
|
| 259 |
+
<RichText.Content
|
| 260 |
+
tagName='span'
|
| 261 |
+
style={ { color: numberBoxColor, backgroundColor: numberBGColor } }
|
| 262 |
+
value={ numberBoxTwo }
|
| 263 |
+
/>
|
| 264 |
) }
|
| 265 |
+
{ ! RichText.isEmpty( nameTwo ) && (
|
| 266 |
+
<RichText.Content
|
| 267 |
+
tagName='h4'
|
| 268 |
+
className='ugb-number-box-name-two'
|
| 269 |
+
style={ { color: nameColor } }
|
| 270 |
+
value={ nameTwo }
|
| 271 |
+
/>
|
| 272 |
) }
|
| 273 |
+
{ ! RichText.isEmpty( bodyTwo ) && (
|
| 274 |
+
<RichText.Content
|
| 275 |
+
tagName='p'
|
| 276 |
+
className='ugb-number-box-body-two'
|
| 277 |
+
style={ { color: bodyTextColor } }
|
| 278 |
+
value={ bodyTwo }
|
| 279 |
+
/>
|
| 280 |
) }
|
| 281 |
</div>
|
| 282 |
) }
|
| 283 |
{ columns > 2 && (
|
| 284 |
<div className={ 'ugb-number-box-column-three' }>
|
| 285 |
+
{ ! RichText.isEmpty( numberBoxThree ) && (
|
| 286 |
+
<RichText.Content
|
| 287 |
+
tagName='span'
|
| 288 |
+
style={ { color: numberBoxColor, backgroundColor: numberBGColor } }
|
| 289 |
+
value={ numberBoxThree }
|
| 290 |
+
/>
|
| 291 |
) }
|
| 292 |
+
{ ! RichText.isEmpty( nameThree ) && (
|
| 293 |
+
<RichText.Content
|
| 294 |
+
tagName='h4'
|
| 295 |
+
className='ugb-number-box-name-three'
|
| 296 |
+
style={ { color: nameColor } }
|
| 297 |
+
value={ nameThree }
|
| 298 |
+
/>
|
| 299 |
) }
|
| 300 |
+
{ ! RichText.isEmpty( bodyThree ) && (
|
| 301 |
+
<RichText.Content
|
| 302 |
+
tagName='p'
|
| 303 |
+
className='ugb-number-box-body-three'
|
| 304 |
+
style={ { color: bodyTextColor } }
|
| 305 |
+
value={ bodyThree }
|
| 306 |
+
/>
|
| 307 |
) }
|
| 308 |
</div>
|
| 309 |
) }
|
src/block/number-box/style.scss
CHANGED
|
@@ -4,12 +4,7 @@
|
|
| 4 |
* CSS for both Frontend+Backend.
|
| 5 |
*/
|
| 6 |
.ugb-number-box {
|
| 7 |
-
// display: flex;
|
| 8 |
-
// margin: 1rem 0;
|
| 9 |
@include baseBlock();
|
| 10 |
-
// display: grid;
|
| 11 |
-
// grid-gap: 35px;
|
| 12 |
-
// grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
| 13 |
display: flex;
|
| 14 |
flex-wrap: wrap;
|
| 15 |
margin: 0 (-$box-hori-padding / 2);
|
|
@@ -22,17 +17,14 @@
|
|
| 22 |
text-align: center;
|
| 23 |
overflow: hidden;
|
| 24 |
margin: 0 auto;
|
| 25 |
-
/* size */
|
| 26 |
height: 2.5em;
|
| 27 |
width: 2.5em;
|
| 28 |
line-height: 2.5em !important;
|
| 29 |
}
|
| 30 |
> div {
|
| 31 |
text-align: center;
|
| 32 |
-
// margin: 0 auto;
|
| 33 |
@include baseBlock();
|
| 34 |
@include box();
|
| 35 |
-
// margin-bottom: 0 !important;
|
| 36 |
flex: 1;
|
| 37 |
min-width: 250px;
|
| 38 |
&, &:first-child, &:last-child {
|
|
@@ -43,72 +35,15 @@
|
|
| 43 |
}
|
| 44 |
}
|
| 45 |
}
|
| 46 |
-
// .ugb-number-box {
|
| 47 |
-
// .ugb-number-box-name,
|
| 48 |
-
// .ugb-number-box-name-two,
|
| 49 |
-
// .ugb-number-box-name-three {
|
| 50 |
-
// margin: 1.3rem 0 1rem;
|
| 51 |
-
// padding-top: 0;
|
| 52 |
-
// }
|
| 53 |
-
// .ugb-number-box-body,
|
| 54 |
-
// .ugb-number-box-body-two,
|
| 55 |
-
// .ugb-number-box-body-three {
|
| 56 |
-
// opacity: .5;
|
| 57 |
-
// margin: 0 0 1rem;
|
| 58 |
-
// left: 0;
|
| 59 |
-
// }
|
| 60 |
-
// }
|
| 61 |
|
| 62 |
.ugb-number-box.column-1 {
|
| 63 |
-
|
| 64 |
-
|
| 65 |
display: none;
|
| 66 |
}
|
| 67 |
}
|
| 68 |
.ugb-number-box.column-2 {
|
| 69 |
-
|
| 70 |
-
// margin-right: 1rem;
|
| 71 |
-
// }
|
| 72 |
-
// .ugb-number-box-column-two {
|
| 73 |
-
// margin-left: 1rem;
|
| 74 |
-
// }
|
| 75 |
-
// > div {
|
| 76 |
-
// width: 50%;
|
| 77 |
-
// }
|
| 78 |
-
.ugb-number-box-column-three {
|
| 79 |
display: none;
|
| 80 |
}
|
| 81 |
-
}
|
| 82 |
-
// .ugb-number-box.column-3 {
|
| 83 |
-
// > div {
|
| 84 |
-
// width: 33.2%;
|
| 85 |
-
// margin-left: 1rem;
|
| 86 |
-
// margin-right: 1rem;
|
| 87 |
-
// }
|
| 88 |
-
// > div:first-child {
|
| 89 |
-
// margin-left: 0;
|
| 90 |
-
// }
|
| 91 |
-
// > div:last-child {
|
| 92 |
-
// margin-right: 0;
|
| 93 |
-
// }
|
| 94 |
-
// }
|
| 95 |
-
|
| 96 |
-
// @media screen and (max-width: 800px) {
|
| 97 |
-
// .ugb-number-box.column-3.column-3 {
|
| 98 |
-
// display: block;
|
| 99 |
-
// > div {
|
| 100 |
-
// width: 100%;
|
| 101 |
-
// margin: 0;
|
| 102 |
-
// }
|
| 103 |
-
// }
|
| 104 |
-
// }
|
| 105 |
-
|
| 106 |
-
// @media screen and (max-width: 600px) {
|
| 107 |
-
// .ugb-number-box.column-2.column-2 {
|
| 108 |
-
// display: block;
|
| 109 |
-
// > div {
|
| 110 |
-
// width: 100%;
|
| 111 |
-
// margin: 0;
|
| 112 |
-
// }
|
| 113 |
-
// }
|
| 114 |
-
// }
|
| 4 |
* CSS for both Frontend+Backend.
|
| 5 |
*/
|
| 6 |
.ugb-number-box {
|
|
|
|
|
|
|
| 7 |
@include baseBlock();
|
|
|
|
|
|
|
|
|
|
| 8 |
display: flex;
|
| 9 |
flex-wrap: wrap;
|
| 10 |
margin: 0 (-$box-hori-padding / 2);
|
| 17 |
text-align: center;
|
| 18 |
overflow: hidden;
|
| 19 |
margin: 0 auto;
|
|
|
|
| 20 |
height: 2.5em;
|
| 21 |
width: 2.5em;
|
| 22 |
line-height: 2.5em !important;
|
| 23 |
}
|
| 24 |
> div {
|
| 25 |
text-align: center;
|
|
|
|
| 26 |
@include baseBlock();
|
| 27 |
@include box();
|
|
|
|
| 28 |
flex: 1;
|
| 29 |
min-width: 250px;
|
| 30 |
&, &:first-child, &:last-child {
|
| 35 |
}
|
| 36 |
}
|
| 37 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 38 |
|
| 39 |
.ugb-number-box.column-1 {
|
| 40 |
+
> div:nth-child(2),
|
| 41 |
+
> div:nth-child(3) {
|
| 42 |
display: none;
|
| 43 |
}
|
| 44 |
}
|
| 45 |
.ugb-number-box.column-2 {
|
| 46 |
+
> div:nth-child(3) {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 47 |
display: none;
|
| 48 |
}
|
| 49 |
+
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
src/block/pricing-box/index.js
CHANGED
|
@@ -29,6 +29,7 @@ import {
|
|
| 29 |
PanelBody,
|
| 30 |
URLInput,
|
| 31 |
omit,
|
|
|
|
| 32 |
} from '../../wp-imports'
|
| 33 |
|
| 34 |
export const edit = ( props ) => {
|
|
@@ -83,14 +84,9 @@ export const edit = ( props ) => {
|
|
| 83 |
{ value: 'large', label: __( 'Large' ) },
|
| 84 |
];
|
| 85 |
|
| 86 |
-
|
| 87 |
-
|
| 88 |
-
|
| 89 |
-
|
| 90 |
-
return [
|
| 91 |
-
isSelected && <BlockControls key="controls"/>,
|
| 92 |
-
isSelected && (
|
| 93 |
-
<InspectorControls key={ 'inspector' }>
|
| 94 |
<PanelBody>
|
| 95 |
<SelectControl
|
| 96 |
label={ __( 'Column Number' ) }
|
|
@@ -163,241 +159,196 @@ export const edit = ( props ) => {
|
|
| 163 |
>
|
| 164 |
</PanelColorSettings>
|
| 165 |
</InspectorControls>
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
style={ {
|
| 177 |
-
color: pricingBoxColor
|
| 178 |
-
} }
|
| 179 |
-
keepPlaceholderOnFocus
|
| 180 |
-
/>
|
| 181 |
-
<RichText
|
| 182 |
-
tagName={'p'}
|
| 183 |
-
// placeholder={ price.default }
|
| 184 |
-
value={ price }
|
| 185 |
-
className={ 'ugb-pricing-box-pricing' }
|
| 186 |
-
onChange={ (text) => setAttributes( { price: text } ) }
|
| 187 |
-
isSelected={ isSelected && editable === 'price' }
|
| 188 |
-
onFocus={ onSetActiveEditable( 'price' ) }
|
| 189 |
-
style={ {
|
| 190 |
-
color: priceColor
|
| 191 |
-
} }
|
| 192 |
-
keepPlaceholderOnFocus
|
| 193 |
-
/>
|
| 194 |
-
<RichText
|
| 195 |
-
tagName={'p'}
|
| 196 |
-
// placeholder={ perMonthLabel.default }
|
| 197 |
-
value={ perMonthLabel }
|
| 198 |
-
className={ 'ugb-pricing-box-per-month-label' }
|
| 199 |
-
onChange={ (text) => setAttributes( { perMonthLabel: text } ) }
|
| 200 |
-
focus={ isSelected && editable === 'perMonthLabel' }
|
| 201 |
-
onFocus={ onSetActiveEditable( 'perMonthLabel' ) }
|
| 202 |
-
style={ {
|
| 203 |
-
color: perMonthLabelColor
|
| 204 |
-
} }
|
| 205 |
-
keepPlaceholderOnFocus
|
| 206 |
-
/>
|
| 207 |
-
<ButtonEdit size={ size } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText } borderRadius={ cornerButtonRadius }
|
| 208 |
-
onChange={ (text) => setAttributes( { buttonText: text } ) }
|
| 209 |
-
isSelected={ isSelected && editable === 'buttonText' }
|
| 210 |
-
onFocus={ onSetActiveEditable( 'buttonText' ) }
|
| 211 |
/>
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
color: featureListColor
|
| 222 |
-
} }
|
| 223 |
-
keepPlaceholderOnFocus
|
| 224 |
-
/>
|
| 225 |
-
{
|
| 226 |
-
isSelected && (
|
| 227 |
-
<form
|
| 228 |
-
key={ 'form-link' }
|
| 229 |
-
onSubmit={ ( event ) => event.preventDefault() }
|
| 230 |
-
className={ `blocks-button__inline-link pricing-box`}>
|
| 231 |
-
<Dashicon icon={ 'admin-links' } />
|
| 232 |
-
<URLInput
|
| 233 |
-
value={ url }
|
| 234 |
-
onChange={ ( value ) => setAttributes( { url: value } ) }
|
| 235 |
-
/>
|
| 236 |
-
<IconButton
|
| 237 |
-
icon={ 'editor-break' }
|
| 238 |
-
label={ __( 'Apply' ) }
|
| 239 |
-
type={ 'submit' }
|
| 240 |
-
/>
|
| 241 |
-
</form>
|
| 242 |
-
)
|
| 243 |
-
}
|
| 244 |
-
</div>
|
| 245 |
-
<div className={ 'ugb-pricing-box-column-two' }>
|
| 246 |
-
<RichText
|
| 247 |
-
tagName={ 'h3' }
|
| 248 |
-
// placeholder={ pricingBoxTitle2.default }
|
| 249 |
-
value={ pricingBoxTitle2 }
|
| 250 |
-
onChange={ (text) => setAttributes( { pricingBoxTitle2: text } ) }
|
| 251 |
-
isSelected={ isSelected && editable === 'pricingBoxTitle2' }
|
| 252 |
-
onFocus={ onSetActiveEditable( 'pricingBoxTitle2' ) }
|
| 253 |
-
style={ {
|
| 254 |
-
color: pricingBoxColor
|
| 255 |
-
} }
|
| 256 |
-
keepPlaceholderOnFocus
|
| 257 |
-
/>
|
| 258 |
-
<RichText
|
| 259 |
-
tagName={'p'}
|
| 260 |
-
// placeholder={ price2.default }
|
| 261 |
-
value={ price2 }
|
| 262 |
-
className={ 'ugb-pricing-box-pricing' }
|
| 263 |
-
onChange={ (text) => setAttributes( { price2: text } ) }
|
| 264 |
-
isSelected={ isSelected && editable === 'price2' }
|
| 265 |
-
onFocus={ onSetActiveEditable( 'price2' ) }
|
| 266 |
-
style={ {
|
| 267 |
-
color: priceColor
|
| 268 |
-
} }
|
| 269 |
-
keepPlaceholderOnFocus
|
| 270 |
-
/>
|
| 271 |
-
<RichText
|
| 272 |
-
tagName={'p'}
|
| 273 |
-
// placeholder={ perMonthLabel2.default }
|
| 274 |
-
value={ perMonthLabel2 }
|
| 275 |
-
className={ 'ugb-pricing-box-per-month-label' }
|
| 276 |
-
onChange={ (text) => setAttributes( { perMonthLabel2: text } ) }
|
| 277 |
-
focus={ isSelected && editable === 'perMonthLabel2' }
|
| 278 |
-
onFocus={ onSetActiveEditable( 'perMonthLabel2' ) }
|
| 279 |
-
style={ {
|
| 280 |
-
color: perMonthLabelColor
|
| 281 |
-
} }
|
| 282 |
-
keepPlaceholderOnFocus
|
| 283 |
-
/>
|
| 284 |
-
<ButtonEdit size={ size } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText2 } borderRadius={ cornerButtonRadius }
|
| 285 |
-
onChange={ (text) => setAttributes( { buttonText2: text } ) }
|
| 286 |
-
isSelected={ isSelected && editable === 'buttonText2' }
|
| 287 |
-
onFocus={ onSetActiveEditable( 'buttonText2' ) }
|
| 288 |
/>
|
| 289 |
-
|
| 290 |
-
|
| 291 |
-
|
| 292 |
-
|
| 293 |
-
|
| 294 |
-
|
| 295 |
-
|
| 296 |
-
|
| 297 |
-
|
| 298 |
-
|
| 299 |
-
} }
|
| 300 |
-
|
| 301 |
-
|
| 302 |
-
|
| 303 |
-
|
| 304 |
-
|
| 305 |
-
|
| 306 |
-
|
| 307 |
-
|
| 308 |
-
|
| 309 |
-
|
| 310 |
-
|
| 311 |
-
onChange={ ( value ) => setAttributes( { url: value } ) }
|
| 312 |
-
/>
|
| 313 |
-
<IconButton
|
| 314 |
-
icon={ 'editor-break' }
|
| 315 |
-
label={ __( 'Apply' ) }
|
| 316 |
-
type={ 'submit' }
|
| 317 |
-
/>
|
| 318 |
-
</form>
|
| 319 |
-
)
|
| 320 |
-
}
|
| 321 |
-
</div>
|
| 322 |
-
<div className={ 'ugb-pricing-box-column-three' }>
|
| 323 |
-
<RichText
|
| 324 |
-
tagName={ 'h3' }
|
| 325 |
-
// placeholder={ pricingBoxTitle3.default }
|
| 326 |
-
value={ pricingBoxTitle3 }
|
| 327 |
-
onChange={ (text) => setAttributes( { pricingBoxTitle3: text } ) }
|
| 328 |
-
isSelected={ isSelected && editable === 'pricingBoxTitle3' }
|
| 329 |
-
onFocus={ onSetActiveEditable( 'pricingBoxTitle3' ) }
|
| 330 |
-
style={ {
|
| 331 |
-
color: pricingBoxColor
|
| 332 |
-
} }
|
| 333 |
-
keepPlaceholderOnFocus
|
| 334 |
-
/>
|
| 335 |
-
<RichText
|
| 336 |
-
tagName={'p'}
|
| 337 |
-
// placeholder={ price3.default }
|
| 338 |
-
value={ price3 }
|
| 339 |
-
className={ 'ugb-pricing-box-pricing' }
|
| 340 |
-
onChange={ (text) => setAttributes( { price3: text } ) }
|
| 341 |
-
isSelected={ isSelected && editable === 'price3' }
|
| 342 |
-
onFocus={ onSetActiveEditable( 'price3' ) }
|
| 343 |
-
style={ {
|
| 344 |
-
color: priceColor
|
| 345 |
-
} }
|
| 346 |
-
keepPlaceholderOnFocus
|
| 347 |
-
/>
|
| 348 |
-
<RichText
|
| 349 |
-
tagName={'p'}
|
| 350 |
-
// placeholder={ perMonthLabel3.default }
|
| 351 |
-
value={ perMonthLabel3 }
|
| 352 |
-
className={ 'ugb-pricing-box-per-month-label' }
|
| 353 |
-
onChange={ (text) => setAttributes( { perMonthLabel3: text } ) }
|
| 354 |
-
focus={ isSelected && editable === 'perMonthLabel3' }
|
| 355 |
-
onFocus={ onSetActiveEditable( 'perMonthLabel3' ) }
|
| 356 |
-
style={ {
|
| 357 |
-
color: perMonthLabelColor
|
| 358 |
-
} }
|
| 359 |
-
keepPlaceholderOnFocus
|
| 360 |
-
/>
|
| 361 |
-
<ButtonEdit size={ size } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText3 } borderRadius={ cornerButtonRadius }
|
| 362 |
-
onChange={ (text) => setAttributes( { buttonText3: text } ) }
|
| 363 |
-
isSelected={ isSelected && editable === 'buttonText3' }
|
| 364 |
-
onFocus={ onSetActiveEditable( 'buttonText3' ) }
|
| 365 |
/>
|
| 366 |
-
|
| 367 |
-
|
| 368 |
-
|
| 369 |
-
|
| 370 |
-
|
| 371 |
-
|
| 372 |
-
|
| 373 |
-
|
| 374 |
-
|
| 375 |
-
|
| 376 |
-
|
| 377 |
-
|
| 378 |
-
|
| 379 |
-
|
| 380 |
-
|
| 381 |
-
|
| 382 |
-
|
| 383 |
-
|
| 384 |
-
|
| 385 |
-
|
| 386 |
-
|
| 387 |
-
|
| 388 |
-
|
| 389 |
-
|
| 390 |
-
|
| 391 |
-
|
| 392 |
-
|
| 393 |
-
|
| 394 |
-
|
| 395 |
-
|
| 396 |
-
|
| 397 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 398 |
</div>
|
| 399 |
-
</
|
| 400 |
-
|
| 401 |
}
|
| 402 |
|
| 403 |
export const save = ( props ) => {
|
|
@@ -434,81 +385,114 @@ export const save = ( props ) => {
|
|
| 434 |
return (
|
| 435 |
<div className={ `ugb-pricing-box column-${columns}` }>
|
| 436 |
<div className={ 'ugb-pricing-box-column-one' }>
|
| 437 |
-
{
|
| 438 |
-
<
|
| 439 |
-
|
| 440 |
-
|
|
|
|
|
|
|
| 441 |
) }
|
| 442 |
-
{
|
| 443 |
-
<
|
| 444 |
-
|
| 445 |
-
|
|
|
|
|
|
|
|
|
|
| 446 |
) }
|
| 447 |
-
{
|
| 448 |
-
<
|
| 449 |
-
|
| 450 |
-
|
|
|
|
|
|
|
|
|
|
| 451 |
) }
|
| 452 |
{ buttonText && !! buttonText.length && (
|
| 453 |
<ButtonSave size={ size } url={ url } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
| 454 |
) }
|
| 455 |
-
{
|
| 456 |
-
<
|
| 457 |
-
|
| 458 |
-
|
|
|
|
|
|
|
|
|
|
| 459 |
) }
|
| 460 |
</div>
|
| 461 |
{ columns > 1 && (
|
| 462 |
<div className={ 'ugb-pricing-box-column-two' }>
|
| 463 |
-
{
|
| 464 |
-
<
|
| 465 |
-
|
| 466 |
-
|
|
|
|
|
|
|
| 467 |
) }
|
| 468 |
-
{
|
| 469 |
-
<
|
| 470 |
-
|
| 471 |
-
|
|
|
|
|
|
|
|
|
|
| 472 |
) }
|
| 473 |
-
{
|
| 474 |
-
<
|
| 475 |
-
|
| 476 |
-
|
|
|
|
|
|
|
|
|
|
| 477 |
) }
|
| 478 |
{ buttonText2 && !! buttonText2.length && (
|
| 479 |
<ButtonSave size={ size } url={ url2 } color={ buttonTextColor } text={ buttonText2 } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
| 480 |
) }
|
| 481 |
-
{
|
| 482 |
-
<
|
| 483 |
-
|
| 484 |
-
|
|
|
|
|
|
|
|
|
|
| 485 |
) }
|
| 486 |
</div>
|
| 487 |
) }
|
| 488 |
{ columns > 2 && (
|
| 489 |
<div className={ 'ugb-pricing-box-column-three' }>
|
| 490 |
-
{
|
| 491 |
-
<
|
| 492 |
-
|
| 493 |
-
|
|
|
|
|
|
|
| 494 |
) }
|
| 495 |
-
{
|
| 496 |
-
<
|
| 497 |
-
|
| 498 |
-
|
|
|
|
|
|
|
|
|
|
| 499 |
) }
|
| 500 |
-
{
|
| 501 |
-
<
|
| 502 |
-
|
| 503 |
-
|
|
|
|
|
|
|
|
|
|
| 504 |
) }
|
| 505 |
{ buttonText3 && !! buttonText3.length && (
|
| 506 |
<ButtonSave size={ size } url={ url3 } color={ buttonTextColor } text={ buttonText3 } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
| 507 |
) }
|
| 508 |
-
{
|
| 509 |
-
<
|
| 510 |
-
|
| 511 |
-
|
|
|
|
|
|
|
|
|
|
| 512 |
) }
|
| 513 |
</div>
|
| 514 |
) }
|
|
@@ -520,19 +504,19 @@ const schema = {
|
|
| 520 |
url: {
|
| 521 |
type: 'string',
|
| 522 |
source: 'attribute',
|
| 523 |
-
selector: '.ugb-pricing-box-column-one a',
|
| 524 |
attribute: 'href',
|
| 525 |
},
|
| 526 |
url2: {
|
| 527 |
type: 'string',
|
| 528 |
source: 'attribute',
|
| 529 |
-
selector: '.ugb-pricing-box-column-two a',
|
| 530 |
attribute: 'href',
|
| 531 |
},
|
| 532 |
url3: {
|
| 533 |
type: 'string',
|
| 534 |
source: 'attribute',
|
| 535 |
-
selector: '.ugb-pricing-box-column-three a',
|
| 536 |
attribute: 'href',
|
| 537 |
},
|
| 538 |
pricingBoxTitle: {
|
|
@@ -592,19 +576,19 @@ const schema = {
|
|
| 592 |
buttonText: {
|
| 593 |
type: 'array',
|
| 594 |
source: 'children',
|
| 595 |
-
selector: '.ugb-pricing-box-column-one a',
|
| 596 |
default: __( 'Buy Now'),
|
| 597 |
},
|
| 598 |
buttonText2: {
|
| 599 |
type: 'array',
|
| 600 |
source: 'children',
|
| 601 |
-
selector: '.ugb-pricing-box-column-two a',
|
| 602 |
default: __( 'Buy Now'),
|
| 603 |
},
|
| 604 |
buttonText3: {
|
| 605 |
type: 'array',
|
| 606 |
source: 'children',
|
| 607 |
-
selector: '.ugb-pricing-box-column-three a',
|
| 608 |
default: __( 'Buy Now'),
|
| 609 |
},
|
| 610 |
featureList: {
|
| 29 |
PanelBody,
|
| 30 |
URLInput,
|
| 31 |
omit,
|
| 32 |
+
Fragment,
|
| 33 |
} from '../../wp-imports'
|
| 34 |
|
| 35 |
export const edit = ( props ) => {
|
| 84 |
{ value: 'large', label: __( 'Large' ) },
|
| 85 |
];
|
| 86 |
|
| 87 |
+
return (
|
| 88 |
+
<Fragment>
|
| 89 |
+
<InspectorControls>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 90 |
<PanelBody>
|
| 91 |
<SelectControl
|
| 92 |
label={ __( 'Column Number' ) }
|
| 159 |
>
|
| 160 |
</PanelColorSettings>
|
| 161 |
</InspectorControls>
|
| 162 |
+
<div className={ `ugb-pricing-box column-${columns}` }>
|
| 163 |
+
<div className={ 'ugb-pricing-box-column-one' }>
|
| 164 |
+
<RichText
|
| 165 |
+
tagName={ 'h3' }
|
| 166 |
+
value={ pricingBoxTitle }
|
| 167 |
+
onChange={ (text) => setAttributes( { pricingBoxTitle: text } ) }
|
| 168 |
+
style={ {
|
| 169 |
+
color: pricingBoxColor
|
| 170 |
+
} }
|
| 171 |
+
keepPlaceholderOnFocus
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 172 |
/>
|
| 173 |
+
<RichText
|
| 174 |
+
tagName={'p'}
|
| 175 |
+
value={ price }
|
| 176 |
+
className={ 'ugb-pricing-box-pricing' }
|
| 177 |
+
onChange={ (text) => setAttributes( { price: text } ) }
|
| 178 |
+
style={ {
|
| 179 |
+
color: priceColor
|
| 180 |
+
} }
|
| 181 |
+
keepPlaceholderOnFocus
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 182 |
/>
|
| 183 |
+
<RichText
|
| 184 |
+
tagName={'p'}
|
| 185 |
+
value={ perMonthLabel }
|
| 186 |
+
className={ 'ugb-pricing-box-per-month-label' }
|
| 187 |
+
onChange={ (text) => setAttributes( { perMonthLabel: text } ) }
|
| 188 |
+
style={ {
|
| 189 |
+
color: perMonthLabelColor
|
| 190 |
+
} }
|
| 191 |
+
keepPlaceholderOnFocus
|
| 192 |
+
/>
|
| 193 |
+
<ButtonEdit size={ size } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText } borderRadius={ cornerButtonRadius }
|
| 194 |
+
onChange={ (text) => setAttributes( { buttonText: text } ) }
|
| 195 |
+
/>
|
| 196 |
+
<RichText
|
| 197 |
+
tagName={'p'}
|
| 198 |
+
value={ featureList }
|
| 199 |
+
className={ 'ugb-pricing-box-feature-list' }
|
| 200 |
+
onChange={ (text) => setAttributes( { featureList: text } ) }
|
| 201 |
+
style={ {
|
| 202 |
+
color: featureListColor
|
| 203 |
+
} }
|
| 204 |
+
keepPlaceholderOnFocus
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 205 |
/>
|
| 206 |
+
{
|
| 207 |
+
isSelected && (
|
| 208 |
+
<form
|
| 209 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 210 |
+
className={ `blocks-button__inline-link pricing-box`}>
|
| 211 |
+
<Dashicon icon={ 'admin-links' } />
|
| 212 |
+
<URLInput
|
| 213 |
+
value={ url }
|
| 214 |
+
onChange={ ( value ) => setAttributes( { url: value } ) }
|
| 215 |
+
/>
|
| 216 |
+
<IconButton
|
| 217 |
+
icon={ 'editor-break' }
|
| 218 |
+
label={ __( 'Apply' ) }
|
| 219 |
+
type={ 'submit' }
|
| 220 |
+
/>
|
| 221 |
+
</form>
|
| 222 |
+
)
|
| 223 |
+
}
|
| 224 |
+
</div>
|
| 225 |
+
<div className={ 'ugb-pricing-box-column-two' }>
|
| 226 |
+
<RichText
|
| 227 |
+
tagName={ 'h3' }
|
| 228 |
+
value={ pricingBoxTitle2 }
|
| 229 |
+
onChange={ (text) => setAttributes( { pricingBoxTitle2: text } ) }
|
| 230 |
+
style={ {
|
| 231 |
+
color: pricingBoxColor
|
| 232 |
+
} }
|
| 233 |
+
keepPlaceholderOnFocus
|
| 234 |
+
/>
|
| 235 |
+
<RichText
|
| 236 |
+
tagName={'p'}
|
| 237 |
+
value={ price2 }
|
| 238 |
+
className={ 'ugb-pricing-box-pricing' }
|
| 239 |
+
onChange={ (text) => setAttributes( { price2: text } ) }
|
| 240 |
+
style={ {
|
| 241 |
+
color: priceColor
|
| 242 |
+
} }
|
| 243 |
+
keepPlaceholderOnFocus
|
| 244 |
+
/>
|
| 245 |
+
<RichText
|
| 246 |
+
tagName={'p'}
|
| 247 |
+
value={ perMonthLabel2 }
|
| 248 |
+
className={ 'ugb-pricing-box-per-month-label' }
|
| 249 |
+
onChange={ (text) => setAttributes( { perMonthLabel2: text } ) }
|
| 250 |
+
style={ {
|
| 251 |
+
color: perMonthLabelColor
|
| 252 |
+
} }
|
| 253 |
+
keepPlaceholderOnFocus
|
| 254 |
+
/>
|
| 255 |
+
<ButtonEdit size={ size } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText2 } borderRadius={ cornerButtonRadius }
|
| 256 |
+
onChange={ (text) => setAttributes( { buttonText2: text } ) }
|
| 257 |
+
/>
|
| 258 |
+
<RichText
|
| 259 |
+
tagName={'p'}
|
| 260 |
+
value={ featureList2 }
|
| 261 |
+
className={ 'ugb-pricing-box-feature-list' }
|
| 262 |
+
onChange={ (text) => setAttributes( { featureList2: text } ) }
|
| 263 |
+
style={ {
|
| 264 |
+
color: featureListColor
|
| 265 |
+
} }
|
| 266 |
+
keepPlaceholderOnFocus
|
| 267 |
+
/>
|
| 268 |
+
{
|
| 269 |
+
isSelected && (
|
| 270 |
+
<form
|
| 271 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 272 |
+
className={ `blocks-button__inline-link pricing-box`}>
|
| 273 |
+
<Dashicon icon={ 'admin-links' } />
|
| 274 |
+
<URLInput
|
| 275 |
+
value={ url2 }
|
| 276 |
+
onChange={ ( value ) => setAttributes( { url2: value } ) }
|
| 277 |
+
/>
|
| 278 |
+
<IconButton
|
| 279 |
+
icon={ 'editor-break' }
|
| 280 |
+
label={ __( 'Apply' ) }
|
| 281 |
+
type={ 'submit' }
|
| 282 |
+
/>
|
| 283 |
+
</form>
|
| 284 |
+
)
|
| 285 |
+
}
|
| 286 |
+
</div>
|
| 287 |
+
<div className={ 'ugb-pricing-box-column-three' }>
|
| 288 |
+
<RichText
|
| 289 |
+
tagName={ 'h3' }
|
| 290 |
+
value={ pricingBoxTitle3 }
|
| 291 |
+
onChange={ (text) => setAttributes( { pricingBoxTitle3: text } ) }
|
| 292 |
+
style={ {
|
| 293 |
+
color: pricingBoxColor
|
| 294 |
+
} }
|
| 295 |
+
keepPlaceholderOnFocus
|
| 296 |
+
/>
|
| 297 |
+
<RichText
|
| 298 |
+
tagName={'p'}
|
| 299 |
+
value={ price3 }
|
| 300 |
+
className={ 'ugb-pricing-box-pricing' }
|
| 301 |
+
onChange={ (text) => setAttributes( { price3: text } ) }
|
| 302 |
+
style={ {
|
| 303 |
+
color: priceColor
|
| 304 |
+
} }
|
| 305 |
+
keepPlaceholderOnFocus
|
| 306 |
+
/>
|
| 307 |
+
<RichText
|
| 308 |
+
tagName={'p'}
|
| 309 |
+
value={ perMonthLabel3 }
|
| 310 |
+
className={ 'ugb-pricing-box-per-month-label' }
|
| 311 |
+
onChange={ (text) => setAttributes( { perMonthLabel3: text } ) }
|
| 312 |
+
style={ {
|
| 313 |
+
color: perMonthLabelColor
|
| 314 |
+
} }
|
| 315 |
+
keepPlaceholderOnFocus
|
| 316 |
+
/>
|
| 317 |
+
<ButtonEdit size={ size } color={ buttonTextColor } backgroundColor={ buttonColor } text={ buttonText3 } borderRadius={ cornerButtonRadius }
|
| 318 |
+
onChange={ (text) => setAttributes( { buttonText3: text } ) }
|
| 319 |
+
/>
|
| 320 |
+
<RichText
|
| 321 |
+
tagName={'p'}
|
| 322 |
+
value={ featureList3 }
|
| 323 |
+
className={ 'ugb-pricing-box-feature-list' }
|
| 324 |
+
onChange={ (text) => setAttributes( { featureList3: text } ) }
|
| 325 |
+
style={ {
|
| 326 |
+
color: featureListColor
|
| 327 |
+
} }
|
| 328 |
+
keepPlaceholderOnFocus
|
| 329 |
+
/>
|
| 330 |
+
{
|
| 331 |
+
isSelected && (
|
| 332 |
+
<form
|
| 333 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 334 |
+
className={ `blocks-button__inline-link pricing-box`}>
|
| 335 |
+
<Dashicon icon={ 'admin-links' } />
|
| 336 |
+
<URLInput
|
| 337 |
+
value={ url3 }
|
| 338 |
+
onChange={ ( value ) => setAttributes( { url3: value } ) }
|
| 339 |
+
/>
|
| 340 |
+
<IconButton
|
| 341 |
+
icon={ 'editor-break' }
|
| 342 |
+
label={ __( 'Apply' ) }
|
| 343 |
+
type={ 'submit' }
|
| 344 |
+
/>
|
| 345 |
+
</form>
|
| 346 |
+
)
|
| 347 |
+
}
|
| 348 |
+
</div>
|
| 349 |
</div>
|
| 350 |
+
</Fragment>
|
| 351 |
+
)
|
| 352 |
}
|
| 353 |
|
| 354 |
export const save = ( props ) => {
|
| 385 |
return (
|
| 386 |
<div className={ `ugb-pricing-box column-${columns}` }>
|
| 387 |
<div className={ 'ugb-pricing-box-column-one' }>
|
| 388 |
+
{ ! RichText.isEmpty( pricingBoxTitle ) && (
|
| 389 |
+
<RichText.Content
|
| 390 |
+
tagName='h3'
|
| 391 |
+
style={ { color: pricingBoxColor } }
|
| 392 |
+
value={ pricingBoxTitle }
|
| 393 |
+
/>
|
| 394 |
) }
|
| 395 |
+
{ ! RichText.isEmpty( price ) && (
|
| 396 |
+
<RichText.Content
|
| 397 |
+
tagName='p'
|
| 398 |
+
className='ugb-pricing-box-pricing'
|
| 399 |
+
style={ { color: priceColor } }
|
| 400 |
+
value={ price }
|
| 401 |
+
/>
|
| 402 |
) }
|
| 403 |
+
{ ! RichText.isEmpty( perMonthLabel ) && (
|
| 404 |
+
<RichText.Content
|
| 405 |
+
tagName='p'
|
| 406 |
+
className='ugb-pricing-box-per-month-label'
|
| 407 |
+
style={ { color: perMonthLabelColor } }
|
| 408 |
+
value={ perMonthLabel }
|
| 409 |
+
/>
|
| 410 |
) }
|
| 411 |
{ buttonText && !! buttonText.length && (
|
| 412 |
<ButtonSave size={ size } url={ url } color={ buttonTextColor } text={ buttonText } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
| 413 |
) }
|
| 414 |
+
{ ! RichText.isEmpty( featureList ) && (
|
| 415 |
+
<RichText.Content
|
| 416 |
+
tagName='p'
|
| 417 |
+
className='ugb-pricing-box-feature-list'
|
| 418 |
+
style={ { color: featureListColor } }
|
| 419 |
+
value={ featureList }
|
| 420 |
+
/>
|
| 421 |
) }
|
| 422 |
</div>
|
| 423 |
{ columns > 1 && (
|
| 424 |
<div className={ 'ugb-pricing-box-column-two' }>
|
| 425 |
+
{ ! RichText.isEmpty( pricingBoxTitle2 ) && (
|
| 426 |
+
<RichText.Content
|
| 427 |
+
tagName='h3'
|
| 428 |
+
style={ { color: pricingBoxColor } }
|
| 429 |
+
value={ pricingBoxTitle2 }
|
| 430 |
+
/>
|
| 431 |
) }
|
| 432 |
+
{ ! RichText.isEmpty( price2 ) && (
|
| 433 |
+
<RichText.Content
|
| 434 |
+
tagName='p'
|
| 435 |
+
className='ugb-pricing-box-pricing'
|
| 436 |
+
style={ { color: priceColor } }
|
| 437 |
+
value={ price2 }
|
| 438 |
+
/>
|
| 439 |
) }
|
| 440 |
+
{ ! RichText.isEmpty( perMonthLabel2 ) && (
|
| 441 |
+
<RichText.Content
|
| 442 |
+
tagName='p'
|
| 443 |
+
className='ugb-pricing-box-per-month-label'
|
| 444 |
+
style={ { color: perMonthLabelColor } }
|
| 445 |
+
value={ perMonthLabel2 }
|
| 446 |
+
/>
|
| 447 |
) }
|
| 448 |
{ buttonText2 && !! buttonText2.length && (
|
| 449 |
<ButtonSave size={ size } url={ url2 } color={ buttonTextColor } text={ buttonText2 } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
| 450 |
) }
|
| 451 |
+
{ ! RichText.isEmpty( featureList2 ) && (
|
| 452 |
+
<RichText.Content
|
| 453 |
+
tagName='p'
|
| 454 |
+
className='ugb-pricing-box-feature-list'
|
| 455 |
+
style={ { color: featureListColor } }
|
| 456 |
+
value={ featureList2 }
|
| 457 |
+
/>
|
| 458 |
) }
|
| 459 |
</div>
|
| 460 |
) }
|
| 461 |
{ columns > 2 && (
|
| 462 |
<div className={ 'ugb-pricing-box-column-three' }>
|
| 463 |
+
{ ! RichText.isEmpty( pricingBoxTitle3 ) && (
|
| 464 |
+
<RichText.Content
|
| 465 |
+
tagName='h3'
|
| 466 |
+
style={ { color: pricingBoxColor } }
|
| 467 |
+
value={ pricingBoxTitle3 }
|
| 468 |
+
/>
|
| 469 |
) }
|
| 470 |
+
{ ! RichText.isEmpty( price3 ) && (
|
| 471 |
+
<RichText.Content
|
| 472 |
+
tagName='p'
|
| 473 |
+
className='ugb-pricing-box-pricing'
|
| 474 |
+
style={ { color: priceColor } }
|
| 475 |
+
value={ price3 }
|
| 476 |
+
/>
|
| 477 |
) }
|
| 478 |
+
{ ! RichText.isEmpty( perMonthLabel3 ) && (
|
| 479 |
+
<RichText.Content
|
| 480 |
+
tagName='p'
|
| 481 |
+
className='ugb-pricing-box-per-month-label'
|
| 482 |
+
style={ { color: perMonthLabelColor } }
|
| 483 |
+
value={ perMonthLabel3 }
|
| 484 |
+
/>
|
| 485 |
) }
|
| 486 |
{ buttonText3 && !! buttonText3.length && (
|
| 487 |
<ButtonSave size={ size } url={ url3 } color={ buttonTextColor } text={ buttonText3 } backgroundColor={ buttonColor } borderRadius={ cornerButtonRadius } />
|
| 488 |
) }
|
| 489 |
+
{ ! RichText.isEmpty( featureList3 ) && (
|
| 490 |
+
<RichText.Content
|
| 491 |
+
tagName='p'
|
| 492 |
+
className='ugb-pricing-box-feature-list'
|
| 493 |
+
style={ { color: featureListColor } }
|
| 494 |
+
value={ featureList3 }
|
| 495 |
+
/>
|
| 496 |
) }
|
| 497 |
</div>
|
| 498 |
) }
|
| 504 |
url: {
|
| 505 |
type: 'string',
|
| 506 |
source: 'attribute',
|
| 507 |
+
selector: '.ugb-pricing-box-column-one .ugb-button a',
|
| 508 |
attribute: 'href',
|
| 509 |
},
|
| 510 |
url2: {
|
| 511 |
type: 'string',
|
| 512 |
source: 'attribute',
|
| 513 |
+
selector: '.ugb-pricing-box-column-two .ugb-button a',
|
| 514 |
attribute: 'href',
|
| 515 |
},
|
| 516 |
url3: {
|
| 517 |
type: 'string',
|
| 518 |
source: 'attribute',
|
| 519 |
+
selector: '.ugb-pricing-box-column-three .ugb-button a',
|
| 520 |
attribute: 'href',
|
| 521 |
},
|
| 522 |
pricingBoxTitle: {
|
| 576 |
buttonText: {
|
| 577 |
type: 'array',
|
| 578 |
source: 'children',
|
| 579 |
+
selector: '.ugb-pricing-box-column-one .ugb-button a',
|
| 580 |
default: __( 'Buy Now'),
|
| 581 |
},
|
| 582 |
buttonText2: {
|
| 583 |
type: 'array',
|
| 584 |
source: 'children',
|
| 585 |
+
selector: '.ugb-pricing-box-column-two .ugb-button a',
|
| 586 |
default: __( 'Buy Now'),
|
| 587 |
},
|
| 588 |
buttonText3: {
|
| 589 |
type: 'array',
|
| 590 |
source: 'children',
|
| 591 |
+
selector: '.ugb-pricing-box-column-three .ugb-button a',
|
| 592 |
default: __( 'Buy Now'),
|
| 593 |
},
|
| 594 |
featureList: {
|
src/block/pullquote/index.js
CHANGED
|
@@ -20,38 +20,34 @@ import {
|
|
| 20 |
ColorPalette,
|
| 21 |
omit,
|
| 22 |
merge,
|
|
|
|
| 23 |
} from '../../wp-imports'
|
| 24 |
|
| 25 |
export const edit = ( props ) => {
|
| 26 |
-
const onSetActiveEditable = ( newEditable ) => () => {
|
| 27 |
-
setState( { editable: newEditable } )
|
| 28 |
-
}
|
| 29 |
|
| 30 |
const { isSelected, setAttributes, className } = props
|
| 31 |
|
| 32 |
const { color, text, quoteColor } = props.attributes
|
| 33 |
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
</blockquote>,
|
| 54 |
-
isSelected && (
|
| 55 |
<InspectorControls>
|
| 56 |
<PanelColorSettings
|
| 57 |
title={ __( 'Color Settings' ) }
|
|
@@ -70,8 +66,8 @@ export const edit = ( props ) => {
|
|
| 70 |
>
|
| 71 |
</PanelColorSettings>
|
| 72 |
</InspectorControls>
|
| 73 |
-
|
| 74 |
-
|
| 75 |
}
|
| 76 |
|
| 77 |
export const save = ( props ) => {
|
|
@@ -82,7 +78,11 @@ export const save = ( props ) => {
|
|
| 82 |
<blockquote
|
| 83 |
className={ 'ugb-pullquote' }
|
| 84 |
style={ { '--quote-color': quoteColor } }>
|
| 85 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
| 86 |
</blockquote>
|
| 87 |
);
|
| 88 |
}
|
| 20 |
ColorPalette,
|
| 21 |
omit,
|
| 22 |
merge,
|
| 23 |
+
Fragment,
|
| 24 |
} from '../../wp-imports'
|
| 25 |
|
| 26 |
export const edit = ( props ) => {
|
|
|
|
|
|
|
|
|
|
| 27 |
|
| 28 |
const { isSelected, setAttributes, className } = props
|
| 29 |
|
| 30 |
const { color, text, quoteColor } = props.attributes
|
| 31 |
|
| 32 |
+
return (
|
| 33 |
+
<Fragment>
|
| 34 |
+
<blockquote
|
| 35 |
+
className={ 'ugb-pullquote' }
|
| 36 |
+
style={ { '--quote-color': quoteColor } }>
|
| 37 |
+
<RichText
|
| 38 |
+
tagName='p'
|
| 39 |
+
className='ugb-pullquote-text'
|
| 40 |
+
value={ text }
|
| 41 |
+
onChange={ ( nextValue ) => setAttributes( { text: nextValue } ) }
|
| 42 |
+
placeholder={ __( 'Write quote…' ) }
|
| 43 |
+
formattingControls={ [ 'bold', 'italic', 'strikethrough', 'link' ] }
|
| 44 |
+
isSelected={ isSelected }
|
| 45 |
+
keepPlaceholderOnFocus
|
| 46 |
+
style={ {
|
| 47 |
+
color: color
|
| 48 |
+
} }
|
| 49 |
+
/>
|
| 50 |
+
</blockquote>
|
|
|
|
|
|
|
| 51 |
<InspectorControls>
|
| 52 |
<PanelColorSettings
|
| 53 |
title={ __( 'Color Settings' ) }
|
| 66 |
>
|
| 67 |
</PanelColorSettings>
|
| 68 |
</InspectorControls>
|
| 69 |
+
</Fragment>
|
| 70 |
+
)
|
| 71 |
}
|
| 72 |
|
| 73 |
export const save = ( props ) => {
|
| 78 |
<blockquote
|
| 79 |
className={ 'ugb-pullquote' }
|
| 80 |
style={ { '--quote-color': quoteColor } }>
|
| 81 |
+
<RichText.Content
|
| 82 |
+
tagName="p"
|
| 83 |
+
style={ { color } }
|
| 84 |
+
value={ text }
|
| 85 |
+
/>
|
| 86 |
</blockquote>
|
| 87 |
);
|
| 88 |
}
|
src/block/spacer/index.js
CHANGED
|
@@ -16,7 +16,8 @@ import {
|
|
| 16 |
InspectorControls,
|
| 17 |
RangeControl,
|
| 18 |
TextControl,
|
| 19 |
-
PanelBody
|
|
|
|
| 20 |
} from '../../wp-imports'
|
| 21 |
|
| 22 |
export const save = ( props ) => {
|
|
@@ -24,7 +25,7 @@ export const save = ( props ) => {
|
|
| 24 |
const { height } = props.attributes
|
| 25 |
|
| 26 |
return (
|
| 27 |
-
<div style={{height:height + 'px'}}></div>
|
| 28 |
);
|
| 29 |
}
|
| 30 |
|
|
@@ -34,24 +35,22 @@ export const edit = ( props ) => {
|
|
| 34 |
|
| 35 |
const { height } = props.attributes;
|
| 36 |
|
| 37 |
-
return
|
| 38 |
-
|
| 39 |
-
<InspectorControls
|
| 40 |
<PanelBody>
|
| 41 |
<RangeControl
|
| 42 |
label={__('Height')}
|
| 43 |
-
value={height}
|
| 44 |
min='30'
|
| 45 |
max='200'
|
| 46 |
-
onChange={
|
| 47 |
-
props.setAttributes( { height: height } );
|
| 48 |
-
}}
|
| 49 |
/>
|
| 50 |
</PanelBody>
|
| 51 |
</InspectorControls>
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
}
|
| 56 |
|
| 57 |
|
| 16 |
InspectorControls,
|
| 17 |
RangeControl,
|
| 18 |
TextControl,
|
| 19 |
+
PanelBody,
|
| 20 |
+
Fragment,
|
| 21 |
} from '../../wp-imports'
|
| 22 |
|
| 23 |
export const save = ( props ) => {
|
| 25 |
const { height } = props.attributes
|
| 26 |
|
| 27 |
return (
|
| 28 |
+
<div style={ { height: height + 'px' } }></div>
|
| 29 |
);
|
| 30 |
}
|
| 31 |
|
| 35 |
|
| 36 |
const { height } = props.attributes;
|
| 37 |
|
| 38 |
+
return (
|
| 39 |
+
<Fragment>
|
| 40 |
+
<InspectorControls>
|
| 41 |
<PanelBody>
|
| 42 |
<RangeControl
|
| 43 |
label={__('Height')}
|
| 44 |
+
value={ height }
|
| 45 |
min='30'
|
| 46 |
max='200'
|
| 47 |
+
onChange={ ( height ) => { props.setAttributes( { height } ) } }
|
|
|
|
|
|
|
| 48 |
/>
|
| 49 |
</PanelBody>
|
| 50 |
</InspectorControls>
|
| 51 |
+
<div className={ props.className } style={ { height: height + 'px' } }></div>
|
| 52 |
+
</Fragment>
|
| 53 |
+
)
|
| 54 |
}
|
| 55 |
|
| 56 |
|
src/block/team-member/index.js
CHANGED
|
@@ -21,7 +21,8 @@ import {
|
|
| 21 |
ColorPalette,
|
| 22 |
MediaUpload,
|
| 23 |
BlockControls,
|
| 24 |
-
PanelBody
|
|
|
|
| 25 |
} from '../../wp-imports'
|
| 26 |
|
| 27 |
export const edit = ( props ) => {
|
|
@@ -71,16 +72,9 @@ export const edit = ( props ) => {
|
|
| 71 |
{ value: 'circle', label: __( 'Circle' ) },
|
| 72 |
];
|
| 73 |
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
return [
|
| 79 |
-
isSelected && (
|
| 80 |
-
<BlockControls key="controls"/>
|
| 81 |
-
),
|
| 82 |
-
isSelected && (
|
| 83 |
-
<InspectorControls key={ 'inspector' }>
|
| 84 |
<PanelBody>
|
| 85 |
<SelectControl
|
| 86 |
label={ __( 'Image Shape' ) }
|
|
@@ -129,178 +123,151 @@ export const edit = ( props ) => {
|
|
| 129 |
>
|
| 130 |
</PanelColorSettings>
|
| 131 |
</InspectorControls>
|
| 132 |
-
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 148 |
} }
|
|
|
|
| 149 |
/>
|
| 150 |
</div>
|
| 151 |
-
<
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
|
| 184 |
-
|
| 185 |
-
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
type={'image'}
|
| 195 |
-
value={ mediaIDTwo }
|
| 196 |
-
render={ function( obj ) {
|
| 197 |
-
return <Button
|
| 198 |
-
className={ mediaIDTwo ? '' : 'button button-large' }
|
| 199 |
-
onClick={ obj.open } >
|
| 200 |
-
{
|
| 201 |
-
mediaIDTwo ? <div className="team-member-image" style={{ backgroundImage: `url(${mediaURLTwo})` }}></div> : __( 'Upload Image' )
|
| 202 |
-
}
|
| 203 |
-
</Button>
|
| 204 |
} }
|
|
|
|
| 205 |
/>
|
| 206 |
</div>
|
| 207 |
-
<
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
|
| 235 |
-
|
| 236 |
-
|
| 237 |
-
|
| 238 |
-
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
|
| 250 |
-
type={'image'}
|
| 251 |
-
value={ mediaIDThree }
|
| 252 |
-
render={ function( obj ) {
|
| 253 |
-
return <Button
|
| 254 |
-
className={ mediaIDThree ? '' : 'button button-large' }
|
| 255 |
-
onClick={ obj.open } >
|
| 256 |
-
{
|
| 257 |
-
mediaIDThree ? <div className="team-member-image" style={{ backgroundImage: `url(${mediaURLThree})` }}></div> : __( 'Upload Image' )
|
| 258 |
-
}
|
| 259 |
-
</Button>
|
| 260 |
} }
|
|
|
|
| 261 |
/>
|
| 262 |
</div>
|
| 263 |
-
<RichText
|
| 264 |
-
tagName={ 'h4' }
|
| 265 |
-
value={ nameThree }
|
| 266 |
-
onChange={ (text) => setAttributes( { nameThree: text } ) }
|
| 267 |
-
isSelected={ isSelected && editable === 'nameThree' }
|
| 268 |
-
onFocus={ onSetActiveEditable( 'nameThree' ) }
|
| 269 |
-
// placeholder={ nameThree.default }
|
| 270 |
-
style={ {
|
| 271 |
-
color: nameColor
|
| 272 |
-
} }
|
| 273 |
-
keepPlaceholderOnFocus
|
| 274 |
-
/>
|
| 275 |
-
<RichText
|
| 276 |
-
tagName={'p'}
|
| 277 |
-
value={ positionThree }
|
| 278 |
-
className={ 'ugb-team-member-position' }
|
| 279 |
-
onChange={ (text) => setAttributes( { positionThree: text } ) }
|
| 280 |
-
isSelected={ isSelected && editable === 'positionThree' }
|
| 281 |
-
onFocus={ onSetActiveEditable( 'positionThree' ) }
|
| 282 |
-
// placeholder={ positionThree.default }
|
| 283 |
-
style={ {
|
| 284 |
-
color: posColor
|
| 285 |
-
} }
|
| 286 |
-
keepPlaceholderOnFocus
|
| 287 |
-
/>
|
| 288 |
-
<RichText
|
| 289 |
-
tagName={'p'}
|
| 290 |
-
value={ desThree }
|
| 291 |
-
className={ 'ugb-team-member-des-three' }
|
| 292 |
-
onChange={ (text) => setAttributes( { desThree: text } ) }
|
| 293 |
-
isSelected={ isSelected && editable === 'desThree' }
|
| 294 |
-
onFocus={ onSetActiveEditable( 'desThree' ) }
|
| 295 |
-
// placeholder={ desThree.default }
|
| 296 |
-
style={ {
|
| 297 |
-
color: desColor
|
| 298 |
-
} }
|
| 299 |
-
keepPlaceholderOnFocus
|
| 300 |
-
/>
|
| 301 |
</div>
|
| 302 |
-
</
|
| 303 |
-
|
| 304 |
}
|
| 305 |
|
| 306 |
export const save = ( props ) => {
|
|
@@ -333,59 +300,83 @@ export const save = ( props ) => {
|
|
| 333 |
<div className={ `ugb-team-member column-${columns} image-${ shapes }` }>
|
| 334 |
<div className={ 'ugb-team-member-column-one' }>
|
| 335 |
{ mediaURL && <div className="team-member-image" style={{ backgroundImage: `url(${mediaURL})` }} data-src={mediaURL}></div> }
|
| 336 |
-
{
|
| 337 |
-
<
|
| 338 |
-
|
| 339 |
-
|
|
|
|
|
|
|
| 340 |
) }
|
| 341 |
-
{
|
| 342 |
-
<
|
| 343 |
-
|
| 344 |
-
|
|
|
|
|
|
|
|
|
|
| 345 |
) }
|
| 346 |
-
{
|
| 347 |
-
<
|
| 348 |
-
|
| 349 |
-
|
|
|
|
|
|
|
|
|
|
| 350 |
) }
|
| 351 |
</div>
|
| 352 |
{ columns > 1 && (
|
| 353 |
<div className={ 'ugb-team-member-column-two' }>
|
| 354 |
{ mediaURLTwo && <div className="team-member-image" style={{ backgroundImage: `url(${mediaURLTwo})` }} data-src={mediaURLTwo}></div> }
|
| 355 |
-
{
|
| 356 |
-
<
|
| 357 |
-
|
| 358 |
-
|
|
|
|
|
|
|
| 359 |
) }
|
| 360 |
-
{
|
| 361 |
-
<
|
| 362 |
-
|
| 363 |
-
|
|
|
|
|
|
|
|
|
|
| 364 |
) }
|
| 365 |
-
{
|
| 366 |
-
<
|
| 367 |
-
|
| 368 |
-
|
|
|
|
|
|
|
|
|
|
| 369 |
) }
|
| 370 |
</div>
|
| 371 |
) }
|
| 372 |
{ columns > 2 && (
|
| 373 |
<div className={ 'ugb-team-member-column-three' }>
|
| 374 |
{ mediaURLThree && <div className="team-member-image" style={{ backgroundImage: `url(${mediaURLThree})` }} data-src={mediaURLThree}></div> }
|
| 375 |
-
{
|
| 376 |
-
<
|
| 377 |
-
|
| 378 |
-
|
|
|
|
|
|
|
| 379 |
) }
|
| 380 |
-
{
|
| 381 |
-
<
|
| 382 |
-
|
| 383 |
-
|
|
|
|
|
|
|
|
|
|
| 384 |
) }
|
| 385 |
-
{
|
| 386 |
-
<
|
| 387 |
-
|
| 388 |
-
|
|
|
|
|
|
|
|
|
|
| 389 |
) }
|
| 390 |
</div>
|
| 391 |
) }
|
| 21 |
ColorPalette,
|
| 22 |
MediaUpload,
|
| 23 |
BlockControls,
|
| 24 |
+
PanelBody,
|
| 25 |
+
Fragment,
|
| 26 |
} from '../../wp-imports'
|
| 27 |
|
| 28 |
export const edit = ( props ) => {
|
| 72 |
{ value: 'circle', label: __( 'Circle' ) },
|
| 73 |
];
|
| 74 |
|
| 75 |
+
return (
|
| 76 |
+
<Fragment>
|
| 77 |
+
<InspectorControls>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 78 |
<PanelBody>
|
| 79 |
<SelectControl
|
| 80 |
label={ __( 'Image Shape' ) }
|
| 123 |
>
|
| 124 |
</PanelColorSettings>
|
| 125 |
</InspectorControls>
|
| 126 |
+
<div className={ `ugb-team-member column-${columns} image-${ shapes }` }>
|
| 127 |
+
<div className={ 'ugb-team-member-column-one' }>
|
| 128 |
+
<div>
|
| 129 |
+
<MediaUpload
|
| 130 |
+
onSelect={ ( media ) => setAttributes( { mediaURL: media.url, mediaID: media.id } ) }
|
| 131 |
+
type={'image'}
|
| 132 |
+
value={mediaID}
|
| 133 |
+
render={ function( obj ) {
|
| 134 |
+
return <Button
|
| 135 |
+
className={ mediaID ? '' : 'button button-large' }
|
| 136 |
+
onClick={ obj.open } >
|
| 137 |
+
{
|
| 138 |
+
mediaID ? <div className="team-member-image" style={{ backgroundImage: `url(${mediaURL})` }}></div> : __( 'Upload Image' )
|
| 139 |
+
}
|
| 140 |
+
</Button>
|
| 141 |
+
} }
|
| 142 |
+
/>
|
| 143 |
+
</div>
|
| 144 |
+
<RichText
|
| 145 |
+
tagName={ 'h4' }
|
| 146 |
+
value={ name }
|
| 147 |
+
onChange={ (text) => setAttributes( { name: text } ) }
|
| 148 |
+
style={ {
|
| 149 |
+
color: nameColor
|
| 150 |
+
} }
|
| 151 |
+
keepPlaceholderOnFocus
|
| 152 |
+
/>
|
| 153 |
+
<RichText
|
| 154 |
+
tagName={'p'}
|
| 155 |
+
value={ position }
|
| 156 |
+
className={ 'ugb-team-member-position' }
|
| 157 |
+
onChange={ (text) => setAttributes( { position: text } ) }
|
| 158 |
+
style={ {
|
| 159 |
+
color: posColor
|
| 160 |
+
} }
|
| 161 |
+
keepPlaceholderOnFocus
|
| 162 |
+
/>
|
| 163 |
+
<RichText
|
| 164 |
+
tagName={'p'}
|
| 165 |
+
value={ des }
|
| 166 |
+
className={ 'ugb-team-member-des' }
|
| 167 |
+
onChange={ (text) => setAttributes( { des: text } ) }
|
| 168 |
+
style={ {
|
| 169 |
+
color: desColor
|
| 170 |
} }
|
| 171 |
+
keepPlaceholderOnFocus
|
| 172 |
/>
|
| 173 |
</div>
|
| 174 |
+
<div className={ 'ugb-team-member-column-two' }>
|
| 175 |
+
<div>
|
| 176 |
+
<MediaUpload
|
| 177 |
+
onSelect={ ( media ) => setAttributes( { mediaURLTwo: media.url, mediaIDTwo: media.id } ) }
|
| 178 |
+
type={'image'}
|
| 179 |
+
value={ mediaIDTwo }
|
| 180 |
+
render={ function( obj ) {
|
| 181 |
+
return <Button
|
| 182 |
+
className={ mediaIDTwo ? '' : 'button button-large' }
|
| 183 |
+
onClick={ obj.open } >
|
| 184 |
+
{
|
| 185 |
+
mediaIDTwo ? <div className="team-member-image" style={{ backgroundImage: `url(${mediaURLTwo})` }}></div> : __( 'Upload Image' )
|
| 186 |
+
}
|
| 187 |
+
</Button>
|
| 188 |
+
} }
|
| 189 |
+
/>
|
| 190 |
+
</div>
|
| 191 |
+
<RichText
|
| 192 |
+
tagName={ 'h4' }
|
| 193 |
+
value={ nameTwo }
|
| 194 |
+
onChange={ (text) => setAttributes( { nameTwo: text } ) }
|
| 195 |
+
style={ {
|
| 196 |
+
color: nameColor
|
| 197 |
+
} }
|
| 198 |
+
keepPlaceholderOnFocus
|
| 199 |
+
/>
|
| 200 |
+
<RichText
|
| 201 |
+
tagName={'p'}
|
| 202 |
+
value={ positionTwo }
|
| 203 |
+
className={ 'ugb-team-member-position' }
|
| 204 |
+
onChange={ (text) => setAttributes( { positionTwo: text } ) }
|
| 205 |
+
style={ {
|
| 206 |
+
color: posColor
|
| 207 |
+
} }
|
| 208 |
+
keepPlaceholderOnFocus
|
| 209 |
+
/>
|
| 210 |
+
<RichText
|
| 211 |
+
tagName={'p'}
|
| 212 |
+
value={ desTwo }
|
| 213 |
+
className={ 'ugb-team-member-des-two' }
|
| 214 |
+
onChange={ (text) => setAttributes( { desTwo: text } ) }
|
| 215 |
+
style={ {
|
| 216 |
+
color: desColor
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 217 |
} }
|
| 218 |
+
keepPlaceholderOnFocus
|
| 219 |
/>
|
| 220 |
</div>
|
| 221 |
+
<div className={ 'ugb-team-member-column-three' }>
|
| 222 |
+
<div>
|
| 223 |
+
<MediaUpload
|
| 224 |
+
onSelect={ ( media ) => setAttributes( { mediaURLThree: media.url, mediaIDThree: media.id } ) }
|
| 225 |
+
type={'image'}
|
| 226 |
+
value={ mediaIDThree }
|
| 227 |
+
render={ function( obj ) {
|
| 228 |
+
return <Button
|
| 229 |
+
className={ mediaIDThree ? '' : 'button button-large' }
|
| 230 |
+
onClick={ obj.open } >
|
| 231 |
+
{
|
| 232 |
+
mediaIDThree ? <div className="team-member-image" style={{ backgroundImage: `url(${mediaURLThree})` }}></div> : __( 'Upload Image' )
|
| 233 |
+
}
|
| 234 |
+
</Button>
|
| 235 |
+
} }
|
| 236 |
+
/>
|
| 237 |
+
</div>
|
| 238 |
+
<RichText
|
| 239 |
+
tagName={ 'h4' }
|
| 240 |
+
value={ nameThree }
|
| 241 |
+
onChange={ (text) => setAttributes( { nameThree: text } ) }
|
| 242 |
+
style={ {
|
| 243 |
+
color: nameColor
|
| 244 |
+
} }
|
| 245 |
+
keepPlaceholderOnFocus
|
| 246 |
+
/>
|
| 247 |
+
<RichText
|
| 248 |
+
tagName={'p'}
|
| 249 |
+
value={ positionThree }
|
| 250 |
+
className={ 'ugb-team-member-position' }
|
| 251 |
+
onChange={ (text) => setAttributes( { positionThree: text } ) }
|
| 252 |
+
style={ {
|
| 253 |
+
color: posColor
|
| 254 |
+
} }
|
| 255 |
+
keepPlaceholderOnFocus
|
| 256 |
+
/>
|
| 257 |
+
<RichText
|
| 258 |
+
tagName={'p'}
|
| 259 |
+
value={ desThree }
|
| 260 |
+
className={ 'ugb-team-member-des-three' }
|
| 261 |
+
onChange={ (text) => setAttributes( { desThree: text } ) }
|
| 262 |
+
style={ {
|
| 263 |
+
color: desColor
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 264 |
} }
|
| 265 |
+
keepPlaceholderOnFocus
|
| 266 |
/>
|
| 267 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 268 |
</div>
|
| 269 |
+
</Fragment>
|
| 270 |
+
)
|
| 271 |
}
|
| 272 |
|
| 273 |
export const save = ( props ) => {
|
| 300 |
<div className={ `ugb-team-member column-${columns} image-${ shapes }` }>
|
| 301 |
<div className={ 'ugb-team-member-column-one' }>
|
| 302 |
{ mediaURL && <div className="team-member-image" style={{ backgroundImage: `url(${mediaURL})` }} data-src={mediaURL}></div> }
|
| 303 |
+
{ ! RichText.isEmpty( name ) && (
|
| 304 |
+
<RichText.Content
|
| 305 |
+
tagName='h4'
|
| 306 |
+
style={ { color: nameColor } }
|
| 307 |
+
value={ name }
|
| 308 |
+
/>
|
| 309 |
) }
|
| 310 |
+
{ ! RichText.isEmpty( position ) && (
|
| 311 |
+
<RichText.Content
|
| 312 |
+
tagName='p'
|
| 313 |
+
className='ugb-team-member-position'
|
| 314 |
+
style={ { color: posColor } }
|
| 315 |
+
value={ position }
|
| 316 |
+
/>
|
| 317 |
) }
|
| 318 |
+
{ ! RichText.isEmpty( des ) && (
|
| 319 |
+
<RichText.Content
|
| 320 |
+
tagName='p'
|
| 321 |
+
className='ugb-team-member-des'
|
| 322 |
+
style={ { color: desColor } }
|
| 323 |
+
value={ des }
|
| 324 |
+
/>
|
| 325 |
) }
|
| 326 |
</div>
|
| 327 |
{ columns > 1 && (
|
| 328 |
<div className={ 'ugb-team-member-column-two' }>
|
| 329 |
{ mediaURLTwo && <div className="team-member-image" style={{ backgroundImage: `url(${mediaURLTwo})` }} data-src={mediaURLTwo}></div> }
|
| 330 |
+
{ ! RichText.isEmpty( nameTwo ) && (
|
| 331 |
+
<RichText.Content
|
| 332 |
+
tagName='h4'
|
| 333 |
+
style={ { color: nameColor } }
|
| 334 |
+
value={ nameTwo }
|
| 335 |
+
/>
|
| 336 |
) }
|
| 337 |
+
{ ! RichText.isEmpty( positionTwo ) && (
|
| 338 |
+
<RichText.Content
|
| 339 |
+
tagName='p'
|
| 340 |
+
className='ugb-team-member-position'
|
| 341 |
+
style={ { color: posColor } }
|
| 342 |
+
value={ positionTwo }
|
| 343 |
+
/>
|
| 344 |
) }
|
| 345 |
+
{ ! RichText.isEmpty( desTwo ) && (
|
| 346 |
+
<RichText.Content
|
| 347 |
+
tagName='p'
|
| 348 |
+
className='ugb-team-member-des-two'
|
| 349 |
+
style={ { color: desColor } }
|
| 350 |
+
value={ desTwo }
|
| 351 |
+
/>
|
| 352 |
) }
|
| 353 |
</div>
|
| 354 |
) }
|
| 355 |
{ columns > 2 && (
|
| 356 |
<div className={ 'ugb-team-member-column-three' }>
|
| 357 |
{ mediaURLThree && <div className="team-member-image" style={{ backgroundImage: `url(${mediaURLThree})` }} data-src={mediaURLThree}></div> }
|
| 358 |
+
{ ! RichText.isEmpty( nameThree ) && (
|
| 359 |
+
<RichText.Content
|
| 360 |
+
tagName='h4'
|
| 361 |
+
style={ { color: nameColor } }
|
| 362 |
+
value={ nameThree }
|
| 363 |
+
/>
|
| 364 |
) }
|
| 365 |
+
{ ! RichText.isEmpty( positionThree ) && (
|
| 366 |
+
<RichText.Content
|
| 367 |
+
tagName='p'
|
| 368 |
+
className='ugb-team-member-position'
|
| 369 |
+
style={ { color: posColor } }
|
| 370 |
+
value={ positionThree }
|
| 371 |
+
/>
|
| 372 |
) }
|
| 373 |
+
{ ! RichText.isEmpty( desThree ) && (
|
| 374 |
+
<RichText.Content
|
| 375 |
+
tagName='p'
|
| 376 |
+
className='ugb-team-member-des-three'
|
| 377 |
+
style={ { color: desColor } }
|
| 378 |
+
value={ desThree }
|
| 379 |
+
/>
|
| 380 |
) }
|
| 381 |
</div>
|
| 382 |
) }
|
src/block/testimonial/index.js
CHANGED
|
@@ -21,7 +21,8 @@ import {
|
|
| 21 |
ColorPalette,
|
| 22 |
MediaUpload,
|
| 23 |
BlockControls,
|
| 24 |
-
PanelBody
|
|
|
|
| 25 |
} from '../../wp-imports'
|
| 26 |
|
| 27 |
export const edit = ( props ) => {
|
|
@@ -66,16 +67,9 @@ export const edit = ( props ) => {
|
|
| 66 |
{ value: '3', label: __( 'Three Column' ) },
|
| 67 |
];
|
| 68 |
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
return [
|
| 74 |
-
isSelected && (
|
| 75 |
-
<BlockControls/>
|
| 76 |
-
),
|
| 77 |
-
isSelected && (
|
| 78 |
-
<InspectorControls key={ 'inspector' }>
|
| 79 |
<PanelBody>
|
| 80 |
<SelectControl
|
| 81 |
label={ __( 'Column Number' ) }
|
|
@@ -115,169 +109,151 @@ export const edit = ( props ) => {
|
|
| 115 |
>
|
| 116 |
</PanelColorSettings>
|
| 117 |
</InspectorControls>
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 134 |
} }
|
|
|
|
| 135 |
/>
|
| 136 |
</div>
|
| 137 |
-
<
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
return <Button
|
| 181 |
-
className={ mediaIDTwo ? '' : 'button button-large' }
|
| 182 |
-
onClick={ obj.open } >
|
| 183 |
-
{
|
| 184 |
-
mediaIDTwo ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURLTwo})` }}></div> : __( 'Upload Image' )
|
| 185 |
-
}
|
| 186 |
-
</Button>
|
| 187 |
} }
|
|
|
|
| 188 |
/>
|
| 189 |
</div>
|
| 190 |
-
<
|
| 191 |
-
|
| 192 |
-
|
| 193 |
-
|
| 194 |
-
|
| 195 |
-
|
| 196 |
-
|
| 197 |
-
|
| 198 |
-
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
-
|
| 203 |
-
|
| 204 |
-
|
| 205 |
-
|
| 206 |
-
|
| 207 |
-
|
| 208 |
-
|
| 209 |
-
|
| 210 |
-
|
| 211 |
-
|
| 212 |
-
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
|
| 225 |
-
|
| 226 |
-
|
| 227 |
-
|
| 228 |
-
|
| 229 |
-
|
| 230 |
-
|
| 231 |
-
|
| 232 |
-
|
| 233 |
-
return <Button
|
| 234 |
-
className={ mediaIDThree ? '' : 'button button-large' }
|
| 235 |
-
onClick={ obj.open } >
|
| 236 |
-
{
|
| 237 |
-
mediaIDThree ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURLThree})` }}></div> : __( 'Upload Image' )
|
| 238 |
-
}
|
| 239 |
-
</Button>
|
| 240 |
} }
|
|
|
|
| 241 |
/>
|
| 242 |
</div>
|
| 243 |
-
<RichText
|
| 244 |
-
tagName={ 'h4' }
|
| 245 |
-
value={ testimonialTitleThree }
|
| 246 |
-
onChange={ (text) => setAttributes( { testimonialTitleThree: text } ) }
|
| 247 |
-
isSelected={ isSelected && editable === 'testimonialTitleThree' }
|
| 248 |
-
onFocus={ onSetActiveEditable( 'testimonialTitleThree' ) }
|
| 249 |
-
style={ {
|
| 250 |
-
color: titleColor
|
| 251 |
-
} }
|
| 252 |
-
keepPlaceholderOnFocus
|
| 253 |
-
/>
|
| 254 |
-
<RichText
|
| 255 |
-
tagName={'p'}
|
| 256 |
-
value={ positionThree }
|
| 257 |
-
className={ 'ugb-testimonial-position-three' }
|
| 258 |
-
onChange={ (text) => setAttributes( { positionThree: text } ) }
|
| 259 |
-
isSelected={ isSelected && editable === 'positionThree' }
|
| 260 |
-
onFocus={ onSetActiveEditable( 'positionThree' ) }
|
| 261 |
-
style={ {
|
| 262 |
-
color: posColor
|
| 263 |
-
} }
|
| 264 |
-
keepPlaceholderOnFocus
|
| 265 |
-
/>
|
| 266 |
-
<RichText
|
| 267 |
-
tagName={'p'}
|
| 268 |
-
value={ bodyThree }
|
| 269 |
-
className={ 'ugb-testimonial-body-three' }
|
| 270 |
-
onChange={ (text) => setAttributes( { bodyThree: text } ) }
|
| 271 |
-
isSelected={ isSelected && editable === 'bodyThree' }
|
| 272 |
-
onFocus={ onSetActiveEditable( 'bodyThree' ) }
|
| 273 |
-
style={ {
|
| 274 |
-
color: bodyTextColor
|
| 275 |
-
} }
|
| 276 |
-
keepPlaceholderOnFocus
|
| 277 |
-
/>
|
| 278 |
</div>
|
| 279 |
-
</
|
| 280 |
-
|
| 281 |
}
|
| 282 |
|
| 283 |
export const save = ( props ) => {
|
|
@@ -306,7 +282,7 @@ export const save = ( props ) => {
|
|
| 306 |
} = props.attributes;
|
| 307 |
|
| 308 |
const tesitimonialIcon = (
|
| 309 |
-
<div
|
| 310 |
<svg viewBox="0 0 246 187.5" style={ { fill: iconColor } }>
|
| 311 |
<path d="M98.5,0h-93C2.5,0,0,2.5,0,5.5v93c0,3,2.5,5.5,5.5,5.5h39c-1.7,15.5-8.8,50-39,50c-3,0-5.5,2.5-5.5,5.5V182c0,3,2.5,5.5,5.5,5.5c5.2,0,98.5-4.5,98.5-89v-93C104,2.5,101.5,0,98.5,0z"/>
|
| 312 |
<path d="M240.5,0h-93c-3,0-5.5,2.5-5.5,5.5v93c0,3,2.5,5.5,5.5,5.5h39c-1.7,15.5-8.8,50-39,50c-3,0-5.5,2.5-5.5,5.5V182c0,3,2.5,5.5,5.5,5.5c5.2,0,98.5-4.5,98.5-89v-93C246,2.5,243.5,0,240.5,0z"/>
|
|
@@ -319,59 +295,83 @@ export const save = ( props ) => {
|
|
| 319 |
<div className={ `ugb-testimonial column-${columns}` }>
|
| 320 |
<div className={ 'ugb-testimonial-column-one' }>
|
| 321 |
{ mediaURL ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURL})` }} data-src={mediaURL}></div> : tesitimonialIcon }
|
| 322 |
-
{
|
| 323 |
-
<
|
| 324 |
-
|
| 325 |
-
|
|
|
|
|
|
|
| 326 |
) }
|
| 327 |
-
{
|
| 328 |
-
<
|
| 329 |
-
|
| 330 |
-
|
|
|
|
|
|
|
|
|
|
| 331 |
) }
|
| 332 |
-
{
|
| 333 |
-
<
|
| 334 |
-
|
| 335 |
-
|
|
|
|
|
|
|
|
|
|
| 336 |
) }
|
| 337 |
</div>
|
| 338 |
{ columns > 1 && (
|
| 339 |
<div className={ 'ugb-testimonial-column-two' }>
|
| 340 |
{ mediaURLTwo ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURLTwo})` }} data-src={mediaURLTwo}></div> : tesitimonialIcon }
|
| 341 |
-
{
|
| 342 |
-
<
|
| 343 |
-
|
| 344 |
-
|
|
|
|
|
|
|
| 345 |
) }
|
| 346 |
-
{
|
| 347 |
-
<
|
| 348 |
-
|
| 349 |
-
|
|
|
|
|
|
|
|
|
|
| 350 |
) }
|
| 351 |
-
{
|
| 352 |
-
<
|
| 353 |
-
|
| 354 |
-
|
|
|
|
|
|
|
|
|
|
| 355 |
) }
|
| 356 |
</div>
|
| 357 |
) }
|
| 358 |
{ columns > 2 && (
|
| 359 |
<div className={ 'ugb-testimonial-column-three' }>
|
| 360 |
{ mediaURLThree ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURLThree})` }} data-src={mediaURLThree}></div> : tesitimonialIcon }
|
| 361 |
-
{
|
| 362 |
-
<
|
| 363 |
-
|
| 364 |
-
|
|
|
|
|
|
|
| 365 |
) }
|
| 366 |
-
{
|
| 367 |
-
<
|
| 368 |
-
|
| 369 |
-
|
|
|
|
|
|
|
|
|
|
| 370 |
) }
|
| 371 |
-
{
|
| 372 |
-
<
|
| 373 |
-
|
| 374 |
-
|
|
|
|
|
|
|
|
|
|
| 375 |
) }
|
| 376 |
</div>
|
| 377 |
) }
|
| 21 |
ColorPalette,
|
| 22 |
MediaUpload,
|
| 23 |
BlockControls,
|
| 24 |
+
PanelBody,
|
| 25 |
+
Fragment,
|
| 26 |
} from '../../wp-imports'
|
| 27 |
|
| 28 |
export const edit = ( props ) => {
|
| 67 |
{ value: '3', label: __( 'Three Column' ) },
|
| 68 |
];
|
| 69 |
|
| 70 |
+
return (
|
| 71 |
+
<Fragment>
|
| 72 |
+
<InspectorControls>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 73 |
<PanelBody>
|
| 74 |
<SelectControl
|
| 75 |
label={ __( 'Column Number' ) }
|
| 109 |
>
|
| 110 |
</PanelColorSettings>
|
| 111 |
</InspectorControls>
|
| 112 |
+
<div className={ `ugb-testimonial column-${columns}` }>
|
| 113 |
+
<div className={ 'ugb-testimonial-column-one' }>
|
| 114 |
+
<div>
|
| 115 |
+
<MediaUpload
|
| 116 |
+
onSelect={ ( media ) => setAttributes( { mediaURL: media.url, mediaID: media.id } ) }
|
| 117 |
+
type={'image'}
|
| 118 |
+
value={mediaID}
|
| 119 |
+
render={ function( obj ) {
|
| 120 |
+
return <Button
|
| 121 |
+
className={ mediaID ? '' : 'button button-large' }
|
| 122 |
+
onClick={ obj.open } >
|
| 123 |
+
{
|
| 124 |
+
mediaID ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURL})` }}></div> : __( 'Upload Image' )
|
| 125 |
+
}
|
| 126 |
+
</Button>
|
| 127 |
+
} }
|
| 128 |
+
/>
|
| 129 |
+
</div>
|
| 130 |
+
<RichText
|
| 131 |
+
tagName={ 'h4' }
|
| 132 |
+
value={ testimonialTitle }
|
| 133 |
+
onChange={ (text) => setAttributes( { testimonialTitle: text } ) }
|
| 134 |
+
style={ {
|
| 135 |
+
color: titleColor
|
| 136 |
+
} }
|
| 137 |
+
keepPlaceholderOnFocus
|
| 138 |
+
/>
|
| 139 |
+
<RichText
|
| 140 |
+
tagName={'p'}
|
| 141 |
+
value={ position }
|
| 142 |
+
className={ 'ugb-testimonial-position' }
|
| 143 |
+
onChange={ (text) => setAttributes( { position: text } ) }
|
| 144 |
+
style={ {
|
| 145 |
+
color: posColor
|
| 146 |
+
} }
|
| 147 |
+
keepPlaceholderOnFocus
|
| 148 |
+
/>
|
| 149 |
+
<RichText
|
| 150 |
+
tagName={'p'}
|
| 151 |
+
value={ body }
|
| 152 |
+
className={ 'ugb-testimonial-body' }
|
| 153 |
+
onChange={ (text) => setAttributes( { body: text } ) }
|
| 154 |
+
style={ {
|
| 155 |
+
color: bodyTextColor
|
| 156 |
} }
|
| 157 |
+
keepPlaceholderOnFocus
|
| 158 |
/>
|
| 159 |
</div>
|
| 160 |
+
<div className={ 'ugb-testimonial-column-two' }>
|
| 161 |
+
<div>
|
| 162 |
+
<MediaUpload
|
| 163 |
+
onSelect={ ( media ) => setAttributes( { mediaURLTwo: media.url, mediaIDTwo: media.id } ) }
|
| 164 |
+
type={'image'}
|
| 165 |
+
value={ mediaIDTwo }
|
| 166 |
+
render={ function( obj ) {
|
| 167 |
+
return <Button
|
| 168 |
+
className={ mediaIDTwo ? '' : 'button button-large' }
|
| 169 |
+
onClick={ obj.open } >
|
| 170 |
+
{
|
| 171 |
+
mediaIDTwo ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURLTwo})` }}></div> : __( 'Upload Image' )
|
| 172 |
+
}
|
| 173 |
+
</Button>
|
| 174 |
+
} }
|
| 175 |
+
/>
|
| 176 |
+
</div>
|
| 177 |
+
<RichText
|
| 178 |
+
tagName={ 'h4' }
|
| 179 |
+
value={ testimonialTitleTwo }
|
| 180 |
+
onChange={ (text) => setAttributes( { testimonialTitleTwo: text } ) }
|
| 181 |
+
style={ {
|
| 182 |
+
color: titleColor
|
| 183 |
+
} }
|
| 184 |
+
keepPlaceholderOnFocus
|
| 185 |
+
/>
|
| 186 |
+
<RichText
|
| 187 |
+
tagName={'p'}
|
| 188 |
+
value={ positionTwo }
|
| 189 |
+
className={ 'ugb-testimonial-position-two' }
|
| 190 |
+
onChange={ (text) => setAttributes( { positionTwo: text } ) }
|
| 191 |
+
style={ {
|
| 192 |
+
color: posColor
|
| 193 |
+
} }
|
| 194 |
+
keepPlaceholderOnFocus
|
| 195 |
+
/>
|
| 196 |
+
<RichText
|
| 197 |
+
tagName={'p'}
|
| 198 |
+
value={ bodyTwo }
|
| 199 |
+
className={ 'ugb-testimonial-body-two' }
|
| 200 |
+
onChange={ (text) => setAttributes( { bodyTwo: text } ) }
|
| 201 |
+
style={ {
|
| 202 |
+
color: bodyTextColor
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 203 |
} }
|
| 204 |
+
keepPlaceholderOnFocus
|
| 205 |
/>
|
| 206 |
</div>
|
| 207 |
+
<div className={ 'ugb-testimonial-column-three' }>
|
| 208 |
+
<div>
|
| 209 |
+
<MediaUpload
|
| 210 |
+
onSelect={ ( media ) => setAttributes( { mediaURLThree: media.url, mediaIDThree: media.id } ) }
|
| 211 |
+
type={'image'}
|
| 212 |
+
value={ mediaIDThree }
|
| 213 |
+
render={ function( obj ) {
|
| 214 |
+
return <Button
|
| 215 |
+
className={ mediaIDThree ? '' : 'button button-large' }
|
| 216 |
+
onClick={ obj.open } >
|
| 217 |
+
{
|
| 218 |
+
mediaIDThree ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURLThree})` }}></div> : __( 'Upload Image' )
|
| 219 |
+
}
|
| 220 |
+
</Button>
|
| 221 |
+
} }
|
| 222 |
+
/>
|
| 223 |
+
</div>
|
| 224 |
+
<RichText
|
| 225 |
+
tagName={ 'h4' }
|
| 226 |
+
value={ testimonialTitleThree }
|
| 227 |
+
onChange={ (text) => setAttributes( { testimonialTitleThree: text } ) }
|
| 228 |
+
style={ {
|
| 229 |
+
color: titleColor
|
| 230 |
+
} }
|
| 231 |
+
keepPlaceholderOnFocus
|
| 232 |
+
/>
|
| 233 |
+
<RichText
|
| 234 |
+
tagName={'p'}
|
| 235 |
+
value={ positionThree }
|
| 236 |
+
className={ 'ugb-testimonial-position-three' }
|
| 237 |
+
onChange={ (text) => setAttributes( { positionThree: text } ) }
|
| 238 |
+
style={ {
|
| 239 |
+
color: posColor
|
| 240 |
+
} }
|
| 241 |
+
keepPlaceholderOnFocus
|
| 242 |
+
/>
|
| 243 |
+
<RichText
|
| 244 |
+
tagName={'p'}
|
| 245 |
+
value={ bodyThree }
|
| 246 |
+
className={ 'ugb-testimonial-body-three' }
|
| 247 |
+
onChange={ (text) => setAttributes( { bodyThree: text } ) }
|
| 248 |
+
style={ {
|
| 249 |
+
color: bodyTextColor
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 250 |
} }
|
| 251 |
+
keepPlaceholderOnFocus
|
| 252 |
/>
|
| 253 |
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 254 |
</div>
|
| 255 |
+
</Fragment>
|
| 256 |
+
)
|
| 257 |
}
|
| 258 |
|
| 259 |
export const save = ( props ) => {
|
| 282 |
} = props.attributes;
|
| 283 |
|
| 284 |
const tesitimonialIcon = (
|
| 285 |
+
<div className={ 'quote-icon' }>
|
| 286 |
<svg viewBox="0 0 246 187.5" style={ { fill: iconColor } }>
|
| 287 |
<path d="M98.5,0h-93C2.5,0,0,2.5,0,5.5v93c0,3,2.5,5.5,5.5,5.5h39c-1.7,15.5-8.8,50-39,50c-3,0-5.5,2.5-5.5,5.5V182c0,3,2.5,5.5,5.5,5.5c5.2,0,98.5-4.5,98.5-89v-93C104,2.5,101.5,0,98.5,0z"/>
|
| 288 |
<path d="M240.5,0h-93c-3,0-5.5,2.5-5.5,5.5v93c0,3,2.5,5.5,5.5,5.5h39c-1.7,15.5-8.8,50-39,50c-3,0-5.5,2.5-5.5,5.5V182c0,3,2.5,5.5,5.5,5.5c5.2,0,98.5-4.5,98.5-89v-93C246,2.5,243.5,0,240.5,0z"/>
|
| 295 |
<div className={ `ugb-testimonial column-${columns}` }>
|
| 296 |
<div className={ 'ugb-testimonial-column-one' }>
|
| 297 |
{ mediaURL ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURL})` }} data-src={mediaURL}></div> : tesitimonialIcon }
|
| 298 |
+
{ ! RichText.isEmpty( testimonialTitle ) && (
|
| 299 |
+
<RichText.Content
|
| 300 |
+
tagName='h4'
|
| 301 |
+
style={ { color: titleColor } }
|
| 302 |
+
value={ testimonialTitle }
|
| 303 |
+
/>
|
| 304 |
) }
|
| 305 |
+
{ ! RichText.isEmpty( position ) && (
|
| 306 |
+
<RichText.Content
|
| 307 |
+
tagName='p'
|
| 308 |
+
className='ugb-testimonial-position'
|
| 309 |
+
style={ { color: posColor } }
|
| 310 |
+
value={ position }
|
| 311 |
+
/>
|
| 312 |
) }
|
| 313 |
+
{ ! RichText.isEmpty( body ) && (
|
| 314 |
+
<RichText.Content
|
| 315 |
+
tagName='p'
|
| 316 |
+
className='ugb-testimonial-body'
|
| 317 |
+
style={ { color: bodyTextColor } }
|
| 318 |
+
value={ body }
|
| 319 |
+
/>
|
| 320 |
) }
|
| 321 |
</div>
|
| 322 |
{ columns > 1 && (
|
| 323 |
<div className={ 'ugb-testimonial-column-two' }>
|
| 324 |
{ mediaURLTwo ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURLTwo})` }} data-src={mediaURLTwo}></div> : tesitimonialIcon }
|
| 325 |
+
{ ! RichText.isEmpty( testimonialTitleTwo ) && (
|
| 326 |
+
<RichText.Content
|
| 327 |
+
tagName='h4'
|
| 328 |
+
style={ { color: titleColor } }
|
| 329 |
+
value={ testimonialTitleTwo }
|
| 330 |
+
/>
|
| 331 |
) }
|
| 332 |
+
{ ! RichText.isEmpty( positionTwo ) && (
|
| 333 |
+
<RichText.Content
|
| 334 |
+
tagName='p'
|
| 335 |
+
className='ugb-testimonial-position-two'
|
| 336 |
+
style={ { color: posColor } }
|
| 337 |
+
value={ positionTwo }
|
| 338 |
+
/>
|
| 339 |
) }
|
| 340 |
+
{ ! RichText.isEmpty( bodyTwo ) && (
|
| 341 |
+
<RichText.Content
|
| 342 |
+
tagName='p'
|
| 343 |
+
className='ugb-testimonial-body-two'
|
| 344 |
+
style={ { color: bodyTextColor } }
|
| 345 |
+
value={ bodyTwo }
|
| 346 |
+
/>
|
| 347 |
) }
|
| 348 |
</div>
|
| 349 |
) }
|
| 350 |
{ columns > 2 && (
|
| 351 |
<div className={ 'ugb-testimonial-column-three' }>
|
| 352 |
{ mediaURLThree ? <div className="testimonial-image" style={{ backgroundImage: `url(${mediaURLThree})` }} data-src={mediaURLThree}></div> : tesitimonialIcon }
|
| 353 |
+
{ ! RichText.isEmpty( testimonialTitleThree ) && (
|
| 354 |
+
<RichText.Content
|
| 355 |
+
tagName='h4'
|
| 356 |
+
style={ { color: titleColor } }
|
| 357 |
+
value={ testimonialTitleThree }
|
| 358 |
+
/>
|
| 359 |
) }
|
| 360 |
+
{ ! RichText.isEmpty( positionThree ) && (
|
| 361 |
+
<RichText.Content
|
| 362 |
+
tagName='p'
|
| 363 |
+
className='ugb-testimonial-position-three'
|
| 364 |
+
style={ { color: posColor } }
|
| 365 |
+
value={ positionThree }
|
| 366 |
+
/>
|
| 367 |
) }
|
| 368 |
+
{ ! RichText.isEmpty( bodyThree ) && (
|
| 369 |
+
<RichText.Content
|
| 370 |
+
tagName='p'
|
| 371 |
+
className='ugb-testimonial-body-three'
|
| 372 |
+
style={ { color: bodyTextColor } }
|
| 373 |
+
value={ bodyThree }
|
| 374 |
+
/>
|
| 375 |
) }
|
| 376 |
</div>
|
| 377 |
) }
|
src/block/video-popup/editor.scss
CHANGED
|
@@ -20,3 +20,7 @@ form.ugb-video-popup-link {
|
|
| 20 |
margin: 0 0 0 30px;
|
| 21 |
}
|
| 22 |
}
|
|
|
|
|
|
|
|
|
|
|
|
| 20 |
margin: 0 0 0 30px;
|
| 21 |
}
|
| 22 |
}
|
| 23 |
+
.ugb-video-popup-link .ugb-video-popup-link-desc {
|
| 24 |
+
text-align: center;
|
| 25 |
+
margin: 0;
|
| 26 |
+
}
|
src/block/video-popup/index.js
CHANGED
|
@@ -24,7 +24,8 @@ import {
|
|
| 24 |
ColorPalette,
|
| 25 |
BlockControls,
|
| 26 |
URLInput,
|
| 27 |
-
PanelBody
|
|
|
|
| 28 |
} from '../../wp-imports'
|
| 29 |
|
| 30 |
const playButton = {
|
|
@@ -52,9 +53,9 @@ export const edit = ( props ) => {
|
|
| 52 |
{ value: 'outline', label: __( 'Outline Play Button' ) }
|
| 53 |
];
|
| 54 |
|
| 55 |
-
return
|
| 56 |
-
|
| 57 |
-
<BlockControls
|
| 58 |
{ mediaLink && (
|
| 59 |
<Toolbar>
|
| 60 |
<MediaUpload
|
|
@@ -73,9 +74,7 @@ export const edit = ( props ) => {
|
|
| 73 |
</Toolbar>
|
| 74 |
)}
|
| 75 |
</BlockControls>
|
| 76 |
-
|
| 77 |
-
isSelected && (
|
| 78 |
-
<InspectorControls key={ 'inspector' }>
|
| 79 |
<PanelBody>
|
| 80 |
<SelectControl
|
| 81 |
label={ __( 'Play Button Style' ) }
|
|
@@ -100,56 +99,55 @@ export const edit = ( props ) => {
|
|
| 100 |
>
|
| 101 |
</PanelColorSettings>
|
| 102 |
</InspectorControls>
|
| 103 |
-
|
| 104 |
-
|
| 105 |
-
|
| 106 |
-
|
| 107 |
-
|
| 108 |
-
|
| 109 |
-
|
| 110 |
-
|
| 111 |
-
|
| 112 |
-
|
| 113 |
-
|
| 114 |
-
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
|
| 123 |
-
|
| 124 |
-
|
| 125 |
-
|
| 126 |
-
|
| 127 |
-
|
| 128 |
-
|
| 129 |
-
|
| 130 |
-
|
| 131 |
-
</
|
| 132 |
</div>
|
| 133 |
-
|
| 134 |
-
|
| 135 |
-
|
| 136 |
-
|
| 137 |
-
|
| 138 |
-
|
| 139 |
-
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
];
|
| 153 |
}
|
| 154 |
|
| 155 |
export const save = ( props ) => {
|
| 24 |
ColorPalette,
|
| 25 |
BlockControls,
|
| 26 |
URLInput,
|
| 27 |
+
PanelBody,
|
| 28 |
+
Fragment,
|
| 29 |
} from '../../wp-imports'
|
| 30 |
|
| 31 |
const playButton = {
|
| 53 |
{ value: 'outline', label: __( 'Outline Play Button' ) }
|
| 54 |
];
|
| 55 |
|
| 56 |
+
return (
|
| 57 |
+
<Fragment>
|
| 58 |
+
<BlockControls>
|
| 59 |
{ mediaLink && (
|
| 60 |
<Toolbar>
|
| 61 |
<MediaUpload
|
| 74 |
</Toolbar>
|
| 75 |
)}
|
| 76 |
</BlockControls>
|
| 77 |
+
<InspectorControls>
|
|
|
|
|
|
|
| 78 |
<PanelBody>
|
| 79 |
<SelectControl
|
| 80 |
label={ __( 'Play Button Style' ) }
|
| 99 |
>
|
| 100 |
</PanelColorSettings>
|
| 101 |
</InspectorControls>
|
| 102 |
+
<div className='ugb-video-popup'
|
| 103 |
+
data-video={ videoLink }
|
| 104 |
+
style={ { backgroundColor: overlayColor } }>
|
| 105 |
+
<div className='ugb-video-preview'
|
| 106 |
+
style={ { backgroundImage: `url(${mediaLink})` } }>
|
| 107 |
+
</div>
|
| 108 |
+
<div className='ugb-video-wrapper' >
|
| 109 |
+
<MediaUpload
|
| 110 |
+
onSelect={ ( media ) => setAttributes( { mediaLink: media.url, mediaID: media.id } ) }
|
| 111 |
+
type={'image'}
|
| 112 |
+
value={ mediaID }
|
| 113 |
+
render={ function( obj ) {
|
| 114 |
+
return [
|
| 115 |
+
! mediaLink && (
|
| 116 |
+
<Button
|
| 117 |
+
className={ mediaID ? '' : 'button button-large' }
|
| 118 |
+
onClick={ obj.open }
|
| 119 |
+
>
|
| 120 |
+
{__('Upload Image')}
|
| 121 |
+
</Button>
|
| 122 |
+
)
|
| 123 |
+
]
|
| 124 |
+
} }
|
| 125 |
+
/>
|
| 126 |
+
<div className='ugb-video-overlay' style={ { backgroundColor: overlayColor } } />
|
| 127 |
+
<span className="ugb-play-button">
|
| 128 |
+
{ playButton[ playButtonType ] }
|
| 129 |
+
</span>
|
| 130 |
+
</div>
|
| 131 |
</div>
|
| 132 |
+
{ isSelected && (
|
| 133 |
+
<form
|
| 134 |
+
onSubmit={ ( event ) => event.preventDefault() }
|
| 135 |
+
className='ugb-video-popup-link blocks-button__inline-link'>
|
| 136 |
+
<Dashicon icon={ 'admin-links' } />
|
| 137 |
+
<URLInput
|
| 138 |
+
value={ videoLink }
|
| 139 |
+
onChange={ ( value ) => setAttributes( { videoLink: value } ) }
|
| 140 |
+
/>
|
| 141 |
+
<IconButton
|
| 142 |
+
icon={ 'editor-break' }
|
| 143 |
+
label={ __( 'Apply' ) }
|
| 144 |
+
type={ 'submit' }
|
| 145 |
+
/>
|
| 146 |
+
<p className="ugb-video-popup-link-desc"><i>Youtube/Vimeo ID only</i></p>
|
| 147 |
+
</form>
|
| 148 |
+
) }
|
| 149 |
+
</Fragment>
|
| 150 |
+
)
|
|
|
|
| 151 |
}
|
| 152 |
|
| 153 |
export const save = ( props ) => {
|
src/wp-imports.js
CHANGED
|
@@ -36,6 +36,10 @@ export const {
|
|
| 36 |
BlockAlignmentToolbar,
|
| 37 |
} = wp.editor
|
| 38 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 39 |
export const {
|
| 40 |
omit,
|
| 41 |
merge,
|
| 36 |
BlockAlignmentToolbar,
|
| 37 |
} = wp.editor
|
| 38 |
|
| 39 |
+
export const {
|
| 40 |
+
Fragment,
|
| 41 |
+
} = wp.element
|
| 42 |
+
|
| 43 |
export const {
|
| 44 |
omit,
|
| 45 |
merge,
|
